/*CUSTOM FONT: Boeing Neueb
-------------------------------- */
/*@import url('boeingneue.css');*/
     @import url("https://fast.fonts.net/lt/1.css?apiType=css&c=06c1558d-844d-4f74-a9cf-4f1e70a5b852&fontids=5664085,5664089,5664093,5664098,5664111,5664115,5664119,5664150");
    @font-face{
        font-family:"Helvetica Neue Light";
        src:url("../fonts/5664085/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2") format("woff2"),url("../fonts/5664085/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff");
    }
    @font-face{
        font-family:"Helvetica Neue LT W05 46 Lt It";
        src:url("../fonts/5664089/5e4f385b-17ff-4d27-a63a-9ee28546c9a8.woff2") format("woff2"),url("../fonts/5664089/116cde47-4a07-44a5-9fac-cbdcc1f14f79.woff") format("woff");
    }
    @font-face{
        font-family:"Helvetica Neue LT W05 55 Roman";
        src:url("../fonts/5664093/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2") format("woff2"),
            url("../fonts/5664093/08edde9d-c27b-4731-a27f-d6cd9b01cd06.woff") format("woff");
    }
    @font-face{
        font-family:"Helvetica Neue LT W05 56 Italic";
        src:url("../fonts/5664098/4bd56f95-e7ab-4a32-91fd-b8704cbd38bc.woff2") format("woff2"),url("../fonts/5664098/4fe1c328-1f21-434a-8f0d-5e0cf6c70dfb.woff") format("woff");
    }
    @font-face{
        font-family:"Helvetica Neue LT W05 76 Bd It";
        src:url("../fonts/5664111/13ab58b4-b5ba-4c95-afde-ab2608fbbbd9.woff2") format("woff2"),url("../fonts/5664111/5018b5b5-c821-4653-bc74-d0b11d735f1a.woff") format("woff");
    }
    @font-face{
        font-family:"Helvetica Neue LT W05 85 Heavy";
        src:url("../fonts/5664115/7e42a406-9133-48c0-a705-4264ac520b43.woff2") format("woff2"),url("../fonts/5664115/837750e9-3227-455d-a04e-dc76764aefcf.woff") format("woff");
    }
    @font-face{
        font-family:"Helvetica Neue LT W05 86 Hv It";
        src:url("../fonts/5664119/0acba88f-0de4-4d43-81fd-920d7427f665.woff2") format("woff2"),url("../fonts/5664119/713c9c40-9cbd-4276-819e-d0efaf5d3923.woff") format("woff");
    }
    @font-face{
        font-family:"Helvetica Neue LT W05 75 Bold";
        src:url("../fonts/5664150/800da3b0-675f-465f-892d-d76cecbdd5b1.woff2") format("woff2"),url("../fonts/5664150/7b415a05-784a-4a4c-8c94-67e9288312f5.woff") format("woff");
    }

/* GLOBAL STYLES
-------------------------------------------------- */


body, html {
  height: 100%;
     font-family:"Helvetica Neue LT W05 55 Roman"!important;

  overflow-x:hidden 
 
}
body:after {
    display: none;
    content: url('img/employee_hover.png') url('img/Family_member_hover.png')url('img/spouse_domestic_partner_hover.png') url('img/retiree_hover.png') url('img/candidate_hover.png');
    
}
strong{
  font-family:"Helvetica Neue LT W05 75 Bold";
}
/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.top-left {
  position: absolute;
  top: 6%;
  left: 5%;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 6%;
  right: 5%;
}

/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

ul li {
    margin-bottom: 3px;
}
ul.navbar-nav.me-auto.mb-lg-0 li {
    margin-bottom: 0px;
}
.total{
  font-size: 60px;
  color: #5C0F8C;
    font-family: 'Helvetica Neue Light';
}
.rewards{
  font-size:60px;
  color:#5C0F8C;
 font-family:"Helvetica Neue LT W05 75 Bold";
}
.splash-total{
  margin-top:50px;
}
.employee{
   
  background:url('img/employee.png') no-repeat;
  width: 140px;
    height: 140px;
    position: absolute;
     
    z-index: 1000;
       font-family: 'Helvetica Neue LT W05 55 Roman';
    font-size:12px;

}

.employee:hover{

background:url('../img/employee_hover.png') no-repeat;
text-decoration: none;
}

 
a.employee:after {
    color: #FFF;
    content: "Employee >";
    padding-left: 35px;
}


.family_member{  
  background:transparent url('../img/Family_member.png') no-repeat;
  width: 140px;
    height: 140px;
    position: absolute;
    
    z-index: 1000;
        font-family: 'Helvetica Neue LT W05 55 Roman',Helvetica,Arial,sans-serif;
    font-size:12px;
}

a.family_member:after{
  color: #FFF;
    content: "Family member >";
    padding-left: 35px;
}

.spouse{   
  background:transparent url('img/spouse_domestic_partner.png') no-repeat;
  width: 140px;
    height: 140px;
    position: absolute;
     
    z-index: 1000;
       font-family: 'Helvetica Neue LT W05 55 Roman',Helvetica,Arial,sans-serif;
    font-size:12px;
}


a.spouse:after{
  color: #FFF;
    content: "Spouse/Domestic partner of retiree >";
    padding-left: 35px;
}

.retiree{  
  background:transparent url('img/retiree.png') no-repeat;
  width: 140px;
    height: 140px;
    position: absolute;
    
    z-index: 1000;
      font-family: 'Helvetica Neue LT W05 55 Roman',Helvetica,Arial,sans-serif;
    font-size:12px;
}


a.retiree:after{
  color: #FFF;
    content: "Retiree >";
    padding-left: 35px;
}
.sp1{
  display: inline-block;
}
  

.row.header {
    margin-bottom: 10px;
}


  .bg { 
  /* The image used */
  background-image: url("../img/boeing_public_splash_image.jpg");
  background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    height:100%;
    width: 100%;
    position: relative;


}

 .emp_population { 
  /* The image used */
  background-image: url("../img/employee_home_banner.jpg");
  background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    height:50%;
    width: 100%;
    position: relative;


}
p.splash_para {
    max-width: 920px;
}

.sup-small{
  font-size: 8px;
      top: -8px;
}
.footer a{
  text-decoration: none;
  color:#000000;
}
.footer a:hover{
  text-decoration: underline;
  color:#000;
}
@media screen and (max-width: 578px){
  .bg,.emp_population{
    height: auto;
  }
}


#em {
    background: url(../img/employee.png) center no-repeat;
    width: 140px;
    height: 140px;
    padding: 15px;
    text-align: center;
    display: block;
}
a #em:hover {
    background: url(../img/employee_hover.png) center 0px no-repeat;
  }
span.employee_label {
    color: #FFF;
    font-size: 12px;
      font-family: 'Helvetica Neue LT W05 55 Roman',Helvetica,Arial,sans-serif;
}

#fam {
    background: url(../img/Family_member.png) center no-repeat;
    width: 140px;
    height: 140px;
    padding: 12px;
    text-align: center;
    display: block;
}
a #fam:hover {
    background: url(../img/Family_member_hover.png) center 0px no-repeat;

}
span.family_label {
    color: #FFF;
    display: inline-block;
    font-size: 12px;
    padding-left: 10px;
    line-height: 14px;
    font-family: 'Helvetica Neue LT W05 55 Roman',Helvetica,Arial,sans-serif;
    text-align: center;


  }

#ret {
    background: url(../img/retiree.png) center no-repeat;
    width: 140px;
    height: 140px;
    padding: 15px;
    text-align: center;
    display: block;
}
a #ret:hover {
    background: url(../img/retiree_hover.png) center 0px no-repeat;
  }
span.retiree_label {
    color: #FFF;
    font-size: 12px;
      font-family: 'Helvetica Neue LT W05 55 Roman',Helvetica,Arial,sans-serif;
}

.splash_population a:hover,.splash_population a {
    text-decoration: none;

}

#ret-fam {
    background: url(../img/spouse_domestic_partner.png) center no-repeat;
    width: 140px;
    height: 140px;
    padding: 15px;
    display: block;
}
a #ret-fam:hover {
    background: url(../img/spouse_domestic_partner_hover.png) center no-repeat;
}
span.retiree_family_label {
    color: #FFF;
    display: inline-block;
    font-size: 12px;
    padding-left: 10px;
    line-height: 14px;
    font-family: 'Helvetica Neue LT W05 55 Roman',Helvetica,Arial,sans-serif;
    text-align: center;
}
#cnd {
    background: url(../img/candidate.png) center no-repeat;
    width: 140px;
    height: 140px;
    padding: 15px;
    text-align: center;
    display: block;
}
a #cnd:hover {
    background: url(../img/candidate_hover.png) center 0px no-repeat;
  }
span.candidate_label {
    color: #FFF;
    font-size: 12px;
      font-family: 'Helvetica Neue LT W05 55 Roman',Helvetica,Arial,sans-serif;
}

#military {
    background: url(../img/Military_connected.png) center no-repeat;
    width: 140px;
    height: 140px;
    padding: 15px;
    text-align: center;
    display: block;
}
a #military:hover {
    background: url(../img/Military_connected_hover.png) center 0px no-repeat;
  }
span.military_label {
   color: #FFF;
    display: inline-block;
    font-size: 12px;
    padding-left: 10px;
    line-height: 14px;
    font-family: 'Helvetica Neue LT W05 55 Roman',Helvetica,Arial,sans-serif;
    text-align: center;
}
 
.centere{
  position: absolute;
  left: 40%;
    transform: translate(-40%, 0%);

}
.splash_population{
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  margin-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
}

.btn{
      background: #0033A1;
    color: #FFF;
    border-radius: 9px;
    margin-bottom: 15px;
}
a.btn-candidate{
  background:#4B95D7;
    color: #FFF;
    border-radius: 9px;
    margin-bottom: 15px;
    padding: .375rem .75rem;
}
a.btn-candidate:hover {
    color: #FFF;
    background: #56AFFF;
}
#cnd-btn {
    margin-top: 20px;
    margin-bottom:20px!important;
}
.cnd-cars{
  min-height: 365px;
}
div#cnd-row {
    margin-top: 1%;
}

.d-h2{
  color: #0033A1;
    font-family: 'Helvetica Neue LT W05 85 Heavy';
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 30px;
    position: relative;
    left: -9%;
}
section.life-didknow .d-h2 , .finance-can-didknow .d-h2, .finance-didknow .d-h2{
    color: #FFF;
}
 
section.compensation-didknow .d-h2, section.compensation-didknow span.d-k2, section.compensation-didknow  span.d-k4c, section.compensation-didknow  span.d-kcr,
section.compensation-didknow span.d-k1, p#comp-subheader1, p#comp-subheader2, p#comp-note, section.retiree-helath-didknow .d-h2,
section.retiree-helath-didknow span.d-k1, section.retiree-helath-didknow span.d-k2, section.retiree-helath-didknow span.d-k3,
section.retiree-helath-didknow span.d-k4, section.retiree-helath-didknow .d-k6, section.retiree-helath-didknow .d-k8 {
  color:#FFF;
}
p.d-p {
    position: relative;
    left: -12%;
    top: 0px;
}

section.retiree-helath-didknow .d-k6 {
    right: 15%;
    left: -12%;
}
section.retiree-helath-didknow .d-k7 {
    /*margin-left: 15%!important;*/
}

p#fin-subheader{
  left: 2%;
}
p#fin-subheader1 {
    left: 15%;
    position: relative;
}
#career-subheader1 {
  color: #FFF;
  top: -70px;
  position: relative;
  right: 4%;
  font-size: 18px;
}

span.d-k1 {
    color: #000;
    font-family: 'Helvetica Neue LT W05 55 Roman';
    font-size: 25px;
    vertical-align: top;
    line-height: 78px;
}
section#fin-dknw span.d-k1, section.finance-can-didknow span.d-k1 ,section.finance-can-didknow span.fin-dk2 {
    color: #FFF!important;
}
span.d-k1.fam-mem {
    font-size: 22px;
}
#retiree-dknw span.d-k2{
  color:#0033A1;
}
span.d-k2, span.d-k2.fin-dk2, section.finance-can-didknow span.d-k2.fin-dk2 {
    color: #FFF;
    font-family: 'Helvetica Neue LT W05 85 Heavy';
    font-size: 74px;
    position: relative;
}
section.life-didknow, section.life-didknow span.d-k2,  section.life-didknow span.d-h2{
  color: #FFF;
}
section.life-didknow span.d-k2{
  font-size: 110px;
}
section.life-didknow p.d-p{
  left: -8rem;
    top: -22px;
}
section.life-didknow .d-k6{
  font-size: 44px;
  top: -15px;
    left: 0px;
}
section.life-didknow .d-k7{
  left: -7rem;
  top:0px;
}
section.life-didknow span.d-k3{
  font-size: 30px;
  line-height: 24px;
  left: 0.5rem;
    position: relative;
}
span.life-did-k1{
  position: relative;
  left: 4rem;
}
section.life-didknow span.d-k2 {
    font-size: 110px;
}
#you-know-career h2.d-h2.pt-1 {
    color: #FFF;
    left: -5%;
}
#family-know span.d-k2{
  color: #4B95D7;
}
span#dk2-can {
    left: 15%;
    top: -80px;
    font-size: 156px;
    color: #4B95D7;
}
span.d-k4 {
    color: #5C0F8C;
    font-size: 74px;
    font-family: 'Helvetica Neue LT W05 85 Heavy';
    top: -40px;
    left: -17%;
    position: relative;
}
span.can-dk4 {
    top: 0px;
}



section#family-know span.d-k4.float-md-end.ms-md-3 {
    top: 80px;
    left: -48%;
}

span#dk3-can {
    position: absolute;
    top: 20%;
    left: 25.4%;
    font-size: 34px;
}

p.can-dk4 {
    top: -110px;
    width: 50%;
    font-size: 18px;
    text-align: center;
    font-family: 'Helvetica Neue LT W05 55 Roman';
    margin-bottom: 8px;
    line-height: 26px;
}
p#btn-dknw-landing {
    top: -80px;
}
p#dknw-landing-note{
  top:-40px;
      width: 75%;
    left: 0px;
}
span.can-dk4-num1.btn-landing a {
    padding: 5px 15px;
}
p.can-dk4 strong {
    font-family: 'Helvetica Neue LT W05 75 Bold';
}
span#can-num1 {
    color: #4B95D7;
    /* font-weight: 700; */
    font-family: 'Helvetica Neue LT W05 75 Bold';
}
span.can-dk4-note {
    font-size: 12px;
}

span.d-k4c {
    color: #5C0F8C;
    font-size: 54px;
    font-family: 'Helvetica Neue LT W05 75 Bold';
    
    position: relative;
}
 
span.d-kcr {
    color: #5C0F8C;
    font-size: 54px;
    font-family: 'Helvetica Neue LT W05 85 Heavy';
    
    position: relative;
}
span.d-ka {
    font-size: 32px;
    vertical-align: baseline;
    font-size: 24px;
    font-family: 'Helvetica Neue LT W05 55 Roman';
    padding-left: 4px;
}
span.d-k5 {
    text-align: center;
    font-size: 25px;
    color: #000;
    font-family: 'Helvetica Neue LT W05 55 Roman';
}
span.d-k3 {
    vertical-align: baseline;
    font-size: 24px;
    font-family: 'Helvetica Neue LT W05 55 Roman';

}


span.d-k6,.cnt {
    background: #0033A1;
    color: #FFF;
    border-radius: 9px;  
    margin-bottom: 15px;
    text-align: center;
    padding:8px 12px;
}
section#family-know .d-k6 {
    left: -10%;
    top: 30px;
}
p.d-k6a {
   margin-left: 12%!important;
    position: relative;
    top: -32px;
    left: -3%;
    font-size: 24px;
}
section#family-know .dknow{
  top:-56px;
}
section#family-know .d-k6a {
    font-size: 16px;
    top: 30px;
    position: relative;
    left: 0;
}

section#family-know .d-k6b {
    font-size: 16px;
       top: 70px;
    position: relative;
    right: 55%;

}
section#family-know .d-k6c {
    font-size: 16px;
    top:30px;
    position: relative;
   left: 40%;
}
section#family-know .d-k7{
  top: 115px;
    position: relative;
    margin-left: 18%!important;
}

section#family-know p.note {
    position: relative;
    top: 130px;
    right: 10%;
}
section#family-know .cnt{
  padding:8px;
      padding-left: 25px;
    padding-right: 25px;
}
.cnt:hover{
  color:#FFF;
  background-color: #073eb6;
  
}
a.cnt:hover{
  text-decoration: none;
}
span.d-k51 {
    text-align: center;
    font-size: 55px;
    color: #000;
    font-family: 'Helvetica Neue LT W05 55 Roman';
}
p#landing-know-num1 {
  left: 10%;
  line-height: 20px;

}


p#landing-know-num2 {
    left: 0%;
    width: 70%;
        line-height: 20px;
}
p#landing-know-num3
{  
  line-height: 20px;
      width: 75%;
    left: -8%;
}
p.navbar-brand.nav-population img {
    margin-top: 6px;
}
ul.navbar-nav.ms-auto.mb-2.mb-lg-0.me-5{
  margin-right: 6.2rem!important; 
}

.navbar .nav-item .dropdown-menu{ display: none; }
  /* .navbar .nav-item:hover .nav-link{   } */
  .navbar .nav-item:hover .dropdown-menu{ display: block; }
  .navbar .nav-item .dropdown-menu{ margin-top:0; }


.navbar .nav-item:not(:last-child) {
  margin-right: 35px;
}

.dropdown-toggle::after {
   transition: transform 0.15s linear; 
}

.show.dropdown .dropdown-toggle::after {
  transform: translateY(3px);
}
li#topnav {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 5px;
}

a#navbarDropdownTop {
    font-family: 'Helvetica Neue LT W05 55 Roman';
    font-size: 16px;
    color: #4B95D7;
        padding-top: 10px;
    margin-left: -4px;
}
.dropdown-menu {
  margin-top: 0;
}
span.hairline{
    font-size:18px;
    color:#D8D8D8;
}
.t1{
border-bottom-left-radius: calc(.5rem - 1px);
    border-bottom-right-radius: calc(.5rem - 1px);
}

.testimonal1{
      position: absolute;
      font-size: 13px;
    z-index: 2;
    bottom: 0;
    background: #4B95D7;
   /*text-align: center;
    padding: 10px;*/
    border-bottom-left-radius: 2px;
    border-bottom-left-radius: calc(.5rem - 1px);
    border-bottom-right-radius: calc(.5rem - 1px);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    line-height: initial;
    width:100%;
        max-width: 409px;
        text-align: center;
    /*    max-width: 405px;
        word-break: break-word;*/
}
.col-12.offset-md-1.col-md-5.order-sm-first.order-last,.col-12.offset-md-1.col-md-5.order-md-first.order-last {
    margin-left: 4%!important;
}
.cont{
  position: relative;
  width:100%;
}
p.navbar-brand.nav-population a{
font-family:'Helvetica Neue LT W05 55 Roman';
font-size: 16px;
color:#4B95D7;
}

a,.sidebar-quicklink a{
  text-decoration: none;
  color:#009BDF;
}
a:hover{
  text-decoration: underline;
    color:#009BDF;
}
a.stretched-link {
    color: #000;
}

h3{
  font-size: 20px;
}
h4{
  font-size: 16px;
  font-family:'Helvetica Neue LT W05 75 Bold';
}
div#sp-tab {
    margin-top: 50px;
    margin-left: 20px;
}
.no-tab {
    margin-bottom: 50px;
}
div#splash_page {
    margin-top: 50px;
}
.search-container {
  position: absolute;
  top: 25px;
  right: 25px;
  display: inline-block;
}

.search-container .search {
  transition: all 1s;
  z-index: 4;
  position: relative;
  display: inline-block;
  height: 50px;
  width: 50px;
  vertical-align: middle;
  right: -55px;
}

.search-container .search:hover {
  cursor: pointer;
}

.search-container .search::before {
  content: "";
  position: absolute;
  top: 36px;
  right: 0;
  bottom: 0;
  left: 28px;
  width: 12px;
  height: 2px;
  background: #ccc;
  transform: rotate(45deg);
  transition: all .5s;
}

.search-container .search::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 0;
  bottom: 0;
  left: 8px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 2px solid #ccc;
  transition: all .5s;
}

.search-container input {
  width: 50px;
  height: 50px;
  outline: none;
  border-bottom: 1px solid #ccc;
  color: #ccc;
  padding: 0;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  transition: all 1s;
  opacity: 0;
  z-index: 5;
  font-weight: bolder;
  letter-spacing: 0.1em;
  box-sizing: border-box;
}

.search-container input:hover {
  cursor: pointer;
}

.search-container.active input {
  width: 300px;
  opacity: 1;
  cursor: text;
  padding: 0 0 0 50px;
}

.search-container .close {
  transition: all 1s;
  z-index: 4;
  position: relative;
  display: inline-block;
  height: 50px;
  width: 50px;
  vertical-align: middle;
  right: 55px;
  visibility: hidden;
}

.search-container.active input~.close {
  right: 55px;
  z-index: 6;
  visibility: visible;
}

#tipue_search_foot_boxes {
    text-transform: uppercase;
    color: #333;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

#tipue_search_foot_boxes li.current {
    background: #252525;
    color: #ccc;
    padding: 10px 17px 11px 17px;
    border-radius: 3px;
    margin-right: 7px;
    text-align: center;
}
#tipue_search_foot_boxes li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

#tipue_search_foot_boxes li a {
    background-color: #f7f7f7;
    color: #666;
    padding: 10px 17px 11px 17px;
    border-radius: 3px;
    margin-right: 7px;
    text-decoration: none;
    text-align: center;
    transition: 0.3s;
}

#tipue_search_foot {
    margin: 51px 0 21px 0;
}  
/*
.search-container.active input~.close::before {
  content: "";
  top: 25px;
  left: 15px;
  width: 20px;
  position: absolute;
  height: 2px;
  background: #ccc;
  transform: rotate(45deg);
  transition: all .5s;
}

.search-container.active input~.close::after {
  content: "";
  top: 25px;
  left: 15px;
  width: 20px;
  height: 2px;
  background: #ccc;
  transform: rotate(-45deg);
  position: absolute;
  transition: all .5s;
}
*/
.search-container input::placeholder {
  color: #898989;
  opacity: 0.5;
  font-weight: bolder;

}

.search-container .input-box {
  vertical-align: middle;
  display: inline-block;
} 
 
 .box{
  float: right;
}
form.searchbox{
 /* display: inline-block;*/
  padding-left: 30px;
}
.container-2{
 
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
}

.container-2 .search input::placeholder{
  color: #0BA1F5 !important;
  font-size:18px;
}

/*.container-2 input.search,.container-2 .sr #tipue_search_input{
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: none;
  font-size: 11pt;
  float: right;
  color: #b4b4b4;
  padding-left: 55px;
 position: relative;
  -webkit-transition: width .55s ease;
  -moz-transition: width .55s ease;
  -ms-transition: width .55s ease;
  -o-transition: width .55s ease;
  transition: width .55s ease;
}

.container-2 input.search::-webkit-input-placeholder {
   color: #65737e;
}
 
.container-2 input.search:-moz-placeholder { 
   color: #65737e;  
}
 
.container-2 input.search::-moz-placeholder {  
   color: #65737e;  
}
 
.container-2 input.search:-ms-input-placeholder {  
   color: #65737e;  
}

.container-2 .icon{
  position: absolute;
  
  right:20px;
  margin-left: 17px;
 
  z-index: 1;
  color: #4f5b66;
   -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.container-2 input.search:focus, .container-2 input.search:active{
  outline:none;
  width: 250px;
}
 
.container-2:hover input.search, .container-2:hover .sr #tipue_search_input{
/*width: 300px;
background: #EEEEEE;
    color: #000;
    font-size: 12px;
    
}*/

 


.container-2 .icon2{
  display:none;
  position:absolute;
  right:0px;
  top: 18px;
  cursor:pointer;
     -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.container-2:hover .icon2{
display:block;
}
img.search-icon {
    cursor: pointer;
}

span.icon-phone {
    position: absolute;
    margin-top:4px;
}

select#homeLink:focus {
    /*border-color: #009BDF;
    outline: 0;
    box-shadow: 0 0 0 0.25rem #009bdf;*/


        border-color: transparent;
    /* outline: 0; */
    box-shadow: 0 0 0 0 #fff;

}
 select#homeLink {
    color: #4B95D7;
    background-position: right 1.2rem center; 
    border:none;   
}
select#homeLink option {
    color: #000;
          border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    font-size: 11px;
    font-family: 'Helvetica Neue LT W05 55 Roman';
}

