@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;600;800&display=swap');

.CMSLinks{color:whitesmoke;background:#ff6a00;text-align:center;padding:5px;}
.CMSLinks a{color:whitesmoke;text-decoration:underline;}
.main-content { font-size:18px; }
.main-content p{line-height:1.4;}
.main-content li{list-style: disc;margin-left:30px;padding-left:6px;font-size:18px;}
.main-content li li{list-style: circle;margin-left:30px;padding-left:6px;}
.main-content li li li{list-style: square;margin-left:30px;padding-left:6px;}
.ActiveLink {color:#b89835 !important;}
.SlideCaption{position: absolute;bottom:0;font-size: 15px;width:100%;height:30px;padding:5px;background:#b89835;color:whitesmoke;}

.notice { 
  height: 50px;width:100%;font-size:20px;
  text-align: center;padding-top:8px;
}

.bellicon {width:25px;height:23px;margin-right: 10px;margin-top:-2px;}

.notice a {font-weight: bold;}

/* ==========================================================================
   Fonts
   ========================================================================== */

/*@font-face {
    font-family: 'FranklinGothic-Book';
    src: url("../fonts/FranklinGothic-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/FranklinGothic-Book.woff") format("woff"), url("../fonts/FranklinGothic-Book.ttf") format("truetype"), url("../fonts/FranklinGothic-Book.svg#FranklinGothic-Book") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FranklinGothic-Demi';
    src: url("../fonts/FranklinGothic-Demi.eot?#iefix") format("embedded-opentype"), url("../fonts/FranklinGothic-Demi.woff") format("woff"), url("../fonts/FranklinGothic-Demi.ttf") format("truetype"), url("../fonts/FranklinGothic-Demi.svg#FranklinGothic-Demi") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FranklinGothic-Heavy';
    src: url("../fonts/FranklinGothic-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/FranklinGothic-Heavy.woff") format("woff"), url("../fonts/FranklinGothic-Heavy.ttf") format("truetype"), url("../fonts/FranklinGothic-Heavy.svg#FranklinGothic-Heavy") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FranklinGothic-MediumCond';
    src: url("../fonts/FranklinGothic-MediumCond.eot?#iefix") format("embedded-opentype"), url("../fonts/FranklinGothic-MediumCond.woff") format("woff"), url("../fonts/FranklinGothic-MediumCond.ttf") format("truetype"), url("../fonts/FranklinGothic-MediumCond.svg#FranklinGothic-MediumCond") format("svg");
    font-weight: normal;
    font-style: normal;
}
*/

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: 'Montserrat', sans-serif;
    height: 100%;
   // background-color: #35617b;
}

img {
    max-width: 100%;
}

ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}

p {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0;
    line-height: 1em;
    padding: 0;
}

p {
    //line-height: 1.2em;
    //font-size: 20px;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

input {
    outline: none;
    border: 0;
}

    input[type="text"], input[type="email"] {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }

strong, b {
   /* font-family: 'FranklinGothic-Demi', sans-serif; */
}

td, th {
   // font-size:18px;
}

/* Clayton adding per email from Brian - 20170118 */
td {
  //  padding-left:10px !important;
}

/*.eligibility-row {
    background-color: #dfdfe0;
    color: black;
    font-size: 16px;
}*/

.eligibility-headers {
  //  padding: 3px 6px 4px 15px !important;
}
/* ==========================================================================
   Homepage
   ========================================================================== */
.row-0 {
    margin: 0;
}

    .row-0 > div {
        padding: 0;
    }

.row-10 {
    margin: 0 -10px;
}

    .row-10 > div {
        padding: 0 10px;
    }

.row-25 {
    margin: 0 -25px;
}

    .row-25 > div {
        padding: 0 25px;
    }

.row-30 {
    margin: 0 -30px;
}

    .row-30 > div {
        padding: 0 30px;
    }

.wrapper {
    position: relative;
    background-color: white;
}

.text-underline {
    text-decoration: underline;
}

.topMenu {
  position:relative;
  height:125px;
  min-height:100px;
  background: white;
  width:100vw;
  border-bottom:1px solid #ccc;
  display:block;
  z-index:99;
}

.topMenu .logo {
  width:300px;
  position: absolute;
  left:20px;
  margin-top:5px;
}

.mobileNav {display:none;}

.navigation .icon {
  display: none;
}

.navigationMobile {display: none;}

.navigation {
  position: absolute;
  display: block;
  right:35px;
  line-height: 1.4em;
}

.navigation ul {
  list-style: none;
}

.navigation ul li {
  text-align: center;
  margin-right:30px;
  display: inline-block;
  list-style: none;
  position: relative;
}

.navigation ul li .menuText {
  font-family: 'Montserrat', sans-serif;
  font-size:.9em;
  font-weight:600;
  color: #004990;
  left:0px;
  white-space:pre;
}

.navigation ul li .menuText::before {
    content: "\A";
}

.navigation ul li .menuText:hover {
  font-family: 'Montserrat', sans-serif;
  font-weight:600;
  color: #004990;
}

.navigation ul .menuIcon  {
  max-width:55px;
  margin-top:35px;
  margin-bottom:-5px;
  border:0px;
}

.navigation ul ul {
  background-color: #fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
  background: rgba(255,255,255,100); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
  list-style: none;
  width:175px;
  padding:10px;
  position: absolute;
  left: -9999px; /* Hide off-screen when not needed (this is more accessible than display: none;) */
}
.navigation ul ul li {
  padding-top: 1px; /* Introducing a padding between the li and the a give the illusion spaced items */
  float: none;
  height:32px;
  width:150px;
  min-width:150px;
}
.navigation ul ul a {
  white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
.navigation ul li:hover ul { /* Display the dropdown on hover */
  left: -55px; /* Bring back on-screen when needed */
}

.navigation ul li a {
  font-size:1em;
} 

.navigation ul li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
  background-color: #fff;
// padding:8px;
  width:100px;
  min-width:150px;
  height:100px;
  text-decoration: underline;
  font-family: 'Montserrat', sans-serif;
  font-weight:600;
  color: black;
  text-decoration: none;
}
.navigation ul li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
  text-decoration: none;
}

.navigation ul li:hover ul li a {
  background-color: #fff;
  padding:8px;
  width:100px;
  min-width:150px;
  min-height:100px;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  font-weight:600;
  color: black;
}

.navigation ul li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
  background-color: #fff;
  color: #004990;
  
}

