@charset "utf-8";
@import url("reset.css");
@import url(//fonts.googleapis.com/css?family=Dosis:400,600);
@import url(//fonts.googleapis.com/css?family=Oswald);
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,700);




body, html {
   font-family: Tahoma, Geneva, sans-serif;
   font-size: 15px;
   letter-spacing: normal;
   line-height: 1.4;
   background: url("../images/web_bg.jpg") repeat-x 0 0 #ddd;
   font-weight: 400;
   position: relative;
   width: 100%;
   height: 100%;
   -webkit-text-size-adjust: 100%;
}

.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
   padding: 0 !important;
}

.gsc-adBlock {
    display: none !important;
}


.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b {
   color: rgb(2,139,255) !important;
}

.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {
   color: rgb(2,139,255) !important;
}

table.gsc-branding, table.gcsc-branding {
   visibility: hidden !important;
}

button {
   -webkit-appearance: none;
   -moz-appearance: none;
}

p {
   line-height: 1.4;
   margin-bottom: 15px;
}

sub, sup {
   vertical-align: baseline;
   position: relative;
   font-size: 45%;
}

sub {
   bottom: -0.6em;
}

sup {
   top: -0.2em;
}

h1 {
   font-size: 26px;
   font-weight: normal;
   margin-bottom: 15px;
   line-height: 1.3;
   color: #31006f;
   font-family: 'Roboto Condensed', sans-serif;
   position: absolute;
   top: 10px;
   left: 160px;
   width: 60%;
}

#HomePage h1 {
   font-size: 21px;
   top: inherit;
   left: inherit;
   position: relative;
   width: auto;
   left: 0;
   top: 0;
}

#ContactUsPage h1 {
   font-size: 21px;
   top: inherit;
   left: inherit;
   position: relative;
   width: auto;
   left: 4%;
   padding-top: 40px;
   margin-bottom: 15px;
}

#LearningCenterPage h1 {
   font-size: 21px;
   top: inherit;
   left: inherit;
   position: relative;
   width: auto;
   left: 4%;
   padding-top: 40px;
   margin-bottom: 15px;
}

h2 {
   font-size: 18px;
   font-weight: bold;
   color: #333;
   line-height: 1.4;
   margin-bottom: 15px;
   margin-top: 40px;
   font-family: 'Roboto Condensed', sans-serif;
   text-align: center;
}

#TeamPage h2 {
   font-size: 16px;
   margin-top: 0px;
   margin-bottom: 5px;
   text-align: left;
}

   #TeamPage h2.heading {
      margin-top: 30px;
      margin-bottom: 20px;
   }

#ContactUsPage h2 {
   margin-bottom: 5px;
   text-align: left;
}

h3 {
   font-size: 14px;
   font-weight: bold;
   margin-top: 20px;
   margin-bottom: 5px;
   color: #333;
   font-family: 'Roboto Condensed', sans-serif;
}

h4 {
   color: #7193ad;
   text-transform: uppercase;
   display: block;
   font-size: 11px;
}

a, a:visited {
   color: rgb(2,139,255); /*blue*/
   text-decoration: none;
   outline: 0;
}

.dialog-form {
   display: none;
}

a:hover, a:focus, a:active {
   color: #222;
   text-decoration: underline;
   outline: 0;
}

sup {
   vertical-align: super;
   font-size: smaller;
}

.clear {
   clear: both;
   display: block;
   overflow: hidden;
   visibility: hidden;
   width: 0;
   height: 0;
}

.clearfix:after {
   clear: both;
   content: ' ';
   display: block;
   font-size: 0;
   line-height: 0;
   visibility: hidden;
}

.adobe_pdf {
   padding: 0 0 10px 30px;
   background: url("../images/adobe.png") no-repeat 0 0;
   position: relative;
   left: 36%;
}

.full_page_technology .adobe_pdf {
   position: relative;
   left: 38%;
}

ul.styled_list {
   padding: 0;
   margin-top: 20px;
   margin-bottom: 15px;
   list-style: disc;
   text-align: left;
}

ul.styled_list li {
   margin-bottom: 10px;
   margin-left: 25px;
   line-height: 1.4;
}

ul.styled_list li ul {
   padding: 0;
   margin-top: 5px;
   margin-bottom: 10px;
   list-style: circle;
}

.pim_accordion_content ul.styled_list { font-size:15px; list-style:square; }


.breadcrumb {
   font-weight: bold;
   font-size: 13px;
   color: #777;
   margin-bottom: 15px;
   margin-top: 12px;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: capitalize;
   min-height: 0 !important;
   position: absolute;
   top: 105px;
   left: 4%;
}

#LearningCenterPage .breadcrumb {
   top: 80px;
}
#contact_plan .breadcrumb {
   position:relative;
   top: 0;
}

.breadcrumb span {
   font-weight: bold;
   display: inline-block;
   margin: 0 5px;
   font-style: normal;
   color: #999;
}

.breadcrumb em {
   font-style: normal;
   text-transform: none;
}

.breadcrumb a {
   color: rgb(2,139,255);
   text-decoration: none;
   display: inline-block;
   margin: 0 5px;
}

   .breadcrumb a:hover {
      color: rgb(2,139,255);
      text-decoration: underline;
   }

.flush_top {
   margin-top: 0;
   padding-top: 0;
}


#wrapper {
   width: 100%;
   background: #fff;
   position: relative;
   z-index: 200;
}

.wrapper {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   margin: auto;
   background: #fff;
   box-shadow: 12px 0 15px -4px rgba(85, 85, 85, 0.8), -12px 0 15px -4px rgba(85, 85, 85, 0.8);
   -webkit-box-shadow: 12px 0 15px -4px rgba(85, 85, 85, 0.8), -12px 0 15px -4px rgba(85, 85, 85, 0.8);
}

#web_container {
   max-width: 100%;
   min-width: 100%;
   overflow-x: hidden;
   background: #333;
}

.wrapper > *:not(.banner_logo) {
   -webkit-box-flex: 1 100%; /* OLD - iOS 6-, Safari 3.1-6 */
   -moz-box-flex: 1 100%; /* OLD - Firefox 19- */
   -webkit-flex: 1 100%; /* Chrome */
   -ms-flex: 1 100%; /* IE 10 */
   flex: 1 100%; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.wrapper > .header {
   background: #fff;
   height: 48px;
   position: relative;
   z-index: 1000;
}

.logo {
   position: absolute;
   background: #fff;
   padding: 10px 15px 10px 15px;
   left: 0;
   top: 40px;
   display: none;
}

#slide {
   width: 100%;
   overflow: hidden;
   background: #fff;
   position: relative;
   height: 165px;
   padding-bottom: 17px;
   z-index: 10;
}

#HomePage #slide {
   visibility: hidden;
   heigth: auto;
   padding-bottom: 0;
}

#slide div.slides img {
}

#slide img.holding {
   display: none;
}

div.holding {
    display : none;
}

img.mobile_banner {
   width: 100%;
   height: auto;
}

body#AboutUsPage div.slides img {
   background-color: #fd5000;
}

body#PrivacyPage div.slides img {
   background-color: #fd5000;
}

body#ContactUsPage div.slides img {
   background-color: #beba97;
}

body#LearningCenterPage div.slides img,
body#LearningCenterPage1 div.slides img {
   background-color: #7575b6;
}

body#TeamPage div.slides img {
   background-color: #ffc62c;
}

body#ResourcesPage div.slides img {
   background-color: #84bc00;
}

body#SolutionsPage div.slides img {
   background-color: #6ba4b8;
}

.main {
   width: 100%;
   margin: auto;
   min-width: 100%;
}

   .main > p,
   .main > h1,
   .main > h2,
   .main > h3,
   .main > h4,
   .main > h5,
   .full_page {
      width: 85.7%;
      padding: 0 7% 0 7.3%;
   }

.full_page {
   width: 94%;
   padding: 40px 0 0 3%;
}

#LearningCenterPage.surveys .full_page {
   width: 90%;
   padding: 40px 0 0 5%;
}

#LearningCenterPage.surveys .full_page_technology {
   padding-top: 0px;
   margin-top: -30px;
   padding-bottom: 30px;
}

#LearningCenterPage.surveys h3 {
   font-size: 18px;
   text-align: center;
   margin-top: 30px;
   margin-bottom: 10px;
}

.main > img {
   width: inherit;
   padding: 0;
}


.banner_logo {
   width: 194px;
   height: auto;
   left: 7%;
   bottom: 3px;
   position: absolute;
   z-index: 30;
}

#HomePage .logo {
   display: block;
}

#HomePage h2 {
   font-size: 15px;
}

#HomePage #slide {
   overflow: hidden;
   position: relative;
   display: none;
}

   #HomePage #slide div.slides img {
   }

#banner_links {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 45;
}

   #banner_links a {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
   }

#slide span {
   min-width: 25px;
   height: 8px;
   position: absolute;
   bottom: 40px;
   left: 40px;
   z-index: 50;
}

   #slide span a {
      width: 12px;
      height: 12px;
      display: block;
      text-align: center;
      overflow: hidden;
      border: 1px solid #555;
      border-radius: 6px;
      text-decoration: none;
      background: #f2f2f2;
      color: #f2f2f2;
      float: left;
      margin-right: 10px;
   }

      #slide span a:hover {
         background: #444;
         color: #444;
         text-decoration: none;
      }

      #slide span a.active {
         background: #37236a;
         color: #37236a;
         text-decoration: none;
      }

   #slide span a {
      width: 12px;
      height: 12px;
      display: block;
      text-align: center;
      overflow: hidden;
      border: 1px solid #555;
      border-radius: 6px;
      text-decoration: none;
      background: #f2f2f2;
      color: #f2f2f2;
      float: left;
      margin-right: 10px;
   }

      #slide span a:first-child,
      #slide span a:last-child {
         display: none !important;
      }

#HomePage .banner_logo {
   width: 207px;
   height: 123px;
   right: 5%;
   bottom: 0;
   left: inherit;
}

.homepage_full {
}

img.img_full_width {
   width:100%;
   height:auto;
   margin:auto;
   clear:both;
}
.homepage_float_right {
   width: 80%;
   float: right;
   margin: -5px 0 20px 0%;
   background: #dedede;
   padding: 3% 10%;
   border-radius: 0px;
   border-top: 1px solid #aaa;
   border-bottom: 1px solid #aaa;
   position:relative;
   z-index:20;
}

.homepage_float_left {
   width: 90%;
   margin: auto;
   padding: 40px 0 0 0;
   position:relative;
   z-index:10;
}

.homepage_float_right img {
   width: 100%;
   height: auto;
   margin: 7px auto 0 auto;
   border: none;
   border-bottom: 4px solid #aaa;
   display: block;
}
.homepage_float_right img.button1 {
   background:#6ba4b8;
}
.homepage_float_right img.button2 {
   background:#7575b6;
}
.homepage_float_right img.button3 {
   background:#83bf41;
}
.homepage_float_right img.button4 {
   background:#117498;
}
.homepage_float_right img.button5 {
   background:#f05223;
}
.homepage_float_right img.button6 {
   background:#5d2d91;
}
/*
.homepage_float_right img:hover {
   background:#FFF;
}
    */


.blocked_content {
   background: #000;
   color: #fff;
   border-bottom: 4px solid #aaa;
   padding-top: 10px;
   padding-bottom: 7px;
   margin-bottom: 0;
}

   .blocked_content a.text_link {
      display: block;
      font-size: 15px;
      font-weight: normal;
      color: #fff;
      line-height: 1.3;
      margin-bottom: 10px;
      text-align: center;
      text-decoration: none;
   }

.cc_email_capture {
   position: relative;
   top: 0px;
   left: 50%;
   margin-left: -131px;
   margin-bottom: 10px;
   display: inline-block;
   width: 240px;
   height: 30px;
   padding: 2px 10px;
   border: 1px solid #aaa;
   border-radius: 18px;
   outline: none;
   background: #fff;
   box-shadow: inset 0px 2px 8px 0px #777;
   -webkit-box-shadow: inset 0px 2px 8px 0px #777;
   -moz-box-shadow: inset 0px 2px 8px 0px #777;
   -o-box-shadow: inset 0px 2px 8px 0px #777;
}

   .cc_email_capture input {
      display: inline-block;
      font-size: 13px;
      color: #666;
      font-weight: bold;
      width: 195px;
      height: 100%;
      border: none;
      position: relative;
      background: none;
      outline: none;
      vertical-align: middle;
      text-align: center;
      -webkit-appearance: none;
      top: 3px;
   }

      .cc_email_capture input:focus {
         color: #777;
         text-align: left;
      }

   .cc_email_capture label {
      display: inline-block;
      margin-right: 10px;
      font-size: 11px;
      color: #888;
   }

.btn_cc_email_capture,
.btn_cc_email_capture:hover {
   display: inline-block;
   width: 20px;
   height: 20px;
   margin: 4px 0 0 5px;
   border: none;
   outline: none;
   background: url("../images/btn_stay_connected.png") no-repeat 0 0 transparent;
   z-index: 20;
   vertical-align: top;
   -webkit-appearance: none;
}

.cc_email_capture_title {
   font-family: 'Roboto Condensed', sans-serif;
   display: inline-block;
   font-size: 15px;
   font-weight: normal;
   color: #fff;
   line-height: 1.3;
   margin-bottom: 10px;
   text-align: center;
   margin-left: 60px;
   margin-right: 60px;
}