.homelink-opt{
  padding:5px;
}
.container-3{
  position: absolute;
    right: 15.5%;
    margin-left: 17px;
    z-index: 1;
    color: #4f5b66;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    top: 5px;
    cursor: pointer;
}

 /*.container-2:hover + .container-3 { right: 30%!important; }*/

.navbar.navbar-light .container-fluid {
    padding-left: 0px;
}

/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }


.container-2 input.search::placeholder{
  color: #000 !important;
}
.icon {
    position: absolute;
    margin-top: 12px;
    right: 0px;
    width: 25px;
    /*height: 40px;*/
    cursor: pointer;
    transition: width 1s;
    
}

.icon.sa{
   width: 20px;
    height: 40px;
    cursor: pointer;
    transition: width 0.5s;
    background-color: #EEEE;
    margin-top: -10px;
    right: 10px;

}
.search  {
    position: absolute;
    top: 22%;
    left: 95%;
    transform: translate(-100%,-50%);
    width: 40px;
    transition: width 1s;
}
.phn{
    position: absolute;
    top: 22%;
    left: 95%;
    transform: translate(-100%,-50%);
    width: 40px;
    transition: width .5s;
}

#tipue_search_input::placeholder{
  color: gray !important;
  padding:20px;
}
 .active > #tipue_search_input{
   padding: 0 10px;
 }
.search input,#tipue_search_input{
    position: absolute;
    top:-10px;
    left: 10px;
    width: calc(100% - 40px);
    height: 40px;
    border: none;
    outline: none;
    font-size: 14px;
    padding: 0px;
    color: #000;
    background-color: #EEEEEE;
    
}
.phn-label{
  position: absolute;
    top:-5px;
    left: 10px;
    width: calc(100% - 40px);
    height: 30px;
    border: none;
    outline: none;
    font-size: 26px;
    padding: 0px;
    color: #000;
    background-color: #EEEEEE;
    display: none;
}
.search.active,.phn .active {
    width: 200px;
}
.search.active input{
  padding-left: 10px;
}
span.phn-label.active {
    width: 120px;
    background: #EEEEEE;
    display: block;
    left: -125%;
    padding-left: 10px;
    top:0px;
    font-size:16px;
    padding-top:2px;
    transition: 1s;
}
 
  .search.active  + .icon-print::after {
  padding-right: 262px;
}
.search .icon::before {
    font-family: 'FontAwesome';
    content: '\f002';
    color: #000;
    font-size: 20px;
    position: absolute;
    margin-top: -20px;
    width: 18px;
    height: 28px;
    background: transparent;
    border: none;
}
.icon-print::after {
    font-family: 'FontAwesome';
    content: '\f095';
    color: #000;
    font-size: 20px;
    float: right;
    margin-right: 50px;
    padding-top: 2px;
    cursor: pointer;
}
.icon-print.mil-icon:after {
    margin-right: 10px;
    margin-top: -20px;
margin-bottom: 20px;
}
.icon-print.label-active:after{
   font-family: 'FontAwesome';
    content: '\f095';
    color: #000;
    font-size: 20px;
    float: right;
   /* padding-right: 120px;*/
    padding-top: 2px;
    cursor: pointer;
}

.search.active .icon:before {
    font-family: 'FontAwesome';
    content: '\002B';
    color: #000;
    font-size: 25px;
    font-weight: bold;
    position: absolute;
    margin-top: -10px;
    width: 30px;
    height: 40px;
    background: transparent;
    border: none;
    transition: width 1s;
    transform: rotate(
-45deg);

    background-size: 21px 21px;
 
    cursor: pointer;
    margin-inline-end: 16px;
    padding: 22px 12px 0;
    position: absolute;
    right: 0;
 
    width: 21px;
    border-color: transparent;


}

.act{
  padding-right:90%;
   transition: .5s;
}
/*
.container-2:hover .icon{
   top: 0;
}


.container-2:hover input.search{
  height: 40px;
}

*/
span.icon-phone img{
  margin-top: 5px;
}


p#blogo{
  margin-bottom:0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 10px;
}
.phone{
  font-weight: 700;
font-family:"Helvetica Neue LT W05 75 Bold";
}
.phone a {
    color: #000;
}

/*
.container-2{
  width: 300px;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
  float: right;
}

.container-2 input.search::placeholder{
  color: gray !important;
}

.container-2 input.search{
  width: 50px;
  height: 50px;
  
  background: #ffffff;
  border: none;
  font-size: 11pt;
  float: right;
  color: #b4b4b4;
  padding-left: 35px;
 
  -webkit-transition: width .55s ease;
  -moz-transition: width .55s ease;
  -ms-transition: width .55s ease;
  -o-transition: width .55s ease;
  transition: width .55s ease;
}

.container-2 input.search::-webkit-input-placeholder {
   color: #000000;
}
 
.container-2 input.search:-moz-placeholder { 
   color: #000000;  
}
 
.container-2 input.search::-moz-placeholder {  
   color: #000000;  
}
 
.container-2 input.search:-ms-input-placeholder {  
   color: #000000;  
}

.container-2 .icon,.container-2 .icon-phone{
  position: absolute;
   
  right:20px;
  margin-left: 17px;
  margin-top: 10px;
  z-index: 1;
  color: #4f5b66;
   -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.container-2 .icon-phone{
    right: 20%
}
.container-2:hover .icon-phone{
    left: 0;
    margin-left: -30px;
  }
.container-2 input.search:focus, .container-2 input.search:active{
  outline:none;
  width: 300px;
}
 
.container-2:hover input.search{
  width: 300px;
    background: #EEEEEE;
    cursor: pointer;
}
 
.container-2:hover .icon{
  color: #93a2ad;
  cursor: pointer;
  top: 0;
    left: 0;
}
*/
div#splash_main {
    margin-top: 50px;
}
.navbar{
  padding-top:0px;
  padding-bottom:0px;
  margin-top: 10px;
}
p.navbar-brand.nav-population {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top:5px;

}

nav.navbar.navbar-light.bg-light {
    background-color: transparent!important;
    margin-top: 0px;
}
 a#navbarDropdown {
    text-decoration: none;
}
.dropdown {
  position: static;
}
a.navbar-brand {
    margin-left: -15px;
}
.dropdown-menu {
  border: 0;
  /*background-color: #EBF0F5;*/
  border-radius: 0;
  width: auto;
  border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    box-shadow: 1px 1px 1px 1px #e9e9e9;
    min-width: 270px;
}

.dropdown-menu .row {
  padding-top: 0;
}

.dropdown-menu .container {
  padding-left: 0;
}

.dropdown-item {
  color: #000000;
  font-size:14px;
  line-height: 1.5rem;
 /*   padding-left: 8px;*/
  border-bottom: 2px solid #e1e9ee;
/*  min-width: 300px;*/

  padding:0.5rem 0;
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropwdown-menu.show,
.dropdown-item.active,
.dropdown-item:active  {
  background-color: #FFF;
  color: #4B95D7;
  text-decoration: none;
  border-bottom: 2px solid #e1e9ee !important;
  border-image: none !important;
  margin-bottom: 0px !important;
}
a.dropdown-item.last-item,a.dropdown-item.last-item:hover {
    border-bottom: none!important;
}
.dropdown-ul{
    padding-left: 25px;
    padding-right: 25px;

}
.dropdown-ul li{
list-style: none;
  
 }
p#small-header {
    margin-bottom: 0px;

}
span.dropdown-item:hover {
  text-decoration: none;
  background-color: transparent;
  cursor: default;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .navbar-nav .nav-item a:hover {
/*  border-image: linear-gradient(to right,rgba(80, 190, 190,.7), rgba(0, 153, 153,.7), rgba(0, 153, 203,.7), rgba(0, 153, 203,.7)) 0 0 100% 0/0 0 4px 0 stretch;*/
  border-bottom: 5px solid #4B95D7;
  /*margin-bottom: -1px;*/
  position: relative;
}
#navbarTogglerTop .navbar-nav .nav-item a:hover {
    border-bottom: transparent!important;
}
.navbar-light #navbarTogglerTop .navbar-nav .nav-link {
    border-bottom: none;
    color:#4B95D7;
}
.navbar-light #navbarTogglerTop .navbar-nav .dropdown-item{
  font-size: 11px;
  border-bottom:  none;
  padding: 1px;
}

  .fa-chevron-down:before {
    color: #000;
    font-size: 11px;
          position: absolute;
    padding-left: 7px;
    top: 15px;
  }
div#nav-top {
    margin-left: unset;
    padding-left: unset;
}

.navbar-light #navbarTogglerTop .navbar-nav .dropdown-ul{
  padding-bottom:   10px;
}

.navbar-light #navbarTogglerTop .navbar-nav .dropdown-menu{
  min-width: auto;
    padding: 0px;
}


.dropdown-toggle::after {
  display: none;
}

div#main-tiles {
    margin-top: 3%;
    margin-bottom: 3%;
}

div#section-tiles {
    margin-top: 5%;
}

div#tile-health, div#tile-physical, div#tile-emotional, div#tile-ltp, div#tile-learn-train, div#tile-skills-develop   {
    margin-bottom: 20px;
}
/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
    width: 359px;
    height: 226px;
    border: 1px solid #f1f1f1;
    perspective: 1000px;
    border-radius: 9px;
    box-shadow: 1px 1px 1px 1px #e9e9e9;
  /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 1.8s;
  transform-style: preserve-3d;
}
.flip-card:hover{
  border: none;
  box-shadow: none;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
  cursor: pointer;

}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  font-family: 'Helvetica Neue LT W05 75 Bold';
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: transparent;
  color: black;
}

/* Style the back side */
.flip-card-back.flip-health{
 background-color: #E5008E;
   box-shadow: 1px 1px 1px 1px #e5008e;
 }

.flip-card-back { 
    color: white;
    transform: rotateY(180deg);
    border-radius: 11px; 
  
}
.el{
  display: none!important;
}
.is-cms .cms-editable {
  background-color:#fdf5e5;
}
.is-cms span.visually-hidden {
    overflow: auto!important;
    display: contents;
}
.is-cms .flip-card-back,.is-cms .flip-card:hover .flip-card-inner {
  transform: none;
}
.is-cms .flip-card-front, .flip-card-back{
  position: relative;
}

.is-cms div#section-tiles{
  margin-bottom: 20%;
}
.is-cms .flip-card {
    width: 220px;
    height: 160px;
    margin-bottom: 20%;
        margin-top: 20%;

}
.is-cms #main-tiles .flip-card-back {
    margin-top: 35%;
}

.is-cms .flip-card-inner{
  height: 75%;
}
.is-cms div#section-tiles div {
    margin-bottom: 10%;
}
.is-cms .el{
      top: 0%;
    position: absolute;
    display: block;
}
.is-cms .el a, .is-cms .el{
  display: block!important;
}
.is-cms .flip-card-back.flip-physical p.sec1, .is-cms .flip-card-back.flip-emotional p.sec1, .is-cms .flip-card-back.flip-spending p.sec1, 
.is-cms .flip-card-back.flip-virtual p.sec1, .is-cms .flip-card-back.flip-family p.sec1, .is-cms .flip-card-back.flip-health p.sec1 {
    top: 0%;
    margin: 8px;
  }
#main-tiles
.flip-card-back{
  display: flex;
    align-items: center;
    justify-content: center;
}

.flip-card-back.flip-physical{
 background-color: #92C0EA;
   box-shadow: 1px 1px 1px 1px #92C0EA;
}

.flip-card-back.flip-emotional{
 background-color: #81BC00;
   box-shadow: 1px 1px 1px 1px #81BC00;
}

.flip-card-back.flip-virtual{
 background-color: #FFA400;
   box-shadow: 1px 1px 1px 1px #FFA400;
}

.flip-card-back.flip-spending{
 background-color: #0033A1;
   box-shadow: 1px 1px 1px 1px #0033A1;
}


.flip-card-back.flip-family{
 background-color: #008BAC;
   box-shadow: 1px 1px 1px 1px #008BAC;
}
.flip-card-back.flip-physical a,.flip-card-back.flip-emotional a, .flip-card-back.flip-spending a,.flip-card-back.flip-virtual a ,.flip-card-back.flip-family a, .flip-card-back.flip-health a{
  color: #FFF;

}

.flip-card-back.flip-physical p.sec1,.flip-card-back.flip-emotional p.sec1, .flip-card-back.flip-spending p.sec1,.flip-card-back.flip-virtual p.sec1 ,.flip-card-back.flip-family p.sec1, .flip-card-back.flip-health p.sec1{
  position: absolute;
  top: 30%;
  margin: 10px;
  line-height: 22px;
}
p.sec1.sec1-flip {
    top: 20%!important;
}

a.bl{

  width: 154px;
    height: 37px;
    float: left;
    background-image: url(../img/boeing_logo.svg);
    background-size: 154px;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999em;

}

a.bl.candidate-logo {
    margin-bottom: 45px;
}
#cont-tabs {
  background: linear-gradient(to right, #4B95D7 0%, #82C7ED 100%);    
/*    margin-top: 50px;*/
}
#cont-tabs p.note {
    margin-bottom: 0px;
}
.tab-content>.active {
    display: block;
    background: #FFF;
    margin-left: 3px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
    margin-bottom: 50px;
    padding-top: 30px;
    min-height: 250px;
}


.nav-tabs .nav-link {
  color: #000;
  width: 100%;
  border-radius: 0;
  background-color: #E3E4E5;
  padding-left: 12px !important;
  padding-right: 12px;
  max-width: 250px;
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
  margin-bottom: -4px;
    font-size: 17px;

    align-items: center;
  justify-content: center;
  text-align: initial;


}

 .nav-tabs .nav-link:hover {
  border-color: unset;
  border: none;
  border-bottom: 1px solid #C0C3C5;
  text-decoration: none;
  background-color: #C0C3C5;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  background-color: #FFF;
 /*  font-family:"Helvetica Neue LT W05 75 Bold";*/
   color: #000;
}
.nav-tabs .nav-item {
  margin-left: 2px; 
  padding-right: 0;
  width: 100%;
  max-width: 19.6%;
  display: flex;
  padding-bottom: 1px;

    margin-bottom: -1px;

}

.nav-tabs.ae-tabs .nav-item {
  max-width: 48%;
}



p.sec-anchor {
    top: 65%;
    position: absolute;
    /* margin: 10px; */
    left: 30%;
}


div#flip2 {
    margin-top: 20px;
}
.img-responsive.flip-img{
  margin-top: 20px;
  margin-bottom: 20px;
}

.nav-link,.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #000000;
    font-size: 14px;
    text-decoration: none;

  }
p.military-h2 {
    color: #FFF;
    font-size: 32px;
    font-family: 'Helvetica Neue LT W05 55 Roman';
    margin-bottom: 0px;

}

p.military-h1 {
    color: #FFF;
    font-size: 38px;
    font-family:"Helvetica Neue LT W05 85 Heavy";
    line-height: 40px;
}
a.btn.btn-military{
  background: #4B95D7;
    color: #FFF;
    border-radius: 9px;  
    text-align: center;
    padding:8px 12px;
        font-size: 16px;
    font-family: 'Helvetica Neue LT W05 55 Roman';
}
a.btn.btn-military:hover {
    text-decoration: none;
    background: #002677;
}

h2#tabs-iwant {
    padding-left: 5px;
    padding-top: 25px;
    color: #FFF;
    font-size: 36px;
    font-family: "Helvetica Neue LT W05 85 Heavy";
    text-transform: uppercase;
    margin-bottom: 30px;
  }
  .tab-content ul {
    padding-left: 15px;
    }

.tab-pane h2 {
    padding-top: 12px;
}

.nav-tabs{
  border-bottom: transparent;
}

.tab-cont {
    display: inline-block;


}
div#d-know h2 {
    color: #0033A1;
}
 
div#d-know p,div#d-t-know p {
    font-size: 25px;
    font-family:"Helvetica Neue LT W05 55 Roman"
}

div#d-know p.note, div#d-t-know p.note {
    font-size: 11px;
}


div#d-know p.d-p{
    color: #4B95D7;
    font-size: 36px;
    font-family: "Helvetica Neue LT W05 85 Heavy";
    margin-left: 25%;
}
div#d-t-know p.d-t {
    color: #5C0F8C;
    font-size: 36px;
    font-family: "Helvetica Neue LT W05 85 Heavy";
    margin-top: 60px;
}
div#d-know {
    background: url(../img/stethoscope1.jpg);
    background-position: 0% 0%;
    background-repeat: no-repeat;
    padding: 30px;
} 
 
div#d-t-know {
    background: url(../img/doctor.jpg);
    background-position: 100% 80%;
    background-repeat: no-repeat;

}




div#cars, div#military-content {
    background: linear-gradient(to right, #5C0F8C 0%, #8D217B 100%);
    padding: 20px;
    color: #FFF;
    /*max-height: 500px;*/
}

.fin-cars {
padding-top: 45px!important;
    padding-bottom: 0px!important;
  }

#cars p{
  margin-bottom: 5px;
  padding-bottom: 5px;
  line-height: 20px;
}
.ft-note-section{
  background-color: #EBF0F5;
}
p.ft-note {
    font-size: 11px;
    
    padding-top: 10px;
}
div.health-cars-ft {
    margin-bottom: 25px;
}
.health-cars p{
  padding-bottom:10px;
}
.carousel-item h2{
  font-size:38px;
  font-family: "Helvetica Neue LT W05 85 Heavy";
    
}
.can-cars {
    max-height: 600%!important;
    padding:0px!important;
}
.carousel-control-next, .carousel-control-prev{
  width:5%;
}
.carousel-inner{
    max-height: 365px;
 }
.carousel-item{
  min-height: 365px;
}
div#can-car-inner {
   padding:25px;
}

div#fam-car-inner{
  padding:25px;
}

 
span.copy-right{
  float: right;
}
section#inc-footer-emp,div#banner-container {
    padding-left: 0px;
    padding-right: 0px;
     
}
section#inc-footer-family,div#banner-container {
  padding-left: 0px;
  padding-right: 0px;
}
/** accordion */


.accordion {
  margin-bottom: 1rem;
}
.accordion-item {
  border-bottom: 1px solid #000;
  margin-bottom: 0.5rem;
}
.accordion-item:first-child {
  margin-top: 0.75rem;
}
.is-cms .accordion-collapse {
  background-color: var(--c-tan-200) !important;
  display: block !important;
}
.accordion-button {
  color: var(--c-blue-900);
  font-size: 17px;
  position: relative;
  padding-left: 2.875rem;
  font-family: "Helvetica Neue LT W05 75 Bold";
}
.is-cms .accordion-button {
  background-color: var(--c-tan-200) !important;
}
.accordion-button:before {
  font-weight: 400;
  position: absolute;
  border-radius: var(--border-circle);
  background-color: var(--c-light-blue);
  padding: 0.5rem;
  margin-left: -2.875rem;
  width: 1.625rem;
  height: 1.625rem;
  line-height: 7px;
  font-size: 17px;
  color: var(--c-blue-900);
  text-indent: -3px;
  /*top: 1.25rem;*/
  animation-name: spin;
  animation-duration: 0.35s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
 
  animation-name: reverse-spin;
      content: "\f078";
    font-family: FontAwesome;
}
.accordion-button:after {
  content: none;
}
.accordion-button:focus, .accordion-button:not(.collapsed) {
  color: var(--c-blue-900);
  background-color: transparent;
  box-shadow: none;
}
.accordion-button:not(.collapsed):before {
  content: "—";
  animation-name: spin;

  content: '\f077';
    animation-name: spin;
    font-family: FontAwesome;


}
.accordion-flush .accordion-item:first-child{
  border-top: 1px solid #000;
}
  

.accordion-flush .accordion-collapse {
    padding-left: 7%;
}
.accordion-header{
      padding: 0.72rem;
}
.accordion-flush .accordion-item:last-child {
    border-bottom: 1px solid #000;
}





/* footer */
.footer-icon {
    float: right;
}
.footer-icon img.img-fluid {
    max-width: 25px;
    max-height: 29px;
    margin-right: 5px;
    margin-left: 5px;
}
.footer{
    font-size: 16px;
  color:#000000;
}
hr.footer-hr {
    color: #000000;
    font-size: 2px;
    margin-top:50px;
}

h3.footer-header {
  font-family:"Helvetica Neue LT W05 75 Bold";
    font-size: 16px;
  color:#000000;
}

.footer p{
  font-family:"Helvetica Neue Light";
}
.footer {
  background-color: #EBF0F5;
  color: #000000;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}

.footer img {
  width: 100%;
  max-width: 300px;
}
span.copy-left, span.copy-right {
    font-size: 14px;
}
.footer-content button:hover {
    text-decoration: underline;
}

p.note, em.note{
    font-size: 11px!important;
}
p.note.tab-note {
    color: #000;
    margin-bottom: 15px!important;
    font-family: 'Helvetica Neue Light';
    font-size: 13px!important;
  }

  p.note.tab-note.last-tab-note.pb-5.ret-last-note {
    margin-bottom: 0px!important;
}

p.note.page-note {
    margin-top: 50px;
}
button.navbar-toggler.collapsed {
    display: none;
}

li.nav-item.main-nav:last-child {
    margin-right: 10px;
}
.search-box{
  
  position: absolute;
  top: 54px;
  right: 0;
  width: 350px;
  height: 60px;
  line-height: 60px;
 
  display: none;
}
span.search-box.active {
    display: block;
}
/* 
.search-box input[type="text"]{
  width: 200px;
  padding: 5px 10px;
  margin-left: 23px;
  border: 1px solid #D80B15;
  outline: none;
}*/

/*.search-box input[type="button"]{
  width: 80px;
  padding: 5px 0;
  background: #D80B15;
  color: #fff;
  margin-left: -6px;
  border: 1px solid #D80B15;
  outline: none;
  cursor: pointer;
}*/
 span.total{
    font-size: 60px!important;
    color: #5C0F8C!important;
    font-family:"Helvetica Neue Light";
    text-transform: uppercase;
  }

span.rewards.total {
    font-family: "Helvetica Neue Light";
}
  span.rewards{
     font-size: 60px!important;
    color: #5C0F8C!important;
     font-family:"Helvetica Neue LT W05 75 Bold";
   text-transform: uppercase;
  }
  .secondary-total {
    text-transform: uppercase;
}

.splash_bold{
     font-family:"Helvetica Neue LT W05 75 Bold";
}
div#splash_main p {
    margin-bottom: 10px;
}
section.banner {
   /* margin-top: 55px;*/
    margin-bottom: 35px;
    display: block;
    width: 100%;
     position: relative;
    clear: both;
    float: none;
}


#banner-health-ins {
    background-image: url(../img/health_Insurance_banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    /* background-attachment: scroll; */
    background-size: cover;
    height: auto;
    width: 100%;
    position: relative;
    height: 350px;
}



#banner h3,#banner-health-ins h3 {
    position: absolute;
    top: 20%;
    /*left: 8.2%;*/
    color: #000000;
    font-family: 'Helvetica Neue LT W05 55 Roman';
    font-size: 24px;
    line-height:  50px;
    /*max-width: 1140px;*/
}
.container-lg.secondary-h3 h3 {
    top: 23%!important;
}
.container-lg.secondary-h3.header-copy2 h3 {
    top: 30%!important;
}
#banner p,#banner-health-ins p {
    color: #5C0F8C;
    position: absolute;
    top: 64%;
    /*left: 8.2%;*/
    max-width: 450px;
    font-size: 17px;
    margin-bottom: 0px;
    line-height: 20px;
     
}
.fam-banner p {
    max-width: 480px!important;
}
.tab-content.secondary-tab {
    margin-left: 2px;
    border-left: 1px solid #979797;
    border-right: 1px solid #979797;
    border-top-right-radius: 9px;
    min-width: 760px;
    max-width: 767px;
  border-bottom: 1px solid #979797;   
      border-top: 1px solid #979797;   
}

#sp-tab #myTabContent {
    max-width: 100%;
    min-width: 720px;
}

#sp-tab #myTab {
    padding-left: 0px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
      border: 1px solid #979797;
  
border-bottom-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
}


.tab-pane.fade.show.active.secondary-tab-pane{
   border-top-right-radius: 9px;
  
}
li.nav-item.secondary {
    margin-left: 5px;
    max-width: 30%;
}
li.nav-item.secondary:first-child {
    margin-left: 2px;
    
}
li.nav-item.secondary a{
  padding-top:12px;
  padding-bottom:12px;
}
 li.nav-item.secondary a.active{
  color: #000;
      border-bottom: 1px solid #FFF;
    margin-bottom: -2px;
 }
ul#fam-nav, ul#retiree-nav, ul#retiree-fam-nav {
    margin-left: 6rem!important;
}
 h2.panel {
    margin-bottom: 0;
    margin-top: -1px;
 }
 
