@import url('foundation.min.css');

@font-face {
  font-family: "Montserrat Normal";
  src:url("Montserrat/Montserrat-Regular.ttf");
  src:url("Montserrat/Montserrat-Regular.ttf") format("truetype"),
      url("Montserrat/Montserrat-Medium.ttf") format("truetype"),
      url("Montserrat/Montserrat-Light.ttf") format("truetype"),
      url("Montserrat/Montserrat-Thin.ttf") format("truetype"),
      url("Montserrat/Montserrat-Italic.ttf") format("truetype"),
      url("Montserrat/Montserrat-MediumItalic.ttf") format("truetype"),
      url("Montserrat/Montserrat-LightItalic.ttf") format("truetype"),
      url("Montserrat/Montserrat-ThinItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat SemiBold";
  src:url("Montserrat/Montserrat-SemiBold.ttf");
  src:url("Montserrat/Montserrat-SemiBold.ttf") format("truetype"),
      url("Montserrat/Montserrat-SemiBoldItalic.ttf") format("truetype"),
}

@font-face {
  font-family: "Montserrat Bold";
  src:url("Montserrat/Montserrat-Bold.ttf");
  src:url("Montserrat/Montserrat-Bold.ttf") format("truetype"),
      url("Montserrat/Montserrat-BoldItalic.ttf") format("truetype"),
      url("Montserrat/Montserrat-Black.ttf") format("truetype"),
      url("Montserrat/Montserrat-BlackItalic.ttf") format("truetype");
}

html, body {
  background: #fff;
}

html, body, p, span, ul, ol, button {
  font-family: 'Montserrat', sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat SemiBold', sans-serif !important;
}

p:not(.greyFontColor), span, ul, ol, button, dl {
  font-size: 15px !important;
}

.footer p {
  font-size: .706rem !important;
}

h2 {
  font-family: 'Montserrat SemiBold', sans-serif !important;
}

h3, .h3 {
  font-family: 'Montserrat', sans-serif !important;
  margin-bottom: 1.176rem;
  font-size: 2.25rem;
}

.renewalOrderList:nth-child(n+2) .bestvalue.button {
  display: none;
}

.publicationImg img {
  width: 120px !important;
  padding-right: 25px !important;
}

.splitList{
  width: 75%;
}

.subGlance {
  width: 100%;
}

.splitList, .subGlance {
  display: inline-block;
}

.splitList dt, .splitList dd, .subGlance dt, .subGlance dd {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

.subGlance dt, .subGlance dd {
  line-height: 40px;
}

.subListBox {
  padding: 20px;
  border: 3px solid #D7D7D7;
}

.subListBox.lapsed_cancelled {
  background: #F4F4F4;
}

.viewSub_btn {
  display: block;
  width: 35%;
  margin-bottom: 20px !important;
  text-transform: uppercase;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  
  p:not(.greyFontColor),
  span,
  ul,
  ol,
  button,
  dl {
    font-size: 17px !important;
  }
  .header h2 {
    margin-top: .5em;
    font-size: 1rem;
  }
  
  .carousel {
    overflow: hidden;
  }
  
  .carousel img {
    height: 150px;
    min-width: none;
    width: auto;
  }

  .splitList {
    width: 64%;
  }

  .publicationImg img {
    width: 100px !important;
    padding-right: 10px !important;
  }
  
  .subListBox {
    padding: 9px 9px 15px;
  }
  
  .viewSub_btn {
    width: 50%;
  }

}

@media screen and (min-width: 768px) {
  .header h2 {
    font-size: 2.9375rem;
    line-height: 1;
    letter-spacing: .01em;
    margin: 1em 0;
  }
}

.content {
  padding: 2rem 0;
}

.content p {
  margin-bottom: 1.176rem;
  font-size: 1rem;
}

.content table {
  border-collapse: collapse;
}

.content td {
  vertical-align: middle;
}

.content td input {
  position: relative;
  top: .25rem;
}

.content .tabs {
  border-width: 0 0 1px 0;
  border-color: #45515c;
}

.content .tabs .tabs-title {
  background: #f2f2f2;
}

.content .tabs .tabs-title a {
  color: #000;
  height: 3.4375rem;
  white-space: nowrap;
  transition: all 200ms;
}

.content .tabs .tabs-title a:hover {
  border-bottom: 4px solid #45515c;
  transition: all 200ms;
}

.content .tabs .tabs-title.is-active a:hover {
  border: none;
}

.content .tabs .tabs-title.is-active {
  background: #45515c;
}

.content .tabs .tabs-title.is-active a {
  color: #fff;
}

.content .tabs-title a {
  font-size: .9375rem;
  text-transform: uppercase;
  font-family: 'Montserrat SemiBold', sans-serif;
}

.content .tabs-title > a:focus, .content .tabs-title > a[aria-selected=true] {
  background: #45515c;
  color: #fff;
}

.content .tabs-content {
  border: none;
}

.content .tabs-panel {
  padding: 1rem 0 0 0;
}

.menu-toggle {
  border-bottom: 1px solid #c1c1c1;
}

#menu-toggle {
  padding: .5rem;
  display: block;
}

#menu-toggle img {
  width: 2rem;
}

.nav {
  background: #D9D9D9;
}

.nav:after {
  clear: both;
}

.nav .nav_menu {
  float: left;
  border-right: 0px solid #ccc !important;
  line-height: 3.75rem;
  font-size: .9375rem;
  margin: 0;
  padding: 0;
}

.nav .nav_menu-right {
  float: right;
}