.search_website {
   position: absolute;
   top: 9px;
   right: 4%;
   width: 200px;
   height: 24px;
   padding: 2px 10px;
   border: 1px solid #aaa;
   border-radius: 18px;
   outline: none;
   box-shadow: inset 0px 2px 8px 0px #777;
   -webkit-box-shadow: inset 0px 2px 8px 0px #777;
   -moz-box-shadow: inset 0px 2px 8px 0px #777;
   -o-box-shadow: inset 0px 2px 8px 0px #777;
}

   .search_website input {
      display: inline-block;
      font-size: 11px;
      color: #ccc;
      font-weight: bold;
      width: 158px;
      height: 100%;
      border: none;
      position: relative;
      background: none;
      outline: none;
      vertical-align: top;
      text-align: center;
   }

      .search_website input:focus {
         color: #777;
         text-align: left;
      }

   .search_website label {
      display: inline-block;
      margin-right: 10px;
      font-size: 11px;
      color: #888;
   }

.btn_search_website,
.btn_search_website:hover {
   display: inline-block;
   width: 20px;
   height: 20px;
   margin: 2px 0 0 5px;
   padding: 0;
   border: none;
   outline: none;
   background: url("../images/btn_search_website.png") no-repeat 0 0 transparent;
   z-index: 20;
   vertical-align: top;
}

.account_login {
   position: absolute;
   font-family: 'Roboto Condensed', sans-serif;
   font-size: 13px;
   top: 17px;
   right: 4%;
   margin-right: 240px;
}

.icon-style { width:20px; }

.footer {
   font-size: 10px;
   padding: 20px 10px;
   background: #fff;
   text-align: center;
   position: relative;
}

.footer .conquest {
   margin-top: 25px;
   margin-bottom: 5px;
   width: 80%;
   margin-left: 10%;
   text-align: center;
   color: #999;
}

.footer .conquest a {
   color: #999;
}

.footer .disclaimers {
   display: inline-block;
   margin-left: -5px;
   margin-top: 10px;
   text-align: center;
}

.footer .disclaimers a {
   display: inline-block;
   margin-left: 7px;
   border-left: 2px solid #ccc;
   padding-left: 5px;
}

.footer .disclaimers a:first-child {
   margin-left: 0px;
   border-left: none;
   padding-left: 0px;
}

.footer .pensionmark {
   color:#c0c0c0; 
   width:100%; 
   clear:both;
   text-align:center;
   margin-top:20px;
   margin-bottom:0px;
}

.footer .pensionmark a {
   color:#c0c0c0; 
}

img.team_photo {
   display: block;
   padding: 5px;
   border: 1px solid #ccc;
   margin: 5px 0 15px 0;
}

.team_left {
   width: 80%;
   margin-left: 10%;
   padding: 0;
   float: left;
}

   .team_left img.team_photo {
      margin-left: -5%;
   }

.team_right {
   width: 90%;
   margin-right: 5%;
   padding: 0;
   float: right;
   padding-top: 5px;
}

   .team_right h1 {
      margin-top: 0;
      padding: 8px 0 8px 0;
      border-top: 1px solid #ece6e8;
      border-bottom: 2px solid #d9ced2;
      width: 100%;
      position: relative;
      top: initial;
      left: initial;
   }

#TeamPage .team_right h2 {
   margin-top: 60px;
}

#TeamPage ul.team_list {
   list-style-type: none;
   width: 100%;
   margin: -10px 0 0 0;
   float: left;
}

#TeamPage ul.left {
   margin: -10px 67px 0 0;
}

ul.team_list p.read_more {
   text-align: right;
   margin-top: 10px;
   margin-left: 122px;
   padding-right: 28px;
   padding-top: 10px;
   padding-bottom: 5px;
   font-size: 11px;
   font-weight: bold;
   border-top: 1px solid #ece6e8;
   margin-right: 25px;
   background: url("../images/icon_right.png") no-repeat right 9px;
   display: none;
}

ul.team_list h2 {
   padding: 5px 0 0 5px;
   margin-left: 118px;
   margin-right: 10px;
   border-top: 1px solid #ece6e8;
   font-size: 15px;
   margin-top: 0;
   text-align: left;
}

ul.team_list h3 {
   margin-top: 5px;
   margin-left: 122px;
   padding-top: 0;
   text-decoration: none;
   color: #777;
   font-weight: normal;
}

ul.team_list li > img {
   float: left;
   margin: 0 0 0 0;
   width: 90px;
   height: auto;
   padding: 5px;
   border: 1px solid #ccc;
}

ul.team_list li p {
   margin-top: 0;
}

ul.team_list li {
   padding: 5px;
   overflow: auto;
   margin-top: 40px;
}

   ul.team_list li:hover {
   }

.team_list_phone {
   color: #333;
   font-size: 14px;
   vertical-align: middle;
   padding-top: 15px;
   margin-left: 122px;
}

   .team_list_phone a, .team_list_phone a:hover {
      text-decoration: none;
      color: #333;
   }

   .team_list_phone a {
      text-decoration: none;
      color: #333;
      vertical-align: middle;
      cursor: default;
      display: inline-block;
   }

   .team_list_phone span a {
      cursor: pointer;
   }

   .team_list_phone img {
      height: 24px;
      width: auto;
      display: inline-block;
      position: relative;
      margin-right: 4px;
      vertical-align: middle;
   }

#TeamPage .analysts ul.team_list {
   width: 110%;
   float: none;
   margin: -10px 0 0 0;
}

   #TeamPage .analysts ul.team_list li {
      float: left;
      width: 90%;
      padding-right: 5%;
   }

#TeamPage .analysts .team_list li > img,
#TeamPage .analysts .team_list_contact_icons a,
#TeamPage .analysts .team_list p.read_more {
   display: none;
}

   #TeamPage .analysts .team_list_contact_icons a:first-child {
      display: inline-block;
   }

#TeamPage .analysts h2 {
   margin-left: 0;
   padding-left: 5px;
   margin-bottom: 15px;
   margin-top: 25px;
   clear: both;
}

#TeamPage .analysts .team_list li p,
#TeamPage .analysts .team_list li h2,
#TeamPage .analysts .team_list li h3 {
   margin-left: 0;
   padding-left: 5px;
}

#TeamPage .analysts .team_list li h2 {
   margin-bottom: 0px;
   margin-top: 0px;
   padding-top: 10px;
   color: #333;
}

#TeamPage .analysts .team_list li p {
   margin-bottom: 0;
}

#TeamPage .analysts .team_list li {
   margin-top: 4px;
}

h2.heading {
   background: #3b0083;
   padding: 5px 10px;
   margin-top: 35px;
   margin-bottom: 0px;
   color: #fff;
   clear: both;
   font-size: 15px;
   font-weight: normal;
}

.team_list_email {
   color: #333;
   font-size: 12px;
   vertical-align: middle;
   padding-top: 10px;
   margin-left: 142px;
}

   .team_list_email a {
      vertical-align: middle;
      display: inline-block;
   }

   .team_list_email img {
      height: 20px;
      width: auto;
      display: inline-block;
      position: relative;
      margin-right: 10px;
      vertical-align: middle;
   }

.team_contact_icons {
   float: right;
   position: relative;
   top: 2px;
   right: 0;
}

   .team_contact_icons a img {
      height: 25px;
      width: auto;
      border: none;
      outline: none;
      display: inline-block;
      margin-right: 15px;
   }

   .team_contact_icons a:last-child img {
      margin-right: 2px;
   }

.team_list_contact_icons {
   float: left;
   position: relative;
   border-right: 2px solid #ccc;
   padding-right: 4px;
   margin-right: 4px;
}

   .team_list_contact_icons img {
      height: 20px;
      width: auto;
      border: none;
      outline: none;
      display: inline-block;
      margin-right: 4px;
   }

   .team_list_contact_icons a:last-child {
      display: none !important;
   }

.team_phone {
   color: #333;
   font-size: 15px;
   vertical-align: middle;
   font-weight: bold;
   float: left;
   margin-right: 0;
   padding-right: 0px;
   position: relative;
   top: 22px;
}

   .team_phone a, .team_phone a:hover {
      text-decoration: none;
      color: #333;
      font-size: 14px;
      vertical-align: middle;
      cursor: default;
   }

   .team_phone img {
      height: 25px;
      width: auto;
      display: inline-block;
      position: relative;
      margin-right: 10px;
      vertical-align: middle;
   }

.team_right ul.styled_list li {
}

.team_right h2 {
   margin-top: 0;
}

.rules_bg .content_main {
   width: 77%;
   margin: -10px 0 0 19.5%;
   padding-bottom: 0;
}

.rules_bg .buttons_main img {
   display: block;
   margin-top: 15px;
   width: 112px;
   height: auto;
}

.rules_bg {
   background: url("../images/rules_bg.png") repeat-y 0 0 #84bc00;
   width: 100%;
   padding: 40px 0;
   margin-top: 30px;
   clear: both;
   position: relative;
}

   .rules_bg .content_main {
      width: 77%;
      margin: 0 0 0 19%;
      padding-bottom: 0;
   }

      .rules_bg .content_main section {
         width: 23%;
         height: 240px;
         float: left;
         margin-left: 2%;
         background: #fff;
         border-radius: 8px;
         overflow: hidden;
         margin-top: 0;
         padding: 0;
      }

      .rules_bg .content_main section {
         width: 84%;
         height: 60px;
         float: left;
         margin-left: 14%;
         background: #fff;
         border-radius: 8px;
         overflow: hidden;
         padding: 5px;
         margin-top: 10px;
      }

         .rules_bg .content_main section img {
            width: auto;
            height: 100%;
            display: block;
            border-radius: 6px;
            float: left;
            margin-right: 15px;
         }

         .rules_bg .content_main section h2 {
            font-size: 17px !important;
            line-height: 1.3;
            margin: 15px 10px;
            padding: 5px 0;
            text-align: center;
         }

         .rules_bg .content_main section:first-child h2 {
            margin: 4px 10px;
         }

   .rules_bg .buttons_main {
      width: 72px;
      height: inherit;
      position: absolute;
      margin-bottom: 20px;
      margin-right: 20px;
      right: 77%;
   }

      .rules_bg .buttons_main a {
         display: inline-block;
         width: 72px;
         height: 72px;
         margin-bottom: 5px;
         margin-right: 20px;
      }

.rules_bg2 {
   background: url("../images/rules_bg.png") repeat-y 0 0 #84bc00;
   width: 90.05%;
   padding: 20px 5%;
   margin-top: 30px;
   clear: both;
   position: relative;
}

   .rules_bg2 .content_main {
      width: 100%;
      margin: 0 0 0 0%;
      padding-bottom: 0;
   }

      .rules_bg2 .content_main section {
         width: 31%;
         height: auto;
         float: left;
         margin-left: 2%;
         background: #fff;
         border-radius: 8px;
         overflow: hidden;
         padding-bottom: 10px;
      }

         .rules_bg2 .content_main section:hover {
            background: #635da8;
         }

         .rules_bg2 .content_main section img {
            width: 92%;
            height: auto;
            margin: 4% auto;
            display: block;
            border-radius: 6px;
         }

         .rules_bg2 .content_main section:hover img {
            width: 100%;
            height: auto;
            margin: 0 auto 2.8% auto;
            display: block;
            border-radius: 0px;
         }

         .rules_bg2 .content_main section h2 {
            font-size: 16px;
            text-align: center;
            margin: 0;
            padding: 5px 0;
         }

         .rules_bg2 .content_main section:hover h2 {
            color: #fff;
         }

   .rules_bg2 .buttons_main {
      width: 72px;
      height: inherit;
      position: absolute;
      margin-bottom: 20px;
      margin-right: 20px;
      right: 87%;
   }

      .rules_bg2 .buttons_main a {
         display: inline-block;
         width: 72px;
         height: 72px;
         margin-bottom: 5px;
         margin-right: 20px;
      }

.content_right .resource_list {
   width: 100%;
   margin: 0;
   float: left;
   padding: 0;
   text-align: center;
}

   .content_right .resource_list:last-child {
      margin: 0;
   }

.resource_list p {
   margin-top: 0;
   margin-bottom: 10px;
   line-height: 1.4;
}

.resource_list h2 {
   line-height: 1.3;
   background: #aaa;
   padding: 5px 8px;
   margin-top: 35px;
   margin-bottom: 10px;
   color: #fff;
   font-size: 18px;
   font-weight: normal;
   clear: both;
}

.resource_list p {
   border-bottom: 1px dotted #ccc;
   padding-bottom: 10px;
}

.content_right .newsletters_archive {
   width: 100%;
   margin: 0;
   float: left;
   padding: 0;

}



.newsletters_archive p {
   margin-top: 0;
   margin-bottom: 10px;
   padding-bottom: 10px;
   border-bottom: 1px dotted #ccc;
   line-height: 1.4;
   position: relative;
   width: 66%;
   /*padding-left: 34%;*/  /* 07/07/21 JRL - adjusting link position within container*/
}

  /* 07/07/21 JRL - adding new style for the prior years listing */
.newsletters_archive_prior p {
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    line-height: 1.4;
    position: relative;
    width: 66%;

}


.newsletters_archive h2 {
   line-height: 1.3;
   background: #d7d402;
   padding: 5px 8px;
   margin-top: 35px;
   margin-bottom: 10px;
   color: #fff;
   font-size: 14px;
   text-align: center;
   clear: both;
}

/* 07/07/21 JRL - adding new style for prior years header */
.newsletters_archive_prior h2 {
    line-height: 1.3;
    background: #d7d402;
    padding: 5px 8px;
    margin-top: 35px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    clear: both;
}