h2.panel {
    position: relative;
    transition: 0.4s;
    background-color: #fff;
    color: #000;
    text-align: left;
    font-size: 17px;
    cursor: pointer;
    width: auto;
    margin: -1px 0 0 0;
    padding: 33px 4px 33px 42px;
    font-weight: normal;
    line-height: 1.1em;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    font-family:"Helvetica Neue LT W05 75 Bold";
}
h2.panel.cnd-accordion:before,h2.panel.cnd-accordion.active:before{
  left:15%; 
  top:40%;
}
img.img-fluid.cnd-accord {
    left: -10px;
    margin-left: 0;
}
span.cnd-accord-header {
    padding-left: 12%;
}
div#cnd-accordions {
    margin-top: 5%;
}

h2.panel:before {
   
    transition: 0.4s;
    /*content: "\f067";*/
    
    float: left;
    position: absolute;
    top: 32px;
    left: 8px;
    display: inline-block;
       content: "\f078";
    font-family: FontAwesome;
    color: #000000;
    font-size: 18px
}

h2.panel.active:before  {
    transition: 0.4s;
    /*content: "\f068";*/
     content:'\f077';
    float: left;
    position: absolute;
    top: 32px;
    left: 8px;
    font-family: FontAwesome;
    color: #000000;
    font-size: 18px;

}
h2.panel.active {
    border-bottom: none;
}
.no-tab h2.panel:first-child {
    border-top: 1px solid #000;
}

.navbar-expand-lg .navbar-nav .nav-link{
  padding-right: 0;
padding-left: 0;

margin-left: 8px;
margin-right: 8px;

border-bottom: 5px solid transparent;
}
.navbar-light .navbar-toggler{
  color: #000
}

/* Sidebar */
.tab-sidebar {
/*   margin-top: 30px;*/
    margin-bottom: 10%;
   /* margin-left: 12.66%;*/
}
.sidebar-para{
  width: 220px;
  margin-top:20px;
}
#sidebar .flip {
    background-color: transparent;
        width: 240px;
    height: 100%;
    border: 1px solid #f1f1f1;
    perspective: 1000px;
    border-radius: 9px;
    box-shadow: 1px 1px 1px 1px #e9e9e9;
    /*margin-top:20px;*/
    margin-bottom: 20px;

}
#sidebar .flip.no-tab-flip {
    margin-top: 0px;
    margin-left: 1%;
}


p.flip-sidebar-header {
    font-size: 16px;
    font-family: "Helvetica Neue LT W05 75 Bold";
    margin-bottom: 0px;
    line-height: 14px;
    margin-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
}
p.flip-header1 {
    margin-bottom: 5px;
    font-family: "Helvetica Neue LT W05 75 Bold";
}

p.flip-sidebar-header a,#sidebar a,#sidebar p{
  color: #000;
  text-decoration: none;
  font-size: 14px;
}
p.flip-sidebar-header2.mil-sidebar-a a {
    color: #4B95D7!important;
}
.flip-sidebar-header2.mil-sidebar-a :hover{
  text-decoration: underline!important;
}
p.flip-sidebar-header2{
  font-family:"Helvetica Neue Light";
  font-size: 15px;
  margin-bottom: 0px;
  line-height: 19px;
}
section#inc-footer-retiree-family, section#inc-footer-retiree, section#inc-footer-family-member, section#inc-footer-emp {
  padding-left: 0px;
  padding-right: 0px;
}


section#comp-dknw{
    background: linear-gradient(to right, #4B95D7 0%, #82C7ED 100%);
    padding-bottom: 20px;

}
section#fin-can-dknw {
    background: linear-gradient(to right, #4B95D7 0%, #82C7ED 100%);
}
.didyou.retiree-health-know {  
  background: linear-gradient(to right, #4B95D7 0%, #82C7ED 100%)!important; 
}
.didyou.life-know {  
  background: linear-gradient(to right, #4B95D7 0%, #82C7ED 100%)!important; 
}

#comp-dknw,#comp-dknw h2, #comp-dknw span.d-k2, section.compensation-didknow .dknow.d-h2,#comp-dknw span.d-k4c,#comp-dknw span.d-kcr,#comp-dknw span.d-k1, 
section#fin-dknw span.d-k2, section#fin-dknw{
    color: #FFF!important;
}
section#fin-dknw span.d-k4c{
  color:#FFF;
}
section#fin-dknw {
    padding-top: 3%!important;
    background: linear-gradient(to right, #4B95D7 0%, #82C7ED 100%);
}
section#emp-you-know-heath {
  padding-top: 3%!important;
  background: linear-gradient(to right, #4B95D7 0%, #82C7ED 100%);
}
.flip-content {
    margin-top: 10px;
}
.flip-content:hover {
    text-decoration: underline;
        color: #757575;
}

.flip-content.mc-content-sidebar:hover {
    text-decoration: none;
  
}
.flip-content.mc-content-sidebar a:hover{
    color: #4B95D7!important;
}

img.img-responsive.flip-sidebar-img {
    max-width: 100px;
}
.sidebar-quicklinks {
    margin-top: 50px;   
  
    width: 240px;
    padding-left: 12px;
    padding-right: 12px;
  /*  margin-bottom: 50px;*/
}
div#no-sidebar-flip {
    margin-top: 0px;
}
.sidebar-quicklinks h2{
  color: #5C0F8C; 
  font-size: 22px;
    font-family: 'Helvetica Neue LT W05 75 Bold'; 
}
hr.sidebar-hr {
    width: 238px;
}
.sidebar-quicklinks a {
    color: #4B95D7!important;
    text-decoration: none;
    font-size: 18px;
    font-family:"Helvetica Neue LT W05 55 Roman";
}
.sidebar-quicklinks a:hover{
  text-decoration: underline!important;
  /*color: #0a58ca!important;*/
}
div#sidebar {
    margin-bottom: 50px;
}
.no-tab-sidebar {
    margin-top: 0px;

}
.modal-dialog{
  max-width: 800px;
}
.modal-body h4{
  font-size: 20px;
}
.footer button {
    background: transparent;
    border: none;
    padding: 0px;
    color:#000000;
}
.panel p,.panel h3 {
    padding-left: 40px;
}
.panel h3 {
  font-family: "Helvetica Neue LT W05 75 Bold";
  font-size: 17px;
}
.panel ul{
  padding-left: 50px;
}
.panel.cnd-accord-content {
    padding-left: 18%;
}

.dknow{
  margin:auto;
  max-width: 1140px;
      position: relative;
    top: -36px;
    left: 6%;
}
section#you-know-career .dknow{
    left: 12%;
}
section#you-know,section#you-know-health{
/*    background-image: url(../img/stethoscope.jpg), url(../img/doctor.jpg);
    background-position: left top,right bottom -50px;
    background-repeat: no-repeat, no-repeat;
    background-size: contain;
    padding: 15px;
    min-height: 420px;
    max-height: 430px;*/
 
background:url(../img/stethoscope.jpg) left 9% top 25px no-repeat, url(../img/doctor.jpg) right -5% bottom -5px no-repeat;
/*background: url(../img/Money_hand_icon.jpg) left -8% top 25px no-repeat, url(../img/Financial_advisor_icon2.jpg) right -20% bottom -5px no-repeat;*/
background-size: contain;
    min-height: 370px;
    margin-top: 45px;
    background-origin: content-box;

}
section#health-you-know{
  min-height: 370px;
  margin-top: 45px;
  color:#FFF;
  background-origin: content-box;
  background: url(../img/Diploma.png) right 5% bottom 25px no-repeat;
   

}
section.compensation-didknow {
  background:url(../img/Claping_hands_icon_rev1.png) left -8% bottom -22px no-repeat,     url(../img/Trophy_icon_rev1.png) top 7px right -4% no-repeat,url(../img/Money_arrow_icon_rev.png) top 92% left 73% no-repeat!important;
  margin-top: 20px!important;
  background-size: contain;
  background-origin: content-box;
}
section#did-you-know-career{
      background: linear-gradient(to right, #4B95D7 0%, #82C7ED 100%);
    padding-bottom: 20px;
}
section#you-know-career{
 
background:url(../img/Person_award.png) left 50px top 0px no-repeat;
/*background: url(../img/Money_hand_icon.jpg) left -8% top 25px no-repeat, url(../img/Financial_advisor_icon2.jpg) right -20% bottom -5px no-repeat;*/
  background-size: contain;
  min-height: 290px;
  margin-top: 45px;
  background-origin: content-box;

}
section#did-you-know-community{
      background: linear-gradient(to right, #4B95D7 0%, #82C7ED 100%);
    padding-bottom: 80px;
}
section#did-you-know-community .dknow{
  top: -55px;
}
section#you-know-community{
 
background:url(../img/Volunteer_icon.png) left -2% top 0px no-repeat;
/*background: url(../img/Money_hand_icon.jpg) left -8% top 25px no-repeat, url(../img/Financial_advisor_icon2.jpg) right -20% bottom -5px no-repeat;*/
  background-size: contain;
  min-height: 290px;
  margin-top: 70px;
  background-origin: content-box;

}

section.retiree-helath-didknow{
background:url(../img/stethoscope_rev_icon.png) left 5% top 25px no-repeat, url(../img/doctor_icon_rev1.png) right -5% bottom -5px no-repeat!important;
/*background: url(../img/Money_hand_icon.jpg) left -8% top 25px no-repeat, url(../img/Financial_advisor_icon2.jpg) right -20% bottom -5px no-repeat;*/
background-size: contain;
    min-height: 370px;
    margin-top: 45px;
    background-origin: content-box;
}

section.life-didknow{
background:url(../img/Hugs_icon.png) left -2% top 38px no-repeat, url(../img/Family_icon.png) right -2% bottom 55px no-repeat!important;

background-size: contain;
    min-height: 520px;
    margin-top: 45px;
    background-origin: content-box;
}


section.finance-didknow{
background: url(../img/Piggy_bank_rev_icon.png) left -10% top 45px no-repeat, url(../img/Chart_icon_rev.png) bottom 0% right 5.3% no-repeat,url(../img/Money_coin_icon_rev.png) top 0px right 5% no-repeat!important;
    margin-top: 0!important;
        min-height: 450px!important;
        background-size: contain;
        background-origin: content-box;
}
section.finance-can-didknow {
    background: url(../img/pencil_icon_rev.png) left 7% bottom -42% no-repeat, url(../img/Graduate_rev.png) bottom -8px right -0.7% no-repeat,url(../img/Book_icon_rev.png) top 26px right 29% no-repeat!important;
    min-height: 550px!important;
    margin-top: 0px!important;
}

section#family-know{
   background: url(../img/iphone_icon.jpg) left -1% top 90px no-repeat, url(../img/Calendar_icon.jpg) top 0px right -5% no-repeat!important;
   min-height: 450px;
    margin-top: 45px;
   background-origin: content-box;
}
.didyou.can-dknow {
    min-height: 450px!important;
    background: url(../img/Money_hand_icon.jpg) left -3% bottom 25px no-repeat, url(../img/financial_advisor_icon1.jpg) right -10% top 0px no-repeat!important;
}
 
section#retiree-you-know{
background:url(../img/stethoscope.jpg) left 4% top 25px no-repeat, url(../img/doctor.jpg) right -52px bottom -5px no-repeat;
background-size: contain;
background-origin: content-box;
    min-height: 370px;
    margin-top: 45px;
    
}
.compensation-didknow .dknow {
    left: 12%;
    top: 15%;
}
p#comp-subheader {
    margin-bottom: 0px;
    left: -12%;
    top: -15px;
}
p#comp-subheader1 {
    top: -50px;
    position: relative;
    left: -16%;
        margin-bottom: 0px;
}
p.d-pc {
    position: relative;
    left: 6%;
    top: -20px;
    color: #FFF;
}
p.float-md-start.d-comm .d-k2 {
    color: #FFF;
}
p.float-md-start.d-comm {
    color: #FFF;
    left: -5rem;
    position: relative;
}
p.d-pc span.d-k2{
  color: #FFF;
  font-size: 9rem;
}
p.d-comm span.d-k3 {
    font-family: 'Helvetica Neue LT W05 75 Bold';
    font-size: 2.3rem;
        margin-left: 0.5rem;
}

p#emp-content1 {
  font-size: 40px;
  /* right: -10%!important; */
  font-family: 'Helvetica Neue Light';
  left: -16%;
  margin-bottom: 0px;
}
p#emp-content2 {
  font-family: 'Helvetica Neue Light';
  font-size: 40px;
  left: -20%;
  position: relative;
  margin-bottom: 0px;
}
p#emp-content3 {
  font-family: 'Helvetica Neue Light';
  font-size: 38px;
  left: -16%;
  position: relative;
  margin-bottom: 2rem;
}
p.float-md-start.ms-md-3.emp-health-btn.pb-2.mb-4 .cnt{
  padding:8px 40px;
  margin-left: 10rem;
}
p.can-btn.pb-2.mb-4.mt-5.pt-5 .cnt{
  padding:8px 40px;
}
p.can-btn.pb-2.mb-4.mt-5.pt-5 {
  padding-top: 10rem!important;
  margin-left: 20rem;
}

h2#health-did-know {
  color: #FFF;
}

span.d-k3cd {
font-size: 40px;
   /* top: 25%;*/
    position: absolute;
    color: #FFF;
    top: 5rem;
    left: 14rem;
    font-family: 'Helvetica Neue Light';
}
span.d-k3cdt {
    font-size: 40px;
    position: relative;
    /* bottom: 50%; */
    color: #FFF;
    vertical-align: top;
    top: 5rem;
    left: 5.8rem;
    font-family: 'Helvetica Neue LT W05 75 Bold';
    
}
span.d-k3ds {
    font-size: 20px;
    position: relative;
    top: 20px;
    vertical-align: bottom;
    left: -19%;
}

span.d-k3cd-comm {
font-size: 28px;
   color:#FFF;
   position: relative;
    vertical-align: top;
/*    white-space: nowrap;*/
      
}

span.d-k3cd-comm1 {
font-size: 28px;
   top:0rem;
   color:#FFF;
   position: relative;
    vertical-align: top;
    
    left: 5rem;
}
p#comp-subheader2{
  position: relative;
}
 .d-k6 {
      margin-left: 12%!important;
      position: relative;
    top: -70px;
    left: 5%;
    font-family: 'Helvetica Neue Light';
  }
  
 .d-k7{
    margin-left: 35%!important;
    position: relative;
    top: -70px; 
  }
  .d-k7s{
    position: relative;
    top: 6rem;
    color: #FFF;
    left: -8rem;
  }
 .d-k7comms {
    position: relative;
    top: 1rem;
    color: #FFF;
    right: 40rem;
    font-size: 16px;
  }
  .d-k7comms a{
    color: #FFF;
    text-decoration: none;
  }
  section#you-know-community h2 {
    color: #FFF;
    left: -13rem;
  }
  span.sp{
    font-size: 20px;
    font-weight: 700;
  }
  .d-k8{
    margin-left: 24%!important;
    position: relative;
    top:-70px;
  }
.d-k8s{
   position: relative;
    top:7rem;
    left: -7rem;
    color:#FFF;
  }
  .d-k8comms{
   position: relative;
    top:4.3rem;
    color:#FFF;
    right: 23rem;
  }
 p#emp-comm-btn, p#can-comm-btn, p#fam-comm-btn, p#retiree-comm-btn, p#retiree-fam-comm-btn {
    right: 7%;
    top: 4rem;
  }
.d-k8c{
    margin-left: 24%!important;
    position: relative;
    top:-10px;
  }
p#comp-note {
    top: 50px;
    margin-top: 15px;
    right: 29%!important;
}
p#comp-subheader1 .d-k3 {
    font-size: 30px;
  }
  p#comp-subheader2 {
    font-size: 30px;
    line-height: 20px;
        left: -20%;
        top: -55px;
}
    p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note,p.float-md-start.ms-md-5.note.d-k8c.mb-2.retiree-note {
    top: 0;
    margin-left: -17%!important;
    width:50%;
}
p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note.health-note {
      margin-left: -11%!important;
    top: 0px;
    width: 75%;
}
p.float-md-start.ms-md-5.note.d-k8.mb-2.life-note {
      margin-left: -41%!important;
    top: 6rem;
    width: 75%;
}
p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note.health-can-note {
       margin-left: -41%!important;
    top: -20px;
    width: 75%;
}
span.fin-dk2 {
    font-size: 18px;
    left: -9%;
    top: 35px;
    position: relative;
  /*  color: #000;*/
}
  section#fin-dknw span.fin-dk2 {
     left: 0;
     top: 0;
    font-size: 25px;
  }

p#fin-subheader1 span.d-k3 {
    font-size: 18px;
    width: 30%;
    display: inline-block;  
    color: #FFF;
}
p#fin-subheader1 span.d-ka {
    font-size: 18px;
        position: relative;
      color: #FFF
}

p#fin-subheader2 {
    font-size: 18px;
    top: 20px;
    color: #FFF
}
p#fin-note {
    margin-left: 12%!important;
        position: relative;
    margin-top: 8.5%;
     color: #FFF;
}
p#did-note{
  margin-left: 1%!important;
        position: relative;
  color: #FFF;
  top:-35px;
}
p#fin-dknw-btn {
    /* margin-left: 12%!important; */
    position: relative;
       right: 18%;
    top: 90px;

}



.tipue_search_content_text{
  margin-bottom: 15px;
}
.tipue_search_content_title a{
  color: #4B95D7!important;
}
.tipue_search_content_title a:hover{
  color:#0d6efd;
  border-bottom: none!important;
  text-decoration:underline;
}
#tipue_search_content{
  margin-bottom: 150px!important;
}
@media screen and (max-width: 1200px) and (min-width: 1024px) {

 #banner h3{
    top: 12%!important;
    line-height: 39px;
  }#banner p, #banner-health-ins p{
    top:62.6%;
  }
  span.total, span.rewards{
    font-size: 54px!important;
  }

  #banner p{
    line-height: 21px;
  } 
  section#edit-block2 {
    max-width: 1100px;
    margin: auto;
  }
  .carousel-item h2{
    font-size:32px;
  }
  .carousel-item ul{
    margin-bottom: 0px;
    padding-bottom: 2px;

  }
  p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note.health-note {
    margin-left: -41%!important;
  }
  section.finance-can-didknow {
    background: url(../img/pencil_icon_rev.png) left 4% bottom -87% no-repeat, url(../img/Graduate_rev.png) bottom -11px right -0.7% no-repeat,url(../img/Book_icon_rev.png) top 8px right 29% no-repeat!important;
    min-height: 550px!important;
    margin-top: 0px!important;
  }


   h3.rtf-banner-h3{
    top:4%!important;
  }
  p.rtf-banner-intro {
    top: 52%!important;
    left:12.3%!important;
  }
  .splash_population{
    margin-left: 1rem;
  }
  section.finance-didknow {
    background: url(../img/Piggy_bank_rev_icon.png) left -17% top 70px no-repeat, url(../img/Chart_icon_rev.png) bottom 0% right 5.3% no-repeat,url(../img/Money_coin_icon_rev.png) top 0px right 5% no-repeat!important;
   
  }
  p#fin-subheader {
    top: -32px;
    left: 5%;
  }
  section#fin-dknw span.d-k2{
    font-size: 44px;
  }
  p#fin-subheader1 {
    margin-left: 0%;
  }
  p#fin-subheader2{
    margin-left: 26%!important;
    font-size: 16px;
  }
  p#fin-note{
    width:35%;
    margin-left: 14%!important;
  }
  p#fin-subheader1 span.d-k3{
    width:25%;
    font-size: 16px
  }
  #career-subheader1 {
   top: 95px;
    width: 70%;
    right: 3%;
    font-size: 16px;
  }
  p#did-note{
    padding-top: 1rem;
    top:80px;
  }
  div#landing-know{
    left:12%!important;
  }
  section.retiree-helath-didknow span.d-k4{
    left: -24%;
  }
  .didyou.can-dknow {
    background: url(../img/Money_hand_icon.jpg) left -8% bottom -10px no-repeat, url(../img/financial_advisor_icon1.jpg) right -16% top -0px no-repeat!important;
  }
  p#can-dp{
    top: -24px!important;
    left: -5%;

  }
  p#landing-know-num1{
    left: 7%;
  }
  p#landing-know-num2{
    left: -5%;
  }span#can-dk4 {
    font-size: 58px;
    left: -33%;
    top: -12px;
  }
  p.can-dk4{
    font-size:16px;
    top:-120px;
  }
  p.can-dk4 span.can-dk4-note {
    line-height: 14px;
    font-size: 11px;
    }
  div#landing-know .d-h2{
    font-size:22px;
  }
  span#dk2-can{
    font-size:156px;
    left: 12%;
    top: -60px;
  }
  div#landing-know span#dk3-can{
        top: 24%;
    left: 22%;
    font-size: 28px;

  }
  p#emp-content1,p#emp-content2,p#emp-content3{
    font-size:32px;
  }
  p#landing-know-num1 , p#landing-know-num2, p#landing-know-num3{
    line-height: 18px;
    top:-150px;
  }
  p#btn-dknw-landing {
    top: -124px;
  }
  p#dknw-landing-note{
  top:-122px;
  }
  p#fin-subheader {
    left: 8%;
  }
  p#fin-subheader1 {
    left: 22%;
    position: relative;
  }
  p#fin-subheader2 {
    font-size: 18px;
    top: 20px;
    left: 1%;
  }
  p#fin-dknw-btn {
    /* margin-left: 12%!important; */
    position: relative;
    right: 0%;
        top: 100px;
    left: -20%;
  }
  p#fin-note {
    margin-left: 12%!important;
    position: relative;
    top: 16.5%;
  }
  .finance-didknow .dknow{
    left: 12%!important;
  }
  section.life-didknow span.d-k2 {
    font-size: 88px;
  }
  span.d-k3cd {
    font-size: 32px;
    left: 23rem;
    }
    span.d-k3cdt {
    font-size: 32px;
    left: 11.8rem;
    }
    .d-k7s {
    top: 6.5rem;
    left: -4rem;
    width: 70%;
    }
    .d-k8s {
    top: 6.4rem;
    }
    p.d-pc span.d-k2 {
    left: 6rem;
    }
  section#family-know .d-k6{
    left: 5%;
    top:0px;
  }
  section#family-know .d-k6b{
    right: 48%;
  }
  section#family-know .d-k6c{
    left:41%;
    top:50px;
  }
  section#family-know .d-k6a{
    left: -10%;
    top: 30px;
  }
  section#family-know p.d-p{
    left: 0;
  }
  section#family-know p.d-p {
    left: 11%;
    top: -40px;
  }
  section#family-know .d-h2{
    left:0px!important;
  }
  section#family-know  span.d-k2,.didyou.health-know span.d-k2, .didyou.health-know span.d-k4{
    font-size:54px;
  }
  section#family-know span.d-k3{
    font-size:22px;
  }
  section#family-know span.d-k4{
    left: -57%!important;
    font-size: 54px;
  }
  section#family-know p.note{
    right:10%;
  }
  .flip-card {
    width: 290px;
    height: 210px;
  }
  section#you-know, section#you-know-health{
    background: url(../img/stethoscope.jpg) left 0% top 8px no-repeat, url(../img/doctor.jpg) right -7% bottom -4px no-repeat;
    background-size: contain;
    background-origin: content-box;

  }

  p#emp-comm-btn, p#can-comm-btn, p#fam-comm-btn, p#retiree-comm-btn, p#retiree-fam-comm-btn {
     
    top: 4rem;
  

  }
  .dknow{
    left: 21%;
  }
  div#retiree-dknw span.d-k4 {
    left: -28%;
  }
  p.float-md-start.d-comm .d-k2{
    font-size: 40px;

  }
  p.float-md-start.d-comm{
    left: 5%!important;
  }
  span.d-k3cd-comm{
    font-size: 24px;
        left: -10px;
        top:0rem;
  }
  span.d-k3cd-comm1{
    font-size: 24px;
        left: 15%;
        top: 0rem;
  }
  section#you-know-community{
    min-height: 350px;
  }
  .d-k8comms{
    right: 18rem;
  }
  .didyou.health-know span.d-k4{
    top: 80px;
    left: -25%;
   }
   .didyou.health-know .d-k6.mb-5.pt-3 {
    left: 0%!important;
    top: 70px;
  }
  .didyou.health-know p.d-p{
    left: 8%;
  }
   
  .didyou.health-know .d-k7{
    top: 50px;
    margin-left: 35%!important;
  }
  .didyou.health-know .d-k8 {
    right: 5%!important;
    top: 60px
  }

  div#retiree-dknw p.d-p {
    left: 4%;
  }

  section.finance-can-didknow .d-h2{
    left: -20%;
    top:35px;
  }
   section.finance-can-didknow p#fin-subheader{
    left: -160px;
    top: 25px;
  }
  
  section.finance-can-didknow span.d-k2{
    right: 3%;
    top: 50px;
    font-size: 44px;
  }
  section.finance-can-didknow span.fin-dk2{
    left: -40%;
    top: 50px;
    font-size: 20px;
  }
  section.finance-can-didknow span.fin-dk3{
    left: 20%;
    top: 30px;
    font-size: 34px;
  }
  section.finance-can-didknow span.d-k2.fin-dk2{
    left: -40%;
    top: 50px;
    font-size: 34px;
  }
  section.finance-can-didknow  p#fin-subheader1{
     top: 20px;
    left: -15%;
  }
  section.finance-can-didknow p#fin-subheader1 span.d-k3{
    width:auto;
  }
  section.finance-can-didknow span.d-k4c {
    color: #FFF;
    top: 30px;
  }
  section.finance-can-didknow p#fin-subheader1 span.d-ka{
    top:30px;
  }

  section.finance-can-didknow p#fin-subheader2 {
    top: 50px;
    left: 0%;
    margin-left: 0%!important;
    width: 65%;
  }
  section.finance-can-didknow p#fin-dknw-btn{
    top: 140px;
    right: 48%;
    left: -50%;
  }
  section.retiree-helath-didknow .dknow p.d-p{
    left: 1%;
  }
  section.retiree-helath-didknow .d-k6{
    left: 2%;
  }
  section.retiree-helath-didknow .d-k7{
    margin-left: 30%!important;
  }
   section.retiree-helath-didknow p.d-k8.retiree-note{
    margin-left: -15%!important
  }
  section.retiree-helath-didknow p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note.health-can-note {
    margin-left: 1%!important;
    top: -75px!important;
    width: 75%!important;
  }

  p.military-h2 {
     font-size: 22px;
     margin-bottom: 0px;
  }
  
  p.military-h1 {
     font-size: 32px;
   }
  a.btn.btn-military{
         font-size: 16px;
  }
  div#military-img{
    margin-right: 2rem;
  }

 }

 p.sec-anchor {
  transform: translatex(-50%);
  left: 50%;
  margin: 0;
}
p.sec-anchor.long-anchor {
    left: 46%;
  }