.nav .nav_menu li {
  list-style-type: none;
  display: block;
  float: left;
  border-left: 0px solid #c1c1c1 !important;
}

.nav .nav_menu li.is-active {
  background: #fff;
}

.nav .nav_menu li a {
  white-space: nowrap;
  transition: all 200ms;
  text-align: center;
  height: 3.75rem;
  display: block;
  text-transform: uppercase;
  font-family: 'Montserrat SemiBold', sans-serif;
  line-height: 3.75rem;
  padding: 0 1rem;
}

#navbar-toggler {
  display: none;
}

.tabs-title>a[aria-selected=true] {
  background: #D9D9D9 !important;
}
.nav .nav_menu li a:hover, .tabs-title>a[aria-selected=true]:hover {
 /* color: #45515c;
  border-bottom: 4px solid #45515c;
  transition: all 200ms; */
  background: #EFEBEB !important;
  color: initial;
}

label, h3, h4, a {
  color: #000;
}

.header, .footer, .header *, .footer * {
  color: #fff;
  background: #45515c;
}

.social-share {
  background: #f5f5f5;
  padding: 1.25rem;
  height: 1rem;
  box-sizing: content-box;
}

.footer {
  padding-top: 1.176rem;
  padding-bottom: 1.176rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .nav .nav_menu {
    float: none;
    border: none;
    line-height: 3.75rem;
    font-size: .9375rem;
    margin: 0;
    padding: 0;
    display: none;
  }
  
  .nav .nav_menu-right {
    float: none;
  }
  
  .nav .nav_menu li {
    list-style-type: none;
    display: list-item;
    float: none;
    border: none;
  }
  
  .nav .nav_menu li.is-active {
    background: #fff;
  }
  
  .nav .nav_menu li a {
    white-space: normal;
    transition: all 200ms;
    text-align: center;
    height: 3.75rem;
    display: block;
    text-transform: uppercase;
    font-family: 'Montserrat SemiBold', sans-serif;
    line-height: 3.75rem;
    padding: 0 1rem;
    border-bottom: 1px solid #c1c1c1;
  }

  #navbar-toggler {
    display: block;
  }
  
 /* .nav .nav_menu li a:hover {
    color: #45515c;
    border-bottom: 4px solid #45515c;
    background: #fff;
    transition: all 200ms;
  }*/
  
  .footer {
    padding-top: 0;
  }
  
  .footer .nav_menu {
    margin: 20px;
    border-top: 0px solid #fff;
    width: 93% !important;
  }
  
  .footer .nav_menu li {
    display: list-item;
    margin: 0;
    list-style: none;
  }
  
  .footer a {
    color: #fff;
    text-transform: uppercase;
    font-size: .875rem;
    display: contents;
    font-family: 'Montserrat SemiBold', sans-serif;
    text-align: left;
    padding: 1rem;
    border-bottom: 1px solid #fff;
  }
  
  .footer p {
    margin-top: 1.176rem;
    margin-bottom: 0;
    font-size: .706rem;
    text-align: center;
  }

  .footer .show-for-large {
    position: absolute;
    right: 1px;
    bottom: 100px;
    display: block !important;
  }
}

@media screen and (min-width: 768px) {
  .nav .nav_menu {
    float: left;
    border-right: 0px solid #ccc !important;
    line-height: 3.75rem;
    font-size: .9375rem;
    margin: 0;
    padding: 0;
  }
  
  .nav .nav_menu-right {
    float: right;
  }
  
  .nav .nav_menu li {
    list-style-type: none;
    display: block;
    float: left;
    border-left: 0px solid #c1c1c1 !important;
  }
  
  .nav .nav_menu li.is-active {
    background: #fff;
  }
  
  .nav .nav_menu li a {
    white-space: nowrap;
    transition: all 200ms;
    text-align: center;
    height: 3.75rem;
    display: block;
    text-transform: uppercase;
    font-family: 'Montserrat SemiBold', sans-serif;
    line-height: 3.75rem;
    padding: 0 1rem;
  }
  
  .nav .nav_menu li a:hover,
  .tabs-title>a[aria-selected=true]:hover {
  /*  color: #45515c;
    transition: all 200ms;
    border-bottom: 4px solid #45515c; */
    background: #EFEBEB !important;
    color: initial;
  }
  
  .footer .nav_menu {
    margin-bottom: .588rem;
  }
  
  .footer .nav_menu li {
    margin-left: 1.471rem;
    display: inline-block;
    margin-bottom: .588rem;
    list-style: none;
  }
  
  .footer .nav_menu li:first-child {
    margin-left: 0;
  }
  
  .footer a {
    color: #fff;
    text-transform: uppercase;
    font-size: .875rem;
    display: block;
    font-family: 'Montserrat SemiBold', sans-serif;
  }
  
  .footer p {
    margin-top: 1.176rem;
    margin-bottom: 0;
    font-size: .706rem;
    text-align: right;
  }

  .renewalOrderList:nth-child(2) {
    order: 1;
  }

  .renewalOrderList:nth-child(1) {
    order: 2;
  }

  .renewalOrderList:nth-child(3) {
    order: 3;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .header h2 {
    line-height: 1.1;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .header h2 {
    font-size: 2.9375rem;
  }
  
  .nav .nav_menu {
    font-size: .75rem;
  }
  
  .nav .nav_menu a {
    padding: .75rem 0;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  .header h2 {
    font-size: 2.25rem;
  }
}

.content ul:before, .content ul:after, .nav:before, .nav:after {
  content: "";
  display: table;
}