.img_newsletters_archive {
   float: right;
   margin-left: 40px;
   margin-bottom: 20px;
   margin-top: -40px;
   width: 125px;
   height: auto;
}

.last_column {
   margin-right: 0 !important;
}

#solutions_overview {
   background: #fff;
   width: 92%;
   padding: 0 4% 0 4%;
}

   #solutions_overview section {
      width: 100%;
      padding-left: 0%;
      float: left;
   }

      #solutions_overview section img {
         width: 102%;
         height: auto;
         margin: auto;
         float: left;
         border: 2px solid #ccc;
      }

      #solutions_overview section h2 {
         font-size: 16px;
         font-weight: bold;
         color: #31006f;
         padding-bottom: 2px;
         padding-top: 10px;
         margin-top: 20px;
      }

      #solutions_overview section p {
         margin-right: 10px;
         margin-bottom: 10px;
         margin-top: 0;
      }

      #solutions_overview section a {
         display: block;
         margin-right: 10px;
         text-align: right;
      }

.content_right .hh_articles {
   width: 94%;
   padding: 0 0 0 3%;
   float: left;
   margin-top: 20px;
   padding-top: 20px;
   border-top: 1px dotted #ccc;
}

   .content_right .hh_articles:first-child {
      margin-top: 0px;
      padding-top: 0px;
      border-top: none;
   }

.hh_articles_left {
   width: 94%;
   padding: 0 0 0 3%;
   float: left;
}

   .hh_articles_left h3,
   .content_right .hh_articles h3 {
      margin-top: 0;
      padding-top: 20px;
      clear: both;
      font-size: 18px;
      text-align: center;
   }

      .content_right .hh_articles h3:first-child {
         margin-top: 0;
         padding-top: 15px;
         border-top: none;
      }

.hh_articles_right {
   float: right;
   width: 94%;
   padding: 0 3% 0 0;
   vertical-align: top;
}

.hh_articles h4 {
   font-family: 'Dosis',Helvetica,Arial,sans-serif;
   color: #888;
   font-size: 14px;
   font-weight: 600;
}

.hh_articles p {
   margin-top: 10px;
}

.hh_articles img {
   width: 80%;
   height: auto;
   float: left;
   margin-left: 10%;
   margin-bottom: 0px;
   padding-top: 15px;
}

.hh_brochures_left {
   width: 94%;
   padding: 0 0 0 3%;
   float: left;
}

   .hh_brochures_left h3,
   .content_right .hh_brochures h3 {
      margin-top: 0;
      padding-top: 20px;
      clear: both;
      font-size: 18px;
      text-align: center;
   }

      .content_right .hh_brochures h3:first-child {
         margin-top: 0;
         padding-top: 15px;
         border-top: none;
      }

.hh_brochures_right {
   float: right;
   width: 94%;
   padding: 0 3% 0 0;
   vertical-align: top;
}

.hh_brochures h4 {
   font-family: 'Dosis',Helvetica,Arial,sans-serif;
   color: #888;
   font-size: 14px;
   font-weight: 600;
}

.hh_brochures p {
   margin-top: 10px;
}

.hh_brochures img {
   width: 80%;
   height: auto;
   float: left;
   margin-left: 10%;
   margin-bottom: 0px;
   padding-top: 15px;
}

.p_adobe_pdf {
   clear: both;
   padding-top: 15px;
}

/** Videos **/
.gallery {
   display: block;
   float: left;
   margin-right: 4px;
   margin-bottom: 0;
   width: 265px;
   height: 150px;
   overflow: hidden;
   border: 0px solid #fff;
   filter: alpha(opacity=100);
   -khtml-opacity: 1.0;
   -moz-opacity: 1.0;
   opacity: 1.0;
   cursor: pointer;
   background: url(../images/loading.gif) no-repeat 50% 50%;
   position: relative;
}

   .gallery:hover {
      border-color: #c1dd92;
      filter: alpha(opacity=90);
      -khtml-opacity: 0.90;
      -moz-opacity: 0.90;
      opacity: 0.90;
   }

   .gallery img {
      border: none;
      outline: none;
   }

.thumbs {
   position: relative;
   padding: 20px 34px 20px 34px;
   margin: 35px auto 15px auto;
   min-height: 150px;
   width: 889px;
   border: 1px solid #ccc;
   background: #f9f9f9;
}

.thumbs_container {
   position: relative;
   overflow: hidden;
}

.thumbs_gallery {
   overflow: hidden;
   position: absolute;
   top: 0;
   left: 0;
}

a.thumbsNextButton, a.thumbsPrevButton {
   display: block;
   visibility: hidden;
   position: absolute;
   width: 25px;
   height: 42px;
   background: url(../images/arrows.png) no-repeat 0 0;
   text-indent: -9999px;
   border: 0;
}

a.thumbsNextButton {
   background-position: 100% 0;
   right: -2px;
}

a.thumbsPrevButton {
   left: -2px;
}

.gallery span {
   display: block;
   width: 100%;
   height: 100%;
   background: url(https://www.hhconsultants.com/styles/images/movie_play.png) no-repeat 50% 50% transparent;
   position: absolute;
   z-index: 120;
}

#video_title {
   width: 655px;
   padding: 5px 10px 0 10px;
   background: #222;
   margin-left: 20px;
}

   #video_title h2, #video_title p {
      color: #fff;
   }

address {
   font-style: normal;
}
.contact_full {
   width: 90%;
   margin: 25px 0 0 5%;
   padding: 0;
}
.contact_full div {
   width: 100%;
}
.contact_full div a {
   margin: 30px 0;
   display: block;
}
.contact_full div img {
   width: 100%;
   height: auto;
   margin: 0px auto 0px auto;
   border: none;
   border-bottom: 4px solid #aaa;
   display: block;
}
.contact_full div a.plan_sponsor img {
   background:#117498;
}
.contact_full div a.plan_participant img {
   background:#f05223;
}
.contact_full div a.plan_sponsor:hover img,
.contact_full div a.plan_participant:hover img {
   background:#000;
}
.contact_pension_edge_service_center {
   width:80%;
   max-width:300px;
   display:block;
   margin:0 0 10px 0;
   height:auto;
}

.contact_right {
   width: 96%;
   float: right;
   margin: 25px 0 15px 2%;
   padding: 0;
}

.contact_left {
   width: 92%;
   float: left;
   margin: 25px 0 15px 4%;
   padding: 0;
}

   .contact_left h2 {
      margin-top: 0;
   }

#formContact {
   width: 88%;
   margin: 0;
   padding: 4%;
   background: #f9f9f9;
   border: 1px solid #aaa;
   border-radius: 8px;
}

   #formContact p {
      padding-top: 10px;
      margin-bottom: 8px;
      margin-top: 0;
   }

   #formContact legend {
      font-size: 12px;
      color: #444;
      font-weight: bold;
      padding-bottom: 14px;
      line-height: 1.5;
   }


   #formContact p {
      margin-top: 0;
   }

.form .indent {
   background-color: #e2e2e2;
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(100%, #fafafa));
   background-image: -webkit-linear-gradient(top, #e2e2e2, #fafafa);
   background-image: -moz-linear-gradient(top, #e2e2e2, #fafafa);
   background-image: -ms-linear-gradient(top, #e2e2e2, #fafafa);
   background-image: -o-linear-gradient(top, #e2e2e2, #fafafa);
   background-image: linear-gradient(top, #e2e2e2, #fafafa);
   border-bottom: 1px solid #e7e7e7;
   border-left: 1px solid #eaeaea;
   border-right: 1px solid #eaeaea;
   border-top: 1px solid #dfdfdf;
   border-radius: 8px;
   margin: 0px 0;
   padding: 8px 0;
   width: 120px;
   float: right;
}

#formContact button {
   background-color: #f3f3f3;
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(50%, #dddddd), color-stop(50%, #d2d2d2), color-stop(100%, #dfdfdf));
   background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
   background-image: -moz-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
   background-image: -ms-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
   background-image: -o-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
   background-image: linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
   border-right: 1px solid #dfdfdf;
   border-bottom: 1px solid #b4b4b4;
   border-right: 1px solid #dfdfdf;
   border-radius: 5px;
   -webkit-box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
   box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
   color: #444;
   font: bold 14px/1 "helvetica neue", helvetica, arial, sans-serif;
   margin: auto;
   padding: 6px 0;
   text-shadow: 0 1px 1px #fff;
   width: 100px;
   display: block;
   cursor: pointer;
}

   #formContact button:hover {
      background-color: #e5e5e5;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(50%, #d1d1d1), color-stop(50%, #c4c4c4), color-stop(100%, #b8b8b8));
      background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%);
      background-image: -moz-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%);
      background-image: -ms-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%);
      background-image: -o-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%);
      background-image: linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%);
      -webkit-box-shadow: inset 0 1px 0 0 #f2f2f2, 0 1px 0 0 #c9c9c9, 0 -1px 2px 1px #e3e3e3;
      box-shadow: inset 0 1px 0 0 #f2f2f2, 0 1px 0 0 #c9c9c9, 0 -1px 2px 1px #e3e3e3;
      cursor: pointer;
   }

   #formContact button:active {
      -webkit-box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white;
      box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white;
   }

   #formContactButton {
   background-color: #f3f3f3;
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(50%, #dddddd), color-stop(50%, #d2d2d2), color-stop(100%, #dfdfdf));
   background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
   background-image: -moz-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
   background-image: -ms-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
   background-image: -o-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
   background-image: linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
   border-right: 1px solid #dfdfdf;
   border-bottom: 1px solid #b4b4b4;
   border-right: 1px solid #dfdfdf;
   border-radius: 5px;
   -webkit-box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
   box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
   color: #444;
   font: bold 14px/1 "helvetica neue", helvetica, arial, sans-serif;
   margin: auto;
   padding: 6px 0;
   text-shadow: 0 1px 1px #fff;
   width: 50%;
   display: block;
   cursor: pointer;
}

   #formContactButton:hover {
      background-color: #e5e5e5;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(50%, #d1d1d1), color-stop(50%, #c4c4c4), color-stop(100%, #b8b8b8));
      background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%);
      background-image: -moz-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%);
      background-image: -ms-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%);
      background-image: -o-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%);
      background-image: linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%);
      -webkit-box-shadow: inset 0 1px 0 0 #f2f2f2, 0 1px 0 0 #c9c9c9, 0 -1px 2px 1px #e3e3e3;
      box-shadow: inset 0 1px 0 0 #f2f2f2, 0 1px 0 0 #c9c9c9, 0 -1px 2px 1px #e3e3e3;
      cursor: pointer;
   }

   #formContactButton:active {
      -webkit-box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white;
      box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white;
   }

dl.contact_info {
   margin-right: 40px;
   float: left;
   margin-top: 0px;
   width: auto;
}

   dl.contact_info dt {
      text-transform: uppercase;
      font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
      font-weight: 700;
      letter-spacing: 1px;
      font-size: 11px;
      color: #000;
      margin-top: 25px;
      padding-bottom: 15px;
      padding-left: 45px;
   }

      dl.contact_info dt.address {
         background: url(../images/icon_address.png) no-repeat 0 0;
      }

      dl.contact_info dt.fax {
         background: url(../images/icon_fax.png) no-repeat 0 0;
      }

      dl.contact_info dt.phone {
         background: url(../images/icon_phone.png) no-repeat 0 0;
      }

      dl.contact_info dt.email {
         background: url(../images/icon_email.png) no-repeat 0 0;
      }

   dl.contact_info dd {
      padding-left: 45px;
      margin-top: -13px;
   }

.contact_map {
   width: 98%;
   height: 180px;
   background: #fff;
   border: 1px solid #aaa;
   border-radius: 8px;
   padding: 4px;
   clear: both;
   float: left;
   margin: 40px 0 0 0%;
}
   #contact_sponsor .contact_left {
     
   }
   #contact_main .contact_left {
      width:80%;
      margin-left:20%;
   }
   #contact_main .contact_right {
      width:100%;
   }
   #contact_main .contact_right .contact_map {
      max-width:88%;
      margin-top:0;
      margin-left:5%;
   }

.content_left {
   margin-top: -30px;
   width: 14%;
   float: left;
   padding-left: 7%;
   padding-bottom: 10px;
}

   .content_left img {
      padding: 5px;
      background: #fff;
      -moz-box-shadow: 0 2px 9px #333;
      -webkit-box-shadow: 0 2px 9px #333;
      box-shadow: 0 2px 9px #333;
   }

.content_right {
   margin-top: 10px;
   width: 90%;
   float: right;
   padding-right: 5%;
   clear: both;
   text-align: justify;
   word-spacing: -2px;
}

#LearningCenterPage1 .content_right {
   margin-top: 65px;
}

#LearningCenterPage1 .content_right_flush {
   margin-top: 5px;
}

#PrivacyPage .content_right {
   margin-top: 30px;
}

.content_col1 {
   margin-top: 0px;
   width: 100%;
}

.content_col2 {
   width: 100%;
}

.content_col3 {
   margin-top: 0px;
   width: 100%;
}

.content_col4 {
   width: 100%;
}

   .content_col4 p {
      width: 100%;
      text-align: center;
      margin-bottom: 10px;
      padding-bottom: 10px;
      border-bottom: 1px dotted #ccc;
      color:#444;
   }

.img_full {
   border: none;
   diplay: block;
   margin-top: 20px;
   max-width: 90%;
   height: auto;
   margin-left: 5%;
}

.img_right {
   float: right;
   margin-left: 40px;
   margin-bottom: 20px;
   display: none;
}