@media  (max-width: 1000px) and (min-width: 912px) {
  p.d-p{
    left: 0;
  }
  p.sec1.sec1-flip {
    top: 10px!important;
}
#main-tiles .flip-card-back,
  .flip-card-back.flip-spending{
    font-size: 12px;
  }
  span.d-k2, span.d-k2.fin-dk2{
    font-size: 50px;
  }
  section#family-know span.d-k4.float-md-end.ms-md-3 {
    top: 43px;
    left: -30%;
    font-size: 50px;
}
span#dk2-can {
  left: 18% !important;
  font-size: 126px;
  line-height: 160%;
  top: -90px;
}
}
@media screen and (max-width: 1024px) and (min-width: 992px) {

  #banner h3{
    top:10%;
  }
  span.total, span.rewards{
    font-size: 50px!important;
  }

  #banner p{
    line-height: 21px;
  }
  section#edit-block2 {
    max-width: 920px;
    margin: auto;
  }
  .accordion-flush .accordion-collapse {
    padding-left: 10.5%;
  }
  th, td{
    font-size:14px;
  }
  h3.rtf-banner-h3{
    top:4%!important;
  }
  p.rtf-banner-intro{
    top: 58%!important;
    left: 5.3%!important;
  }
   .container-2:hover + .container-3 { right: 40%!important; }

  .flip-card{
    width: 249px;
    height: 180px;
  }
   .d-h2{
    left:-5%;
  }
  .flip-card{
    width:270px;
    height: 180px;
  }
  .img-responsive.flip-img{
    margin-top: 10px;
    margin-bottom: 5px;
  }
  .tab-content.secondary-tab{
    min-width: 605px;
    max-width: 550px;
  }
  #sidebar .flip{
    width: 205px;
    height: 100%;
    /* margin-left: 20px; */
  }
  .sidebar-quicklinks p,.sidebar-quicklinks p.note{
    width:150px;
  }
  .sidebar-quicklinks{
    padding-left: 45px;
  }
  .sidebar-quicklinks a{
    word-break: break-word;
        font-size: 11px!important;
  }
  .sidebar-quicklinks p.note{
    font-size:11px!important;
  }
  .sidebar-quicklinks h2{
    font-size:15px;
  }
  hr.sidebar-hr{
    width:150px;
  }
  li.nav-item.secondary{
    max-width: 40%;
  }
  .flip-card-back.flip-physical p.sec1, .flip-card-back.flip-emotional p.sec1, .flip-card-back.flip-spending p.sec1, .flip-card-back.flip-virtual p.sec1, .flip-card-back.flip-family p.sec1, .flip-card-back.flip-health p.sec1{
    top:15%;
    line-height: 20px;
  }
    section#edit-block2 {
    max-width: 840px;
    margin: auto;
  }
  .d-h2{
    left:-5%!important;
  }

  section.finance-can-didknow .d-h2{
    left: -2%!important;
  }

     section.finance-can-didknow  .dknow{
      top:5px;
     }
     section.finance-can-didknow  span.d-k2,  section.finance-can-didknow span.d-k2.fin-dk2{
      font-size:44px;
     }

   section.finance-can-didknow   span.d-k1{
    font-size:16px;
   }
     section.finance-can-didknow  span.d-k2{
      left:-100px;
      top:50px;
      font-size :34px;
     }
     
    section.finance-can-didknow  span.fin-dk2{
      top:46px;
      left:-9%;
      font-size :24px;
    }
    section.finance-can-didknow  span.fin-dk3{
      top: 25px;
      left: 45%;
      font-size: 34px;
    }
    section.finance-can-didknow span.d-k2.fin-dk2{
      font-size :34px;
      left: -75px;
    top: 48px;
    }
    section.finance-can-didknow{
      min-height: 450px!important;
    }
     section.finance-can-didknow p#fin-subheader1{
      left: 0%!important;
          top: -50px;
     }
     section.finance-can-didknow p#fin-subheader2{
      left:14%!important;
      top:-15px;
     }
     section.finance-can-didknow p#fin-subheader1 span.d-k3 {
      width:auto;
     }
     section.finance-can-didknow span.d-k4c{
      color:#FFF;
      top: 25px;
      left: 2%;
     }
     section.finance-can-didknow p#fin-dknw-btn{
      right:35%;
      top: 55px;
    left: -40%;
     }
      p.float-md-start.d-comm .d-k2{
    font-size: 34px;

  }
  p.float-md-start.d-comm{
    left: 14%!important;
  }
  span.d-k3cd-comm{
    font-size: 20px;
        left: 12%;
  }
  span.d-k3cd-comm1{
    font-size: 20px;
        left: 15%;
        top:0rem;
  }
  .d-k7comms{
    right: 33rem;
    top:5rem;
  }
  section#you-know-community{
    min-height: 350px;
  }
  .d-k8comms {
    right: 11rem!important;
    top:9rem;
  }
  p.note.cars-note {
    margin-top: 0px;
  }
  div#cars{
    padding:10px;
  }
  #cars p{
    line-height: 20px;
  }
  #carousel-content{
    min-height: 400px;
  }
  .carousel-item.pt-5,.carousel-item.pt-4 {
    padding-top: 1rem!important;
  }
  .splash_population{
    margin-left: 2rem;
  }
 p#fin-subheader {
    top: -32px;
    left: 5%;
  }
  section#fin-dknw span.d-k2{
    font-size: 44px;
    top: 50px;
    left: -20%;
  }
  section#fin-dknw span.fin-dk2{
    top:50px;
        left: -20%;
  }
  p#fin-subheader1 {
    margin-left: 0%!important;
    left:12%;
  }
  p#fin-subheader2{
    margin-left: 21%!important;
    font-size: 16px;
  }
  p#fin-dknw-btn{
    top:90px ;
    right:22%;
  }
  p#fin-note{
    width:35%;
    /*margin-left: -23%!important;*/
    margin-top:8.5%;
  }
  p#fin-subheader1 span.d-k3{
    width:28%;
    font-size: 16px
  }
  #career-subheader1 {
   top: 95px!important;
    width: 80%!important;
right: 10%!important;
font-size: 13px!important;
  }
  p#did-note{
    padding-top: 1rem;
    top: 95px;
margin-left: -60px !important;
  }

  section.finance-didknow {
    background: url(../img/Piggy_bank_rev_icon.png) left -48% bottom -5px no-repeat, url(../img/Chart_icon_rev.png) bottom -3% right 4.3% no-repeat,url(../img/Money_coin_icon_rev.png) top 3px right 5% no-repeat!important;
    }
    section.compensation-didknow {
    background: url(../img/Claping_hands_icon_rev.png) left -16% top 25px no-repeat, url(../img/Trophy_icon_rev.png) top 0px right -9% no-repeat,url(../img/Money_arrow_icon_rev.png) top 98% left 64% no-repeat!important;
   }
  .didyou.health-know span.d-k2, .didyou.health-know span.d-k4{
    font-size: 44px;
  }
  .didyou.health-know span.d-k4{
    top: 80px;
    left: -25%;
   }
   .didyou.health-know .d-k6.mb-5.pt-3 {
    left: 0%!important;
    top: 70px;
  }
  .didyou.health-know p.d-p{
    left: 8%;
  }
   
  .didyou.health-know .d-k7{
    top: 50px;
    margin-left: 35%!important;
  }
  .didyou.health-know .d-k8 {
    right: 5%!important;
    top: 60px
  }
    #comp-dknw span.d-k2{
    font-size: 54px;
  }
   #comp-dknw span.d-k1,p#comp-subheader1 .d-k3, #comp-dknw span.d-ka{
    font-size: 20px;
   }
   p#comp-subheader {
    margin-bottom: 0px;
    left: 10%;
    }
    #comp-dknw span.d-k4c,#comp-dknw span.d-kcr{
      font-size:30px;
    }
    p#comp-subheader1 {
    top: 34px;
    left: 6%;
  }
  #comp-dknw span.d-kcr{
    margin-left: 5px!important;
  }
  #comp-dknw span.d-ka{
    padding-left: 0px;
  }
  p#comp-subheader2{
    font-size: 20px;
    top: 90px!important;
    /* right: 50%; */
    left: -58%!important;
  }
  p#comp-note{
        top: 150px;
    
    margin-left: 5%!important;
  }

  p#landing-know-num1{
    left: 7%;
  }
  p#landing-know-num2{
    left: -5%;
  }span#can-dk4 {
    font-size: 58px;
    left: -28%;
    top: -12px;
  }
  p.can-dk4{
    font-size:16px;
    top:-120px;
  }
  p.can-dk4 span.can-dk4-note {
    line-height: 14px;
    font-size: 11px;
    }
  div#landing-know .d-h2{
    font-size:22px;
        left: 5%!important;
    padding-bottom: 15px;
  }
  span#dk2-can{
    font-size:126px;
    left: 12%;
    top: -60px;
  }
  div#landing-know span#dk3-can{
    top: 26%;
    left: 22%;    font-size: 28px;

  }
  .didyou.can-dknow {
    min-height: 370px!important;
  }


  p#landing-know-num1 , p#landing-know-num2, p#landing-know-num3{
    line-height: 18px;
    top:-130px;
    font-size: 14px;
   }
  p#landing-know-num1{
         top: -120px;
    left: 0%;
  }
   p#landing-know-num2{
    top:-125px;
    width:54%;
    left: -1%;
   }
  p#landing-know-num3{
   top: -120px;
   left: -14%;
  }

     p#btn-dknw-landing {
    top: -102px;
    left:0;
  }
  p#emp-content1,p#emp-content2,p#emp-content3{
    font-size:28px;
  }
  p#emp-content1,p#emp-content3{
    left: 15px;
  }
  p#emp-content2{
    left:10px;
  }
  p#dknw-landing-note{
  top:-70px;
  left: 0;
  }
  section#family-know .dknow{
    left: 10%;
  }
  section#family-know p.d-p{
    left: 5%;
    top: -20px;
  }
  section#family-know .d-k6b{
    right: 55%;
    top:90px;
  }
  section#family-know p.note{
    top: 161px;
    right: 5%;
    width:50%;
  }
  section#family-know .d-k6a{
    top:50px;
  }
  section#family-know .d-k6{
    top:30px;
  }
  section#family-know .d-k7{
    top:155px;
  }
  section#family-know .d-k6c{
    top:90px;
  }
   div#retiree-dknw p.d-p {
    left: 4%;
  }
  section#you-know-community .dknow {
    left: 9%;
  }
  section#you-know-career{
    background: url(../img/Person_award.png) left 2% top 0px no-repeat;
  }
  span.d-k3cd{
    font-size: 32px;
        left: 21rem;
  }
  span.d-k3cdt{
    font-size: 32px; 
    left: 9.8rem;
  }
  p.d-pc span.d-k2{
    left: 5rem;
  }
  .d-k7s{
    top:6.5rem;
    left: -4rem;
    width: 70%;
  }
  .d-k8s{
    top:6.8rem;
  }
  section.life-didknow .d-k7{
  left: -7rem;
  top:0px;
  }
  section.life-didknow span.d-k3{
    
  left: 0.5rem;
    
}
span.life-did-k1{
  position: relative;
  left: 4rem;
}
section.life-didknow span.d-k2 {
    font-size: 74px;
}
section.life-didknow .d-k6{
  font-size: 34px;
}

}

 

@media screen and (max-width: 992px) and (min-width: 769px) {
  .flip-card{
    width:209px;
    height: 160px;
  }
  .flip-card img {
    max-width: 90px;
  }
  .img-responsive.flip-img{
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .flip-card-front p{
    line-height:  19px;
  }
    .sidebar-quicklinks p{
    width:150px;
  }
  .sidebar-quicklinks{
    padding-left: 45px;
  }
  .sidebar-quicklinks a{
    word-break: break-word;
        font-size: 11px!important;
  }
  .sidebar-quicklinks h2{
    font-size:11px;
  }
  hr.sidebar-hr{
    width:150px;
  }
  p.flip-sidebar-header{
    margin-top:   2px;
  }
  .tab-content.secondary-tab{
     min-width: 520px!important;
     max-width: 100%;
     margin-bottom: 20px;
  }
  .accordion-flush .accordion-collapse {
    padding-left: 10.5%;
  }
  #sidebar .flip{
       width: 180px;
    height: 100%;
    /* margin-left: 20px; */
  }
  p#did-note{
    /*margin-left: -8%!important*/
  }
#career-subheader1 {
  top: -58px;
  width: 85%;
  right: 3%;
  font-size: 13px;
    }
  p#did-note{
/*      padding-top: 7rem;*/
  right: 0;
  width: 85%;
  }
    h3.rtf-banner-h3{
    top:2%!important;
    
  }
  p.rtf-banner-intro{
    top:52%!important;
    left:12.4%!important;
    font-size: 14px!important;
  }
  img.img-responsive.flip-sidebar-img{
    max-width: 80px;
  }
  .flip-content p{
    font-size: 11px;
    line-height: 14px;
  }
  li.nav-item.secondary{
    max-width: 27%;
  }
   #banner h3{
    top:15%!important;
    line-height: 32px;
  }
  span.total, span.rewards{
    font-size: 36px!important;
  }

  #banner p{
    font-size: 16px;
    line-height: 19px;
    top:58.6%;
  }
  a.bl.candidate-logo {
    margin-bottom: 0px;
  }
   button.navbar-toggler.collapsed {
    display:block;
    margin-right: 10%;
  }
   .navbar-light .navbar-toggler {
    border:0;
   margin-right: 10%; 
  }
 
  .container-2 {
    width: auto;
    top:0;
    position: relative;
    left: 22%;
  }
  p.navbar-brand.nav-population{
    margin-right: 0px;
  }
 .container-3 {
    right: 28.5%;
  }
  .icon-print::after,.icon-print.label-active:after{
    font-size: 20px;
    padding-top: 0;
  }
  .search .icon::before{
    font-size: 20px;
    
  }
  span.phn-label.active{
    top:0px;
    height: 30px;
    padding-top: 5px;
    font-size: 16px;
    width:120px;
  }
  .search input{
    
    font-size: 16px;
   left: 12%;
    height: 30px;
  }

  .search.active .icon:before{
    top:-3px;
  }
  .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .navbar-nav .nav-item a:hover{
    width:50%;
  }
  .nav-tabs .nav-link{
    font-size: 17px;
  }
  .flip-card-back.flip-physical p.sec1, .flip-card-back.flip-emotional p.sec1, .flip-card-back.flip-spending p.sec1, .flip-card-back.flip-virtual p.sec1, .flip-card-back.flip-family p.sec1, .flip-card-back.flip-health p.sec1{
    top:10%;
    line-height: 18px;
  }
  /* p.sec-anchor{
    left:20%;
  } */
  .carousel-inner{
    min-height:   auto;
  }
  .carousel-item h2{
    font-size: 26px;
  }
  p.military-h1{
    font-size: 24px;
    margin-bottom: 5px;
  }
  p.military-btn.mt-4{
    margin-top: 0px!important; 
  }
  p.military-h2{
    font-size: 22px;
    margin-bottom: 5px;
  }
  div#military-img {
    margin-right: 2rem;
    }
  .no-tab.table.panel ul,.no-tab.table.panel p{
    padding-left: 60px;
  }

  .no-tab .panel ul li{
    padding-left: 0px;
  }
   
  #cars p,#cars ul{
    font-size: 14px;
  }
  p.cars-note {
    font-size: 11px!important;
    margin-bottom: 0px!important;
    padding-bottom: 0px!important;
  }
  
 
  .container-2:hover + .container-3 { right: 50%!important; }

  .testimonal1{
    padding:5px;
  }
   .d-h2{
    left:-5%;
  }
  section.finance-can-didknow .d-h2{
     
    top:35px;
  }
  .splash_population{
    margin-left: 2rem;
  }
  section.finance-didknow,section#you-know-community, 
  section#you-know-career,section#health-you-know,
  section.retiree-helath-didknow, section#you-know,section.compensation-didknow, section#family-didknow, section#retiree-you-know{
    background:none!important;
  }
  .didyou.retiree-health-know, section#you-know-health {
    background: linear-gradient(to right, #4B95D7 0%, #82C7ED 100%)!important;
  }
 
  section#you-know .dknow, section#you-know-health .dknow{
      left: 8%;
    }
   section#fin-dknw p.d-p{
      left: -2%;
    }
    section#fin-dknw span.d-k2{
      font-size: 54px;
    }
  p#can-dp{
    left: -12%!important;
  }
  span#dk2-can{
    left: 4%;
  }
  span#can-dk4 {
    left: -25%;
    top:-50px;
    font-size: 50px;
    }
  span#dk2-can {
    left: 20%;
    font-size: 126px;
    top: -90px;
  }

  span#dk3-can {
    top: 10%;
    left: 30.5%;
    font-size: 24px;

    }
    div#landing-know span#dk3-can {
    top: 11%;
    left: 30%;
    font-size: 24px;

    }
  p.can-dk4 {
    left: 0;
    top: -154px;
    width:75%;
  }
  section.compensation-didknow {
    margin-left: 10%;
    }
    p#comp-subheader2{
      left: -2%;
      top:35px;
      font-size: 18px;
    }
    p#comp-note{
      top: 120px;
    margin-left: 28%!important;
    width: 85%;
    }
    p#comp-subheader1 {
    top: 15px;
    left: 4%;
    }
    #comp-dknw span.d-k1, p#comp-subheader1 .d-k3, #comp-dknw span.d-ka {
    font-size: 18px;
    }
    #comp-dknw span.d-k2, p.float-md-start.d-comm .d-k2{
        font-size: 44px;
    }
    #comp-dknw span.d-k4c, #comp-dknw span.d-kcr{
      font-size: 34px;
    }
    #comp-dknw h2{
          left: -12%;
    
    }
    section#you-know-community .dknow {
      left: 18%;
    }
  p#landing-know-num1{
    left: 0%;
  }
  section#you-know-community h2,  p.float-md-start.d-comm .d-k2{
      left: -15%;
    }
  p#landing-know-num2{
    left:-50px;
    width:75%;
  }
  section#you-know-community  span.d-k3.me-4,section#you-know-community p.d-comm span.d-k3 {
    left: -14%;
    position: relative;
        font-size: 28px;
  }.d-k7comms{
    right: 32rem;
    top:3rem;
  }
  p#emp-comm-btn, p#can-comm-btn, p#fam-comm-btn, p#retiree-comm-btn, p#retiree-fam-comm-btn {
    right: 8%;
    top: 4rem;
     
  }
  .d-k8comms{
    right: 18rem!important;
  }
  span.d-k3cd-comm, section#you-know-community span.d-k3cd-comm1{
    font-size: 18px;
  }
    section#you-know-community span.d-k3cd-comm{
      left: -12%;
    }
    section#you-know-community span.d-k3cd-comm1{
      left: -10%;
    }
  p#btn-dknw-landing {
   top: -90px;
    left: -5%;
  }
  p#dknw-landing-note{
  top:-60px;
  }
  p#fin-note {
    margin-left:14%!important;
    width: auto;
        margin-top: 7.5%;
  }
  section.finance-didknow .dknow{
    left: 7%!important;
    top: -5px;
  }
  p#fin-subheader1{
    left: 7%!important
  }
  p#fin-subheader2{
    left: 5%!important;
  }

  section.finance-can-didknow p#fin-subheader1{
    top:40px;
  }
  section.finance-can-didknow p#fin-subheader2{
    left: 9%!important;
    font-size: 18px;
    top:65px;
  }
  section#health-you-know{
    min-height: 290px;
  }
  p#emp-content1,p#emp-content2,p#emp-content3{
    font-size:22px;
    left: 20px;
  }
  p#emp-content2{
    left:-20px
  }
  section.finance-can-didknow span.d-k1 {
    font-size: 18px;
  }
  section.finance-can-didknow  span.d-k2{
    left:-100px;
    top:50px!important;
    font-size :34px;
   }
   
  section.finance-can-didknow  span.fin-dk2{
    top:46px;
    left:-9%;
    font-size :24px;
  }
  section.finance-can-didknow  span.fin-dk3{
    top: 25px!important;
    left: 45%;
    font-size: 34px;
  }
  section.finance-can-didknow span.d-k2.fin-dk2{
    font-size :34px;
    left: -75px;
  top: 48px;
  }

  p#fin-dknw-btn{
   top: 10rem;
    right: 10%!important;
  }
  section.finance-can-didknow span.d-k2{
        font-size: 34px;
    top: 15px;
  }
  section.finance-can-didknow span.d-k2.fin-dk2{
     font-size: 30px;
     left: -90px;
  }
  section.finance-can-didknow span.fin-dk2{
    left: -94px;
    top:50px;
  }
  section.finance-can-didknow span.d-k4c{
    color: #FFF;
    font-size:30px;
  }
  .didyou.health-know span.d-k2, .didyou.health-know span.d-k4{
    font-size: 44px;
  }
  .didyou.health-know span.d-k4{
    top: 80px;
    left: -25%;
   }
   .didyou.health-know .d-k6.mb-5.pt-3 {
    left: 0%!important;
    top: 70px;
  }
  .didyou.health-know p.d-p{
    left: 8%;
  }
   
  .didyou.health-know .d-k7{
    top: 50px;
    margin-left: 35%!important;
  }
  .didyou.health-know .d-k8 {
    right: 5%!important;
    top: 60px
  }
  p.d-pc span.d-k2 {
    left: -2rem;
    font-size: 7rem;
  }
  span.d-k3cd {
       font-size: 28px;
    left: 11rem;
    top: 6rem;
  }
  span.d-k3cdt {
        font-size: 28px;
    left: 2.4rem;
    top: 4rem;
  }
  .d-k7s{
        top: 5rem;
    color: #FFF;
    left: -6rem;
    width: 70%;
  }.d-k8s {
    top: 5rem;
    left: -7rem;
  }
  section#family-know {
    background: none!important;
  }
 
  section#family-know .dknow {
    left: 10%;
    top: 0;
  }
  section#family-know .d-k6a, section#family-know .d-k6{
    top:50px;
  }
  section#family-know .d-k6b{
    right:0%!important;
    top:50px;
  }
  section#family-know .d-k6c{
    left: 10%;
        top: 50px;
  }
  section#family-know .d-k7{
    margin-left: 0!important;
    right: 15%;
    top:110px;
  }
  section#family-know p.note{
    top: 120px;
    width: 75%;
    right: 10%;
  }
   section.retiree-helath-didknow .dknow p.d-p {
    left: 1%;
  }
  section.retiree-helath-didknow .d-k6{
    left: 2%;
  }
  section.retiree-helath-didknow .d-k7{
    margin-left: 35%!important;
  }
  section.retiree-helath-didknow p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note{
  margin-left: -35%!important;
  }
  section.retiree-helath-didknow p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note.health-can-note {
    margin-left: 1%!important;
    top: -75px!important;
    width: 75%!important;
  }
  section.life-didknow p.d-p {
    left: 0rem;
    top: 0px;
  }

    section.life-didknow .d-k7{
  left: 0rem;
  top:50px;
  }
  p.float-md-start.ms-md-5.note.d-k8.mb-2.life-note{
    top:10rem;
  }
  section.life-didknow span.d-k3{    
    left: 0.5rem;
    font-size: 26px;
  }
  span.life-did-k1{
    position: relative;
    left: 4rem;
  }
  section.life-didknow span.d-k2 {
    font-size: 64px;
  }
  section.life-didknow .d-k6{
    font-size: 34px;
  }
  section.life-didknow .d-k6{
    top:20px;
  }

}