#mainNav .close {width:0px;display:none;}

.mainContent {
  display: inline-block;
  height:100%;  
}

.newSlide {
  width:100vw;
  padding:0px;
  margin:0px;
  margin-left:0px;
  padding-left:0px;
  height:100%;
  z-index:-1;
  background: black;
}

.slideRightText {
  position: absolute;
  right:50px;
  margin-top:50px;
  display:block;
  width:400px;
  color:white;
  padding:15px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

.slideRightText h3 {
  font-weight: 600;
  font-size:1.25em;
  line-height:1.5em;
}

.slideRightText p {
  font-size:.8em;font-weight:400;
}

.slideRightText .slideButton {
  display: block;
  margin-top:25px;
  background:white;
  font-size: .75em;
  border-radius:18px;
  width:80px;
  padding:8px 25px 8px 25px;
}

.leftSideText {
  display: inline-block;
  padding-left:30px;
  padding-top:20px;
  width:45%;
  height:300px;
  font-family: 'Montserrat', sans-serif;
  font-size:1.1em;
  line-height:1.55em;
  font-weight:400;
}

.leftSideTextWhite {
  display: inline-block;
  padding-left:30px;
  padding-top:20px;
  width:45%;
  height:300px;
  font-family: 'Montserrat', sans-serif;
  font-size:1.1em;
  line-height:1.55em;
  font-weight:600;
  color:white;
}

.leftSideTextBlue {
  display: inline-block;
  padding-left:30px;
  padding-top:20px;
  width:45%;
  height:300px;
  font-family: 'Montserrat', sans-serif;
  font-size:1.1em;
  line-height:1.55em;
  font-weight:600;
  color: #004990;
}

.leftSideTextOpen {
  display: inline-block;
  padding-left:30px;
  padding-top:20px;
  width:45%;
  font-family: 'Montserrat', sans-serif;
  font-size:1.1em;
  line-height:1.55em;
  font-weight:400;
  padding-bottom:100px;
}

.leftSideTextContactBlue {
  z-index:99;
  display: inline-block;
  padding-left:30px;
  padding-top:20px;
  color:white;
  width:50%;
  font-family: 'Montserrat', sans-serif;
  font-size:1.1em;
  line-height:1.55em;
  font-weight:400;
  padding-bottom:100px;
}

.leftSideTextBlue ul li {
  list-style: outside;
  margin-left:20px;
}

.leftSideTextWhite ul li {
  list-style: outside;
  margin-left:20px;
}

.centerText {
  display: block;
  padding:10px;
  padding-top:20px;
  width:85vw;
  font-family: 'Montserrat', sans-serif;
  font-size:1.1em;
  line-height:1.55em;
  font-weight:600;
  margin:auto;
  text-align:center;
}

.centerTextWhite {
  display: block;
  padding:10px;
  padding-top:20px;
  width:85vw;
  font-family: 'Montserrat', sans-serif;
  font-size:1.1em;
  line-height:1.55em;
  font-weight:600;
  margin:auto;
  text-align:center;
  color:white;
}

.rightSideText {
  display: inline-block;
  vertical-align: top;
  padding-left:30px;
  padding-top:50px;
  width:45%;
  font-family: 'Montserrat', sans-serif;
  font-size:1.1em;
  line-height:1.55em;
  font-weight:400;
  color: #004990;
}

.rightSideTextWhite {
  display: inline-block;
  vertical-align: top;
  padding-left:30px;
  padding-top:50px;
  width:45%;
  font-family: 'Montserrat', sans-serif;
  font-size:1.1em;
  line-height:1.55em;
  font-weight:600;
  color:white;
}

.rightSideTextWhite h3 {
  font-weight:600;
  color:white;
}

.rightSideText h1 {
  font-size: 2.25em;
  font-weight: 800;
  color: #004990;
}

.leftSideTextOpen h1 {
  font-size: 2.25em;
  font-weight: 800;
  color: #004990;
}

.rightSideText h3 {
  font-weight: 800;
  color: #004990;
}

.leftSideTextOpen h3 {
  font-weight: 800;
  color: #004990;
}

.rightSideText p {
  font-weight:600;
}

.leftSideTextOpen p {
  font-weight:600;
  color: #004990;
}

.rightSideText li {
  line-height: 1.8em;
  margin-bottom:12px;
  font-weight:600;
}

.leftSideTextOpen h3 {
  font-weight: 800;
}

.rightSidePhoto {
  z-index: 99;  
  position:absolute;
  display: block;
  right:40px;
  margin-top:-175px;
  height:300px;
  min-width:45%;
  max-width:500px;
  background-color:black;
  overflow: hidden;
}

.leftSidePhoto {
  z-index: 99;  
  position:relative;
  display: inline-block;
  margin-left:40px;
  margin-top:50px;
  height:200px;
  min-width:35%;
  max-width:500px;
}

.leftSidePhotoSmall {
  z-index: 99;  
  position:relative;
  display: inline-block;
  margin-left:40px;
  margin-top:50px;
  height:150px;
  min-width:35%;
  max-width:450px;
}

.yellowRow {
  width:100vw;
  padding:0px;
  margin:0px;
  margin-left:0px;
  padding-left:0px;
  min-height:300px;
  background:#ffc425;
  position:relative;
}

.blueRow {
  width:100vw;
  padding:0px;
  margin:0px;
  margin-left:0px;
  padding-left:0px;
  min-height:300px;
  background: #004990;
  position:relative;
}

.peIconBottom {
  position:absolute;
  max-width:300px;
  bottom:20px;
  right:40px;
  object-position: right;
}

.peIconLeft {
  max-width:300px;
  margin-top:20px;
}

.peIconBottomCenter {
  margin:auto;
  width:300px;
  display: block;
  max-width:300px;
  bottom:20px;
  clear:right;
}

.contactPhoto {
  position:absolute;
  bottom:0px;
  right:25px;
  max-width:750px;
}

.leftSideText p {
  font-weight:600;
}

.leftSideText h3 {
  font-weight:600;
}

/*---support---*/

.whiteSupportBox {
  width:400px;
  height:250px;
  border-radius: 12px;
  background: white;
  margin-left:150px;
  margin-top:50px;
  padding-top:0px;
  display:block;
  text-align: center;
  -webkit-box-shadow: -50px 40px 34px 17px rgba(0,0,0,0.25); 
  box-shadow: -50px 40px 34px 17px rgba(0,0,0,0.25);
}

.whiteSupportBoxIcon {
  width:50%;
  margin:auto;
}

.whiteSupportBox a {
  font-size:1.2em;
  font-weight:800;
  color: #004990;
}

/*---support docs ---*/

.centerDocs {
  width:90vw;
  margin:auto;
  display:block;
  margin-bottom:75px;
  margin-top:25px;
  margin-left:-50px;
}

.centerDocs a {
  color:white !important;
  text-decoration: none;
}

.centerDocs a:hover {
  text-decoration: underline;
}

.videoSupportButton {
  width:100px;
  margin:auto;
  margin-bottom:25px;
  align-content: center;
}

.videoSupportLink {
  margin:auto;
  background-color: rgba(205, 205, 205, 0.90);
  color:#004990;
  padding:10px 13px 10px 13px;
  border-radius: 8px;
  text-decoration: none;
}

.videoSupportLink:hover {
  text-decoration: none;
  background-color: rgba(205, 205, 205, 0.75);
}

.playButtonBox {
  width:100%;
  text-align: center;
}

.supportDocDiv {
  width:33%;
  vertical-align: top;
  padding:25px;
  text-align:center;
  color:white;
  display:inline-block;
  font-family: 'Montserrat', sans-serif;
  font-size:1em;
  line-height:1.55em;
  font-weight:400;
  }
  
  .supportVidDiv {
    width:33%;
    vertical-align: top;
    padding:25px;
    text-align:center;
    color:white;
    display:inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size:1em;
    line-height:1.55em;
    font-weight:400;
    }
    
    .supportVidDiv2 {
      width:23%;
      vertical-align: top;
      padding:25px;
      text-align:center;
      color:white;
      display:inline-block;
      font-family: 'Montserrat', sans-serif;
      font-size:1em;
      line-height:1.55em;
      font-weight:400;
      }
  
.supportDocDiv .docTitle {
  font-weight:600;
  font-size:1.25em;
  line-height: 2.25em;
  margin-top:20px;
  }
  
  .supportVidDiv .docTitle {
    font-weight:600;
    font-size:1.25em;
    line-height: 2.25em;
    margin-top:20px;
    }
    
    .supportVidDiv2 .docTitle {
      font-weight:600;
      font-size:1.25em;
      line-height: 2.25em;
      margin-top:20px;
      }

.supportDocDiv img {
  max-width:85%;
  -webkit-filter: drop-shadow(-25px 25px 10px #rgba(0,0,0,0.25));
  filter: drop-shadow(-25px 25px 10px rgba(0,0,0,0.25));
}

.supportVidDiv img {
  max-width:95%;
}

.supportVidDiv2 img {
  max-width:95%;
}

.supportVidDiv2 p {
  color:white !important;
}

.cornerPhonePopup {
  position:absolute;
  bottom:0;
  right:0;
  margin-top:25px;
  width:250px;
}

.cornerPhoneInfo {
  position:absolute;
  display: block; 
  bottom:0;
  right:0;
  color:white;
  width:350px;
  font-family: 'Montserrat', sans-serif;
  font-size:1.1em;
  line-height:1.55em;
  font-weight:600;
  text-align: right;
}

.cornerPhoneInfo img {
  margin-top:0px;
  max-height:425px;
}

.cornerPhoneInfo .cornerText {
margin-right:105px;
text-align: center;
width:325px;
padding:5px;
}

.centerText h1 {
  color:#004990 !important;
  font-weight: 800;
}

.centerTextWhite h1 {
  color:white !important;
  font-weight: 800;
}

.centerText p {
  color:#004990;
  font-weight: 400;
}

.supportBlueBox {
  margin:auto;
  display:block;
  position:relative;
  width:90vw;
  margin-bottom:50px;
}

.rightSidePhotoBig {
  z-index: 99; 
  display: inline-block;
  margin-left:3%;
  max-width:45%;
  max-height:400px;
  vertical-align: top;
  margin-top:40px;
}

/* contact page */

.contactLeft {
  width:45vw;display:inline-block;margin-top:50px;margin-left:25px;
}

.contactRight {
  width:40vw;display:inline-block;vertical-align: top;margin-top:50px;margin-left:25px;
}

.contactSquareSmall {
  width:260px;
  display: inline-block;
  vertical-align: middle;
  padding:10px;
  height:110px;
  margin-bottom:25px;
  margin-right:15px;
  background:white;
  border-radius: 8px;
  text-align: center;
  font-weight: 400;
  z-index:88;
}

.contactSquareSmall p {
  color:#004990 !important;
}

.contactSquare {
  width:260px;
  display: inline-block;
  vertical-align: top;
  padding:10px;
  min-height:275px;
  margin-bottom:25px;
  margin-right:15px;
  background:white;
  border-radius: 8px;
  text-align: center;
  font-weight: 400;
}

.contactSquare p {
  color:#004990 !important;
}

.contactSquareIcon {
width:50%;
max-width:200px;
}

.contactSquareHeader {
  white-space:pre;
  font-weight:600;
  color: #004990;
  font-size:1em;
}

.contactSquareHeader::before {
    content: "\A";
}

.contactSquareInfo {
  font-weight:400 !important;
}

.contactSquareLarge {
  width:75%;
  display: inline-block;
  margin:auto;
  padding:25px;
  text-align: center;
  vertical-align: top;
  min-height:200px;
  margin-bottom:25px;
  margin-right:25px;
  background:white;
  border-radius: 8px;
}

.peIconLeftBottom {
  margin-top:50px;
  max-width:250px;
  margin:auto;
  left:25px;
  bottom:25px;
  position:absolute;
}

.peIconLeftBottomContact {
  margin-top:50px;
  max-width:250px;
  margin:auto;
  left:25px;
  bottom:25px;
  position:absolute;
}

.contactBlueBottom {
  color:white;
  margin-top:25px;
  margin-left:25px;
  margin-bottom:40px;
}

.contactBlueBottom p {
  color:white;
  font-weight:400;
  margin-bottom:35px;
}

/* login modal */

.modal-content {
    border-radius: 0;
}

.modal-title {
    text-align: left;
    color: #003b71;
    font-weight: 900;
}

.modal-header {
    background-color:#f0feff;
    border: none;
}

.modal-body {
    padding-left: 25px;
    padding-right: 25px;
}

.modal-body p {
    font-size: 1.75rem;
    color: black;
}

.modal-welcome {
    margin-bottom: 1rem;
}

.login-support-link,
.login-support-link a {
    text-align: right;
    font-size: 1.5rem;
    padding-right: 8px;
}

.error-placement h3 {
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 0;
}

.error-placement {
    font-size: 1.25rem;
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: 15px;
    border-bottom: 2px solid #003b71;
}

.error-placement ul {
    padding: 5px 25px;
}

.modal-body-form {
    margin-bottom: 0;
    padding-bottom: 0;
}

.control-label {
    color: #003B71;
    font-size: 1.8rem;
    font-weight: 900;
}

.login-modal-links {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.modal-link, .modal-link:hover, .modal-link:focus {
    padding-left: 0;
    padding-right: 0;
    color: black;
    font-size: 1.5rem;
}

.login-button-group {
    margin: 0;
    text-align: center;
}

.modal-footer {
    border-top: 1px solid #003B71;
    padding: 25px;
}

/*---header---*/

header {
    background-color: #ffffff;
    /*
    background: #b89835 url(/images/oe3_header_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    */
    border-bottom: 16px solid #35617b;
}

    header .logo {
        display: inline-block;
        padding: 12px 75px;
        /*border-right: 2px solid rgba(255, 255, 255, 0.2);*/
    }

    header .language-group > a {
        font-size: 18px;
        text-decoration: underline;
        text-align: right;
        display: block;
        color: #ffa537;
    }

    header .language-group {
        padding-top: 14px;
    }

        header .language-group .languages li {
            display: block;
            float: left;
        }

            header .language-group .languages li a {
                font-size: 16px;
                color: #ffa537;
            }

                header .language-group .languages li a:after {
                    content: "|";
                    padding: 0 4px;
                }

            header .language-group .languages li:last-child a:after {
                content: "";
            }
img.img.img-responsive {
    display: inline-block;
    float: right;
}
/*---main----*/
.main {
    height: 100%;
    position: relative;
    min-height: 100%;
}

.main-section {
  position: relative;
  margin-top:85px;
  display:inline-block;
  width:100vw;
}
.main-section > .row{
	margin-left: 0;
}

.main-content {
    min-height: 740px;
	padding-top: 15px;
}

.pos-absolute {
    position: absolute;
}

.heading-title {
    font-size: 20px;
    color: #fff;
    padding: 8px 15px;
    background-color: #5f6062;
    margin-bottom: 20px;
}

.current-trust {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
}

select {
    outline: none;
    background-color: #f6f6f6;
    margin-bottom: 40px;
    color: rgba(80,80,80,0.6);
}

    select option {
        font-size: 14px;
    }

.main-content p {
    font-size: 18px;
    color: #5f6062;
    margin-bottom: 25px;
}

.box {
	border: 1px solid #35617b;
	background: #f6f6f6;
	word-wrap: break-word;
	margin-bottom:10px;
	padding:5px;
}


/*---footer----*/
footer {
    background-color: #35617b;
    width: 100%;
}

    footer .footer-group {
        width: 300px;
        margin: 0 auto;
        text-align: center;
    }

        footer .footer-group .footer-logo {
            padding: 25px 0;
            float: none !important;
        }

        footer .footer-group > p {
            font-size: 11px;
            color: rgba(255,255,255,0.5);
            float: none !important;
        }




/* Slideshow template content */
.home-content-container{
	padding:4px;
	background-color: #f6f6f6;
	border:1px solid #35617b;
	width:100%;
	overflow-wrap: break-word;
  word-wrap: break-word;
}
.home-content-left{
	padding:4px;
	border-right:1px solid #35617b;
	display:inline-block;
	width:31%;
	height:100%;
	vertical-align: top;
}
.home-content-right{
	display:inline-block;
	width:31%;
	height:100%;
	padding:4px;
	vertical-align: top;
}

/* ==========================================================================
  Sidebar
   ========================================================================== */
.nav li > a:hover,
.nav li > a:focus,
.nav .open > a {
	background-color: #1a2f3c !important;
	color: #b89835;
	text-decoration: none;
}
.nav li > a{
	width: 100%;
}


.nav-tabs > li.active > div > a,
.nav-tabs > li.active > div > a:hover,
.nav-tabs > li.active > div > a:focus {
	background-color: #1a2f3c !important;
	text-decoration: none;
}
.nav-pills > .active > a > .badge {
	background-color: #1a2f3c !important;
}

.sidebar {
    float: left;
    height: 100%;
    /*width: 360px;*/
    background-color: #1a2f3c;
    z-index: 2000;
}

.menu-group {
}

.menu-title {
    font-family: 'Arial';
    font-size: 22pt;
    color: white;
    background: url("../images/menu-toggle.png") no-repeat;
    background-position: 128px;
    padding-left: 20px;
    cursor: pointer;
}

.sidebar ul li {
    display: block;
}
.sidebar .menu-link-wrapper{
	width:100%;
}
ul.cms-menu-tier-1 > li > a > .menu-link-wrapper{
    margin: 4px 0 0 0 !important;
	border-top: 2px solid #8C8C8C;
    padding: 0 0 0 20px;
}
ul.cms-menu-tier-1 > li{
	/*border-bottom: 2px solid white;*/
}
ul.cms-menu-tier-2 > li > a > .menu-link-wrapper{
    padding: 4px 0 0 50px;
	background-color: #304058;
}
ul.cms-menu-tier-3 > li > a > .menu-link-wrapper{
    padding: 4px 0 0 80px;
	background-color: #485870;
}

    .sidebar ul li a {
		padding: 2px 0;
		font-family: 'Arial';
        font-size: 18pt;
        color: white;
    }

    .sidebar ul li .active {
        /*color: #ffa537;*/
        color: #b89835;
    }
.menu-side-toggle {
	position: absolute;
    /*float: right;
    right: -55px;*/
    top: 10px;
    font-size: 30px;
    z-index: 1;
    cursor: pointer;
    background-color: #1a2f3c;
    height: 120px;
    border-radius: 0 10px 10px 0;
    padding-top: 45px;
    display:none;
    left: 0px;
}
.line-small {
    width: 80px;
    height: 1px;
    margin: 25px 0;
}

.background-lightgrey {
    background-color: #a8acb0;
}

.color-lightgrey {
    color: #a8acb0;
}

.signout {
    display: block;
    width: 155px;
    line-height: 30px;
    color: #fff;
    background-color: #ffa537;
    margin-top: 25px;
    font-size: 16px;
    text-align: center;
    border-radius: 25px;
}

.sidebar .arrow {
    position: absolute;
    right: 10px;
    top: 36px;
    margin-top: -12px;
    font-size: 25px;
}




.member-login-spacer{
	background-color:white;
	height:20px;
	width:100%;
}
.member-login-box{
	color:white;
 	/*background-color: #1a2f3c;*/
	padding: 0 20px;
}
.member-login-box a {
	color:white;
}
.member-login-box a:hover{
	color: #b89835;
}
.member-login-button{
	/*
	background-image: url("/images/LoginButton.png");
	background-repeat: no-repeat;
	font-family: "Arial Bold";
	*/
	color: #000;
	font-size:20px;
	height:46px;
	padding: 6px;
	/*text-shadow:-1px 1px #ccc;*/
}
.member-login-button:a {
	text-decoration:none;
}


/* ==========================================================================
  Responsive
   ========================================================================== */
/*@media only screen and (max-width: 300px) {

    a.tablesaw-nav-btn.btn.btn-micro.left {
        left:-195px;
    }

    .tablesaw-advance.minimap {
        margin-right: -1.6em;
    }

    a.tablesaw-nav-btn.btn.btn-micro.right{
        right:-1px;
    }
}*/


@media only screen and (min-width: 768px) {
  
    .main .main-content {
    }

    .main .sidebar {
    }

        .main .sidebar .arrow {
            cursor: pointer;
        }

    .main.menu-closed .main-content {
        padding-left: 40px;
    }

    .main.menu-open .sidebar {
       /* width: 300px;*/
        margin-left: 0;
    }

    .main.menu-closed .sidebar {
        /* margin-left: -260px;*/
        overflow: hidden;
    }

    .main.menu-open .sidebar .arrow {
        transform: rotate(0deg);
    }

    .main.menu-closed .sidebar .arrow {
        transform: rotate(180deg);
    }

    footer .footer-group {
        width: 100%;
        text-align: left;
    }

        footer .footer-group .footer-logo {
            float: left !important;
        }

        footer .footer-group p {
            float: right !important;
            width: 300px;
            text-align: right;
            padding-top: 115px;
        }
}

@media only screen and (min-width: 992px) {
   .main.menu-open .sidebar {
       /* width: 360px;*/
        margin-left: 0;
    }

    .main.menu-closed .sidebar {
          /*margin-left: -320px;*/
    }

    footer .footer-group p {
        float: right !important;
        width: unset;
        text-align: right;
        padding-top: 125px;
    }
}


@media only screen and (max-width: 1600px) {
    .main-content {
        display: inline-block;
        padding-left: 0px;
        width:100%;
        padding:0px;
    }
}

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 992px) {
    .row {
        margin: 0;
    }

        .row > div {
            padding: 0;
        }

    .sidebar {
       /* width: 300px;*/
    }

    .menu-group {
        padding-left: 0px;
    }

    .menu-title {
        padding-left: 20px;
    }
    .sidebar {
        position: relative;
        width: 100%;
        padding-bottom: 0;
        overflow: hidden;
    }

        .sidebar .arrow {
            display: none !important;
        }

        .sidebar .menu-group {
        }

    .main.menu-open .sidebar .menu-group {
        padding-bottom: 20px;
    }

    .main.menu-closed .sidebar .menu-group {
        padding-bottom: 0;
        max-height: 0;
    }

    .menu-group {
        padding-bottom: 20px;
        padding-left: 0px;
    }

    .menu-title {
        margin-top: 15px;
        margin-bottom: 8px;
        padding-left: 35px;
        font-size: 18px;
        background-position: 10px !important;
        background-size: 14px 14px;
    }
    .sublist-items {
    }

    table {
        font-size: 14px;
    }

    .claim-table1-mobile {
        margin-bottom: 0;
    }

    .claim-table1 p {
        font-size: 14px;
    }

    .claim-table1-mobile p {
        padding-right: 15px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {

.topMenu .logo {
  width:200px;
  margin-top:30px;
  left:10px;    
  }
  
  .topMenu {
    height:100px;
  }
  
  .rightSidePhoto {
    display:block;
    height:auto;
    position:relative;
    margin-top: 0px;
    right:0px;
    width:100vw;
  }
  
  .peIconBottom {
    position: relative;
    display: block;
    bottom:35px;
    margin:auto;
    right:0;
    object-position: center;
    margin-top:-40px;
  }
  
  .slideRightText {
    position:relative;
    width:90%;
    padding:0px;
    margin:auto;
    right:0;
    text-align:center;
  }
  
  .newSlide {
    width:100vw;
    max-width:100vw !important;
  }
  
  .slideRightText .slideHeader {
    font-size:3.5em;
  }
  
  #jssor_1 {
    max-width:100vw;
  }
  
  .slideRightText .sliderMain {
  }
 
  .slideRightText .slideImg {
    overflow: hidden;
    object-position: center;
  }
  
  .slideRightText .slideText {
    font-size:1.5em;
  }
  
  .slideRightText .slideButton
  {
    display:inline-block;
    text-align:center;
    padding:8px 25px 8px 25px;
    font-size:1.25em;
    width:150px;
  }
  
  .leftSideTextBlue {
    width:90vw;
  }
  
  .leftSideTextWhite {
    width:90vw;
  }
  
  .mobileNav {display: inline-block;position:absolute;right:25px;top:40px;font-size:1.25em;}
  
  .navigation {
    display: none;
  }
  
  .navigationMobile {
    display:none;
    width:100vw;
    color:white;
    margin-left:0px;
    margin-bottom:-10px;
    right:0px;
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
  }
  
  .navigationMobile ul {
    display:inline-block;
    text-align:center;
  }
  
  .navigationMobile ul li .menuIcon {width:45px;display:inline-block;margin-right:10px;}
  
  .navigationMobile ul li span {font-size:1em;}
    
  .navigationMobile li {
    display: inline-block;
  }

.navigationMobile ul li .menuText {
  white-space:none;
}

.navigationMobile ul li {
  background: white;
  color:black;
  width:100vw;
  border-bottom:1px solid #ccc;
  padding:5px;
  display: flex;
  align-items: center;
  flex-direction: row;
  padding-left:25px;
  height:65px;
  z-index: 999;
  font-size:1.1em;
}

.supportBlueBox {
  width:90vw;
  margin-left:0px;
}


  .leftSideTextOpen {
    width:90vw;
    padding-bottom:25px;
    margin-bottom:20px;
  }
  
  .leftSideText {
    width:90vw;
    padding-bottom:25px;
    margin-bottom:20px;
    height:500px;
  }
  
  .rightSideText {
    width:85vw;
    padding-bottom:25px;
    margin-bottom:20px;
  }
  
  .rightSideTextWhite {
    width:85vw;
    padding-bottom:25px;
    margin-bottom:20px;
  }
  
  .whiteSupportBox {
    width:75vw;
    margin-left:5vw;
    height:200px;
  }
  
  .peIconLeft {
    margin-top:0px;
    max-width:85vw;
    margin:auto;
  }
  
  .contactPhoto {
    max-width:75vw;
    display: inline-block;
    position:relative;
    margin-left:20vw;
    margin-top:0px; 
  }
  
  .peIconLeftBottom {
    margin-top:25px;
    max-width:60vw;
    text-align: center;
    bottom:25px;
    left:0px;
    margin-left:20vw;
    margin-right:auto;
    display: inline-block;
    position:relative;
  }
  
  .contactLeft {
    width:100%;
    margin-left:-20px;
    margin-right:0px;
    padding:auto;
    text-align:center;
  }
  
  .contactRight {
    width:100%;
    margin-left:-20px;
    margin-top:0px;
    padding:auto;
    text-align: center;
    left:0px;
  }
 
 .contactSquare {
   width:75%;
   margin-right:0px;
 }
 
 .contactBlueBottom {
   width:100%;
   text-align: center;
   margin-left: 0px;
 }
 
  .contactSquareLarge {
    width:75%;
    margin-right: 0px;
    margin-top:0px;
    margin:auto;
  }
  
  .centerText {padding-left:0px;}
  .centerTextWhite {padding-left:-10px;}

  .centerTextWhite p {
    color:white !important;
  }
  
  .leftSideTextContactBlue {
    width:100%;
    margin-left:0px;
    padding:15px;
  }
  
  .leftSideTextWhite {
    height:auto;
    padding-bottom:20px;
    width:100%;
  }
  
  .rightSidePhotoBig {
    width:100vw;
    max-width:100vw;
    display: block;
    margin:auto;
    padding:0px;
    text-align: center;
  }
  
  .rightSidePhotoBig img {
    width:100%;
  }
  
  .supportVidDiv {
    width:90vw;
    display: block;
    margin-left:-10px;
  }
  
  .supportVidDiv2 {
    width:90vw;
    display: block;
    margin-left:0px;
  }
  
  .supportDocDiv {
    width:90vw;
    display: block;
    margin-left:-10px;
  }

    .row {
        margin: 0;
    }

        .row > div {
            padding: 0;
        }

    header .logo {
        padding-right: 30px;
        padding-left: 15px;
    }

        header .logo img {
            width: 250px;
        }

    header .language-group > a {
        font-size: 14px;
    }

    header .language-group .languages li a {
        font-size: 10px;
    }

    header .language-group {
        padding-top: 20px;
    }

        header .language-group .languages li a:after {
            padding: 0 2px;
        }



    .signout {
        width: 110px;
        line-height: 22px;
        border-radius: 15px;
        margin-left: 0;
    }

    .line-small {
        margin: 15px 0;
    }

    .main-content {
        width: 100%;
        margin-left: 0;
        margin-top: 25px;
    }

        .main-content p {
            font-size: 16px;
            margin-bottom: 15px;
        }

    .heading-title {
        font-size: 16px;
    }

    .current-trust {
        font-size: 16px;
    }

    select option {
        font-size: 16px;
    }

    select {
        font-size: 16px;
    }

    .login-form {
        width: 100%;
        padding: 0 15px;
    }

    .group-page-title .btn-form {
        float: none;
        margin: 30px 0;
    }

    .tablesaw-advance-dots li i {
        width: 8px;
        height: 8px;
        background: #dfdfe0;
    }

    .group-page-title .text-center {
        text-align: left;
    }
    /*
    footer{ position: relative; height: 100%; float:left!important; }
    footer .footer-group{padding-left: 0;  width: 100%; float:none;}
    footer .footer-group .footer-logo{width: 40%; padding-left: 0;}
    footer .footer-group >p {margin-left: 0; padding-left: 40px;  padding-top: 50px; width: 60%;}
    */

    .error-placement h3, .error-placement p {
        padding: 15px;
    }
    /*----Pension----*/
    .pension-table th {
        font-size: 15px;
    }

    .pension-table td {
        font-size: 15px;
    }


    /*---Claim details---*/
    table {
        font-size: 14px;
    }

    .claim-table1-mobile {
        margin-bottom: 0;
    }

    .claim-table1 p {
        font-size: 14px;
    }

    .claim-table1-mobile p {
        padding-right: 15px;
        font-size: 14px;
    }
}

/* Google Custom Search Engine Bar */
.gsc-control-cse{
	background-color: transparent !important;
	border: none !important;
}
.gsc-search-button{
	width:72px !important;
	height:auto !important;
}
.gsib_a{
	padding:0px !important;
}
td.gsc-input{
	padding-top:2px !important;
}

/* Print styling */
@media print{
	.sidebar{
		display:none;
	}
	.hide-on-print{
		display:none;
	}
	a[href]:after {
		content: "" !important;
	}
}

.slidediv {
	display:none;
}
.tblhdng {
	background-color: #35617b;
	color:#fff;
	margin-bottom: 1px;
}
.tbldata {
	margin-bottom: 1px;
}

footer a {
	color: #fff;
	text-decoration: underline;
}
footer a:hover {
	color: #ccc;
	text-decoration: none;
}