.img_left {
   float: left;
   margin-right: 30px;
   margin-bottom: 20px;
   display: none;
}

.img_right_border {
   float: right;
   margin-left: 30px;
   margin-top: 30px;
   margin-bottom: 20px;
   padding: 10px;
   background: #fff;
   -moz-box-shadow: 0 2px 9px #333;
   -webkit-box-shadow: 0 2px 9px #333;
   box-shadow: 0 2px 9px #333;
   display: none;
}

.img_left_border {
   float: left;
   margin-right: 30px;
   margin-bottom: 20px;
   padding: 10px;
   background: #fff;
   -moz-box-shadow: 0 2px 9px #333;
   -webkit-box-shadow: 0 2px 9px #333;
   box-shadow: 0 2px 9px #333;
   border: 1px solid #ccc;
   display: none;
}

.img_full_border {
   display: block;
   max-width: 100%;
   height: auto;
   clear: both;
   margin-top: 20px;
   margin-bottom: 20px;
   padding: 10px;
   background: #fff;
   -moz-box-shadow: 0 2px 9px #333;
   -webkit-box-shadow: 0 2px 9px #333;
   box-shadow: 0 2px 9px #333;
}

.about_img {
   width: 230px;
   margin: 35px auto 0 auto;
   position: relative;
}

   .about_img img {
      position: relative;
      border: none;
   }

   .about_img a {
      position: absolute;
      z-index: 20;
      height: 81px;
      width: 81px;
   }

      .about_img a.actuarial_benefits {
         top: 0px;
         left: 94px;
      }

      .about_img a.investment_advisory {
         top: 82px;
         left: 143px;
      }

      .about_img a.retirement_services {
         top: 173px;
         left: 143px;
      }

      .about_img a.wealth_management {
         top: 255px;
         left: 99px;
      }

#scroll {
   position: relative;
   width: 92%;
   padding: 0px 0px 35px 0;
   margin: 20px 0 0 4%;
   height: auto;
   border-top: 1px solid #ccc;
   position: relative;
}

#scroller {
   width: 100%;
   left: 0px;
   top: 0;
   z-index: 10;
}

   #scroller li a {
      text-decoration: none;
      color: #467995;
      font-weight: bold;
   }

      #scroller li a:hover {
         text-decoration: underline;
         color: #467995;
      }

   #scroller div.fieldset {
      float: left;
      width: 100%;
      border-bottom: 1px solid #ccc;
      padding: 0 0 20px 0;
      position: relative;
      background-image: url("../images/solutions/fieldset/solutions_mobile.jpg");
      background-position: right 0;
      background-repeat: no-repeat;
   }

   #scroller h3 {
      border: none;
      padding: 0 0 30px 0;
      font-size: 17px;
      width: 58%;
   }

      #scroller h3.long {
         margin-top: 6px !important;
      }

   #scroller h4 {
      color: #111;
      font-weight: bold;
      text-transform: none;
      padding-top: 15px;
      margin-top: 0;
      padding-bottom: 0px;
      font-size: 15px;
   }

#thumbs {
   border-left: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   margin: 0 0 20px 0px;
   position: relative;
   width: 250px;
   z-index: 20;
   overflow: hidden;
   float: left;
   background: url(../images/thumbs_bg.png) repeat-y 244px 0 #f2f2f2;
   padding-bottom: 20px;
   display: none;
}

   #thumbs a {
      width: 244px;
      height: 46px;
      position: relative;
      padding: 0;
      border-right: 15px solid #444;
      display: block;
      text-align: right;
      color: #333;
      font-size: 12px;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      text-decoration: none;
      line-height: 1.3;
      border-top: 1px solid #ccc;
      background-color: #f2f2f2;
   }

      #thumbs a:first-child {
      }

      #thumbs a span {
         position: absolute;
         display: block;
         right: 15px;
         top: 50%;
      }

      #thumbs a:first-child {
      }

      #thumbs a:last-child {
         border-bottom: 1px solid #ccc;
      }

      #thumbs a:hover {
         background-color: #bac6d7;
         border-right: 15px solid #111;
         color: #333;
         text-decoration: none;
      }

      #thumbs a.selected {
         background-color: #f0f0f0;
         border-right: 15px solid #296899;
         color: #296899;
         text-decoration: none;
         cursor: default;
      }

         #thumbs a.selected span {
         }

#scroller .button_pane {
   display: block;
   clear: left;
   background: #f4f3f6;
   padding-bottom: 20px;
   width: 90%;
   padding-right: 5%;
   padding-left: 5%;
   border-top: 3px solid #cacfd3;
   position: absolute;
   bottom: -109px;
   left: 0;
}

.divider_pane {
   display: block;
   clear: left;
   padding-top: 5px;
   margin-top: 30px;
   width: 90%;
   padding-right: 5%;
   padding-left: 5%;
   border-top: 1px solid #cacfd3;
}

#scroller a.next {
   display: block;
   background: #3d539b;
   color: #fff;
   font-weight: bold;
   font-size: 12px;
   text-align: center;
   padding: 5px 8px;
   width: 94px;
   border: 2px solid #d3d1df;
   border-radius: 20px;
   margin-top: 22px;
   float: right;
   text-decoration: none;
}

   #scroller a.next:hover {
      background: #cacfd5;
      color: #3d539b;
      text-decoration: none;
   }

#scroller a.previous {
   display: block;
   background: #3d539b;
   color: #fff;
   font-weight: bold;
   font-size: 12px;
   text-align: center;
   padding: 5px 8px;
   width: 94px;
   border: 2px solid #d3d1df;
   border-radius: 20px;
   margin-top: 22px;
   float: left;
   text-decoration: none;
}

   #scroller a.previous:hover {
      background: #cacfd5;
      color: #3d539b;
      text-decoration: none;
   }

#scroller input[type=submit].submit_form {
   display: block;
   cursor: pointer;
   background: #972675;
   color: #fff;
   font-weight: bold;
   text-align: center;
   padding: 6px 8px 7px 8px;
   font-size: 13px;
   width: 110px;
   border: 2px solid #d9b8cf;
   border-radius: 20px;
   margin-top: 20px;
   float: right;
   text-decoration: none;
}

   #scroller input[type=submit].submit_form:hover {
      background: #c189b0;
      color: #972675;
      text-decoration: none;
   }

#scroller div p {
   margin: 10px 0 0 0;
}

   #scroller div p:last-child {
      padding-bottom: 30px;
   }

#scroller div .info {
   width: 0;
   height: 100%;
   position: absolute;
   top: 97px;
   right: 0;
   background: url(../images/solutions/tab_info.png) no-repeat 0 20px #fff;
   display: none !important;
   padding-left: 34px;
}

   #scroller div .info span.tab {
      width: 34px;
      height: 160px;
      position: absolute;
      display: block;
      top: 20px;
      left: 0;
      z-index: 100;
      cursor: pointer;
   }

   #scroller div .info img.hide_info {
      cursor: pointer;
      position: absolute;
      z-index: 100;
      top: 40px;
      left: 60px;
   }

   #scroller div .info ul {
      width: 90%;
      height: 220px;
      display: block;
      border: 2px solid #296899;
      margin: 20px 0 0 0;
      padding: 60px 5% 20px 5%;
      border-bottom-left-radius: 14px;
      font-weight: bold;
      color: #444;
      font-size: 11px;
   }

      #scroller div .info ul li {
         padding-left: 25px;
         margin-left: 10px;
         padding-bottom: 5px;
         background: url(../images/bullet.png) no-repeat 0 5px;
      }

      #scroller div .info ul.float_list li {
         margin-right: 20px;
         float: left;
         width: 190px;
      }

      #scroller div .info ul li {
      }

.terms_conditions_logos {
   display: inline-block;
   position: relative;
   top: 75px;
   margin: 0 15px 20px 15px;
}

.full_page .newsletters {
   display: block;
   width: 92%;
   float: left;
   margin-left: 4%;
   margin-right: 4%;
   margin-top: 25px;
   padding-bottom: 20px;
}

   .full_page .newsletters img {
      display: block;
      margin: auto;
      width: 80%;
      height: auto;
      border: none;
   }

   .full_page .newsletters p {
      margin-top: 10px;
      text-align: justify;
      word-spacing: -4px;
      margin-left: 10px;
      margin-right: 10px;
   }

   .full_page .newsletters h3 {
      margin-top: 15px;
      padding-bottom: 10px;
      text-align: center;
   }

   .full_page .newsletters a.adobe_pdf {
      display: block;
      margin-top: 5px;
      margin-left: -50px;
   }

   .full_page .newsletters a.view_page {
      display: block;
      margin-top: 5px;
      margin-left: 85px;
   }

.view_page {
   padding: 0 0 10px 30px;
   background: url("../images/right.png") no-repeat 0 0;
}


/* Smallest Mobile Devices (iPod Touch 5th Gen) Portrait Mode */
@media (max-width: 350px) {
   .cc_email_capture {
       margin-left: -111px;
       margin-bottom: 10px;
       width: 200px;
       height: 30px;
   }
   .cc_email_capture input {
       width: 155px;
   }
   .account_login {
       font-size: 12px;
       top: 10px;
       right: 0%;
       margin-right: 240px;
       text-align: center;
       line-height: 1.2;
   }
   #scroller h3.long3 {
       margin-top: 6px !important;
   }
   .rules_bg .content_main section h2 {
      font-size: 14px !important;
      line-height: 1.3;
      margin: 15px 5px;
      padding: 5px 0;
      text-align: center;
   }
   .footer .disclaimers a {
       display: inline-block;
       margin-left: 4px;
       border-left: 1px solid #ccc;
       padding-left: 3px;
   }
}

/* Smalle5 Mobile Devices Portrait Mode */
@media (max-width: 410px) {
   h1 {
       font-size: 22px;
       line-height: 1.3;
       top: 10px;
       left: 150px;
       width: 49.5%;
   }
   #scroller h3 {
       font-size:16px;
   }
   #scroller h3.long2 {
       margin-top: 6px !important;
   }
   .rules_bg2 .content_main section h2 {
       height:40px;
   }
}