@media (max-width: 820px) {
   span.d-k3cd{
    font-size: 32px;
        left: 13rem;
  }
  span.d-k3cdt{
    font-size: 32px; 
    left: 1.8rem;
  }
  p.d-pc span.d-k2{
    left: -2rem;
  }
  section#you-know-community h2, p.float-md-start.d-comm .d-k2{
      left: -3%;
  }
  section#you-know-community span.d-k3.me-4, section#you-know-community p.d-comm span.d-k3
  {
    left: -3%;
  }
   p#emp-comm-btn, p#can-comm-btn, p#fam-comm-btn, p#retiree-comm-btn, p#retiree-fam-comm-btn {
    right:0;
    left: 22%;
    top: 4rem;
     
  }
  section#you-know-community span.d-k3cd-comm1{
    top:1rem;
  }
  .d-k8comms{
    right: 8rem;
    top:7rem;
  }
  .d-k7s{
    top:6.5rem;
    left: -4rem;
    width: 70%;
  }
  .d-k8s{
    top:1rem;
    left:-2rem;
  }
  section#family-know span.d-k4{
    top:50px!important;
  }
 
  section#family-know .d-k6a{
    left: -5%; 
  }
  section#family-know .d-k6b{
    top:55px;
    right:50%;
  }
  
  section#family-know .d-k7{
    right: 30%;
  }
  section#family-know p.note{
    width: 85%;
    right: 21%;
  }
  p#btn-dknw-landing {
    top: -84px!important;
  }
  p#dknw-landing-note {
    top: -74px!important;
        line-height: 14px;
  }
  .didyou.can-dknow {
    min-height: 370px!important;
  }
  p.can-dk4{
    top:-112px!important;
  }

  p#landing-know-num2, p#landing-know-num1, p#landing-know-num3{
    font-size: 16px;
  }
   
  #family-know span.d-k2, #family-know span.d-k4{
    font-size:54px;
  }
  span#dk2-can{
    left: 11%;
  }
  div#landing-know span#dk3-can{
    left: 22.8%;
    top:4%;
  }

  p#landing-know-num2, p#landing-know-num1, p#landing-know-num3{
    left: -5%;
  }
  p#comp-note{
    top:82px;
  }
  p.d-pc span.d-k2 {
    left: -2rem;
    font-size: 7rem;
  }
  span.d-k3cd {
       font-size: 28px;
    left: 11rem;
    top: 7rem;
  }
  span.d-k3cdt {
        font-size: 28px;
    left: 2.4rem;
    top: 4.6rem;
  }.d-k7s{
        top: 5rem;
    color: #FFF;
    left: -6rem;
    width: 70%;
  }
  .can-btn {
    left: 35%!important;
  }

  span.d-k1.fam-mem{
      font-size: 18px;
  
  }
  p.rtf-banner-intro{
    left: 2%!important;
    top:58%!important;
  }
  section.finance-can-didknow{
    min-height: 450px!important;
  }
  section#fin-dknw p.d-p{
    top:0px;
  }
   section.finance-can-didknow .d-h2{
    top:20px;
  }
  section#fin-dknw span.d-k2{
    top:15px;
    left: 0%;
    font-size:40px;
  }
  span.fin-dk2{
    top:15px;
    left: 0%;
  }
  span.d-k4c{
    font-size:34px;
  }
  section.finance-can-didknow span.d-k4c{
    color:#FFF;
  }
  
  p#fin-subheader1 span.d-k3{
    width:40%;
  }
  p#fin-subheader1{
    top:20px;
  }
  section#fin-dknw span.d-k4c{
    font-size:40px;
  }
  p#fin-note{
    margin-left: 7%!important;    
    margin-top: 9.5%;
  }
   div#retiree-dknw p.d-p {
    left: 4%;
  }
  div#retiree-dknw .d-k6{
    left: -5%;
  }
  div#retiree-dknw .d-k8{
    margin-left: -23%!important;
  }
  div#retiree-dknw .d-k7{
    margin-left: 32%!important;
  }
  section.retiree-helath-didknow .d-k6{
    left: -4%;
  }
   p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note{
      margin-left: 1%!important;
      width:60%!important;
    }
  section#family-know p.d-p {
    left: 5%;
    top: -20px;
  }
   p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note.health-can-note {
    margin-left: -41%!important;
    top: 25px;
    width: 75%;
  }
  span.d-k2, span.d-k2.fin-dk2, span.d-k4{
    font-size: 54px;
  }
  section.finance-can-didknow span.d-k2, span.d-k2.fin-dk2{
    font-size: 26px;
    top: 15px;
  }
  p#fin-dknw-btn{
    left:-25%!important;
  }
   section.finance-can-didknow span.d-k2.fin-dk2{
    left: 0px;
  }
  section.finance-can-didknow span.d-k1{
    font-size: 18px;
  }
  p#can-dp{
    top: 15px;
  }section.life-didknow p.d-p {
    left: 0rem;
    top: 0px;
  }

    section.life-didknow .d-k7{
  left: 0rem;
  top:50px;
  }
  p.float-md-start.ms-md-5.note.d-k8.mb-2.life-note{
    top:10rem;
  }
  section.life-didknow span.d-k3{    
    left: 0.2rem;
    font-size: 24px;
  }
  span.d-k3.d-klife {
    top: 1rem;
    left: 6rem!important;
   
  }
  span.life-did-k1{
    position: relative;
    left: 4rem;
  }
  section.life-didknow span.d-k2 {
    font-size: 64px;
  }
  section.life-didknow .d-k6{
    font-size: 34px;
  }
  section.life-didknow .d-k6{
    top:20px;
  }


}
.search  input::placeholder,
.search  #tipue_search_input::placeholder{
   color: transparent !important;
}
.search.active  input::placeholder,
.search.active #tipue_search_input::placeholder{
  color: darkgray !important;
}

@media screen and (width: 768px) {
  .container-2 .icon.sa {
    left: 70px !important;
}
}

@media (max-width: 768px) {
  #family-know .d-h2{
    top: 12px;
  }
  #main-tiles .flip-card-back p{
    line-height: 1.2em;
  }
  .flip-card {
    width: 209px;
    height: 160px;
    font-family:"Helvetica Neue LT W05 75 Bold";
    font-size: 11px;
  }
  .flip-card img{
    max-width: 90px;
  }
  .flip-card-front p{
    margin-top: 5px;
  }
  .tile-header{
    margin-top:15px;
  }
  div#d-t-know {
    background-position: 20% 70%;
  }
  li.nav-item a.nav-link{
    border-radius: 20px;
    font-size: 14px;
  }
  div#myTabContent {
    margin-top: 10px;
  }
  p#did-note{
   width: 75%;
    margin-left: 5%!important;
  }
  div#move {
    border-radius: 20px;
  }
  span.search-box.active, input#tipue_search_input {
    left: 50%;
    top: 20%;
    z-index: 2;
  }
 .bg{
      background-image: linear-gradient(to bottom right, #e7f0f8,#75a1cb);      
      height: auto;
      display: grid;
  }
  #banner p{
    font-size: 11px;
     color: #5C0F8C;
     top: 48%;
    
    line-height: 14px;
    max-width: 225px;
  }
  span.total{
    font-size: 21px!important;
    color: #5C0F8C!important;
    font-family:"Helvetica Neue Light";
  }

  span.rewards{
     font-size: 21px!important;
    color: #5C0F8C!important;
     font-family:"Helvetica Neue LT W05 75 Bold";
  }
  #banner{
        background-size: cover;
  }
  #banner h3{
    margin-bottom: 0px;
    top: 10%;
    line-height: 19px;
    font-family:"Helvetica Neue LT W05 75 Bold";
    
  }
   p.note.page-note{
    font-size: 8px!important;
    margin-top:30px;
  } 
  p.flip-sidebar-header a, #sidebar a, #sidebar p{
    font-size: 14px;
  }
  .accordion-item .accordion-button{
    font-size: 16px;
    padding-left:35px;
  }
  
  section.banner{
    margin-bottom: 0px;
  }
 
  .footer,h3.footer-header{
    font-size: 10px;  
  }
  
  .carousel-item.active h2, p.military-h1{
    font-size:30px;
  }
  p.military-h2{
    font-size: 26px;
    margin-top: 3rem;
  }
  .carousel-item.active p,.carousel-item.active ul li{
    font-size:13px;
  }
   button.navbar-toggler.collapsed {
    display:block;
    margin-right: 25px;
    margin-top: -10px;
    z-index: 1;
  }
  .navbar-light .navbar-toggler {
    border:0;
    margin-right: 25px;
    margin-top: -10px;  
  }
  .search.active input {
    left: -35%;
    top:8px;
    padding: 0 8px;
  }
  /* .search.active .icon:before{
    left:140px;
    margin-top: 8px
  } */
  .search.active input#tipue_search_input {
    top: 0px;
    left: -80px!important;
    }
    .search input {
    font-size: 16px;
    left: 100px!important;
    height: 30px;
    }
    .search-box{
      position: relative;
      height: auto;
    }
    span.search-box.active input#tipue_search_input{
         padding: 0 10px;
    }
  ul#fam-nav, ul#retiree-nav, ul#retiree-fam-nav{
    margin-left: auto!important
  }
 .container-2 input.search{
      display: none;
  }
  .container-2 .icon, .container-2 .icon-phone{
    margin-top: 0px;
   /* left: 40px*/
   left:20px;
  }
  .container-2 .icon-phone {
    left: 0px;
  }
  .container-2 {
    width: auto;
    top:-15px;
    position: relative;
    left: 32%;
  }
  .container-2:hover .icon{
    top:2%;
  }
  .container-3,.container-2:hover + .container-3{
    right: 20%!important;
  }
  .search.active{
    width:180px;
  }
  .search{
    left: 225%;
  }
  
  .search-box input[type="text"],input#tipue_search_input{
    width: 100%;
   border: none;
    background: #E6E6E6;
    outline: none;
  }
  main.tipue-search-content-index {
    margin-bottom: 50px;
  }
  p.navbar-brand.nav-population{
    margin-right: 0px;
  }
  span.icon-phe img, span.icon img {
    width: 15px;
    height: 15px;
  }
      .sidebar-quicklinks p{
    width:150px;
  }
  .sidebar-quicklinks{
    margin-left: 45px;
  }
  .sidebar-quicklinks a{
    word-break: break-word;
        font-size: 11px!important;
  }
  .sidebar-quicklinks h2{
    font-size:11px;
  }
  p.ft-note {
    font-size: 9px;
    margin-left: 0%!important;
  }
 
  .testimonal1{
    font-size: 8px;
   /* font-size:9px;
    padding:5px;*/
  }
  #tipue_search_results_count {
        padding-top: 9px;
        font-family: 'HELVETICA NEUE LT W05 55 ROMAN';
    }

  form.searchbox{
    padding-left:0px;
    width:100%;
  }

  #blogo{
    padding-top: 0;
      padding-bottom: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
  }
 

  .carousel-item .col-12.col-md-6.ms-1, .carousel-item .col-12.offset-md-1.col-md-4.order-sm-first.order-last {
    margin-bottom: 20px;
    margin-left: 40px;
    }

  .carousel-control-next, .carousel-control-prev{
    width:8%;
    /*    top:30%;*/
  }

  div#d-know p, div#d-t-know p{
    font-size:14px;
  }
  span.copy-left, span.copy-right {
    font-size: 9px;
  }
  .d-h2{
    left:-5%;
  }
  div#d-know h2{
    font-size: 21px;
    top:20px;
  }
  span.d-k3{
  vertical-align: bottom;
  }
  span.d-k4{
    top:65px;
    font-size: 28px;
    left: -12%;
  }

  div#d-know p.d-p,div#d-t-know p.d-t{
    font-size: 30px;
  }

  .navbar-light .navbar-toggler{
    color: #000;
    border-color:#000;
    padding: 0px;
    /*margin-left: 25px;*/
  }
  .navbar-toggler:focus{
    box-shadow:none
  }

  .tab-content.secondary-tab{
    max-width: 420px!important;
    min-width: 420px!important;
  }
  .navbar-toggler.navbar-toggler-icon{
    border-color: #000
  }
  
  .container-2 .icon{
    left:-80px;
  }
  .container-2 .icon-phone{
    left:-70px;
  }
   #sidebar .flip{
    width:220px;
    height: 210px;
    margin-left:5px;
    margin-right:5px;
    margin-top: 0px;
  }
  .tab-cont{
    margin-bottom: 50px;
  }
  p.flip-sidebar-header2{
    font-size:11px;
  }
  p.flip-sidebar-header{
    font-size: 12px;
    line-height: 15px;
  }
  .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .navbar-nav .nav-item a:hover{
    border:none;
  }
  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    border-bottom: 2px solid #979797!important;
  }

  .sidebar-quicklinks a{
    font-size: 14px;
  }
  .sidebar-quicklinks h2{
    font-size: 16px;
  }
  .modal-dialog{
    max-width: 400px;
  }
  .modal-body p,.modal-body ul,.modal-body ul li{
    font-size: 12px;
    margin-bottom: 5px;
  }
  .modal-body table {
    font-size: 12px;
    }
  .modal-body h4{
    font-size: 16px;
  }
  .navbar>.container-fluid {
    padding-left: 0px;
  }
  div#cars{
    max-height: 550px!important;
  }
  section#inc-footer-retiree-family, section#inc-footer-retiree, section#inc-footer-family-member, section#inc-footer-emp {
    padding-left: 0px;
    padding-right: 0px;
  }
  p#fin-subheader{
    left: -10px;
    top:15px;
  }
  p#fin-subheader span.fin-dk2{
    font-size: 18px;
    left: -75px;
    top: 30px;
  }
  .didyou.retiree-health-know p.d-p{
    left: 5%;
  }
  p#fin-subheader span.d-k2.fin-dk2{
    font-size: 30px;
    top: 15px;
    left: 0px;
  }
  section.finance-can-didknow p#fin-subheader2{
        left: -5%;
    width: 70%;
  }
  section.finance-can-didknow p#fin-dknw-btn{
    top: 100px;
    left: -50%!important;
  }
   p.d-pc span.d-k2 {
    left: -2rem;
    font-size: 7rem;
  }
  span.d-k3cd {
       font-size: 28px;
    left: 11rem;
    top: 7rem;
  }
  span.d-k3cdt {
        font-size: 28px;
    left: 2.4rem;
    top: 4.6rem;
  }.d-k7s{
        top: 5rem;
    color: #FFF;
    left: -6rem;
    width: 70%;
  }.d-k8s {
    top: 3rem;
    left: -2rem;
  }

    .container.footer-content{
      padding-left: 30px;
    }
    .d-h2{
      font-size: 24px;
    }
   
    .didyou.can-dknow{
      background-image: none!important;
    }
    section#you-know,section#you-know-health{
      background-image: none;
          min-height: 400px;
          margin-top:30px;
          padding-left: 20px;
    }
    span.d-k2,span.d-k2.fin-dk2{
      font-size: 28px;
      top:20px;
    }
    span.d-k1,span.d-k1.fam-mem{
      font-size:18px;
    }
    .d-k6 {
      margin-left: 0!important;
      font-size: 14px;
      top: -15px;
    line-height: 18px;
    left: -5%;
     }
      .d-k7{
         margin-left: 20%!important;
         top:-20px;
  }
  .d-k8,.d-k8c{
    margin-left: 8%!important;
    top:-20px;

    left: -5%;

  }
   p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note,p.float-md-start.ms-md-5.note.d-k8c.mb-2.retiree-note {
    margin-left: 18%!important;
  }
  p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note.health-note {
    margin-left: -25%!important;
    top: 20px;
  }
  p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note.health-can-note {
    margin-left: -35%!important;
    top: 25px;
  }
  div#retiree-dknw .d-k6 {
    top:20px;
  }
  div#retiree-dknw .d-k7 {
    top: 23px!important;
  }
  #retiree-dknw span.d-k4{
    left: -32%;

  }
  div#retiree-dknw .d-k8 {
    margin-left: 30%!important;
    top:30px;
  }
  span.d-k6, .cnt{
    font-size: 14px;
  }
  div#sidebar{
    margin-left: 0px!important;
  }

  p.rtf-banner-intro {
    max-width: 240px !important;
    left: 5.3% !important;
    top: 34% !important;
    line-height: 12px !important;
  } 
  .rtf-banner-h3{
    left: 5%!important;
    top: 0!important;
    line-height: 24px;
  }

  .rtf-banner-h3 span.total,.rtf-banner-h3 span.rewards{
    font-size:20px!important;
  }
  .footer-icon img.img-fluid{
    max-width: 20px;
    max-height: 24px;
  }

  .splash_population.ms-4, .splash_population.ms-5 {
    margin-left: 0!important;
  }
  .splash_population a{
    margin:auto;
  }

  .carousel-control-prev{
    left: -10px;
  }
  .carousel-control-next{
    right: -10px;
  }
  .nav-link, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
    font-size: 14px;
        padding: 5px 5px;
  }
  a.bl {
    width: 104px;
        background-size: 104px;
    height: 37px;
  }
  .search-box{
    
      top:37%;
      width:100%;
      left: 50%;
  }
  .search input{
    left: 55px;
  }
  .icon-print::after,.search .icon::before{
    font-size: 20px;
  }
  .search .icon::before{
    margin-top:10px;
  }
  .icon-print::after{
      margin-top:22px;
  }
  span .phn-label.active{
    top:50%;
  }
  .icon{
    width:0;
  }
  div#cnd-content {
    margin-top: 5%;
  }
  
  span#can-dk4 {
    left: -38%;
    font-size: 40px;
    top: -15px

  }
  span#dk2-can {
    left: 2%;
    font-size: 126px;
    top: -60px;
  }
  span#dk3-can {
    top: 18%;
    left: 14.6%;
    font-size: 20px;
  }
  div#landing-know span#dk3-can {
   left: 15%;
    top: 19%;
  }
  p.can-dk4 {
    left: 0;
    top: -145px;
    width: 85%;
  }
  .didyou.can-dknow {
    min-height: 400px!important;
  }
  section.life-didknow{
    min-height: 400px;
  }
  p.float-md-start.ms-md-5.note.d-k8.mb-2.life-note{
    margin-left: 4%!important;
    top:1rem;
  }
  section.life-didknow span.d-k3 {
    left: 0.2rem;
    font-size: 16px;
  }
  span.d-k3.d-klife {
    top: 1rem;
    left: 6rem;
    position: relative;
  }
  section.life-didknow .d-k6 {
    font-size: 26px;
    left:7rem;
  }
  section.life-didknow .d-k7 {
    left: 8rem;
    top:1rem;
  }
  section.life-didknow p.d-p {
    left: -4rem;
    top: 0px;
  }
   section.finance-didknow,
   section#you-know-career,section#health-you-know,
   section#family-know, section.finance-can-didknow, section.retiree-helath-didknow, section.compensation-didknow, section#family-didknow, section#retiree-you-know,
   section#you-know-community,section.life-didknow{
    background:none!important;
  }
  .didyou.retiree-health-know {
    background: linear-gradient(to right, #4B95D7 0%, #82C7ED 100%)!important;
  }
   .didyou.retiree-health-know span.d-k4{
        top: 53px;
        left: -31%;
   }
   section#you-know-career .dknow{
      left: 8%;
   }
   p.d-pc span.d-k2{
    font-size: 74px;
   }
   span.d-k3cd{
    left: 9rem;
    top:6rem;
    font-size: 22px;
   }
   span.d-k3cdt{
        font-size: 22px;
    top: 60px;
    left: 7rem;
   }
   .d-k8s{
    left: -1rem;
    top:2rem;
    width: 75%;
   }
   .d-k7s{
        left: 2rem;
    font-size: 15px;
        top: -4rem;
   }
  section.finance-didknow{
    min-height: 400px!important;
  }
  section#you-know .dknow,section#you-know-health  .dknow{
      left: 8%;
    }
   section#fin-dknw p.d-p{
      left: -2%;
          top: -10px;
    }
    section#fin-dknw span.d-k2{
      font-size: 34px;
      left: -75px;
      top: 35px;
    }
    p#fin-subheader1 {
    top: 20px;
    position: relative;
    left: 5%;
        line-height: 22px;
    }
    p#fin-subheader1 span.d-k3{
      width:26%;
    }
    p#fin-dknw-btn{
      right: 12%;
        top: 100px;
    }
    span.fin-dk2 {
    font-size: 22px;
    top: 40px;
    position: relative;
        left: -75px;
    margin-left: 5px;
    margin-right: 5px;
    }
    section#fin-dknw span.d-k4c {
    font-size: 34px;
    }
    p#fin-subheader2{
      font-size: 14px;
      left: 11%;
    top: 30px;
    }
    p#fin-note {
    width: 75%;
    margin-top: 0px;
    margin-left: 5%!important;
    top: 120px;
    left: 0px;
    margin-bottom: 0px!important;
    font-size: 9px!important;   
    color: #FFF;
    }
    section#you-know .dknow, section#you-know-health .dknow{
    top: -20px!important;
    }
     section.compensation-didknow {
    margin-left: 10%;
    }
    p#comp-subheader2{
      left: -2%;
      top:35px;
      font-size: 20px;
    }
    p#comp-note{
      top:110px;
    }
     #comp-dknw span.d-k4c,#comp-dknw span.d-kcr{
      font-size:30px;
    }
     #comp-dknw span.d-k1,p#comp-subheader1 .d-k3, #comp-dknw span.d-ka{
    font-size: 20px;
   }
   p#comp-subheader1 {
    top: 34px;
    left: 4%;
    }
     p#comp-note{
      top: 60px;
    margin-left: 0%!important;
    width: 85%;
    }
    p#comp-subheader1 {
    top: 0px;
    left: -4%;
    }
     #comp-dknw h2{
      left: -10%!important
     }
     p#landing-know-num1{
    left: 2%;
    }
    p#landing-know-num1, p#landing-know-num2, p#landing-know-num3 {
    line-height: 18px;
    font-size: 16px;
  }
  p#btn-dknw-landing {
    top: -144px;
    }
    p#dknw-landing-note {
    top: -150px;
    font-size:11px; 
    }
  .rtf-banner-h3{
    top:8%!important;
  }
   p.rtf-banner-intro {
    max-width: 240px !important;
    left: 5.3% !important;
    top: 45% !important;
  
  }
  section#family-know span.d-k4 {
    top: 90px!important;
    left: -66%!important;
  }
  section#family-know .d-k6{
        top: 40px!important;
    left: 10px;
    font-size:16px;
  }
  section#family-know .d-k6a{
    top: 40px!important;
    left: 4%;
  }
  section#family-know .d-k6b{
    top: 30px;
    right: 0%;
  }
  section#family-know .d-k6c{
    top:30px!important;
    left: 0;
  }
  section#family-know .d-k7{
        top: 105px!important;
    margin-left: -8%!important;
  }
  section#family-know p.note{
    top: 155px!important;
    width: 85%;
    right: 21%;
  }
  section#family-know .dknow{
    left:10%;
  }
  p#fin-subheader1 span.d-k3{
    width:40%;
  }
  p#fin-subheader1{
    top:20px;
  }
  #career-subheader1 {
   top: 60px;
    width: 70%;
    right: 6%;
  }
  p#did-note{
    padding-top: 1rem;
  }

}



