/**********************sub nav buttons  *******************************************/
  
  * {
      box-sizing: border-box;
  }
  
  .bucketbutton {
      overflow: hidden;
  }
  
  #buttonnav {
      height: 60px;
      background: #53607b;
      color: #f4f4f4;
      float: right;
      margin-top: -13%!important;
      z-index: 999;
      margin-right: -16%;
      width: 360px;
  }
  
  .audiencebtn {
      display: table;
      /* Allow the centering to work */
      margin: 0 auto;
  }
  
  ul#horizontal-list {
      min-width: 300px;
      list-style: none;
      padding-top: 16px;
  }
  
  ul#horizontal-list li {
      display: inline;
      font-size: 1.3em;
      padding-right: 2%;
  }
  /***********      page parts styles            *********/
  
  article,
  aside,
  #tagline,
  #DTRAheader {
      padding: 0.5rem;
      box-sizing: border-box;
  }
  
  #DTRAheader {
      text-align: center;
      border-bottom: 1px solid;
  }
  
  aside {
      flex: 25%;
      padding: 5%;
      margin-top: 8rem;
      margin-left: 10rem;
      border-left: 1px solid #232c48;
  }
  
  article {
      background-size: 100vw;
  }
  /* larger screen */
  
  @media screen and (min-width: 30rem) {
      #DTRAmainwrapper {
          display: flex;
          flex-wrap: wrap;
          box-sizing: border-box;
      }
      #DTRAheader {
          order: -1;
      }
      article {
          flex: 75%;
          background-size: cover;
      }
      aside {
          flex: 25%;
      }
  }
  
  .aboutoverlay {
      background-image: url("https://d34w7g4gy10iej.cloudfront.net/graphics/2510/38461.png");
      background-repeat: repeat-x;
      background-position: bottom;
      z-index: 10;
  }
  /***********************************resets**************************************/
  /* general style for html and body */
  
  html,
  body {
      max-width: 100vw;
      margin: 0;
      padding: 0;
  }
  
  body {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: none;
      overflow-x: hidden !important;
  }
  
  .container {
      max-width: 100% !important;
      overflow-x: hidden !important;
  }
  
  img {
      max-width: 100%;
      height: auto;
  }
  
  a {
      text-decoration: none;
      -webkit-transition: all linear .2s;
      -o-transition: all linear .2s;
      transition: all linear .2s;
      color: #232c48;
  }
  
  a:hover,
  a:focus {
      text-decoration: none;
      color: #f2a022;
  }
  /* typography */
  
  body {
      font-weight: 400;
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      letter-spacing: .0625rem;
      font-size: 1.3rem;
      line-height: 1.6;
  }
  
  .bulletedlinks {
      list-style: circle;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      margin: 2.3rem 0 1.5rem;
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  }
  
  h1 {
      font-size: 4rem;
      line-height: 1.2;
      font-weight: 700;
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  }
  
  h2 {
      font-size: 3rem;
      line-height: 1.2;
      font-weight: 700;
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  }
  
  h3 {
      font-size: 2rem!important;
      line-height: 1.2;
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  }
  
  h4 {
      font-size: 1.6rem;
  }
  
  .darktext {
      color: #232c48;
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  }
  
  p.darktext {
      color: #232c48;
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 2rem!important;
      font-weight: 400;
  }
  
  a.darktext {
      color: #232c48;
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  }
  
  a.darktext:hover {
      color: #f2a022;
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  }
  
  .litetext {
      color: #f4f4f4;
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  }
  
  a.litetext {
      color: #f4f4f4;
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  }
  
  a.litetext:hover {
      color: #f2a022;
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  }
  
  a.sidebarlink {
      font-size: 1.6rem;
      line-height: 1.1rem;
  }
  
  p.sidebarlink {
      font-size: 1.6rem;
      line-height: 1.6rem;
  }
  
  .fw-bold {
      font-weight: 800;
  }
  
  .cursive-style {
      font-family: 'Just Another Hand', cursive;
  }
  
  .indent {
      padding-left: 1.6rem;
  }
  
  .centertext {
      text-align: center;
  }
  
  .buttonlink {
      color: #f4f4f4!important;
      font-weight: 800;
      background-color: #232c48;
      background-image: url("https://d34w7g4gy10iej.cloudfront.net/graphics/2510/38461.png");
      background-repeat: repeat-x;
      background-position: bottom;
      padding: 2rem;
  }
  
  .padding-md {
      padding: 0 1rem 0 1rem;
  }
  
  .pr-15 {
      padding-right: 1.5rem;
  }
  
  .pr-25 {
      padding-left: 4.5rem;
  }
  
  .DnnModule DnnModule-TanLDResponsiveHtmlTabs DnnModule-126578 active-module {
      padding-left: 4.5rem;
  }
  
  #dnn_ctr128569_ContentPane {
      padding-left: 7.5rem !important;
  }
  
  .pl-24 {
      padding-left: 24rem;
  }
  
  .pl-15 {
      padding-left: 1.5rem;
  }
  
  .pt-75 {
      padding-top: 7.5rem;
  }
  
  .pt-25 {
      padding-top: 2.5rem;
  }
  
  .smalltext {
      font-size: 1rem;
  }
  
  .mdtext {
      font-size: 1.3rem;
  }
  
  .pr-8 {
      padding-right: 8rem;
  }
  
  .eagle3 {
      width: 20%;
  }
  
  p.biotext {
      font-size: 1.7rem!important;
      line-height: 2rem;
      font-weight: 350!important;
  }
  
  .dirtxclearfix {
      font-size: 1.7rem!important;
      line-height: 2rem;
      font-weight: 350!important;
  }
  /**************************** Page Styles  ***********************/
  
  .DTRAalert-primary {
      background-color: #232c48;
      padding: 5%;
      width: 100%;
  }
  
  .DTRAarticle {
      padding: 5%;
  }
  
  .DTRAbutton {
      background-color: #232c48;
      color: #ffffff;
      padding: 5px;
      text-align: center;
      width: 600px;
      margin: 5px auto;
  }
  
  .storyrule {
      color: #f4f4f4;
      width: 60%;
      margin: 2% auto;
  }
  
  .dtrarule {
      color: #f2a022;
      width: 80%;
      margin: 2% auto;
  }
  
  .DTRAbtn {
      background-color: #232c48;
      background-image: url("https://d34w7g4gy10iej.cloudfront.net/graphics/2510/38461.png");
      background-repeat: repeat-x;
      background-position: bottom;
      border: 2px solid #f4f4f4;
      color: #f4f4f4!important;
      margin: 5% auto;
      width: 300px;
      text-align: center;
      padding: 1%;
  }
  
  #DTRAarticlecontainer {
      padding: 5% 10%;
  }
  
  p.alert .alert-primary {
      background-color: #2c4681;
      color: #f4f4f4;
      font-size: 1.2em;
  }
  
  #DTRAarticlecontainer {
      padding: 5% 10%;
  }
  
  .iframebox {
      width: 1000px;
      height: calc(1000px * 9/16);
      margin: 5% auto 5%;
  }
  
  .bottomimg {
      margin: 10% 0 0;
      overflow-x: hidden;
  }
  
  .newtextsection {
      margin-bottom: 3rem;
  }
  
  .videocontainer {
      width: 100%;
      margin: 0 auto;
      padding: 10% 0;
      overflow-y: hidden
  }
  
  .videoiframe {
      width: 1280px;
      height: 717px;
  }
  
  .eagle {
      width: 25%;
  }
  
  .buttontitle {
      background-color: #232c48;
      padding: 2rem;
      background-image: url("https://d34w7g4gy10iej.cloudfront.net/graphics/2510/38461.png");
      background-repeat: repeat-x;
      background-position: bottom;
  }
  
  .btn-info,
  .btn-info:hover,
  .btn-info:active,
  .btn-info:visited {
      background-color: #b8b80b !important;
      color: #000000;
  }
  
  .panel,
  .panel-primary,
  .panel-title {
      border-radius: 0px !important;
      border-color: #232c48 !important;
  }
  
  .panel-body {
      background-color: #CCCCCC !important;
      color: #000000 !important;
  }
  
  .panel-heading {
      background-color: #232c48 !important;
      border-color: #232c48 !important;
      border-radius: 0px !important;
      border-bottom: 0px;
  }
  /****************************   Afpims Module and Reset   ***********************/
  
  .row {
      margin-left: 0!important;
      margin-right: 0!important
  }
  
  .empty-container {
      margin-bottom: -2%
  }
  
  #maincontainer {
      top: 0;
      background-color: #f4f4f4;
      overflow-x: hidden
  }
  
  .topmarginborder {
      background-color: #f4f4f4;
      width: 100vw;
      height: 10px;
      overflow-x: hidden;
  }
  
  .menu {
      background-color: #ffffff!important
  }
  
  #dnn_ctr122167_Dashboard_ph {
      background-color: #ffffff;
      padding: 1rem;
  }
  /****************************   About Wrapper    ***********************/
  
  .aboutwrapper {
      background-color: #f4f4f4;
      background-position: center center;
      background-image: url("https://d34w7g4gy10iej.cloudfront.net/graphics/2510/38518.jpg");
      margin: 0 0 0 0;
      padding: 0% 12%;
      overflow-x: hidden!important;
  }
  
  h1.abouttitle {
      width: 100%;
      padding: 10% auto;
      font-size: 4em;
      text-transform: uppercase;
      color: #f4f4f4;
      text-align: center;
  }
  /****************************   Hero Wrapper    ***********************/
  
  .hero {
      background: linear-gradient(#0006, #0006), url('https://d34w7g4gy10iej.cloudfront.net/graphics/2510/38518.jpg');
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      height: 17vh;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .hero-inner {
      /*   text-align: center; */
      padding: 0 1.5rem;
  }
  
  .hero-headline {
      margin: 0;
      color: #fff;
      font-weight: 400;
  }
  
  .leftpadding {
      padding-left: 3%;
  }
  
  .StandAloneTitles {
      padding-left: 7.5rem;
  }
  
  .StandAloneBottom {
      padding-left: 7.5rem;
      padding-bottom: 10.5rem;
  }
  /*********************************** Media Queries   *********************************/
  /* Large screens (1405px upwards) */
  /*@media only screen and ( min-width: 1405px) {}*/
  /* Laptops and desktops (1100-1405px) */
  
  @media only screen and ( min-width: 1100px) and ( max-width: 1405px) {
      h1 {
          font-size: 30px;
      }
      #buttonnav {
          margin-top: -6%!important;
      }
      a.DTRAbtn {
          margin: 0 30%;
      }
      .aboutwrapper {
          padding: 3%;
      }
      p {
          font-size: 1.2em;
      }
      a.buttontitle2 {
          font-size: 10px;
      }
      a.buttontitle2:hover {
          font-size: 10px;
      }
      .DTRAbtnwrapper {
          margin: -3% auto;
      }
      .iframebox {
          width: 400px;
          height: calc(400px * 9/16);
          margin: 0 auto;
      }
      .videoiframe {
          width: 678px;
          height: 367px;
          padding-bottom: 5%;
      }
  }
  /* Tablets in landscape mode (981-1100px) */
  
  @media only screen and ( min-width: 981px) and ( max-width: 1100px) {
      .iframebox {
          width: 900px;
          height: calc(900px * 9/16);
          margin: 0 10%;
      }
      h1.DTRAtitles {
          font-size: 30px;
      }
      .abouttext {
          font-size: 80%;
      }
      .aboutwrapper {
          padding: 3%;
      }
      #buttonnav {
          margin-top: -6%!important;
      }
      a.DTRAbtn {
          margin: 0 30%;
      }
      p {
          font-size: 1.2em;
      }
      a.buttontitle2 {
          font-size: 10px;
      }
      a.buttontitle2:hover {
          font-size: 10px;
      }
      .DTRAbtnwrapper {
          margin: -3% auto;
      }
      .dash-top-stories-card .title {
          font-size: 13px;
          width: 13.4rem!important;
      }
      .dash-top-stories-card .storyEach .storyCopy .wraptxt {
          font-size: 10px;
          width: 14.4rem;
      }
      .adash .dash-top-stories-card row {
          width: 95%;
      }
      h1.abouttitle {
          font-size: 1.8rem!important;
          padding: 10% 16%!important;
      }
      .skin-header-background {
          min-height: 170px;
      }
      .sdcolumn1 {
          width: 100%;
      }
      .sdcolumn2 {
          width: 100%;
      }
      .sdcolumn3 {
          width: 100%;
      }
      .iframebox {
          width: 400px;
          height: calc(400px * 9/16);
          margin: 0 auto;
      }
      .videocontainer {
          height: 720px;
      }
      .videoiframe {
          width: 678px;
          height: 367px;
          padding-bottom: 5%;
      }
      .DnnModule DnnModule-TanLDResponsiveHtmlTabs DnnModule-126578 active-module {
          padding-left: 0;
      }
  }
  /* Tablets in portrait mode (768-980px) */
  
  @media only screen and ( min-width: 768px) and ( max-width: 980px) {
      .iframebox {
          width: 700px;
          height: calc(700px * 9/16);
          margin: 0 10%;
      }
      h1 {
          font-size: 30px;
      }
      .abouttext {
          font-size: 80%;
      }
      .aboutwrapper {
          background-position: center;
          padding: 0%;
      }
      #buttonnav {
          margin-top: -6%!important;
      }
      a.DTRAbtn {
          margin: 0 30%;
      }
      p {
          font-size: 1.2em;
      }
      a.buttontitle2 {
          font-size: 10px;
      }
      a.buttontitle2:hover {
          font-size: 10px;
      }
      .DTRAbtnwrapper {
          margin: -3% auto;
      }
      .dash-top-stories-card .title {
          font-size: 13px;
          width: 13.4rem!important;
      }
      .dash-top-stories-card .storyEach .storyCopy .wraptxt {
          font-size: 10px;
          width: 14.4rem;
      }
      .adash .dash-top-stories-card row {
          width: 95%;
      }
      h1.abouttitle {
          font-size: 1.8rem!important;
          padding: 10% 16%!important;
      }
      .skin-header-background {
          min-height: 170px;
      }
      .iframebox {
          width: 400px;
          height: calc(400px * 9/16);
          margin: 0 auto;
      }
      .videocontainer {
          height: 720px
      }
      .videoiframe {
          width: 678px;
          height: 367px;
          padding-bottom: 5%;
      }
      .pl-24 {
          padding-left: 2rem;
      }
      .DnnModule DnnModule-TanLDResponsiveHtmlTabs DnnModule-126578 active-module {
          padding-left: 0;
      }
  }
  /* Smartphones in landscape mode (480-768px) */
  
  @media only screen and ( min-width: 480px) and ( max-width: 767px) {
      a.buttontitle2 {
          font-size: 10px;
      }
      a.buttontitle2:hover {
          font-size: 10px;
      }
      .DTRAbtnwrapper {
          margin: 0% auto;
      }
      #maincontainer {
          overflow-x: hidden!important;
      }
      h1 {
          font-size: 28px;
      }
      p {
          font-size: 10px;
      }
      .dash-top-stories-card .title {
          font-size: 13px;
          width: 100%!important;
      }
      .dash-top-stories-card .storyEach .storyCopy .wraptxt {
          font-size: 10px;
          width: 100%;
      }
      .adash .dash-top-stories-card row {
          width: 95%;
      }
      .dash-top-stories-card .storyEach {
          width: 100%;
      }
      h1.abouttitle {
          font-size: 1.3rem!important;
          padding: 10% 16%!important;
      }
      p.DTRAtext2 {
          width: 90%;
          padding: 0 7%;
      }
      .globalheadline {
          width: 90%;
      }
      h2.globaltitle {
          font-size: 2em;
      }
      h2 {
          font-size: 1.8em;
      }
      #buttonnav {
          top: 116px;
          width: 295px;
          right: -139px;
          height: 50px;
      }
      .imagecontainer {
          display: none;
      }
      .aboutwrapper {
          margin: 0;
          background-position: 940px 190px;
          padding: 0%;
      }
      .abouttext {
          font-size: 80%;
      }
      .buttonnav {
          margin-top: -6%!important;
      }
      p {
          font-size: 1.2em;
      }
      h2.leadershiptitle {
          font-size: 2em;
      }
      .leadershipwrapper {
          padding: 2% 0%;
      }
      h1.abouttitle {
          font-size: 1.3rem !important;
          padding: 10% 4% !important;
      }
      .DTRAbtncolumn {
          flex: 1 1 100%;
      }
      .DTRAbtncolumn2 {
          flex: 1 1 100%;
      }
      .whowearetextcontainer {
          height: auto;
      }
      .iframebox {
          width: 700px;
          height: calc(700px * 9/16);
          margin: 0 10%;
      }
      .bucketbutton {
          margin: 0% 0%;
      }
      .bucketbutton:hover {
          margin: 0% 0%;
      }
      .DTRAbtn {
          width: 40%;
      }
      a.DTRAbtn {
          margin: 0 48px;
          font-size: 10px;
      }
      .menu {
          background-color: #f4f4f4!important;
      }
      .skin-header-background {
          background-image: url(/Portals/61/Images/AllNew/redesignimg/bckgrnd3-mobile.jpg) !important;
      }
      .dma-full-width #content {
          margin-top: -164px;
      }
      .skin-header-background {
          min-height: 94px;
      }
      h2.whowearetitle {
          margin-top: 30%;
          line-height: 1.1em;
      }
      .videocontainer {
          height: 420px;
          width: 80%;
      }
      .videoiframe {
          width: 320px;
          height: 180px;
          padding-bottom: 5%;
      }
      .pl-24 {
          padding-left: 2rem;
      }
      .DnnModule DnnModule-TanLDResponsiveHtmlTabs DnnModule-126578 active-module {
          padding-left: 0;
      }
  }
  
  @media only screen and (max-width:414px) {
      .videoiframe {
          width: 320px;
          height: 180px;
          padding-bottom: 5%;
          margin-left: 4px;
      }
      .DTRAbutton {
          width: 280px;
      }
  }
  /* Smartphones in portrait mode (0-479px) */
  
  @media only screen and ( max-width: 479px) {
      a.buttontitle2 {
          font-size: 10px;
      }
      a.buttontitle2:hover {
          font-size: 10px;
      }
      .DTRAbtnwrapper {
          margin: 0% auto;
      }
      #maincontainer {
          overflow-x: hidden!important;
      }
      h1 {
          font-size: 28px;
      }
      p {
          font-size: 10px;
      }
      .dash-top-stories-card .title {
          font-size: 13px;
          width: 100%!important;
      }
      .dash-top-stories-card .storyEach .storyCopy .wraptxt {
          font-size: 10px;
          width: 100%;
      }
      .adash .dash-top-stories-card row {
          width: 95%;
      }
      .dash-top-stories-card .storyEach {
          width: 100%;
      }
      h1.abouttitle {
          font-size: 1.3rem!important;
          padding: 10% 16%!important;
      }
      .globalheadline {
          width: 90%;
      }
      h2.globaltitle {
          font-size: 2em;
      }
      h2 {
          font-size: 1.8em;
      }
      a {
          font-size: 1.1em;
      }
      #buttonnav {
          top: 116px;
          width: 295px;
          right: -139px;
          height: 50px;
      }
      .imagecontainer {
          display: none;
      }
      .aboutwrapper {
          margin: 0;
          background-position: 940px 190px;
          padding: 0%;
      }
      .abouttext {
          font-size: 80%;
      }
      .buttonnav {
          margin-top: -6%!important;
      }
      p {
          font-size: 1.2em;
          line-height: 1.1em;
      }
      h2.leadershiptitle {
          font-size: 2em;
      }
      .leadershipwrapper {
          padding: 2% 0%;
      }
      h1.abouttitle {
          font-size: 1.3rem !important;
          padding: 10% 4% !important;
      }
      .DTRAbtncolumn {
          flex: 1 1 100%;
      }
      .DTRAbtncolumn2 {
          flex: 1 1 100%;
      }
      .iframebox {
          width: 400px;
          height: calc(400px * 9/16);
          margin: 0 10%;
      }
      .bucketbutton {
          margin: 0% 0%;
      }
      .bucketbutton:hover {
          margin: 0% 0%;
      }
      .DTRAbtn {
          width: 40%;
      }
      a.DTRAbtn {
          margin: 0 48px;
          font-size: 10px;
      }
      .menu {
          background-color: #f4f4f4!important;
      }
      .skin-header-background {
          background-image: url(/Portals/61/Images/AllNew/redesignimg/bckgrnd3-mobile.jpg) !important;
      }
      .dma-full-width #content {
          margin-top: -164px;
      }
      .skin-header-background {
          min-height: 94px;
      }
      h2.whowearetitle {
          margin-top: 30%;
          line-height: 1.1em;
      }
      .videocontainer {
          height: 420px;
          width: 80%;
          padding-bottom: 40%;
      }
      .videoiframe {
          width: 320px;
          height: 180px;
          padding-bottom: 5%;
          margin-left: -26px;
      }
      .pl-24 {
          padding-left: 2rem;
      }
      .DnnModule DnnModule-TanLDResponsiveHtmlTabs DnnModule-126578 active-module {
          padding-left: 0;
      }
  }