/* Tablet (iPad/iPad Mini) Portrait Mode and Larger Mobile Devices (iPhone 6/6+) Landscape Mode */
@media (min-width: 550px) {
   #wrapper > p,
   #wrapper > h1,
   #wrapper > h2,
   #wrapper > h3,
   #wrapper > h4,
   #wrapper > h5,
   .full_page {
      width: 92%;
      padding: 0 4% 0 4%;
   }

   h1 {
      text-align: left;
      word-spacing: 0;
      font-size: 21px;
      top: inherit;
      left: inherit;
      width: auto;
      position: relative;
   }

   .adobe_pdf {
      padding: 0 0 10px 30px;
      background: url("../images/adobe.png") no-repeat 0 0;
      position: relative;
      left: 0;
   }

   #ContactUsPage h1 {
      padding-left: 0;
   }

   #LearningCenterPage h1 {
      padding-left: 0;
   }

   #LearningCenterPage.surveys h3 {
      font-size: 15px;
      text-align: left;
   }

   h2 {
      font-size: 16px;
      margin-top: 20px;
      margin-bottom: 5px;
      text-align: left;
   }

   .breadcrumb {
      font-weight: bold;
      font-size: 13px;
      color: #777;
      margin-bottom: 15px;
      margin-top: 12px;
      font-family: Arial, Helvetica, sans-serif;
      text-transform: capitalize;
      min-height: 0 !important;
      position: relative;
      top: 0;
      left: 0;
   }

   .full_page_technology .adobe_pdf {
      left: 0;
   }

   #LearningCenterPage .breadcrumb {
      top: 0;
      left: 0;
   }

   .full_page {
      width: 94%;
      padding: 0 0 0 3%;
   }

   #web_container {
      background: #fff;
   }

   .wrapper > .header {
      background: #fff;
      height: 58px;
      position: relative;
      z-index: 20;
   }

   #HomePage #slide {
      overflow: hidden;
      position: relative;
      display: block;
   }

      #HomePage #slide div.slides img {
      }

   #slide img.holding {
      width: 100%;
      height: auto;
      display: block;
   }


   
   img.mobile_banner {
      display: none;
   }

   .homepage_float_right {
      width: 260px;
      float: right;
      margin: 0px 30px 15px 20px;
      padding: 30px 0 5px 0;
      background: none;
      border: none;
   }

   .rules_bg .buttons_main {
      width: auto;
      height: 72px;
      margin-bottom: 20px;
      margin-left: 5%;
      margin-top: 0;
   }

   .rules_bg .content_main section {
      width: 23%;
      height: 225px;
      float: left;
      margin-left: 2%;
      background: #fff;
      border-radius: 8px;
      overflow: hidden;
      margin-top: 0;
      padding: 0;
   }

      .rules_bg .content_main section img {
         width: 92%;
         height: auto;
         margin: 4% auto;
         display: block;
         border-radius: 6px;
         float: none;
      }

      .rules_bg .content_main section h2,
      .rules_bg .content_main section:first-child h2 {
         line-height: 1.3;
         text-align: center;
         margin: 0;
         padding: 5px;
      }

   .rules_bg .buttons_main {
      width: 72px;
      height: inherit;
      position: absolute;
      margin-bottom: 20px;
      margin-right: 20px;
      right: 87%;
   }

      .rules_bg .buttons_main img {
         width: auto;
         display: block;
         margin-top: -15px;
      }

   .rules_bg .content_main section:hover {
      background: #635da8;
   }

      .rules_bg .content_main section:hover img {
         width: 100%;
         height: auto;
         margin: auto;
         display: block;
         border-radius: 0px;
      }

      .rules_bg .content_main section:hover h2 {
         color: #fff;
      }

   .search_website {
      position: absolute;
      top: 11px;
      right: 4%;
      width: 200px;
      height: 30px;
      padding: 2px 10px;
      border: 1px solid #aaa;
      border-radius: 24px;
      outline: none;
      box-shadow: inset 0px 2px 8px 0px #777;
      -webkit-box-shadow: inset 0px 2px 8px 0px #777;
      -moz-box-shadow: inset 0px 2px 8px 0px #777;
      -o-box-shadow: inset 0px 2px 8px 0px #777;
   }

   .btn_search_website,
   .btn_search_website:hover {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin: 5px 0 0 5px;
      padding: 0;
      border: none;
      outline: none;
      background: url("../images/btn_search_website.png") no-repeat 0 0 transparent;
      z-index: 20;
      vertical-align: top;
   }

   .account_login {
      position: absolute;
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 13px;
      top: 20px;
      right: 4%;
      margin-right: 240px;
   }

   .homepage_float_left {
      width: auto;
      margin: 0 35px 0 35px;
      padding: 30px 0 0 0;
   }

   .cc_email_capture {
      position: relative;
      top: 4px;
      left: 18px;
      margin-left: 0;
      margin-bottom: 10px;
      display: inline-block;
      width: 240px;
      height: 30px;
      padding: 2px 10px;
      border: 1px solid #aaa;
      border-radius: 18px;
      outline: none;
      background: #fff;
      box-shadow: inset 0px 2px 8px 0px #777;
      -webkit-box-shadow: inset 0px 2px 8px 0px #777;
      -moz-box-shadow: inset 0px 2px 8px 0px #777;
      -o-box-shadow: inset 0px 2px 8px 0px #777;
   }

   .cc_email_capture_title {
      position: relative;
      top: 10px;
      margin-left: 0px;
      margin-right: 0px;
   }

   #HomePage .cc_email_capture_title {
      position: relative;
      top: 0px;
   }

   #HomePage .cc_email_capture {
      position: relative;
      top: 0px;
      left: 50%;
      margin-left: -111px;
      margin-bottom: 10px;
      display: inline-block;
      width: 200px;
      height: 24px;
      padding: 2px 10px;
      border: 1px solid #aaa;
      border-radius: 18px;
      outline: none;
      background: #fff;
      box-shadow: inset 0px 2px 8px 0px #777;
      -webkit-box-shadow: inset 0px 2px 8px 0px #777;
      -moz-box-shadow: inset 0px 2px 8px 0px #777;
      -o-box-shadow: inset 0px 2px 8px 0px #777;
   }

   .cc_email_capture input {
      display: inline-block;
      font-size: 11px;
      color: #666;
      font-weight: bold;
      width: 155px;
      height: 100%;
      border: none;
      position: relative;
      background: none;
      outline: none;
      vertical-align: middle;
      text-align: center;
      -webkit-appearance: none;
      top: 3px;
   }

   .content_left {
      margin-top: 20px;
      padding-left: 4.0%;
      padding-bottom: 0;
      width: 17%;
   }

   .content_right {
      margin-top: 10px;
      width: 74.7%;
      float: right;
      padding-right: 4.3%;
      text-align: left;
      word-spacing: 0px;
      clear: none;
   }

   #PrivacyPage .content_right {
      margin-top: 30px;
      width: 71.7%;
      min-height: 290px;
   }

   #LearningCenterPage1 .content_right {
      margin-top: 5px;
   }

   .about_img {
      width: 230px;
      height: 338px;
      position: relative;
      margin: 0;
   }

      .about_img img {
         position: absolute;
         left: 0;
         top: 0;
         z-index: 10;
         border: none;
      }

   .content_col1 {
      width: 55%;
      float: left;
      margin-top: 0;
   }

   .content_col2 {
      width: 39%;
      float: right;
   }

   .content_col3 {
      width: 55%;
      float: left;
      margin-top: 0;
   }

   .content_col4 {
      width: 39%;
      float: right;
   }

      .content_col4 h2 {
         padding-bottom: 20px;
         margin-top: 0;
         padding-top: 0;
      }

      .content_col4 p {
         text-align: left;
      }

   #TeamPage ul.team_list {
      list-style-type: none;
      width: 49%;
      margin: -10px 1% 0 0;
      float: left;
   }

   #TeamPage ul.left {
      margin: -10px 1% 0 0;
   }

   #scroller h3.long {
      margin-top: 20px !important;
   }

   .img_right {
      float: right;
      margin-left: 40px;
      margin-bottom: 20px;
      display: block;
   }

   .img_left {
      float: left;
      margin-right: 30px;
      margin-bottom: 20px;
      display: block;
   }

   #LearningCenterPage.surveys .img_left {
      width: 260px;
      height: auto;
      position: absolute;
      top: -10px;
      right: -15px;
   }

   #LearningCenterPage.surveys .img_left_technology {
      width: 400px;
      height: auto;
      position: relative;
      top: 20px;
      right: initial;
      margin-bottom: 130px;
      margin-top: 35px;
   }

   .img_right_border {
      float: right;
      margin-left: 30px;
      margin-top: 30px;
      margin-bottom: 20px;
      padding: 10px;
      background: #fff;
      -moz-box-shadow: 0 2px 9px #333;
      -webkit-box-shadow: 0 2px 9px #333;
      box-shadow: 0 2px 9px #333;
      display: block;
   }

   .img_left_border {
      float: left;
      margin-right: 30px;
      margin-bottom: 20px;
      padding: 10px;
      background: #fff;
      -moz-box-shadow: 0 2px 9px #333;
      -webkit-box-shadow: 0 2px 9px #333;
      box-shadow: 0 2px 9px #333;
      border: 1px solid #ccc;
      display: block;
   }

   .team_left {
      width: 12%;
      margin-left: 4.3%;
      padding: 0;
      float: left;
   }

      .team_left img.team_photo {
         margin-left: 0;
      }

   .team_right {
      width: 63%;
      margin-right: 4%;
      padding: 0;
      float: right;
      padding-top: 5px;
   }

   #TeamPage .team_right h2 {
      margin-top: 20px;
   }

   .team_phone {
      color: #333;
      font-size: 15px;
      vertical-align: middle;
      font-weight: bold;
      float: right;
      margin-right: 0;
      padding-right: 20px;
      border-right: 2px solid #ccc;
      position: relative;
      top: 2px;
      right: 4%;
   }

   #TeamPage .analysts ul.team_list li {
      float: left;
      width: 29%;
      padding-right: 1%;
   }

   #solutions_overview {
      background: #fff;
      width: 94%;
      padding: 0 3%;
   }

      #solutions_overview section {
         width: 48.5%;
         padding-left: 1.5%;
         float: left;
      }

         #solutions_overview section img {
            width: 100%;
            height: auto;
            margin: 0;
            float: left;
            border: 2px solid #ccc;
         }

         #solutions_overview section h2 {
            font-size: 16px;
            font-weight: bold;
            color: #31006f;
            padding-bottom: 2px;
            padding-top: 10px;
            margin-top: 20px;
         }

   .content_right .resource_list {
      width: 26.4%;
      margin: 0 10% 0 0;
      float: left;
      padding: 0;
      text-align: left;
   }

   .resource_list h2 {
      font-size: 15px;
   }

   .contact_left {
      width: 43%;
      float: left;
      margin: 25px 0 15px 4%;
      padding: 0;
   }
   .contact_full {
      width: 86%;
      margin: 25px 0 0 7%;
      padding: 0;
      float:left;
   }
   .contact_full div {
      width: 50%;
      float:left;
   }
   .contact_full div a {
      margin: 30px 0;
      display: block;
   }
   .contact_full div img {
      width: 95%;
      height: auto;
      margin: 0px auto 0px auto;
      border: none;
      border-bottom: 4px solid #aaa;
      display: block;
   }
   .contact_pension_edge_service_center {
      width:85%;
      max-width:300px;
      display:block;
      margin:0 0 10px 0;
      height:auto;
   }
   .contact_right {
      width: 390px;
      float: right;
      margin: 25px 0 15px 0;
      padding: 0;
   }

   .contact_map {
      width: 94%;
      height: 312px;
      background: #fff;
      border: 1px solid #aaa;
      border-radius: 8px;
      padding: 4px;
      clear: both;
      float: left;
      margin: 60px 0 0 0;
   }
   #contact_main .contact_left {
       width: 43%;
       float: left;
       margin: 25px 0 15px 7%;
       padding: 0;
   }
   #contact_main .contact_right {
       width: 43%;
       float: right;
       margin: 25px 7% 15px 0;
       padding: 0;
   }
   #formContact {
      width: 324px;
      margin: 0;
      padding: 15px;
      background: #f9f9f9;
      border: 1px solid #aaa;
      border-radius: 8px;
   }

      #formContact p {
         padding-top: 10px;
         margin-bottom: 8px;
         margin-top: 0;
      }

      #formContact legend {
         font-size: 12px;
         color: #444;
         font-weight: bold;
         padding-bottom: 14px;
         width: 324px;
         line-height: 1.5;
      }

      #formContact .button_pane {
         width: 324px;
      }

      #formContact p {
         margin-top: 0;
      }

   .form .indent {
      background-color: #e2e2e2;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(100%, #fafafa));
      background-image: -webkit-linear-gradient(top, #e2e2e2, #fafafa);
      background-image: -moz-linear-gradient(top, #e2e2e2, #fafafa);
      background-image: -ms-linear-gradient(top, #e2e2e2, #fafafa);
      background-image: -o-linear-gradient(top, #e2e2e2, #fafafa);
      background-image: linear-gradient(top, #e2e2e2, #fafafa);
      border-bottom: 1px solid #e7e7e7;
      border-left: 1px solid #eaeaea;
      border-right: 1px solid #eaeaea;
      border-top: 1px solid #dfdfdf;
      border-radius: 8px;
      margin: 0px 0;
      padding: 8px 0;
      width: 120px;
      float: right;
   }

   #formContact button {
      background-color: #f3f3f3;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(50%, #dddddd), color-stop(50%, #d2d2d2), color-stop(100%, #dfdfdf));
      background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
      background-image: -moz-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
      background-image: -ms-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
      background-image: -o-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
      background-image: linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
      border-right: 1px solid #dfdfdf;
      border-bottom: 1px solid #b4b4b4;
      border-right: 1px solid #dfdfdf;
      border-radius: 5px;
      -webkit-box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
      box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
      color: #444;
      font: bold 14px/1 "helvetica neue", helvetica, arial, sans-serif;
      margin: auto;
      padding: 6px 0;
      text-shadow: 0 1px 1px #fff;
      width: 100px;
      display: block;
      cursor: pointer;
   }

   .content_right .hh_articles {
      width: 98.7%;
      padding: 0 0 0 2.3%;
      float: left;
      margin-top: 20px;
      padding-top: 20px;
      border-top: 1px dotted #ccc;
   }

      .content_right .hh_articles:first-child {
         margin-top: 0px;
         padding-top: 0px;
         border-top: none;
      }

   .hh_articles_left {
      width: 55.7%;
      padding: 0 0 0 7.3%;
      float: left;
   }

      .hh_articles_left h3,
      .content_right .hh_articles h3 {
         margin-top: 0px;
         padding-top: 0;
         clear: none;
         font-size: 12px;
         text-align: left;
      }

         .content_right .hh_articles h3:first-child {
            margin-top: 0;
            padding-top: 15px;
            border-top: none;
         }

   .hh_articles_right {
      float: right;
      width: 27.4%;
      padding: 0;
      vertical-align: top;
   }

   .hh_articles h4 {
      font-family: 'Dosis',Helvetica,Arial,sans-serif;
      color: #888;
      font-size: 14px;
      font-weight: 600;
   }

   .hh_articles p {
      margin-top: 10px;
   }

   .hh_articles img {
      width: 150px;
      height: auto;
      float: left;
      margin-right: 20px;
      margin-bottom: 10px;
      margin-left: 0;
      padding-top: 0;
   }

   .content_right .hh_brochures {
      width: 98.7%;
      padding: 0 0 0 2.3%;
      float: left;
      margin-top: 20px;
      padding-top: 20px;
      border-top: 1px dotted #ccc;
   }

      .content_right .hh_brochures:first-child {
         margin-top: 0px;
         padding-top: 0px;
         border-top: none;
      }

   .hh_brochures_left {
      width: 55.7%;
      padding: 0 0 0 7.3%;
      float: left;
   }

      .hh_brochures_left h3,
      .content_right .hh_brochures h3 {
         margin-top: 0px;
         padding-top: 0;
         clear: none;
         font-size: 12px;
         text-align: left;
      }

         .content_right .hh_brochures h3:first-child {
            margin-top: 0;
            padding-top: 15px;
            border-top: none;
         }

   .hh_brochures_right {
      float: right;
      width: 27.4%;
      padding: 0;
      vertical-align: top;
   }

   .hh_brochures h4 {
      font-family: 'Dosis',Helvetica,Arial,sans-serif;
      color: #888;
      font-size: 14px;
      font-weight: 600;
   }

   .hh_brochures p {
      margin-top: 10px;
   }

   .hh_brochures img {
      width: 150px;
      height: auto;
      float: left;
      margin-right: 20px;
      margin-bottom: 10px;
      margin-left: 0;
      padding-top: 0;
   }

   .full_page .newsletters {
      display: block;
      width: 31%;
      float: left;
      margin-left: 3.3%;
      margin-right: 3.3%;
      margin-top: 25px;
      padding-bottom: 20px;
   }

      .full_page .newsletters:first-child {
         margin-left: 0px;
         margin-right: 0px;
      }

      .full_page .newsletters:last-child {
         margin-left: 0px;
         margin-right: 0px;
      }

      .full_page .newsletters a.adobe_pdf,
      .full_page .newsletters a.view_page {
         display: block;
         margin-top: 5px;
         margin-left: 35px;
      }

   .content_right .newsletters_archive {
      width: 35%;   /* 7/7/21 JRL - expanding container to avoid word wrap;*/
      margin: 0 10% 0 0;
      float: left;
      padding: 0;

      
   }

   /* 07/07/21 JRL - adding new style for the prior years listing */
    .content_right .newsletters_archive_prior {
        width: 50%; 
        margin: 0 10% 0 0;
        float: left;
        padding: 0;
    }

      .content_right .newsletters_archive:last-child {
         margin: 0;
      }

   .newsletters_archive p {
      width: 90%;
      padding-left: 10%;
      margin-top: 0;
      margin-bottom: 10px;
      line-height: 1.4;
   }

    /* 07/07/21 JRL - adding new style for the prior years listing */
    .newsletters_archive_prior p {
        width: 90%;
        padding-left: 10%;
        margin-top: 0;
        margin-bottom: 10px;
        line-height: 1.4;
    }

   .footer {
      font-size: 12px;
      padding: 20px 15px;
      background: #fff;
      text-align: left;
   }

      .footer .conquest {
         margin-bottom: 5px;
         width: 100%;
         text-align: right;
         color: #777;
         margin-top: 0;
         width: 90%;
         margin-right: 10%;
      }

      .footer .disclaimers {
         display: inline-block;
         float: right;
         width: 100%;
         text-align: right;
         margin: 10px 0 20px 0;
      }

         .footer .disclaimers a {
            display: inline-block;
            margin-left: 10px;
            border-left: 2px solid #ccc;
            padding-left: 10px;
         }

            .footer .disclaimers a:first-child {
               margin-left: 0px;
               border-left: none;
               padding-left: 0px;
            }
}


/* Tablet (iPad/iPad Mini) Landscape Mode */
@media (min-width: 850px) {
   .rules_bg .content_main section {
      width: 23%;
      height: 240px;
      float: left;
      margin-left: 9%;
      background: #fff;
      border-radius: 8px;
      overflow: hidden;
      margin-top: 0;
      padding: 0;
   }

   #LearningCenterPage.surveys h3 {
      font-size: 15px;
      text-align: left;
      margin-top: 20px;
      margin-bottom: 5px;
   }

   #TeamPage ul.team_list {
      width: 405px;
      margin: -10px 0 0 0;
   }

   #TeamPage ul.left {
      margin: -10px 67px 0 0;
   }

   ul.team_list li > img {
      margin: 0 5px 0 0;
   }

   .team_list_phone img {
      margin-right: 8px;
   }

   .team_list_email img {
      margin-right: 10px;
   }

   .team_contact_icons a img {
      margin-right: 15px;
   }

   .team_list_contact_icons {
      padding-right: 10px;
      margin-right: 15px;
   }

      .team_list_contact_icons img {
         margin-right: 5px;
      }

   .content_col1 {
      width: 57%;
      float: left;
   }

   .content_col2 {
      width: 37%;
      float: right;
      position: relative;
      margin-top: -30px;
   }

   .content_col3 {
      width: 67%;
      float: left;
   }

   .content_col4 {
      width: 27%;
      float: right;
      position: relative;
      margin-top: -30px;
   }

      .content_col4 h2 {
         margin-top: 20px;
         padding-top: 0;
      }

   #TeamPage .analysts ul.team_list li {
      float: left;
      width: 277px;
      padding-right: 20px;
   }

   .team_left {
      width: 12%;
      margin-left: 7.3%;
      padding: 0;
      float: left;
   }

   .team_right {
      width: 63%;
      margin-right: 7%;
      padding: 0;
      float: right;
      padding-top: 5px;
   }

   #LearningCenterPage.surveys .full_page_technology {
      padding-top: 10px;
      margin-top: 0px;
   }

   #scroll {
      position: relative;
      overflow: hidden;
      width: 620px;
      padding: 30px 0px 35px 0;
      margin: 35px 0 0 0;
      border-top: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      position: relative;
   }

   #scroller {
      width: 99999px;
      position: absolute;
      left: 0px;
      top: 0;
      z-index: 10;
   }

      #scroller li a {
         text-decoration: none;
         color: #467995;
         font-weight: bold;
      }

         #scroller li a:hover {
            text-decoration: underline;
            color: #467995;
         }

      #scroller div.fieldset {
         float: left;
         width: 520px;
         padding: 0 70px 0 30px;
         border-bottom: none;
         position: relative;
         background-image: url("../images/solutions/fieldset/solutions.jpg");
         background-position: 0 0;
         background-repeat: no-repeat;
      }

      #scroller h3 {
         border: none;
         padding-top: 20px;
         padding-bottom: 55px;
         font-size: 17px;
         width: auto;
      }

         #scroller h3.long {
            margin-top: 20px !important;
         }

      #scroller h4 {
         color: #111;
         font-weight: bold;
         text-transform: none;
         padding-top: 15px;
         margin-top: 0;
         padding-bottom: 0px;
         font-size: 15px;
      }

   #thumbs {
      border-left: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      margin: 0 0 20px 0px;
      position: relative;
      width: 250px;
      z-index: 20;
      overflow: hidden;
      float: left;
      background: url(../images/thumbs_bg.png) repeat-y 244px 0 #f2f2f2;
      padding-bottom: 20px;
      display: block;
   }

      #thumbs a {
         width: 244px;
         height: 46px;
         position: relative;
         padding: 0;
         border-right: 15px solid #444;
         display: block;
         text-align: right;
         color: #333;
         font-size: 12px;
         font-family: Arial, Helvetica, sans-serif;
         font-weight: bold;
         text-decoration: none;
         line-height: 1.3;
         border-top: 1px solid #ccc;
         background-color: #f2f2f2;
      }

         #thumbs a:first-child {
         }

         #thumbs a span {
            position: absolute;
            display: block;
            right: 15px;
            top: 50%;
         }

         #thumbs a:first-child {
         }

         #thumbs a:last-child {
            border-bottom: 1px solid #ccc;
         }

         #thumbs a:hover {
            background-color: #bac6d7;
            border-right: 15px solid #111;
            color: #333;
            text-decoration: none;
         }

         #thumbs a.selected {
            background-color: #f0f0f0;
            border-right: 15px solid #296899;
            color: #296899;
            text-decoration: none;
            cursor: default;
         }

            #thumbs a.selected span {
            }

   #scroller .button_pane {
      display: block;
      clear: left;
      background: #f4f3f6;
      padding-bottom: 20px;
      width: 900px;
      padding-right: 50px;
      padding-left: 50px;
      border-top: 3px solid #cacfd3;
      position: absolute;
      bottom: -109px;
      left: 0;
   }

   .divider_pane {
      display: block;
      clear: left;
      padding-top: 5px;
      margin-top: 30px;
      margin-left: -50px;
      width: 900px;
      padding-right: 50px;
      padding-left: 50px;
      border-top: 1px solid #cacfd3;
   }

   #scroller a.next {
      display: block;
      background: #3d539b;
      color: #fff;
      font-weight: bold;
      font-size: 12px;
      text-align: center;
      padding: 5px 8px;
      width: 94px;
      border: 2px solid #d3d1df;
      border-radius: 20px;
      margin-top: 22px;
      float: right;
      text-decoration: none;
   }

      #scroller a.next:hover {
         background: #cacfd5;
         color: #3d539b;
         text-decoration: none;
      }

   #scroller a.previous {
      display: block;
      background: #3d539b;
      color: #fff;
      font-weight: bold;
      font-size: 12px;
      text-align: center;
      padding: 5px 8px;
      width: 94px;
      border: 2px solid #d3d1df;
      border-radius: 20px;
      margin-top: 22px;
      float: left;
      text-decoration: none;
   }

      #scroller a.previous:hover {
         background: #cacfd5;
         color: #3d539b;
         text-decoration: none;
      }

   #scroller input[type=submit].submit_form {
      display: block;
      cursor: pointer;
      background: #972675;
      color: #fff;
      font-weight: bold;
      text-align: center;
      padding: 6px 8px 7px 8px;
      font-size: 13px;
      width: 110px;
      border: 2px solid #d9b8cf;
      border-radius: 20px;
      margin-top: 20px;
      float: right;
      text-decoration: none;
   }

      #scroller input[type=submit].submit_form:hover {
         background: #c189b0;
         color: #972675;
         text-decoration: none;
      }

   #scroller div p {
      margin: 10px 0 0 0;
   }

      #scroller div p:last-child {
         padding-bottom: 30px;
      }

   #scroller div .info {
      width: 0;
      height: 100%;
      position: absolute;
      top: 97px;
      right: 0;
      background: url(../images/solutions/tab_info.png) no-repeat 0 20px #fff;
      display: none !important;
      padding-left: 34px;
   }

      #scroller div .info span.tab {
         width: 34px;
         height: 160px;
         position: absolute;
         display: block;
         top: 20px;
         left: 0;
         z-index: 100;
         cursor: pointer;
      }

      #scroller div .info img.hide_info {
         cursor: pointer;
         position: absolute;
         z-index: 100;
         top: 40px;
         left: 60px;
      }

      #scroller div .info ul {
         width: 90%;
         height: 220px;
         display: block;
         border: 2px solid #296899;
         margin: 20px 0 0 0;
         padding: 60px 5% 20px 5%;
         border-bottom-left-radius: 14px;
         font-weight: bold;
         color: #444;
         font-size: 11px;
      }

         #scroller div .info ul li {
            padding-left: 25px;
            margin-left: 10px;
            padding-bottom: 5px;
            background: url(../images/bullet.png) no-repeat 0 5px;
         }

         #scroller div .info ul.float_list li {
            margin-right: 20px;
            float: left;
            width: 190px;
         }

         #scroller div .info ul li {
         }

   #solutions_overview {
      background: #fff;
      width: 85.7%;
      padding: 0 7% 0 7.3%;
   }

   .contact_left {
      width: 500px;
      float: left;
      margin: 25px 0 15px 7%;
      padding: 0;
   }

   .contact_right {
      width: 420px;
      float: right;
      margin: 25px 0 15px 0;
      padding: 0;
   }
   .contact_map {
      width: 450px;
      height: 340px;
      margin-top: 60px;
      background: #fff;
      border: 1px solid #aaa;
      border-radius: 8px;
      padding: 4px;
      float: left;
      clear: none;
   }
   #contact_main .contact_left {
      width:43%;
      margin-left:7%;
   }
   #contact_main .contact_right {
      width:43%;
   }
   #contact_main .contact_right .contact_map {
      max-width:82%;
      margin-top:0;
   }
   .contact_full div img {
      width: 80%;
      height: auto;
      margin: 0px auto 0px auto;
      border: none;
      border-bottom: 4px solid #aaa;
      display: block;
   }
   .content_right .hh_articles {
      width: 93.7%;
      padding: 0 0 0 7.3%;
      float: left;
      margin-top: 20px;
      padding-top: 20px;
      border-top: 1px dotted #ccc;
   }

      .content_right .hh_articles:first-child {
         margin-top: 0px;
         padding-top: 0px;
         border-top: none;
      }

   .hh_articles_left {
      width: 55.7%;
      padding: 0 0 0 7.3%;
      float: left;
   }

      .hh_articles_left h3,
      .content_right .hh_articles h3 {
         margin-top: 0px;
         padding-top: 0;
      }

         .content_right .hh_articles h3:first-child {
            margin-top: 0;
            padding-top: 15px;
            border-top: none;
         }

   .hh_articles_right {
      float: right;
      width: 27.4%;
      padding: 0;
      vertical-align: top;
   }

   .hh_articles h4 {
      font-family: 'Dosis',Helvetica,Arial,sans-serif;
      color: #888;
      font-size: 14px;
      font-weight: 600;
   }

   .hh_articles p {
      margin-top: 10px;
   }

   .hh_articles img {
      width: 150px;
      height: auto;
      float: left;
      margin-right: 30px;
      margin-bottom: 0px;
   }

   .hh_brochures_left {
      width: 55.7%;
      padding: 0 0 0 7.3%;
      float: left;
   }

      .hh_brochures_left h3,
      .content_right .hh_articles h3 {
         margin-top: 0px;
         padding-top: 0;
      }

         .content_right .hh_articles h3:first-child {
            margin-top: 0;
            padding-top: 15px;
            border-top: none;
         }

   .hh_brochures_right {
      float: right;
      width: 27.4%;
      padding: 0;
      vertical-align: top;
   }

   .hh_brochures h4 {
      font-family: 'Dosis',Helvetica,Arial,sans-serif;
      color: #888;
      font-size: 14px;
      font-weight: 600;
   }

   .hh_articles p {
      margin-top: 10px;
   }

   .hh_brochures img {
      width: 150px;
      height: auto;
      float: left;
      margin-right: 30px;
      margin-bottom: 0px;
   }

   .p_adobe_pdf {
      clear: none;
      padding-top: 0;
   }

   .full_page .newsletters:first-child {
      margin-left: 15%;
      margin-right: 10%;
   }

   .full_page .newsletters:last-child {
      margin-left: 0px;
      margin-right: 0px;
   }

   .full_page .newsletters img {
      display: block;
      margin: auto;
      width: 85%;
      height: auto;
      border: none;
   }

   .full_page .newsletters p {
      margin-top: 10px;
      text-align: left;
      word-spacing: 0px;
      margin-left: 0;
      margin-right: 0;
   }

   #LearningCenterPage.surveys .img_left {
      width: auto;
      height: auto;
      position: relative;
      top: 0;
      right: 0;
      max-width: 460px;
   }

   .newsletters_archive p {
      width: 80%;
      padding-left: 20%;
      margin-top: 0;
      margin-bottom: 10px;
      line-height: 1.4;
   }

   .YTWrapper {
       float : right;
   }

    .tech_lab_text{
        width : 40%;
    }
}