@media (min-width: 767px) and (max-width:1024px) {
  .search.active .icon:before{
    z-index: 2 !important;
  }
  /* .search.active .icon.sa{
    left: 75px;
  } */
  p.sec1.sec1-flip,
  .flip-card-back.flip-physical p.sec1, .flip-card-back.flip-emotional p.sec1, .flip-card-back.flip-spending p.sec1, .flip-card-back.flip-virtual p.sec1, .flip-card-back.flip-family p.sec1, .flip-card-back.flip-health p.sec1{
     top:5px !important;
     line-height: 1.3em;
  }
  #main-tiles .flip-card-back p{
    font-size: 13px;
  }
  .flip-card-front p{
    font-size: 13px;
  }
}
@media (max-width: 767px) and (min-width:539px) {
  div#splash_page{
    margin-top: 0px;
  }
  div#splash_main{
    margin-top: 30px;
  }
  .container-2{
    left: 38%;
  }
  section#you-know, section#you-know-health{
    min-height:   390px!important;    
  }
  p#can-dp{
    left:0;
        top: 5px!important;
  }
  span#can-dk4{
    left: 15px;
    top: -105px;
  }
  div#mil-container {
    top: -5px;
  }
  div#military-content{
      padding: 5px;
    }
  .icon-print.mil-icon:after{
        margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
 
  section#military-content {
    max-height: 280px;
    }

   section.finance-didknow,section.finance-can-didknow, section.retiree-helath-didknow,section.compensation-didknow, section#family-didknow, section#retiree-you-know{
    background:none!important;
     margin-top: 5%!important;
  }
  section.finance-can-didknow{
    margin-top:0%!important;
  }
  .didyou.retiree-health-know {
    background: linear-gradient(to right, #4B95D7 0%, #82C7ED 100%)!important;
  }

  section#fin-dknw span.d-k2{
    font-size: 34px;
        top: 5px;
    left: -35px;
  }

   section#fin-dknw span.d-k2.fam-mem{
    left: -170px;
    top:15px;
    font-size: 24px;
   }
    span.fin-dk2.fam-mem{
        left: -172px;
    }
  section#you-know .dknow, section#you-know-health .dknow{
    left: 5%;
  }
  .retiree-helath-didknow .d-k6{
      top:10px;
  }
  section.retiree-helath-didknow .d-k7{
    top:10px;
  }
  .compensation-didknow .dknow {
    left: 0!important;
  }

  p.d-p{
    left: -2%;
  }
  section#health-you-know{
    min-height: 290px;
  }
  p#emp-content1,p#emp-content2,p#emp-content3{
    font-size:20px;
    left: 20px;
  }
  p#emp-content2{
    left:-20px
  }
 
  p#small-header {
    font-size: 12px;
  }
  p.flip-sidebar-header a, #sidebar a, #sidebar p {
    font-size: 11px;
    line-height: 14px;
  }
  section.finance-can-didknow span.d-k2{
    left: -24%!important;
  }  section.finance-can-didknow span.d-k2.fin-dk3{
    left: -20%!important;
  }
  span.d-k1, span.d-k1.fam-mem {
    position: relative;
    top: -35px;
  }
  p#fin-subheader span.d-k2.fin-dk2{
    top:-20px;
  }
  section.finance-can-didknow p#fin-subheader span.fin-dk2{
    left: -175px;
    top: 15px;
  }
  section.finance-can-didknow p#fin-subheader span.fin-dk3{
    left: -15%!important;
    top: 17px;
   }
  p#fin-subheader1 span.d-k3{
    font-size: 14px;
    width:30%;
  }
  span.d-k4c{
    font-size: 34px;
    right: 4%;
    top: -15px;
  }
  section.finance-can-didknow p#fin-dknw-btn{
    left: 35%!important;
    top: 35px!important;
  }
  div#can-car-inner {
    min-height: 450px;
    top: 20px;
  }
  span.fin-dk2{
    font-size: 18px;
          top: 18px;
    position: relative;
    left: -120px;
  }
  p#fin-subheader span.fin-dk2.fam-mem{
    left: -170px;
    top: 15px;
  }
  p#fin-subheader span.fin-dk2{

    left: -35px;
    top: 0px;

  }
  section.life-didknow span.d-k2{
    font-size: 54px;
  }
  section.life-didknow span.d-k3{
    top: 5px;
  }
  span.d-k3cd {
    left: 7rem;
    top: 6rem;
    font-size: 22px;
  }
  span.d-k3cdt{
    left: 7rem;
    top:5rem;
  }
  p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note.health-note {
    margin-left: 5%!important;
  }
  p.can-btn.pb-2.mb-4.mt-5.pt-5{
    padding-top: 5rem!important;
    margin-left: 15rem;
  }
  .carousel-item.active p, .carousel-item.active ul li {
    margin-bottom: 0px!important;
    font-size: 12px;
  }
  section.finance-can-didknow span.d-k2.fin-dk2{
    left: -25%!important;
    top: 15px!important;
    font-size:26px!important;
}   p#fin-subheader1{
    top:0px;
    left:2%;
  }
  p#fin-subheader2{
    left: 10%;
    top: 0px;
    }
    p#fin-dknw-btn{
      top:0px!important;
    }
    #career-subheader1 {
   top: -45px;
    width: 80%;
    right: 0%;
  }
  p#did-note{
    padding-top: 0;
    margin-top: 0px;
    top:0px;
  }
  
  p#fin-subheader1 span.d-ka {
    font-size: 14px;
        padding-left: 0px;
    top: -15px;
    position: relative;
    left: -15px;
    }

     p#comp-subheader2{
      left: -2%;
      top:15px;
      
    }
    p#comp-note{
      top:110px;
    }
     #comp-dknw span.d-k4c,#comp-dknw span.d-kcr{
      font-size:26px;
    }
     #comp-dknw span.d-k1,p#comp-subheader1 .d-k3, #comp-dknw span.d-ka,p#comp-subheader2{
    font-size: 16px;
   }
   p#comp-subheader1 {
    top: 34px;
    left: 4%;
    }
     p#comp-note{
      top: 70px;
    margin-left: 0%!important;
    width: 85%;
    }
    p#comp-subheader1 {
    top: 0px;
    left: -4%;
    }
     #comp-dknw h2{
      left: -10%!important
     }

     #comp-dknw span.d-k2{
      font-size:30px;
     }
     #comp-dknw span.d-k1{
      top:-12px;
     }
     #comp-dknw span.d-k4c{
      top:0px;
      right: 0;
     }
     p#landing-know-num1, p#landing-know-num2, p#landing-know-num3{
      width:85%;
      top:-85px!important;
     }
     .carousel-inner{
      top:0;
      max-height: 100%!important
     }
     div#cars {
      max-height: 850px!important;
    }
    .carousel-item{
      min-height: 450px;
    }
    .carousel-item.active h2,p.military-h1 {
        font-size: 24px;
    }
    p.military-h2{
      font-size: 22px;
      margin-top: 3rem;
    }
    .retiree-health-cars .carousel-control-next {
        right: -18px;
    width: 1.25rem;
    top: -75px;
    }
    .retiree-health-cars .carousel-control-prev {
        left: -10px;
         width: 1.25rem;
         top:-85px;
    }

     p.can-dk4{
      top:-60px;
      width:100%;
     }
     span#dk3-can {
    top: 22%;
    left: 17%;
    }
    div#landing-know span#dk3-can{
      top: 20%!important;
    left: 17%!important;
    }
    p#landing-know-num3{
      left: 0;
    }
    span.can-dk4-note{
      font-size:9px;
    }
    p#btn-dknw-landing {
    left: -12%;
        top: -64px!important;
    }
  p#dknw-landing-note {
    top: -10px!important;
    left: -8%;
  }
  section#family-know .d-k6,section#family-know .d-k6a, section#family-know .d-k6b, section#family-know .d-k6c{
    font-size:14px;
  }
  div#mil-container {
    top: -5px;
  }
  div#military-content{
      padding: 5px;
    }
  .icon-print.mil-icon:after{
        margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
 
  section#military-content {
    max-height: 280px;
    }


  section#family-know {
    min-height: 250px!important;
    max-height: 350px!important;
  }
  section#family-know span.d-k2{
    top:0px;
    font-size: 28px;
  }
  section#family-know span.d-k3{
    position: relative;
        top: -45px;
  }
  section#family-know span.d-k4 {
       top: 50px!important;
    left: -24%!important;
    position: relative;
    font-size: 28px;
  }
  section#family-know .d-k6{
    top: 0px!important;
    left: 10px;
    font-size:14px;
  }
  section#family-know .d-k6a{
    top: -8px!important;
    left: 30%;
  }
  section#family-know .d-k6b{
    top: -12px;
    right: 0%;
  }
  section#family-know .d-k6c{
    top: -20px!important;
    left: 50%;
  }
  section#family-know p.d-p {
    left: 5%;
    top: -5px;
    }

  section#family-know .d-k7{
        top: -10px!important;
    margin-left: 58%!important;
    position: relative;
  }
  section#family-know p.note{
    top:-20px!important;
        margin-left: 8%!important;
    position: relative;
    font-size: 8px!important;
  }
  section#family-know .dknow{
    left:10%;
  }
  p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note.health-can-note {
    margin-left: 10%!important;
    top: 25px;
  }
  #fin-dknw-btn {
        left: 35%!important;
    top: 20px!important;
  }
  p#fin-note{
     left: 5%!important;
    top: 20px!important;
  }
  p.note,p.note.tab-note {
    font-size: 11px!important;
    margin-top:30px;
  }
  section#you-know-community{
    min-height: 300px;
  }
  section#you-know-community .dknow{
    left: 7rem;
  }
  p.float-md-start.d-comm{
    left: -4.5rem;
  }
  section#you-know-community h2{
    left: -6rem;
  }
  p.float-md-start.d-comm .d-k2{
    top:0px;
  }
  p.d-comm span.d-k3{
    font-size: 24px;
    margin-left: 5px;
  }
  span.d-k3cd-comm{
        font-size: 14px;
    left: -5rem;
  }span.d-k3cd-comm1{
      font-size: 14px;
    left: -5rem;
  }
  .d-k7comms {
    left: 7rem;
    top: 4rem;
  }
  .d-k8comms{
    top:5rem;
    right: 0rem;
    width:50%;
  }
  .sup-small {    
    top: -3px;
  }
  div#retiree-dknw .d-k8 {
    margin-left: 23%!important;
    top:35px;
  }div#retiree-dknw .d-k6 {
    top: 25px;

  }
  span.d-k4{
    top:80px;
  }
  div#retiree-dknw .d-k7 {
    top:25px;
  }
  span.d-k3.d-klife {
    top: 1rem;
    left: 6rem!important;
    position: relative;
  }
  span.d-k3{
    font-size: 18px;
        top: 0px;
    position: relative;
  }
  .rtf-banner-h3{
    top:8%!important;
  }
   p.rtf-banner-intro {
    max-width: 240px !important;
    left: 5.3% !important;
    top: 45% !important;
  
  }

  .d-k8s {
    left: 2rem;
  }
  p.float-md-start.ms-md-5.note.d-k8.mb-2.life-note {
    margin-left: 4%!important;
    top: 1rem;
    }

}
@media (max-width: 540px) {
  section#family-know p.d-p {
    top: -45px;
}
section#family-know .d-k6b {
  top: 0px;
  right: 0%;
}
section#family-know .d-k6c {
  top: 5px!important;
  left: 45%;
}
section#family-know .d-k7 {
  top: 20px!important;
  margin-left: 52%!important;
  position: relative;
}section#family-know p.note {
  top: 8px!important;
  margin-left: 8%!important;
  position: relative;
  font-size: 8px!important;
}
section#family-know .d-k6 {
  top: -3px!important;
  left: 10px;
  font-size: 12px;
}
section#family-know .d-k6a {
  top: -2px!important;
  left: 18%;
}
  p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note{
    width: 90%;
    margin: auto;
  }
  div#retiree-dknw .d-k8,
  div#retiree-dknw .d-k7{
    margin: 0 auto !important;
  }
}
@media (max-width: 540px) and (min-width:421px) {
  h3{
    font-size: 16px;
  }
  div#splash_page{
    margin-top: 0px;
  }
  div#splash_main{
    margin-top: 30px;
  }
  section.life-didknow span.d-k3 {
    top: 5px;
  }
  span.life-did-k1 {
    position: relative;
    left: 4rem;
  }
  section.life-didknow span.d-k2 {
    font-size: 54px;
    }
    section.life-didknow span.d-k3 {
    top: 5px;
  }
  section.life-didknow .d-k6 {
    font-size: 26px;
    left: 7rem;
  }
  section.life-didknow .d-k7 {
    left: 8rem;
    top: 1rem;
    }
  span.total,span.rewards{
    font-size: 18px!important;
  }
  #banner p{
    font-size: 9px;
    line-height: 11px;
  }
  #banner h3{
    top:10%;
  }
  div#cars {
    max-height:100%!important;
  }
  .carousel-inner {
    max-height: 100%;
  }
  .flip-card{
    width: 180px;
    height: 150px;
  }
  .flip-card-front p{
    margin-top: 0px;
  }
  .flip-card-back.flip-physical p.sec1, .flip-card-back.flip-emotional p.sec1, .flip-card-back.flip-spending p.sec1, .flip-card-back.flip-virtual p.sec1, .flip-card-back.flip-family p.sec1, .flip-card-back.flip-health p.sec1
  {
    top:1% !important;
    line-height: 1.5 !important;
  }
  #sidebar .flip {
    width: 100%;
    height: 100%;
    padding:10px;
  }
  .flip-content{
    margin-top: 0px;
  }
  p.flip-sidebar-header a{
    line-height: 14px;
  }
  img.img-responsive.flip-sidebar-img{
    max-width: 80px;
  }
  .no-tab-sidebar{
    margin-left: 5%;
  }
  p#small-header {
    font-size: 12px;
  }
  p.flip-sidebar-header a, #sidebar a, #sidebar p {
    font-size: 11px;
    line-height: 14px;
  }
  #banner p {
    /*left: 5%;   */
     max-width: 60%!important; top:60%;
  }
  h2#tabs-iwant{
    font-size: 28px;
  }
  
  .rtf-banner-h3 {
    top: 0!important;

  }
  .nav-tabs .nav-item {
    max-width: 28%;
    margin-bottom: 5px;
  }.tab-cont {
    margin-bottom:10px;
  }
  #cont-tabs p.note{
        margin-bottom: 0px!important;
    padding-bottom: 10px;
  }
  section.finance-can-didknow{
    padding-left: 0px!important;
  }
  section.finance-can-didknow .dknow{
    top:-20px!important;
  }
  section.finance-can-didknow p#fin-subheader span.fin-dk2 {
    left: 22%!important;
    top: -35px!important;
    font-size: 18px!important;
    }
  section.finance-can-didknow p#fin-subheader span.d-k2.fin-dk2 {
    font-size: 22px!important;
    top: -13px!important;
    left: 18%!important;
  }
  section.finance-can-didknow p#fin-dknw-btn{
    left: 30%!important
  }

   
    .carousel-item .col-12.col-md-6.ms-1, .carousel-item .col-12.offset-md-1.col-md-4.order-sm-first.order-last {
    margin-bottom: 20px;
    margin-left: 10px;
  }
  .tab-content.secondary-tab{
    max-width: 320px!important;
    min-width: 320px!important;
  }
  .container-2{
    left: 25%;
  }
  section.life-didknow span.d-k2 {
    font-size: 44px;
  }
  span.d-k1,span.d-k3,.d-k6, span.d-k1, span.d-k1.fam-mem{
    font-size: 11px;
  }
  span.d-k2,span.d-k4{
    font-size: 20px;

  }
  section.life-didknow .d-k6 {
    font-size: 24px;
    left: 3rem;
  }
  section.finance-can-didknow  span.d-k2{
    left: -42%;
    font-size: 22px;
  }
  section.life-didknow .d-k7 {
    left: 4rem;
    top: 1rem;
  }
  section.finance-can-didknow span.fin-dk2{
    left: -90px;
    top:20px;
  }
  span.d-k4{
    top:70px;
  }
  .didyou.retiree-health-know span.d-k4 {
    top: 75px!important;
    left: 0%;
  }
   p.note.page-note{
    font-size: 8px!important;
    margin-top:20px!important;
  } 
  p.flip-sidebar-header a, #sidebar a, #sidebar p{
    font-size: 10px;
  }
  .accordion-item .accordion-button{
       font-size: 11.5px;
    padding-left: 24px;
  }
  .d-k6{
    top:0;
  }
  .d-k8,.d-k8c{
    font-size:9px;
  }
  button.accordion-button.collapsed:before, button.accordion-button:before{
    font-size: 14px;
    /*top: 38px;
    left: 0px;*/
    margin-left: -1.5rem;
  }
  .carousel-control-next-icon, .carousel-control-prev-icon{
    width: 1.25rem;
  }
  button.navbar-toggler.collapsed,.navbar-light .navbar-toggler{
    margin-right: 0px;
    z-index: 1;
    margin-top:-10px;
  }
  span.search-box.active, input#tipue_search_input{
    left: 50%;
    top:20%;
    z-index: 2;
  }
  div#cnd-content {
    margin-top: 0%!important;
  }

  section#fin-dknw .d-h2{
    font-size:18px;
  }
  section#fin-dknw p.d-p{
    top:-30px;
  }
  section#fin-dknw span.d-k2{
    font-size: 26px;  
     top: 42px;
    left: -25px;
      
  }
  span.d-k2.fam-mem{
    font-size: 20px!important;
    left: -90px!important;
  }
  p#fin-subheader{
    left: 15%!important;
  }
  span.fin-dk2.fam-mem{
    left: -90px!important;
  }
    span.d-k4c.fam-mem{
      font-size:20px!important;
    }
    div#retiree-dknw .d-k8{
      margin-left: 15%!important
    }
    p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note.health-note {
    margin-left: 5%!important;
    top: 20px;
    }
  p#fin-subheader1 span.d-k3{
    font-size: 12px;
    left: 31px;
    position: relative;
      width: 31%;
  }
  section.finance-didknow{
    padding-left:0px!important;
  }

  span.d-k4c {
    font-size: 26px!important;
    right: -30px;
    top: -15px;
    }
    p#fin-subheader1 span.d-ka{
      font-size: 12px;
      position: relative;
    top: -25px;
    left: 30px;
    }
  p#fin-subheader1{
    left: -30px;
    line-height: 18px;
    top:-10px;
  }
  p#fin-subheader2{
    font-size: 12px;
    top: 0px;
    line-height: 12px;
    left: 0;
  }
  p#fin-dknw-btn{
    left: 30%;
    top: 20px;

  }
  p#fin-note{
    font-size: 9px!important;
    top:-10px;
  }
  section.finance-didknow{
    min-height: 300px!important;
  }
  section#fin-dknw {
    padding-top: 5%!important;
  }
  span.fin-dk2{
    font-size: 16px!important;
    top: 45px!important;
    position: relative;
    left: -25px!important;
  }
 
  section.finance-can-didknow span.d-k2.fin-dk2{
    left: 32%!important;
    top: -58px;
    font-size: 30px!important;
  }
  section.finance-can-didknow{
    min-height: 330px!important;
  }
  section.finance-can-didknow span.d-k1{
       position: relative;
    top: -35px;
  }
  p#fin-subheader1{
    top:0px;
  }
  
  p#fin-subheader2{
    left: -10%;
    top: 5px;
    }
    p#fin-dknw-btn{
      top:15px!important;
    }

  p#comp-subheader1 {
    top: 34px;
    left: 4%;
    }
     p#comp-note{
      top: 70px;
    margin-left: 0%!important;
    width: 85%;
    font-size: 8px!important;
    }
    p#comp-subheader1 {
    top: -20px;
    left: -6%;
    }
     #comp-dknw h2{
      left: -12%!important
     }

     #comp-dknw span.d-k2{
      font-size:30px;
     }
     #comp-dknw span.d-k1{
      top:-12px;
     }
     #comp-dknw span.d-k4c{
      top:0px;
      right: 0;
     }
    #comp-dknw span.d-k4c, #comp-dknw span.d-kcr {
    font-size: 19px;
    }
     #comp-dknw span.d-k1, p#comp-subheader1 .d-k3, #comp-dknw span.d-ka,p#comp-subheader2 {
    font-size: 14px;
    }
    section.compensation-didknow{
      margin-left: 0;
      padding-left: 0px!important;
    }
    section.compensation-didknow .dknow .d-h2{
        padding-left:   15px!important
    }
    p#comp-subheader2{
      left: -5%;
      top: 15px;
    }
    section#you-know-community{
    min-height: 300px;
  }
  section#you-know-community .dknow{
    left: 7rem;
  }
  p.float-md-start.d-comm{
    left: -4.5rem;
  }
  section#you-know-community h2{
    left: -6rem;
  }
  p.float-md-start.d-comm .d-k2{
    top:0px;
    margin-left:1px!important;
  }
  p.d-comm span.d-k3{
    font-size: 18px;
    margin-left: 5px;
  }
  span.d-k3cd-comm{
        font-size: 13px;
    left: -6.4rem;
  }span.d-k3cd-comm1{
      font-size: 13px;
    left: -6rem;
  }
  .d-k7comms {
    left: 5rem;
    top: 2rem;
    font-size: 18px;
  }
  .d-k8comms{
    top:3rem;
    right: 0.4rem;
    width:50%;
  }
    .img-responsive.flip-img{
      margin-top: 10px;
      margin-bottom: 10px;
    }
  span#dk3-can {
    top: 22%!important;
    left: 22%!important;
    }
    span.can-dk4-note{
      font-size:9px;
    }
    p#btn-dknw-landing {
    left: -12%;
        top: -64px;
    }
  p#dknw-landing-note {
    top: -50px;
    line-height:  16px;
    font-size: 8px;
  }
  
  .cont{
        margin-top: 15px;
  }
  .carousel-control-next {
    right: -20px;
  }
  .carousel-control-prev {
    left: -12px;
  }
  p#can-dp {
    top: 0!important;
  }
  section#you-know .dknow, section#you-know-health .dknow {
    top: 0px!important; 
    }
  .compensation-didknow .dknow {
    left: 11%!important;
  }
  section.finance-didknow .dknow{
    left: 6%!important;

  }
  .accordion-collapse{
    font-size:12px;
  }
  span#can-dk4 {
    left: 8px;
    font-size: 32px;
    top: -105px;
  }
  p.can-dk4{
    top:-85px;
  }
  p#comp-subheader {
    left: 2%;
    }

    section#family-know .d-k6,section#family-know .d-k6a, section#family-know .d-k6b, section#family-know .d-k6c{
    font-size:12px;
  }
  p#emp-content1,p#emp-content2,p#emp-content3{
    font-size:16px;
    left: 20px;
    margin-bottom: 10px;
  }
  p#emp-content2{
    left:-20px
  }
  p.float-md-start.ms-md-3.emp-health-btn.pb-2.mb-4{
    margin-top: 3rem;
  }
  p.float-md-start.ms-md-3.emp-health-btn.pb-2.mb-4 .cnt{
    margin-left: 8rem;
  }
   div#mil-container {
    top: -5px;
  }
  div#military-content{
      padding: 5px;
    }
  .icon-print.mil-icon:after{
        margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
 
  section#military-content {
    max-height: 260px;
    }

    p.military-h2{
      font-size: 22px;
    }
    p.military-h1 {
    font-size: 24px;
  }

  section#family-know {
    min-height: 250px!important;
    max-height: 350px!important;
  }
  section#family-know p.d-p{
    top:-45px;
  }
  section#family-know span.d-k2{
    top:30px;
    font-size: 28px;
  }
  section#family-know span.d-k3{
    position: relative;
        top: -15px;
  }
  section#family-know span.d-k4 {
       top: 75px!important;
    left: -32%!important;
    position: relative;
    font-size: 28px;
  }
  section#family-know .d-k6{
    top: -3px!important;
    left: 10px;
    font-size:12px;
  }
  section#family-know .d-k6a{
    top: -2px!important;
    left: 18%;
  }
  section#family-know .d-k6b{
    top: 0px;
    right: 0%;
  }
  section#family-know .d-k6c{
    top: 5px!important;
    left: 45%;
  }
  section#family-know .d-k7{
        top: 20px!important;
    margin-left: 52%!important;
    position: relative;
  }
  section#family-know p.note{
    top:8px!important;
        margin-left: 8%!important;
    position: relative;
    font-size: 8px!important;
  }
  section#family-know .dknow{
    left:10%;
  }
  span.d-k3cd {
    left: 4rem;
    top: 5rem;
    font-size: 17px;
  }
  span.d-k3cdt {
    font-size: 17px;
  
    left: 4rem;
    }
    p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note.health-note {
      margin-left: 5%!important;
    }
    p.can-btn.pb-2.mb-4.mt-5.pt-5{
      padding-top: 5rem!important;
      margin-left: 10rem;
    }
  #career-subheader1 {
   top: -45px;
    width: 80%;
    right: 0%;
    font-size: 13px;
  }
  p#did-note{
    padding-top: 0;
    margin-top: 0px;
  }

  p.d-pc span.d-k2{
    font-size: 44px;
  }
  .d-k7s{
    top:0rem;
  }
  p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note.health-can-note {
        margin-left: 6%!important;
    top: -15px;
  }
  p.d-p{
    left: -8%;
  }
  p.note,p.note.tab-note {
    font-size: 9px!important;
  }
  p.rtf-banner-intro {
    max-width: 240px !important;
    left: 5.3% !important;
    top: 45% !important;
  
  }
  .sup-small {
    
    top: -3px;
    }
}


@media (max-width: 420px) and (min-width:319px) {
  div#splash_page{
    margin-top: 0px;
  }
  div#splash_main{
    margin-top: 30px;
  }
  .carousel-item h2,
  .carousel-item.active h2{
    font-size: 20px;
  }
  p.military-h1{
    font-size: 18px;
  }

   p.military-h2{
    font-size: 18px;
    margin-top: 3rem;
  }
  p.sec1.sec1-flip{
    top:1px !important
  }
  .carousel-inner{
    max-height: 100%;
  }
  #carousel-content .carousel-item{
    margin-top: 0px;
    padding-top: 0px !important;
  }
   span.life-did-k1 {
    position: relative;
    left: 4rem;
  }
  section.life-didknow span.d-k2 {
    font-size: 38px;
    }
    section.life-didknow span.d-k3 {
    top: 5px;
  }
  section.life-didknow .d-k6 {
    font-size: 18px;
    left: 3rem;
  }
  section.life-didknow .d-k7 {
    left: 2rem;
    top: 1rem;
    }
      section.life-didknow h2.d-h2.pt-1 {
    left: 0%;
    }
    p.float-md-start.ms-md-5.note.d-k8.mb-2.life-note {
        margin-left: 12%!important;
    top: 1rem;
    }
  span.d-k3cd {
    left: 3rem;
    top: 5rem;
    font-size: 17px;
  }
  span.d-k3cdt {
    font-size: 17px;
    top: -48px;
    left: 3rem;
    }
  p.d-pc span.d-k2{
    font-size: 44px;
  }
  .d-k7s{
    top:0rem;
  }
 div#mil-container {
    top: -5px;
  }
  div#military-content{
      padding: 5px;
    }
  .icon-print.mil-icon:after{
        margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
 
  section#military-content {
    max-height: 250px;
    }

}
@media (max-width: 420px) and (min-width:379px) {
  div#splash_page{
    margin-top: 0px;
  }
  div#splash_main{
    margin-top: 30px;
  }

   span.life-did-k1 {
    position: relative;
    left: 4rem;
  }
  section.life-didknow span.d-k2 {
    font-size: 38px;
    }
    section.life-didknow span.d-k3 {
    top: 5px;
  }
  section.life-didknow .d-k6 {
    font-size: 18px;
    left: 3rem;
  }
  section.life-didknow .d-k7 {
    left: 2rem;
    top: 1rem;
    }
      section.life-didknow h2.d-h2.pt-1 {
    left: 0%;
    }
    p.float-md-start.ms-md-5.note.d-k8.mb-2.life-note {
        margin-left: 12%!important;
    top: 1rem;
    }
  .flip-card{
        width: 140px;
    height: 110px;
  }
  .flip-card img{
    max-width:90px;
  }
  .img-responsive.flip-img{
    margin-top: 10px;
    margin-bottom: 5px;
  }
  .nav-tabs .nav-item{
    max-width: 45%;
    margin-bottom: 5px;
  }
  .tab-content.secondary-tab{
    max-width: 280px;
    min-width: 280px;
  }
  #sp-tab #myTabContent{
    max-width: 250px;
    min-width: 240px;
  }
  .search-box{
    width: 100%;
    right: 0;
    z-index: 1;
    /*top: 15%;  */

  }
  #banner img{
    height: 100px;
  }
  #banner h3{
    top:2%!important;
    line-height: 18px;
  }
   #banner .container-lg.secondary-h3 h3 {
    top: 20%!important;
    }
  #banner p{
   top: 45%;
    max-width: 188px;
    line-height: 11px;
  }
  p#small-header {
    font-size: 12px;
  }
  p.flip-sidebar-header a, #sidebar a, #sidebar p {
    font-size: 11px;
    line-height: 14px;
  }
  span#dk3-can {
    top: 22%!important;
    left: 24%!important;
    }
    span.can-dk4-note{
      font-size:9px;
    }
    p#btn-dknw-landing {
    left: -4%;
        top: -70px;
    }
  p#dknw-landing-note {
    top: -50px;
    line-height:  16px;
    font-size: 8px;
  }
  .carousel-item {
    margin-top: 15%;
    min-height: 600px;
  }
  .carousel-control-next {
    right: -26px;
  }
  .carousel-control-prev {
    left: -22px;
  }
  p#can-dp {
    top: 0!important;
  }
  span#can-dk4 {
    left: 5px;
    font-size: 28px;
    top: -110px;
  }
  p#landing-know-num1, p#landing-know-num2, p#landing-know-num3 {
    line-height: 18px;
        font-size: 14px;
    top: -116px;
   
  }
  p#landing-know-num2{
    left: -4%;
    width:90%;
  }
  p#landing-know-num1 {
    left: -2%;
    width: 90%;
  }
  p#landing-know-num3{
     left: 0%;
    width: 88%;
  }
  section.banner{
    margin-bottom: 0px;
  }
  li.nav-item.secondary{
    max-width: 22%;
  }
  .navbar>.container-fluid {
    margin-right: 0px;
  }
  h2.panel{
    font-size: 16px;
  }
  span.total,span.rewards{
    font-size: 18px!important
  }
  #banner p{
    max-width: 200px!important;
    font-size: 9.5px;
    top: 44%!important;
  }
   .flip-card {
    width: 180px;
    height: 150px;
  }
  .flip-card-front p{
    margin-top: 5px;
  }
  .flip-card-back.flip-physical p.sec1, .flip-card-back.flip-emotional p.sec1, .flip-card-back.flip-spending p.sec1, .flip-card-back.flip-virtual p.sec1, .flip-card-back.flip-family p.sec1, .flip-card-back.flip-health p.sec1
  {
    top:20%;
  }

  #sidebar .flip,.sidebar-para {
    width:180px;
    height: 170px;
  }
  
  .flip-content{
    margin-top: 0px;
  }
  p.flip-sidebar-header{
    line-height: 11px;
  }
  p.flip-sidebar-header a{
    line-height: 14px;
    font-size:11px;
  }
  img.img-responsive.flip-sidebar-img{
    max-width: 100px;
  } 
  .no-tab-sidebar{
    margin-left: 20%;
  }
 
  .sidebar-quicklinks p {
    line-height: 14px;
  }
   .carousel-item .col-12.col-md-6.ms-1, .carousel-item .col-12.offset-md-1.col-md-4.order-sm-first.order-last {
    margin-bottom: 20px;
    margin-left: 10px;
  }
  .tab-content.secondary-tab{
    max-width: 280px!important;
    min-width: 280px!important;
  }
  .container-2{
    left: 95px;
  }

   span.d-k1,span.d-k3,.d-k6{
    font-size: 14px!important;
    left: 0;

  
  }
  section.finance-can-didknow span.d-k1 {
    font-size: 16px;
  }
 span.d-k2.fin-dk2 {
    font-size: 22px;
    top: 50px;
    left: -160px;
  }
  section.finance-can-didknow span.d-k2{
    font-size:18px;
    left:-100px;
    top:55px
  }
 section.finance-can-didknow p#fin-subheader span.fin-dk2 {
  top: 0px;
  left: 10%;
  }
  section.finance-can-didknow  span.d-k2.fin-dk2{
     top: 29px!important;
    left: 5%!important;
    font-size: 22px!important;
  }
  section.finance-can-didknow  span.d-k2.fin-dk3{
    top: 29px!important;
   left: 14%!important;
   font-size: 22px!important;
 }
 section.finance-can-didknow p#fin-subheader {
  left: -10px;
  top: -5px;
}
  section.finance-can-didknow  p#fin-subheader1{
    top:20px;
  }
  section.finance-can-didknow span.d-k4c{
    left: 0px;
  }
  section.finance-can-didknow p#fin-dknw-btn{
    left: 25%!important;
    top:30px;
  }
  span.d-k2,span.d-k4{
    font-size: 20px;
  }
   .d-k8,.d-k8c{
    font-size:9px!important;
    top: 0px;
    margin-left: 0!important;
  }
  span.d-k4{
    top:70px;
  }
  .d-k6 {
    line-height: 14px;
    top:-2px;
        width: 80%;
  }
    section#you-know-community{
    min-height: 300px;
  }
  section#you-know-community .dknow{
    left: 7rem;
  }
  p.float-md-start.d-comm{
    left: -4.5rem;
    margin-bottom: 30px;
  }
  p.d-comm span.d-k3.me-4{
    top:0px;

  }
  section#you-know-community h2{
    left: -6rem;
  }
  p.float-md-start.d-comm .d-k2{
    top:0px;
    margin-left:1px!important;
  }
  p.d-comm span.d-k3{
    font-size: 18px;
    margin-left: 5px;
  }
  span.d-k3cd-comm{
        font-size: 13px;
    left: -6.4rem;
  }span.d-k3cd-comm1{
      font-size: 12.8px;
    left: -6.8rem;
  }
  .d-k7comms {
    left: 2rem;
    top: 2rem;
    font-size: 16px;
  }
  .d-k8comms{
    top:3rem;
    right: 2.7rem;
    width:50%;
  }
  button.navbar-toggler.collapsed,.navbar-light .navbar-toggler{
    margin-right: 0px;
    z-index: 1;
    margin-top:-10px;
  }
   span.total,span.rewards{
    font-size: 18px!important;
  }
  #sidebar .flip{
    width:100%;
    height: 100%;
  }
 
  input#tipue_search_input{
    left: 50%;
    /* top:-90px; */
    z-index: 2;
  }
  div#cnd-content {
    margin-top: 0%!important;
  }
  section#fin-dknw p.d-p{
    top:-10px;
    left:5%;
  }
  section#fin-dknw span.d-k2{
    font-size: 22px;
    top:50px;
    left: -52px;
  }
  span.d-k2.fam-mem.dk2 {
    top: 0px!important;
    left: 190px!important;
  }
  span.fin-dk2.fam-mem{
    left: -160px!important
  }
  section#fin-dknw span.d-k4c{
    font-size: 26px;
    left: 8px;
  }
  p#fin-subheader1 span.d-k3{
    font-size: 12px;
    left: 10px;
    position: relative;
    width: 30%;
  }
  section.finance-didknow{
    padding-left:0px!important;
  }
  span.d-k4c {
    font-size: 22px;
    left: 20px;
    top: -18px;
    }
    p#fin-subheader1 span.d-ka{
      font-size: 12px;
      position: relative;
    top: -25px;
    }
  p#fin-subheader1{
    left: -15px;
    line-height: 18px;
    top:5px;
  }
  p#fin-subheader2{
    font-size: 12px;
    top: 20px;
    left: 1%;
  }
  p#fin-dknw-btn {
    left: 24%;
    top: 32px;
  }
  p#fin-note{
    font-size: 9px!important;

    top: 15px;
    line-height: 12px;
  }
  p.note,p.note.tab-note {
    font-size: 9px!important;

  }
  p.note.page-note {
    
    margin-top: 20px;
  }
  section.finance-didknow{
    min-height: 300px!important;
  }
  .sup-small {
    
    top: -3px;
    }
  section#fin-dknw {
    padding-top: 5%!important;
  }
  span.fin-dk2{
    font-size: 16px!important;
  /*    top: 22px;*/
    position: relative;
  }
  p#fin-subheader span.fin-dk2{
      top:50px;
      left: -50px;
  }
 
  section#fin-dknw section.finance-didknow  span.d-k2{
    left: -52px;
  
  }
  section#fin-dknw section.finance-didknow span.d-k2.fam-mem{
     left: -162px;
  }
  section.life-didknow .d-k7 {
    left: 4rem;
    top: 1rem;
  }
  section.life-didknow span.d-k2 {
    font-size: 40px;
    top: 0.2rem;
  }
  p#comp-subheader1 {
    top: 34px;
    left: 4%;
    }
     p#comp-note{
      top: 70px;
    margin-left: 0%!important;
    width: 85%;
    font-size: 8px!important;
    }
    p#comp-subheader1 {
    top: 0px;
    left: -6%;
    }
    p#comp-subheader {
    left: 2%;
    }
     #comp-dknw h2{
      left: -10%!important
     }

     #comp-dknw span.d-k2{
      font-size:30px;
     }
     #comp-dknw span.d-k1{
      top:-12px;
     }
     #comp-dknw span.d-k4c{
      top:0px;
      left: 2px;
     }
    #comp-dknw span.d-k4c, #comp-dknw span.d-kcr {
    font-size: 16px;
    }
     #comp-dknw span.d-k1, p#comp-subheader1 .d-k3, #comp-dknw span.d-ka,p#comp-subheader2 {
    font-size: 14px;
    }
    section.compensation-didknow{
      margin-left: 0;
      padding-left: 0px!important;
    }
    section.compensation-didknow .dknow .d-h2{
        padding-left:   15px!important
    }
    p#comp-subheader2{
      left: -5%;
      top: 15px;
    }

   div#mil-container {
    top: -5px;
  }
  div#military-content{
      padding: 5px;
    }
  .icon-print.mil-icon:after{
        margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
 
   

    section#fin-dknw .d-h2{
    font-size:18px;
    left: 5%;
    }
       section#family-know .d-k6,section#family-know .d-k6a, section#family-know .d-k6b, section#family-know .d-k6c{
    font-size:12px;
  }
  section#family-know {
    min-height: 250px!important;
    max-height: 350px!important;
  }
  section#family-know p.d-p{
    top:-45px;
  }
  section#family-know span.d-k2{
    top:30px;
    font-size: 28px;
  }
  section#family-know span.d-k3{
    position: relative;
        top: -15px;
  }
  section#family-know span.d-k4 {
       top: 5px!important;
    left: 24%!important;
    position: relative;
    font-size: 28px;
  }
  p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note.health-note {
    margin-left: 5%!important;
    top: -20px;
  }
  p#emp-content1,p#emp-content2,p#emp-content3{
    font-size:16px;
    left: -20px;
    margin-bottom: 10px;
  }
  p#emp-content2{
    left:-20px
  }
  p.float-md-start.ms-md-3.emp-health-btn.pb-2.mb-4{
    margin-top: 3rem;
  }
  p.float-md-start.ms-md-3.emp-health-btn.pb-2.mb-4 .cnt{
    margin-left: 5rem;
  }
 
  div#retiree-dknw .d-k7 {
    margin-left: 2%!important;
  }
  p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note, p.float-md-start.ms-md-5.note.d-k8c.mb-2.retiree-note {
    margin-left: 18%!important;
    width: auto;
  }
  div#retiree-dknw .d-k8 {
    margin-left: 3%!important;
    width: auto;
  }
  section#family-know .d-k6{
    top: -30px!important;
    left: 10px;
    font-size:12px;
  }
  section#family-know .d-k6a{
    top: -32px!important;
    left: 18%;
  }
  section#family-know .d-k6b{
    top: -40px;
    right: 0%;
  }
  section#family-know .d-k6c{
    top: -30px!important;
    left: 45%;
  }
  section#family-know .d-k7{
        top: -20px!important;
    margin-left: 45%!important;
    position: relative;
  }
  section#family-know p.note{
    top:-30px!important;
        margin-left: 8%!important;
    position: relative;
    font-size: 8px!important;
  }
  section#family-know .dknow{
    left:10%;
  }
  p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note.health-can-note{
        margin-left: 5%!important;
    top: 0px;
  }section.retiree-helath-didknow .d-k6{
    width:75%;
  }
  .didyou.retiree-health-know span.d-k4{
    top: 73px;
  }
  h2#tabs-iwant{
    font-size: 28px;
  }
  section#you-know, section#you-know-health{
    min-height: 400px;
  }
  .accordion-item .accordion-button {
    font-size: 16px;
    padding-left: 24px;
  }
  button.accordion-button.collapsed:before, button.accordion-button:before {
    font-size: 14px;
/*    top: 38px;
    left: 0px;*/
    margin-left: -1.5rem;
  }
  div#cars {
    max-height: 100%!important;
  }
  .carousel-inner {
    max-height: 100%;
        padding-left: 25px;
    padding-right: 25px;
  }
  .carousel-control-next {
    right: -6px;
  }
  .carousel-control-prev {
    left: -6px;
  }
  span.d-k3cd {
    left: 3rem;
    top: 5rem;
    font-size: 17px;
  }
  span.d-k3cdt {
    font-size: 17px;
    top: 50px;
    left: 1rem;
    }
    p.can-btn.pb-2.mb-4.mt-5.pt-5{
      padding-top: 50px!important;
    margin-left: 6rem!important;
    }
     #career-subheader1 {
   top: -45px;
    width: 80%;
    right: 0%;
    font-size: 13px;
  }
  p#did-note{
    padding-top: 0;
    margin-top: 0px;
  }

  p.d-pc span.d-k2{
    font-size: 44px;
  }
  .d-k7s{
    top:0rem;
  }
}


@media (max-width: 380px) and (min-width:319px){
    div#splash_page{
    margin-top: 0px;
  }
  div#splash_main{
    margin-top: 30px;
  }
   .flip-card {
    width: 100%;
    height: 120px;
  }
  .flip-card-front p{
    margin-top: 2px;
        line-height: 12px;
  }
  .flip-card-back.flip-physical p.sec1, .flip-card-back.flip-emotional p.sec1, .flip-card-back.flip-spending p.sec1, .flip-card-back.flip-virtual p.sec1, .flip-card-back.flip-family p.sec1, .flip-card-back.flip-health p.sec1
  {
    top:10%;
    line-height: 14px;
  }
   .carousel-item .col-12.col-md-6.ms-1, .carousel-item .col-12.offset-md-1.col-md-4.order-sm-first.order-last {
    margin-bottom: 20px;
    margin-left: 10px;
  }
  .tab-content.secondary-tab{
    max-width: 280px!important;
    min-width: 280px!important;
  }
  .dknow{
    left: 4%;
  }
  div#mil-container {
      top: -5px;
    }
    div#military-content{
      padding: 5px;
    }
    .icon-print.mil-icon:after{
      margin-right:0px;
    margin-top: 0px;
    margin-bottom:0px;
    }

  span.d-k1,span.d-k3,.d-k6{
    font-size: 11px;
    left: 0;
    max-width: 250px;
  }
  span.d-k3 {
    vertical-align: bottom;
    top: -23px;
    position: relative;
    }
    p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note{
      margin-left: 1%!important;
    }
    p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note.health-note{
      margin-left: 1%!important
    }

  p#comp-subheader {
    left: 2%;
  }
  span.d-k2,span.d-k4{
    font-size: 18px;
  }
   .d-k8,.d-k8c{
    font-size:9px!important;
    top: 0px;
    margin-left: 0!important;
  }
  section.finance-can-didknow span.d-k1 {
    font-size: 14px;
  }
  span.d-k2.fin-dk2 {
    font-size: 22px;
    top: 50px;
    left: -105px;
  }
  section.finance-can-didknow span.d-k2 {
    font-size: 13px;
    top: 50px;
    left: -125px;
  }
 section.finance-can-didknow p#fin-subheader span.fin-dk2 {
     top: 0px;
    left: 1%;
  }

  section.finance-can-didknow p#fin-subheader span.fin-dk3 {
    top: 0px;
   left: 24%;
 }
 section.finance-can-didknow  span.d-k2.fin-dk2{
     top: 20px!important;
    left: -10%!important;
    font-size: 16px!important;
  }
  section.finance-can-didknow  span.d-k2.fin-dk3{
    top: 20px!important;
   left: -10%!important;
   font-size: 16px!important;
 }
  section.finance-can-didknow  p#fin-subheader1{
    top:35px;
    
  }
  section.finance-can-didknow span.d-k4c{
    font-size: 16px;
    left: -30px;
    top: -22px;
  }
  section.finance-can-didknow p#fin-dknw-btn{
    left: 25%!important;
    top:20px;
  }
  span.d-k4{
    top:70px;
  }
  p.note.page-note{
    font-size: 8px!important;
  } 
  p.flip-sidebar-header a, #sidebar a, #sidebar p{
    font-size: 10px;
  }
  .accordion-item .accordion-button{
    font-size: 16px;
    padding-left:35px;
  }
     section#you-know-community{
    min-height: 300px;
  }
  section#you-know-community .dknow{
    left: 7rem;
  }
  p.float-md-start.d-comm{
    left: -5.5rem;
    margin-bottom: 30px;
  }

  section#you-know-community h2{
    left: -6rem;
  }
  p.float-md-start.d-comm .d-k2{
    top:0px;
    margin-left:-7px!important;
  }
  p.d-comm span.d-k3{
    font-size: 16px;
    margin-left: -5px;
  }
  p.d-comm span.d-k3.me-4{
    top:0px;
          margin-left: 4px;
  }
  span.d-k3.k3v{
        top: 0px;
    margin-left: 5px!important;
  }
  span.d-k3cd-comm{
        font-size: 11px;
    left: -6.8rem;
  }span.d-k3cd-comm1{
      font-size: 11px;
    left: -6.5rem;
  }
  .d-k7comms {
    left: 2rem;
    top: 2rem;
    font-size: 16px;
  }
  p.note, em.note{
    font-size: 9px!important;
  }
  .d-k8comms{
    top:3rem;
    right: 2.7rem;
    width:50%;
  }
  .d-k6 {
    line-height: 14px;
    top:-2px;
  }
  span#dk2-can {
    left: 2%;
    font-size: 76px;
    top: -60px;
 }li.nav-item a.nav-link{
  font-size: 12px;
 }
   span#dk3-can {
        top: 2%!important;
    left: 16%!important;
    font-size: 16px;
  }
    span.can-dk4-note{
      font-size:9px;
    }
    p#btn-dknw-landing {
    left: -4%;
        top: -70px!important;
    }
  p#dknw-landing-note {
    top: -50px!important;
    line-height:  16px;
    font-size: 8px;
  }
  .carousel-item {
    margin-top: 15%;
  }
  .carousel-control-next {
    right: -26px;
  }
  .carousel-control-prev {
    left: -22px;
  }
  p#can-dp {
    top: 10px!important;
  }
  span#can-dk4 {
    left: 5px;
    font-size: 26px;
    top: -85px;
  }
  p#landing-know-num1, p#landing-know-num2, p#landing-know-num3 {
    line-height: 18px;
        font-size: 14px;
    top: -76px!important;
   
  }
  p#landing-know-num2{
    left: -4%;
    width:90%;
  }
  p#landing-know-num1 {
    left: -2%;
    width: 90%;
  }
  p#landing-know-num3{
     left: 0%;
    width: 88%;
  }
 
  .container-2{
    left: 22%;
  }
   button.navbar-toggler.collapsed,.navbar-light .navbar-toggler{
    margin-right: 0px;
    z-index: 1;
    margin-top: -10px;
  }
   span.total,span.rewards{
    font-size: 16px!important;

  }
  #banner h3 {
    top: 2%;
    line-height: 14px;
        font-size: 11px;
  }
  .container-lg.secondary-h3 h3 {
    top: 15%!important;
  }
  #banner{
    height: 95px;
  }
  #sidebar .flip{
    width: 100%;
    height: 100%;
  }
  span.total,span.rewards{
    font-size: 13px!important;
  }
   input#tipue_search_input{
    left: 50%;
    /* top: 100px; */
    z-index: 2;
  }
  #banner p{
    font-size:9.5px;
    line-height: 11px;
    top:38%!important;
  }
  section#you-know, section#you-know-health{
    min-height: 400px !important;
    
  }
  section.retiree-helath-didknow .d-k7{
        margin-left: 2%!important;
  }
  div#cnd-content {
    margin-top: 0%!important;
  }
  section#fin-dknw p.d-p{
    top:-10px;
  }
  section#fin-dknw .d-h2{
    font-size:16px;
  }
  section#fin-dknw span.d-k2{
    font-size: 22px;
    top:5px;
    left:-10px;
  }
  p#fin-subheader1 span.d-k3{
    font-size: 9.5px;
    left: -10px;
    position: relative;
  }
  section.finance-didknow{
    padding-left:0px!important;
  }
  #cont-tabs p.note{
    font-size:8px!important;
  }
  span.d-k4c {
    font-size: 20px!important;
    right: 18px;
    top: -15px;
    }
    p#fin-subheader span.fin-dk2{
      left: -10px;
      font-size: 16px;
    top: 10px;
    }
    p#fin-subheader1 span.d-ka{
      font-size: 12px;
      position: relative;
    top: -25px;
    left: -15px;
    }
  p#fin-subheader1{
    left: -8px;
    top:0;
    line-height: 18px;
  }
  p#fin-subheader2{
    font-size: 12px;
    left: -25px;
    top:10px;
  }
  p#fin-note{
    font-size: 9px!important;
    top: 30px;
  }
  section.finance-didknow{
    min-height: 300px!important;
  }
  section#fin-dknw {
    padding-top: 5%!important;
  }
  span.fin-dk2{
    font-size: 16px;
    top: 48px;
    position: relative;
  }
  p#fin-dknw-btn{
    top:30px;
    left:20%;
  }
  p#comp-subheader1 {
    top: 34px;
    left: 4%;
    }
     p#comp-note{
      top: 70px;
    margin-left: 0%!important;
    width: 85%;
    font-size: 8px!important;
    }
    p#comp-subheader1 {
    top: 0px;
    left: -6%;
    }
     #comp-dknw h2{
      left: -10%!important;
          font-size: 18px;
     }
    .flip-card img {
      max-width: 80px;
    }
    .img-responsive.flip-img {
        margin-top: 5px;
        margin-bottom: 2px;
    }
    
  p#emp-content1,p#emp-content2,p#emp-content3{
    font-size:15px;
    left: -10px;
    margin-bottom: 10px;
  }
  p#emp-content2{
    left:-10px
  }
  p.float-md-start.ms-md-3.emp-health-btn.pb-2.mb-4{
    margin-top: 3rem;
  }
  p.float-md-start.ms-md-3.emp-health-btn.pb-2.mb-4 .cnt{
    margin-left: 5rem;
  }
    #comp-dknw span.d-k2{
      font-size:30px;
     }
     #comp-dknw span.d-k1{
      top:-12px;
     }
     #comp-dknw span.d-k4c{
      top:0px;
      right: 0;
     }
    #comp-dknw span.d-k4c, #comp-dknw span.d-kcr {
    font-size: 15px;
    }
     #comp-dknw span.d-k1, p#comp-subheader1 .d-k3, #comp-dknw span.d-ka,p#comp-subheader2 {
    font-size: 13px;
    }
    section.compensation-didknow{
      margin-left: 0;
      padding-left: 0px!important;
    }
    section.compensation-didknow .dknow .d-h2{
        padding-left:   15px!important
    }
    p#comp-subheader2{
      left: -5%;
      top: 15px;
    }

       section#family-know .d-k6,section#family-know .d-k6a, section#family-know .d-k6b, section#family-know .d-k6c{
    font-size:14px;
  }
  section#family-know {
    min-height: 250px!important;
    max-height: 350px!important;
  }
  section#family-know p.d-p{
    top:-45px;
  }
  section#family-know span.d-k2{
    top:30px;
    font-size: 28px;
  }
  section#family-know span.d-k3{
    position: relative;
        top: -15px;
  }
  section#family-know span.d-k4 {
       top: 5px!important;
    left: 30%!important;
    position: relative;
    font-size: 28px;
  }
  section#family-know .d-k6{
    top: -60px!important;
    left: 10px;
    font-size:12px;
  }
  section#family-know .d-k6a{
    top: -70px!important;
    left: 1%;
  }
  section#family-know .d-k6b{
    top: -80px;
    right: 0%;
  }
  section#family-know .d-k6c{
    top: -90px!important;
    left: 45%;
  }
  #family-know .d-h2{
    top: 12px;
  }
  section#family-know .d-k7{
        top: -84px!important;
    margin-left: 28%!important;
    position: relative;
  }
  section#family-know p.note{
    top:-90px!important;
        margin-left: 8%!important;
    position: relative;
    font-size: 8px!important;
  }
  section#family-know .dknow{
    left:10%;
  }
  p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note.health-can-note {
    margin-left: -5%!important;
    top: 5px;
  }
   .accordion-item .accordion-button {
    font-size: 9px;
    padding-left: 24px;
  }
  button.accordion-button.collapsed:before, button.accordion-button:before {
    font-size: 14px;
    margin-left: -1.7rem;
   /* top: 38px;
    left: 0px;*/
  }
  div#cars {
    max-height: 100%!important;
  }
  span.d-k3cd {
    left: 3rem;
    top: 5rem;
    font-size: 16px;
  }
  span.d-k3cdt {
    font-size: 16px;
    top: -48px;
    left: 3rem;
    }
     #career-subheader1 {
   top: -45px;
    width: 80%;
    right: 0%;
    font-size: 13px;
  }
  p#did-note{
    padding-top: 0;
    margin-top: 0px;
  }

  p.d-pc span.d-k2{
    font-size: 44px;
  }
  .d-k7s{
    top:0rem;
    font-size: 14px;
  }
  p#fin-subheader1 span.d-ka {
    font-size: 9.5px;
    position: relative;
    top: -25px;
    left:-35px;
    }
    p#fin-subheader2 {
    font-size: 12px;
    top: 10px;
    left: -24px;
    }
    p#fin-dknw-btn {
    left: 24%;
    top: 32px;
    }
    p#fin-note {
    font-size: 9px!important;
    top: 15px;
    line-height: 12px;
    } 
}