/* Smaller Laptops */
@media (min-width: 1024px) {
   body, html {
      font-family: Tahoma, Geneva, sans-serif;
      font-size: 15px;
      letter-spacing: normal;
      line-height: 1.4;
      background: url("../images/web_bg.jpg") repeat-x 0 0 #ddd;
      font-weight: 400;
      position: relative;
      width: 100%;
      height: 100%;
   }

   #web_container {
      min-width: 1024px;
      max-width: 1024px;
      overflow-x: hidden;
   }

   .wrapper > .header {
      background: #fff;
      height: 48px;
      position: relative;
      z-index: 20;
   }

   #HomePage #slide div.slides img {
   }

   #wrapper > p,
   #wrapper > h1,
   #wrapper > h2,
   #wrapper > h3,
   #wrapper > h4,
   #wrapper > h5,
   .full_page {
      width: 85.7%;
      padding: 0 7% 0 7.3%;
   }

   #ContactUsPage h1 {
      padding-left: 3%;
   }

   #LearningCenterPage h1 {
      padding-left: 3%;
   }

   .content_left {
      margin-top: 20px;
      padding-left: 7.0%;
      width: 14%;
   }

   .content_right {
      margin-top: 10px;
      width: 71.7%;
      float: right;
      padding-right: 7.3%;
      text-align: left;
      word-spacing: 0px;
      clear: none;
   }

   .rules_bg .content_main section h2 {
      font-size: 15px !important;
      line-height: 1.3;
      text-align: center;
      margin: 0;
      padding: 5px;
   }

   .search_website {
      position: absolute;
      top: 9px;
      right: 4%;
      width: 200px;
      height: 24px;
      padding: 2px 10px;
      border: 1px solid #aaa;
      border-radius: 18px;
      outline: none;
      box-shadow: inset 0px 2px 8px 0px #777;
      -webkit-box-shadow: inset 0px 2px 8px 0px #777;
      -moz-box-shadow: inset 0px 2px 8px 0px #777;
      -o-box-shadow: inset 0px 2px 8px 0px #777;
   }

   .btn_search_website,
   .btn_search_website:hover {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin: 2px 0 0 5px;
      padding: 0;
      border: none;
      outline: none;
      background: url("../images/btn_search_website.png") no-repeat 0 0 transparent;
      z-index: 20;
      vertical-align: top;
   }

   .account_login {
      position: absolute;
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 13px;
      top: 17px;
      right: 4%;
      margin-right: 240px;
   }

   .homepage_float_left {
      width: 620px;
      margin: 0 50px 0 50px;
      padding: 20px 0 20px 0;
   }

   .homepage_float_right {
      width: 260px;
      float: right;
      margin: 0 50px 0 70px;
      padding: 20px 0 30px 0;
   }
   .homepage_float_right img {
      margin-top:3px;
   }

   .footer {
      font-size: 11px;
      padding: 20px 15px;
      background: #fff;
   }
}