@media (max-width: 320px) and (min-width:279px){
  div#splash_page{
    margin-top: 0px;
  }
  div#splash_main{
    margin-top: 30px;
  }

  #blogo img {
      width:80%;
  }
   .container-2{
    left: 15%;
  }

   
   span.life-did-k1 {
    position: relative;
    left: 4rem;
  }
  section.life-didknow span.d-k2 {
    font-size: 38px;
    }
    section.life-didknow span.d-k3 {
    top: 5px;
  }
  section.life-didknow .d-k6 {
    font-size: 18px;
    left: 3rem;
  }
  section.life-didknow .d-k7 {
    left: 2rem;
    top: 1rem;
    }
      section.life-didknow h2.d-h2.pt-1 {
    left: 0%;
    }
    p.float-md-start.ms-md-5.note.d-k8.mb-2.life-note {
        margin-left: 12%!important;
    top: 1rem;
    }
 .flip-card-front p{
  margin-top:0px;
 }
 .tab-content.secondary-tab{
    max-width: 200px!important;
    min-width: 200px!important;
  }

   span.d-k1,span.d-k3,.d-k6{
    font-size: 9px;
    left: 0;

    max-width: 250px;

  }
  section.finance-can-didknow p#fin-subheader{
    font-size:11px;
  }
  section.finance-can-didknow span.d-k1{
    font-size:10px;
  }
  section.finance-can-didknow span.d-k2{
    font-size: 13px;
    top: 50px;
    left: -50px;
  }
  section.finance-can-didknow span.d-k4c{
    font-size:18px;
    left:-20px;
  }
  p.d-p{
    top:-30px;
  }
  .d-k7{
    margin-left: 0!important
  }
  span.d-k2,span.d-k4{
    font-size: 15px;
  }
  p#fin-subheader1 span.d-ka {
    font-size: 12px;
    position: relative;
    top: -25px;
    }
    p#fin-subheader1 {
    left: -15px;
    line-height: 18px;
    top: 5px;
    }
    p#fin-subheader1 span.d-k3 {
    font-size: 9px;
    left: -10px;
    position: relative;
    width: 30%;
    }
    section#fin-dknw span.d-k4c {
    font-size: 26px;
    left: 8px;
    }
    p#fin-subheader1 span.d-ka {
    font-size: 9px;
    position: relative;
    top: 0px;
    left:-25px;
    }
    section.finance-can-didknow p#fin-dknw-btn{
      left: 15%!important;
    }
    p#fin-subheader2 {
    font-size: 12px;
    top: 10px;
    left: 1%;
    }
    p#fin-dknw-btn {
    left: 24%;
    top: 32px;
    }
    p#fin-note {
    font-size: 9px!important;
    top: 15px;
    line-height: 12px;
    }   
  section.life-didknow span.d-k2 {
    font-size: 20px;
    top: 0.2rem;
  }
  section.life-didknow .d-k6 {
    font-size: 16px;
    left: 2rem;
  }
  span.d-k3.d-klife {
    top: 1rem;
    left:4rem!important;  
  }
  span.d-k3cd {
    left: 4rem;
    top: 5rem;
    font-size: 14px;
  }
  p.can-btn.pb-2.mb-4.mt-5.pt-5{
    padding-top: 50px!important;
  margin-left: 6rem!important;
  }
  section.life-didknow .d-k7 {
    left: 5rem;
  }
  p.float-md-start.d-comm {
    left: -4.5rem;
    margin-bottom: 30px;
  }

  section#you-know-community h2 {
    left: -6rem;
    }
    span.d-k3cd-comm {
    font-size: 13px;
    left: -6.4rem;
    }
    span.d-k3cd-comm1 {
    font-size: 12.8px;
    left: -6.8rem;
  }
  .d-k7comms {
    left: 2rem;
    top: 2rem;
    font-size: 16px;
  }
  .d-k8comms {
    top: 3rem;
    right: 2.7rem;
    width: 50%;
  }
   .d-k8,.d-k8c{
    font-size:7.5px!important;
    top: 0px;
    margin-left: 0!important;
    max-width:190px;
  }
  span.d-k4{
    top:70px;
  }
  .d-k6 {
    line-height: 14px;
    top:-2px;
  }
   p.d-pc span.d-k2{
    font-size: 54px;
  }
  span.d-k3cdt{
    font-size: 15px;
    top: 55px;
    left: 0rem;
  }
   #career-subheader1 {
   top: -45px;
    width: 80%;
    right: 0%;
    font-size: 13px;
  }
  p#did-note{
    padding-top: 0;
    margin-top: 0px;
  }
  button.navbar-toggler.collapsed{
    margin-right: 0px;
    z-index: 1;
    margin-top: -10px;
  }
  .navbar-light .navbar-toggler{
    margin-right: 0px;
    z-index: 1;
  }
  #banner h3{
    top:0;
    line-height:14px;
  }
  span.total,span.rewards{
    font-size: 12px!important;
    line-height: 4px;
  }
  #banner p{
    font-size:9px;
    line-height: 10px;
  }
   input#tipue_search_input{
    left: 50%;
    top:70%;
    z-index: 2;
  }
  div#cnd-content {
    margin-top: 0%!important;
  }

} 


@media (max-width: 280px){
  
  .container-2{
    left:9%;
  }
  
   button.navbar-toggler.collapsed{
    margin-right: 0px;
    z-index: 1;
    margin-top: -10px;
  }
  .navbar-light .navbar-toggler{
    margin-right: 0px;
    z-index: 1;
  }
   input#tipue_search_input{
    left: 50%;
    top:70%;
    z-index: 2;
  }
  .icon-print::after, .search .icon::before{
    font-size: 16px;
  }
}
section#fin-dknw span.d-k2 {
      color: #FFF;
}

@media screen and (min-width: 1200px) and (max-width: 1500px){
  section.retiree-helath-didknow .d-k7{
    top: 5px;

  }
  section.retiree-helath-didknow .d-k7 {
    margin-left: -35rem!important;
    top:5px;
  }
  p.float-md-start.ms-md-5.note.d-k8.mb-2.retiree-note, p.float-md-start.ms-md-5.note.d-k8c.mb-2.retiree-note{
    top: 60px;
    margin-left: -57%!important;
  }
  #banner h3, #banner-health-ins h3{
    top:18%!important;
    /*left: 6.2%;*/
  }
  h3.invest-header {
    top: 27%!important;
    }
  #banner p{
    /*left: 6.2%;*/
    top:62%;
  }
 
  p.flip-sidebar-header2{
    line-height: 17px;
  }
  .flip-card{
    width:329px;
    height: 200px;
  }
  p.sec-anchor{
    margin:10px;
  }
  .img-responsive.flip-img{
    margin-bottom: 15px;
    margin-top: 10px;
  }
    section#edit-block2 {
    /*max-width: 1140px;*/
    margin: auto;
  }
  li.nav-item.secondary{
    max-width: 30%;
  }
  h3.rtf-banner-h3{
    top:8%!important;
  }
  p.rtf-banner-intro {
     top: 66%!important;
  }
  div#cnd-content {
    margin-top: 0%!important;
  }
  section#fin-dknw span.d-k4c{
    font-size: 44px;
    top:-1rem;
  }
    section#fin-dknw span.d-k2{
    font-size: 54px;
    left: -9%;
    top: 35px;
    color: #4B95D7;
   }
   section#fin-dknw span.d-k1{
    font-size: 22px;
   color: #FFF!important;
   }

   span.d-k1.fam-mem {
    font-size: 20px!important;
    }
    .dknow{
      left: 15%;
    }
    section.life-didknow .dknow{
      left: 13.2rem;
    top: -18px;
    color: #FFF;
    }
    section.life-didknow .dknow .d-h2{
      color: #FFF
    }
    span.d-k3cd-comm{
    left: -8%;
    top: -1rem;
    font-size: 24px;
    }

      span.d-k3cd-comm1{
        font-size: 24px;
        left: -1rem;
        top:-2rem;
      }
   p#fin-subheader1{
    margin-left: 5%;
   }
   #career-subheader1{
    top: -65px;
    width: 85%;
    left: 5rem;
    font-size: 16px;
   }
   p#did-note{
            top: -60px;
    margin-left: 11%!important;
   }
  section.finance-didknow{
     background: url(../img/Piggy_bank_rev_icon.png) left -27% top 50px no-repeat, url(../img/Chart_icon_rev.png) bottom -3% right 5.3% no-repeat,url(../img/Money_coin_icon_rev.png) top 0px right 5% no-repeat!important;
   }
   section.finance-can-didknow{
     background: url(../img/pencil_icon_rev.png) left 7% bottom -42% no-repeat, url(../img/Graduate_rev.png) bottom -8px right -0.7% no-repeat,url(../img/Book_icon_rev.png) top 26px right 29% no-repeat!important;
    min-height: 550px!important;
    margin-top:0px!important;
   }
   
   section#you-know .dknow, section#you-know-health .dknow {
    left: 24%;
  }
  section.finance-can-didknow .dknow {
    /* top: -73px; */
    left: 22%!important;
  }

  section.finance-can-didknow .dknow{
    top:20px;
  }
  section.retiree-helath-didknow .dknow {
    left: 21%!important;
  }
  section.retiree-helath-didknow .dknow .d-h2{
     left: -24%;
  }
  section.retiree-helath-didknow .dknow p.d-p{
    left:-21%;
  }
  p#fin-note {
    margin-left: -8%!important;
  }
  div#landing-know{
    left:9.2%!important;
  }
  section#you-know{
background: url(../img/Diploma.png) right 5% bottom 25px no-repeat;
    background-origin: content-box; 
   

  }
   section#you-know-health{
background: url(../img/Diploma.png) right 5% bottom 25px no-repeat;
    background-origin: content-box; 
    color:#FFF;

  }
  section#fin-dknw span.fin-dk2 {
    left: -9%;
    top: 30px;
    font-size: 25px;
  }
  .didyou.health-know .d-k6{
    left: -11%!important;

  }
  .didyou.health-know .d-k7{
    margin-left: 18%!important;
  }
  div#retiree-dknw .d-h2 {
    left: -27%!important;
  }
  div#retiree-dknw p.d-p{
    left:-22%;
  }
  div#retiree-dknw .d-k6{
    left: -13%;
  }
  div#retiree-dknw .d-k7{
    margin-left: 16%!important;

  }
  .didyou.health-know .d-k8 {
    right: 18%!important;
  }
  p#landing-know-num1{
    left: 7%;
  }
  p#landing-know-num2{
    left: -5%;
  }
  p#fin-subheader {
    left: 18%;
  }
  p#fin-subheader1 {
    left: 22%;
    position: relative;top:2rem;

  }
  p#fin-subheader2 {
    font-size: 18px;
    top: 20px;
    left: 22%;
  }
  p#fin-dknw-btn {
    /* margin-left: 12%!important; */
    position: relative;
    right: 0%;
    top: 90px;
  }
  p#fin-note {
    margin-left: 12%!important;
    position: relative;
    margin-top: 8.5%;
  }
  .finance-didknow .dknow{
    left: 5%!important;
  }
  section#family-know .d-k6{
    left: 5%;
  }
  section#family-know .d-k6b{
    right: 45%;
  }
  section#family-know .d-k6c{
    left:48%;
  }
  section#family-know .d-k6a{
    left:5%;
  }
  section#family-know p.d-p{
    left: 0;
  }
  section#family-know p.d-p {
    left: 11%;
  }
  section#family-know .d-h2{
    left:-5%;
    margin-top:3rem;
  }
   section.finance-can-didknow .d-h2{
    left: -22%;
  }
   section.finance-can-didknow p#fin-subheader{
    left: -70px;
    top:0px;
  }
 
  section.finance-can-didknow span.d-k2{
    right: 10%;
    top: 55px;
    font-size:44px
  }
  section.finance-can-didknow span.fin-dk2{
    left: -40%;
    top: 55px;
  }
  section.finance-can-didknow span.d-k2.fin-dk2{
    left: -40%;
    top: 55px;
    font-size:34px
  }
  section.finance-can-didknow span.d-k2.fin-dk3{
    left: 17%;
    top: 22px;
    font-size:34px
  }
  
  section.finance-can-didknow  p#fin-subheader1{
     top: 10px;
    left: -18%;
  }
  section.finance-can-didknow p#fin-subheader1 span.d-k3{
    width:auto;
  }
  section.finance-can-didknow span.d-k4c {
    color: #FFF;
    top: 30px;
  }
  section.finance-can-didknow p#fin-subheader1 span.d-ka{
    top:30px;
  }

  section.finance-can-didknow p#fin-subheader2 {
    top: 40px;
    left: 0%;
    margin-left: 0%!important;
    width: 65%;
  }
  section.finance-can-didknow p#fin-dknw-btn{
        top: 120px;
    right: 48%;
  }
}


@media screen and (min-width: 1330px) and (max-width: 1500px){
  .d-h2{
    left: -25%;
  }
  section#fin-dknw .d-h2 {
    left: -5%;
    color: #0033A1!important;
    }
    .didyou.can-dknow .d-h2{
      left: -19%;
    }
  .container-3{
    right:12%;
  }

  .container-2:hover + .container-3{
    right:30%!important;
  }
   p#fin-subheader {
    left: 10%;
    top: 0px;
  }
  p#fin-subheader1 {
    left: 10%;
    position: relative;
    color: #000;
    top: 20px;
  }

  p#fin-subheader2 {
    font-size: 18px;
    top: 15px;
    left: 10%;
    color: #FFF
  }
  p#fin-dknw-btn {
    /* margin-left: 12%!important; */
    position: relative;
    right: 16%;
    top: 90px;
  }
  p#fin-note {
    margin-left: 12%!important;
    position: relative;
    margin-top: 0;
    color: #FFF;
    top: 125px;
  }
  section.finance-can-didknow p#fin-subheader{
    left: -170px;
    top:0px;
  }

  section.finance-can-didknow span.d-k2{
    right: 4%;
    top: 54px;
    font-size:44px;
  }
  section.finance-can-didknow span.d-k2.fin-dk3{
    right: -18%;
    top: 20px;
    font-size:34px;
  }
  section.finance-can-didknow span.fin-dk2{
    left: -39%;
    top: 54px;
  }
  section.finance-can-didknow span.d-k2.fin-dk2{
    left: -38%;
    top: 54px;
    font-size: 34px;
  }

  section.finance-can-didknow  p#fin-subheader1{
     top: 0;
    left: -18%;
  }
  section.finance-can-didknow p#fin-subheader1 span.d-k3{
    width:auto;
  }
  section.finance-can-didknow span.d-k4c {
    
    top: 30px;
  }
  section.finance-can-didknow p#fin-subheader1 span.d-ka{
    top:30px;
  }

  section.finance-can-didknow p#fin-subheader2 {
    top: 40px;
    left: 0%;
    margin-left: 0%!important;
    width: 65%;
  }
  section.finance-can-didknow p#fin-dknw-btn{
        top: 150px;
    right: 48%;
  }
  .finance-didknow .dknow{
    left: 5%!important;
  }
  section#family-know .d-k6{
    left: 5%;
  }
  section#family-know .d-k6b{
    right: 45%;
  }
  section#family-know .d-k6c{
    left:48%;
  }
  section#family-know .d-k6a{
    left:5%;
  }
  section#family-know p.d-p{
    left: 0;
  }
  section#family-know p.d-p {
    left: 8%;
    top: -35px;
  }
  section#fin-dknw span.fin-dk2 {
        left: -9%;
    top: 30px;
    font-size: 25px;
  }
}
@media screen and (min-width: 1500px) and (max-width: 1620px){
    
  .container-3{
    right:12%;
  }

}
 
@media screen and (min-width: 1500px) and (max-width: 1919px)  {

  section#fin-dknw span.d-k2 {
      color: #4B95D7;
}

section#you-know-community p.float-md-start.d-k7comms{
  left: -30px;
}
  p#emp-comm-btn, p#can-comm-btn, p#fam-comm-btn, p#retiree-comm-btn, p#retiree-fam-comm-btn {
    right: 4%;
    top: 4rem;
  }

  .tab-content.secondary-tab
    {
      min-width: 900px;
    }
    .d-h2{
    left: -18%;
  }
  h2#can-dk1 {
    left: 0;
  }
  
   .container-3{
    right:15%;
  }
  .container-2:hover + .container-3{
    right:35%!important;
  }
  #banner p{
    top:62%;
    /*left:15.7%;*/
  }
  p#fin-dknw-btn{
    right: 8%
  }
  p#fin-subheader2{
    left: 15%
  }
  .didyou.health-know .d-k6{
    top:-30px;
  }
  section#family-know .d-h2 {
    left: -5%;
    margin-top: 3rem;
  }
  section#family-know p.d-p {
    left: 11%;
  }
  section#family-know .d-k6 {
    left: 5%;
  }
  section#family-know .d-k6a {
    left: 5%;
  }
  section#family-know .d-k6b {
    right: 45%;
  }
  section#family-know .d-k6c {
    left: 48%;
  }
  section.finance-can-didknow .d-h2{
    top: 20px;
  }
  section.finance-can-didknow p#fin-subheader{
    left: 5%;
    top:20px;
  }
  
  section.finance-can-didknow span.d-k2{
    right: 11%;
    font-size:44px;
    top: 50px;
  }
  section.finance-can-didknow span.fin-dk2{
    left: -43%;
    top:50px;
    font-size:20px;
  }
  section.finance-can-didknow span.d-k2.fin-dk2{
    left: -43%;
    top: 50px;
    font-size:34px;
    right:0px;
  }
  section.finance-can-didknow span.d-k2.fin-dk3{
    left: 14%;
    top: 20px;
    font-size:34px;
  }
  section.finance-can-didknow  p#fin-subheader1{
     top: 25px;
     left:-10%;
  }
  section.finance-can-didknow p#fin-subheader1 span.d-k3{
    width:auto;
  }
  section.finance-can-didknow span.d-k4c {
    color: #FFF;
    top: 30px;
  }
  section.finance-can-didknow p#fin-subheader1 span.d-ka{
    top:30px;
  }

  section.finance-can-didknow p#fin-subheader2 {
    top: 50px;
    left: 10%;
    margin-left: 0%!important;
    width: 65%;
  }
  section.finance-can-didknow p#fin-dknw-btn{
        top: 140px;
    right: 30%;
  }
   p#fin-note{
    color: #FFF;
  }


}
@media screen and (min-width: 1920px){
   .container-3{
    right:22%;
  }
  .container-2:hover + .container-3{
    right:40%!important;
  }
  section#family-know .d-h2{
    left: -35%;
  }
   section#family-know p.d-p{
    left: -20%;
  }
  section#family-know .d-k6,section#family-know .d-k6a, section#family-know .d-k6c{
    top:50px;
  }
  section#family-know .d-k6b{
    top:90px;
  }
  p#emp-comm-btn, p#can-comm-btn, p#fam-comm-btn, p#retiree-comm-btn, p#retiree-fam-comm-btn {
    right: 0;
    top: 5rem;
    left: -50px;
  }
    section.finance-can-didknow .d-h2{
    top: 20px;
  }
  section.finance-can-didknow p#fin-subheader{
    left: -9%;
    top:20px;
  }
  
  p#fin-note{
    color: #FFF;
  }
  section.finance-can-didknow span.d-k2{
    right: 7%;
    top: 45px;
    font-size: 60px;
  }
  section.finance-can-didknow span.fin-dk2{
    left: -40%;
    top: 35px;
    font-size: 30px;
  }
  section.finance-can-didknow span.d-k2.fin-dk2{
    left: -68%;
    top: -5px;
   font-size:44px;
  }
  section.finance-can-didknow  p#fin-subheader1{
     top: 32px;
     left:2%;
  }
  section.finance-can-didknow p#fin-subheader1 span.d-k3{
    width:auto;
  }
  section.finance-can-didknow span.d-k4c {
    color: #FFF;
    top: 30px;
  }
  section.finance-can-didknow p#fin-subheader1 span.d-ka{
    top:30px;
  }

  section.finance-can-didknow p#fin-subheader2 {
    top: 50px;
    left: 10%;
    margin-left: 0%!important;
    width: 65%;
  }
  section.finance-can-didknow p#fin-dknw-btn{
        top: 104px;
    right: 30%;
  }
}