/* Standard Laptop and Desktop */
@media (min-width: 1280px) {
   .content_col1 {
      width: 55%;
      float: left;
   }

   .content_col2 {
      width: 40%;
      float: right;
      position: relative;
      margin-top: -20px;
   }

   .content_col3 {
      width: 65%;
      float: left;
   }

   .content_col4 {
      width: 30%;
      float: right;
      position: relative;
      margin-top: -20px;
   }
}


/* Larger Laptop and Desktop */
@media (min-width: 1360px) {
}


/* Largest Desktop */
@media (min-width: 1920px) {
}


@media (max-width: 550px){
    div.holding {

       display : block;
   }
    div.hide_small_screen {
        display : none;
    }
}

/* PIM Page */

#ScrollContainer {
   position: relative;
}

.pim_holder {
   width:95%;
   max-width:1080px;
   margin:auto;
   position:relative;
}

.pim_text_holder {
   width: calc(100% - 22%);
   padding:9% 10% 20% 14%;
   background-image: url('../images/pim/pim-speech-bg.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
   margin:auto;
   position:relative;
   z-index: 4;
   height:100px;
}

.pim_text_holder span {
   font-size: 14px;
   color: white;
}

@media (min-width: 400px) { .pim_text_holder span { font-size:16px; } }
@media (min-width: 500px) { .pim_text_holder span { font-size:17.5px; } }
@media (min-width: 550px) { .pim_text_holder span { font-size:18px; } }
@media (min-width: 700px) { .pim_text_holder span { font-size:24px; } }
@media (min-width: 835px) { .pim_text_holder span { font-size:29px; } }

.pim_image_holder {
   width: 80%;
   margin: -45px auto 0 auto;
   min-width: 149px;
   position: relative;
   z-index: 2;
}

.pim_image_holder img {
   width: 100%;
}

.pim_tools_text {
   width:85%; 
   margin:auto; 
   font-size:14px; 
   text-align:center; 
   padding:30px 0px; 
   letter-spacing:2px;
}

@media (min-width: 400px) { .pim_tools_text { font-size:16px; } }
@media (min-width: 685px) { .pim_tools_text { font-size:19px; } }
@media (min-width: 685px) { .pim_tools_text { font-size:22px; } }
@media (min-width: 1024px) { .pim_tools_text { width:75%; } }

.pim_4btn_holder {
   display:flex;
   width:100%;
   justify-content:center;
   flex-wrap:wrap;
}

.pim_4btn {
   position: relative;
   margin: 2%;
   width: 197px;
   float: left;
   text-align: center;
   color: white;
}

.pim_4btn a {
   display:block;
   color:white;
}

.pim_4btn a img {
   width:100%;
}

.pim_4btn a p {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color:black;
   font-size:0.9em;
   font-weight:bold;
   width:90%;
}

.pim_4btn a p strong {
   font-size:1.5em;
   color:white;
}

.pim_overlay {
}

.pim_overlay:hover {
   opacity: 0.75;
}

.pim_footer {
   margin-top:30px;
   margin-bottom:30px;
   letter-spacing:3px; 
   text-align:center; 
   color:#666666; 
   font-size:1.2em;
}

.pim_header {
   margin:0px auto;
   padding:20px 20px 40px 20px!important;
   font-size:19px;
   font-weight:bold;
}

.pim_3btn_holder {
   display:flex;
   width:100%;
   justify-content:center;
   flex-wrap:wrap;
}

.pim_3btn {
   position: relative;
   margin: 2%;
   width: 300px;
   float: left;
   text-align: left;
   color: white;
}

.pim_3btn a {
   display: block;
   color: white;
}

.pim_3btn a img {
   width: 100%;
}

.pim_3btn a p {
   position: absolute;
   top: 50%;
   left: 59%;
   transform: translate(0%, -50%);
   color: black;
   font-size: 0.9em;
   width: 45%;
}

.pim_3btn:nth-child(1) a p {
   left: 50%;
}

.pim_3btn a p strong {
   font-size: 1.3em;
   color: white;
}


/*** PIM ACCORDION ***/

.pim_accordion {
   width: 100%;
   height: 80px;
   margin: 0 auto;
   background: #fff;
   border-radius: 3px;
   /* box-shadow: 0 0 5px rgba(225,225,225,1); */
   overflow: hidden;
   transition: height 0.3s ease;
   margin-bottom: 20px;
}
/* height:100px */

@media (min-width: 500px) {
   .pim_accordion {
      width: 100%;
      height:100px;
   }
}


.pim_accordion .pim_accordion_tab {
   width:calc(90% - 35px);
   padding: 0px;
   cursor: pointer;
   user-select: none;
   font-size: 16px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 1px;
   position: relative;
   background:white;
   margin:auto;
   display: flex;
   align-items: center;
   color:white;
   padding-right:35px;
}

.pim_accordion:nth-child(1) .pim_accordion_tab { background:#84bd00; }
.pim_accordion:nth-child(2) .pim_accordion_tab { background:#fe5000; }
.pim_accordion:nth-child(3) .pim_accordion_tab { background:#7474c1; }

@media (min-width: 500px) {
   .pim_accordion .pim_accordion_tab {
      width:calc(60% - 35px);
      font-size:24px;
      padding-top:15px;
      padding-bottom:15px;
   }
}



/* font-size:18px */

.pim_accordion .pim_accordion_tab span {
   font-size:40px;
   padding-left:20px;
   padding-right:10px;
}
/* font-size 60px */

.pim_accordion .pim_accordion_tab .accordion_arrow {
   position: absolute;
   bottom: 6%;
   transform: translateY(-50%);
   right: 10px;
   width: 18px;
   height: 18px;
   transition: all 0.3s ease;
}

.pim_accordion .pim_accordion_tab .accordion_arrow img {
   width: 100%;
   height: 100%;
}

.pim_accordion .pim_accordion_tab.active .accordion_arrow {
   transform: translateY(-50%) rotate(180deg);
}

.pim_accordion.active {
   height: 100%;
}

.pim_accordion .pim_accordion_content {
   padding: 20px;
   width:80%;
   margin:auto;
   /* border-top: 1px solid #e9e9e9; */
}

.pim_accordion .pim_accordion_content .pim_accordion_item {
   margin-bottom: 20px;
}

.pim_accordion .pim_accordion_content .pim_accordion_item h3 {
   text-align:center;
   font-size:18px;
   margin-top:0; 
}

.pim_accordion .pim_accordion_content .pim_accordion_item .accordion_half {
   width: 45%; 
   margin: 2.5%; 
   float: left;
}

.pim_accordion .pim_accordion_content .pim_accordion_item p.item_title {
   font-weight: 600;
   margin-bottom: 10px;
   font-size: 18px;
   color: #6adda2;
}

.pim_accordion .pim_accordion_content .pim_accordion_item p:last-child {
   color: #9a9b9f;
   font-size: 14px;
   line-height: 20px;
}

.investment-advisory img {
   height:120px;
   display:none;
}

.ia-split{
   width:46%; 
   margin:0% 2%; 
   float:left;
}

@media (max-width: 767px) {
   .ia-split{
      width:100%;
      float:none;
   }
}


/* Knowledge Center */

.kc_ruled_background {
   margin-top:30px;
   background: url("../images/rules_bg.png") repeat 0 0 #84bc00;
	width: calc(100% - 40px);
   padding:20px;
}

.kc_type {
   background:white;
   border-radius:15px;
   margin-top:10px;
   margin-bottom:40px;
   padding:0px;
}

.kc_type a {
   display:block;
   padding:10px;
}

.kc_type:hover {
   background: #007396;
}

.kc_type a:hover {
   padding:0 0 0px 0;
}

.kc_type h2 {
   padding-bottom:20px;
   margin-top:15px;
   margin-bottom:0px;
}

.kc_type:hover h2 {
   color:white;
   padding-top:10px
}

.kc_type a img {
   width:100%;
   margin:auto;
   display:block;
   border-radius:10px;
}

@media (min-width: 679px) {
   .kc_type { width:45%; margin:2.5%; float:left;  }
   .kc_type h2 { text-align:center; }
}

.library-intro {
	padding: 10px 5px 15px 5px;
   font-size: 15px;
}


.library-intro {
	padding: 10px 5px 15px 5px;
   font-size: 15px;
}


/* Library Container */
.library-wrapper {
   background: #f0f0f0;
   float: left;
   background: #ececec;
}

.library-wrapper .library-container {
   width: 94%;
   margin-left: 3%;
   float: left;
}
.library-wrapper .library-container .library-main {
   width: 100%;
   float: left;
   padding-bottom: 30px;
   padding-top: 30px;
}
.library-wrapper .library-container .library-main h2,
.library-wrapper .library-container .library-sidebar h2 {
	font-weight: 300;
	margin-top: 20px;
	margin-bottom: 5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 22px;
	color: #fff;
	padding: 9px 10px;
   clear: both;
}
.library-wrapper .library-container .library-sidebar h2 {
	background: rgba(116, 115, 184, 0.5);
}

.library-wrapper .library-container .library-main h2 span,
.library-wrapper .library-container .library-sidebar h2 span {
	font-size: 14px;
	display: block;
	text-transform: uppercase;
	margin-bottom: -5px;
}

.library-wrapper .library-container .library-main h2:first-of-type,
.library-wrapper .library-container .library-sidebar h2:first-of-type {
	margin-top: 0px;
}

.library-wrapper .library-container .library-sidebar h2 {
    background: rgba(59, 0, 131, 1.0);
}
.library-wrapper .library-container .library-sidebar h3 {
	font-size: 15px;
	margin-top: 0px;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 5px 10px;
	color: #fff;
	width: calc(100% - 20px);
	margin-bottom: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.library-wrapper .library-container .library-sidebar h5 {
	padding:10px 10px 10px 55px;
	color: #444;
	background-image: url(https://www.hhconsultants.com/images/calculator.png);
	background-repeat: no-repeat;
   background-position: 10px 15px;
	background-size: 35px auto;
	font-weight: normal;
   font-size: 14px;
   display: block;
   margin-top: 6px;
   min-height: 45px;
	/* border: 5px solid #fff; */
}
.library-wrapper .library-container .library-sidebar h5 a {
	color: #fff;
}

.library-wrapper .library-container .library-sidebar {
   width: 100%;
   height: 100%;
   float: left;
   padding-bottom: 30px;
   padding-top: 40px;
}
.library-wrapper .library-container .library-sidebar img,
.library-wrapper .library-container .library-sidebar iframe {
   width: 100%;
   height: auto;
   margin-bottom: 10px;
}



@media (min-width: 679px) {
	.library-wrapper .library-container {
	   width: 97.5%;
	   height: 100%;
		display: table;
	   margin-left: 2.5%;
	   float: left;
	}
	.library-wrapper .library-container .library-main {
	   width: 97%;
		display: table-cell;
	   float: left;
      padding-bottom: 40px;
      padding-top: 10px;
	}
	.library-wrapper .library-container .library-sidebar {
	   width: 97%;
	   height: 100%;
		display: table-cell;
      background: rgba(150, 150, 150, 0);
	   float: right;
      padding-bottom: 40px;
      padding-top: 10px;
	}
}

@media (min-width: 680px) and (max-width: 979px) {
	.library-wrapper .library-container .library-sidebar .sidebar-header {
		height: 240px;
		overflow: hidden;
		margin-bottom: 10px;
		position: relative;
	}
	.library-wrapper .library-container .library-sidebar .sidebar-header img {
	    position: absolute;
	    top: -30%;
	    left: 0;
	    width: 100%;
	    height: auto;
	    display: block;
	}
}

@media (max-width: 979px) {
	.library-wrapper .library-container .library-sidebar {
	    min-height: 0 !important;
       height: auto;
	}
	.library-wrapper .library-container .library-sidebar h3 {
	    margin-top: 0;
	}
	.library-wrapper .library-container .library-sidebar h2 {
	    background: rgba(116, 115, 184, 0.5);
	    overflow: hidden;
	    height: auto;
	    display: table-cell;
	    vertical-align: top;
	    width: 45%;
	    padding: 25px 10px;
	    cursor: pointer;
	    border-right: 1px solid rgba(255, 255, 255, 0.5);
		 font-size: 16px;
	}
	.sidebar-col {
	    width: calc(48% - 2px);
	    margin: 1%;
	    float: left;
	    border: 1px solid #ccc;
	    display: table;
   }
	#calculators .sidebar-col {
	    min-height: 65px;
	}
	#calculators.library-sidebar h5 {
	    vertical-align: middle;
	    display: table-cell;
	}
	#calculators.library-sidebar h2 {
		height: auto;
		display: block;
		width: auto;
		padding: 15px 10px;
		font-size: 21px;
	}

	.sidebar-col img {
	    margin-bottom: -5px;
   }
	.library-wrapper .library-container .library-sidebar {
	    width: 97%;
	    display: table-cell;
	    background: none;
	    float: inherit;
	    padding-bottom: 30px!important;
	    padding-top: 0px;
	    margin-top: -30px;
	}
	.content_col4 h5 {
	    padding: 20px 10px 20px 50px;
	}
	.content_col4 h2 {
	    margin-top: 40px;
	}
}


@media (min-width: 980px) {
	.library-wrapper {
	    width: 100%;
	}
	.library-wrapper .library-container {
	    width: 92%;
	    margin: 0 auto;
	    display: block;
	    float: none;
	    max-width: 1080px;
	}
	.library-wrapper .library-container .library-main {
	   width: 80%;
	}
	.library-wrapper .library-container .library-sidebar {
	   width: 17%;
		padding-left: 1%;
		padding-right: 1%;
	}
	.main-title {
	    float: left;
	    width: 100%;
	}
   #TeamPage ul.team_list {
      list-style-type: none;
      width: 49%;
      margin: -10px 1% 0 0;
      float: left;
   }
   #TeamPage .analysts ul.team_list li {
      float: left;
      width: 28%;
      padding-right: 1%;
      padding-left: 1%;
   }
}


@media (min-width: 1179px) {
	.library-wrapper .library-container .library-main {
	   width: 80%;
	}
	.library-wrapper .library-container .library-sidebar {
	   width: 17%;
	}
}


.library-nav {
   cursor: pointer;
	background-color: rgba(0, 114, 150, 0.5);
}
.library-nav:hover {
	background-color: rgba(0, 114, 150, 0.75);
}
.library-nav.selected {
	background-color: rgba(0, 114, 150, 1.0);
}

.library-nav:nth-child(1) {
      background-color: rgba(0, 114, 150, 0.5);
}
.library-nav:nth-child(1):hover {
      background-color: rgba(0, 114, 150, 0.75);
}
.library-nav:nth-child(1).selected {
      background-color: rgba(0, 114, 150, 1.0);
}
.library-nav:nth-child(2) {
   background-color: rgba(254, 80, 0, 0.5);
}
.library-nav:nth-child(2):hover {
   background-color: rgba(254, 80, 0, 0.75);
}
.library-nav:nth-child(2).selected {
   background-color: rgba(254, 80, 0, 1.0);
}
.library-nav:nth-child(3) {
   background-color: rgba(0, 115, 150, 0.5);
	background-color: rgba(239, 180, 20, 0.5);
}
.library-nav:nth-child(3):hover {
   background-color: rgba(0, 115, 150, 0.75);
	background-color: rgba(239, 180, 20, 0.75);
}
.library-nav:nth-child(3).selected {
   background-color: rgba(0, 115, 150, 1.0);
	background-color: rgba(239, 180, 20, 1.0);
}
.library-nav:nth-child(4) {
	background-color: rgba(132, 189, 0, 0.5);
}
.library-nav:nth-child(4):hover {
	background-color: rgba(132, 189, 0, 0.75);
}
.library-nav:nth-child(4).selected {
	background-color: rgba(132, 189, 0, 1.0);
}
.library-nav:nth-child(5) {
	background-color: rgba(162, 151, 145, 0.5);
}
.library-nav:nth-child(5):hover {
	background-color: rgba(162, 151, 145, 0.75);
}
.library-nav:nth-child(5).selected {
	background-color: rgba(162, 151, 145, 1.0);
}


@media (max-width: 679px) {

	.library-wrapper .library-container .library-main {
	    padding-top: 0px;
	}
	.library-wrapper {
	    border-top: none;
	}
	.library-nav {
      display: block;
		margin-bottom: 5px;
		width: calc(100% - 20px);
	   font-size: 22px;
		text-align: center;
	   color: #fff !important;
		text-decoration: none !important;
		padding: 15px 10px;
	   font-family: Roboto Condensed;
	}
	.library-wrapper .library-container .library-main h2 {
	    margin-top: -10px;
	    margin-bottom: 15px;
	    padding: 15px 10px;
	    clear: both;
	}
	h3.toggle-intro {
	    padding: 0px 5px 0 5px;
	}
	h3.toggle-intro.first {
	    padding: 0 5px 0 5px;
	    font-size: 20px;
	    margin-top: 0;
	}
	p.toggle-intro {
	    padding: 0 5px 10px 5px;
	}
	h3.toggle-intro {
	    padding: 0px 5px 0 5px;
	    clear: both;
	}
	.library-intro {
	    padding: 25px 5px 15px 5px;
	}


}


@media (min-width: 679px) {

	#library-nav-container {
		height: 50px;
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	.library-nav {
    margin-bottom: 15px;
    width: calc(20% - 10px);
    font-size: 18px;
    text-align: center;
    color: #fff !important;
    text-decoration: none !important;
    padding: 15px 5px;
    font-family: Roboto Condensed;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
	}
	.library-nav span {
     display: block;
	}


}




/*** ACCORDIAN ***/

.accordion-content {
	display: none;
   padding-bottom: 30px;
   float: left;
   background: #ffffff;
   margin-bottom: 8px;
}

.accordion-header {
	cursor: pointer;
}
/*
.active.accordion-header {
	background-color: #7473b8 !important;
}
*/

.library-main .accordion-header:nth-of-type(1) {
   background-color: rgba(116, 116, 193, 1.0);
}
.library-main .accordion-header:nth-of-type(1):hover {
   background-color: rgba(116, 116, 193, 0.75);
}
.library-main .accordion-header:nth-of-type(1).active {
   background-color: rgba(116, 116, 193, 0.75);
}
.library-main .accordion-header:nth-of-type(2) {
   background-color: rgba(254, 80, 0, 1.0);
}
.library-main .accordion-header:nth-of-type(2):hover {
   background-color: rgba(254, 80, 0, 0.75);
}
.library-main .accordion-header:nth-of-type(2).active {
   background-color: rgba(254, 80, 0, 0.75);
}
.library-main .accordion-header:nth-of-type(3) {
	background-color: rgba(255, 199, 44, 1.0);
}
.library-main .accordion-header:nth-of-type(3):hover {
	background-color: rgba(255, 199, 44, 0.75);
}
.library-main .accordion-header:nth-of-type(3).active {
	background-color: rgba(255, 199, 44, 0.75);
}
.library-main .accordion-header:nth-of-type(4) {
	background-color: rgba(132, 189, 0, 1.0);
}
.library-main .accordion-header:nth-of-type(4):hover {
	background-color: rgba(132, 189, 0, 0.75);
}
.library-main .accordion-header:nth-of-type(4).active {
	background-color: rgba(132, 189, 0, 0.75);
}
.library-main .accordion-header:nth-of-type(5) {
	background-color: rgba(107, 164, 184, 1.0);
}
.library-main .accordion-header:nth-of-type(5):hover {
	background-color: rgba(107, 164, 184, 0.75);
}
.library-main .accordion-header:nth-of-type(5).active {
	background-color: rgba(107, 164, 184, 0.75);
}
.library-main .accordion-header:nth-of-type(6) {
	background-color: rgba(255, 200, 45, 0.5);
}
.library-main .accordion-header:nth-of-type(6):hover {
	background-color: rgba(255, 200, 45, 0.75);
}
.library-main .accordion-header:nth-of-type(6).active {
	background-color: rgba(255, 200, 45, 1.0);
}
.library-main .accordion-header:nth-of-type(7) {
	background-color: rgba(64, 42, 125, 0.5);
}
.library-main .accordion-header:nth-of-type(7):hover {
	background-color: rgba(64, 42, 125, 0.75);
}
.library-main .accordion-header:nth-of-type(7).active {
	background-color: rgba(64, 42, 125, 1.0);
}
.library-main .accordion-header:nth-of-type(8) {
	background-color: rgba(132, 193, 66, 0.5);
}
.library-main .accordion-header:nth-of-type(8):hover {
	background-color: rgba(132, 193, 66, 0.75);
}
.library-main .accordion-header:nth-of-type(8).active {
	background-color: rgba(132, 193, 66, 1.0);
}
.library-main .accordion-header:nth-of-type(9) {
	background-color: rgba(203, 220, 228, 0.5);
}
.library-main .accordion-header:nth-of-type(9):hover {
	background-color: rgba(203, 220, 228, 0.75);
}
.library-main .accordion-header:nth-of-type(9).active {
	background-color: rgba(203, 220, 228, 1.0);
}
.library-main .accordion-header:nth-of-type(10) {
	background-color: rgba(239, 82, 37, 0.5);
}
.library-main .accordion-header:nth-of-type(10):hover {
	background-color: rgba(239, 82, 37, 0.75);
}
.library-main .accordion-header:nth-of-type(10).active {
	background-color: rgba(239, 82, 37, 1.0);
}
.library-main .accordion-header:nth-of-type(11) {
	background-color: rgba(223, 224, 24, 0.5);
}
.library-main .accordion-header:nth-of-type(11):hover {
	background-color: rgba(223, 224, 24, 0.75);
}
.library-main .accordion-header:nth-of-type(11).active {
	background-color: rgba(223, 224, 24, 1.0);
}


.accordion-header:before {
	content:"+";
	width: 20px;
	display: inline-block;
}

.active.accordion-header:before {
	content:"-";
	width: 20px;
	display: inline-block;
}

img#pim_sliding_image {
    position: absolute;
    width:180px;
    padding-top:50px;
    right: 0%;
    animation: pim-slide 4s 1;
}
@keyframes pim-slide {
    from { right: -210px; }
    to { right: 0%; }
}



/* Footer */
.footer-left { text-align:center; }
.footer-right { text-align:center; }


@media (min-width: 768px) {

   .footer-left { float:left; width:30%; text-align:left;}
   .footer-right { float:right; width:70%; text-align:right;}

}


/* --- Video Styles --- */
.video-container {
    width: calc(100% - 40px);
    height: auto;
    margin: auto;
    /* background: #f8f8f8; */
    padding: 20px;
    margin-top: 30px;
}

.video-container h3 {
   display:none;
   margin-top:0px;
}

.video-frame {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 10px;
   height: 0;
   overflow: hidden;
   margin: auto;
   background: #efefef;
}

.video-frame iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: calc(100%);
   height: calc(100%);
}

@media (max-width: 700px) {
   .video-frame {
      padding-top: 0px;
      top: -20px;
      border-bottom: 10px solid #a5b9da;
      position: relative;
      z-index: 1;
   }
}

@media (min-width: 701px) {
   .video-frame iframe {
      border: 10px solid #fff;
      border-radius: 4px;
      width: calc(100% - 20px);
      height: calc(100% - 20px);
   }
}



/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 10% auto; /* 15% from the top and centered */

    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }