/* Header Styles for DQ applicant login and DQ resubmit */
.applicant-login-logo a.logo-holder {
  float: none;
  width: 310px;
  margin-left: 0;
  margin-right: 0;
}
.applicant-login-logo {
  text-align: center;
}
.login-image-wrapper {
  position: relative;
  float: right;
  margin: 20px 50px 0 0;
}
.login-image-holder {
  position: relative;
  cursor: pointer;
  float: right;
}
.login-image-holder img {
  width: 32px;
  height: 32px;
}
.login-image-holder span {
  display: block;
  width: 8px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  position: absolute;
  left: 40px;
  top: 10px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.login-name-holder {
  min-width: 200px;
  height: auto;
  background: #fff;
  -moz-box-shadow: 1px 1px 4px 1px #888886;
  -webkit-box-shadow: 1px 1px 4px 1px #888886;
  box-shadow: 1px 1px 4px 1px #888886;
  position: absolute;
  margin-top: 45px;
  right: -41px;
  z-index: 999999;
  display: none;
}
.login-name-holder h3 {
  font-size: 18px;
  line-height: 22px;
}
.login-name-holder > div {
  border-bottom: 2px solid #d7d7d7;
  padding: 10px 15px;
}
.login-name-holder > div:last-child {
  border-bottom: none;
}
.login-name-holder::before {
  border-color: transparent transparent #fff;
  border-style: solid;
  border-width: 10px;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 20px;
  bottom: 100%;
}
.login-name-holder .user-name h3 {
  margin-bottom: 0;
}
.login-name-holder .log-out a {
  text-transform: uppercase;
}
#login-mask {
  background: transparent none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0.8;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  display: none;
}
/* ad choice */
.ad-choice-bar {
  background: #d6d6d6;
  width: 100%;
  height: 22px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9990;
  display: none;
}
.ad-choice-body {
  position: relative;
  text-align: right;
  right: 24px;
}
.ad-choice-body span a {
  color: #000000;
  font-size: 13px;
  font-weight: 400;
}
.footer-adchoice-container span a {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
}
.ad-choice-body span a:hover,
.footer-adchoice-container span a:hover {
  text-decoration: none;
}
.ad-choice-body span {
  margin-right: 2px;
}

@media only screen and (min-width: 1050px) {
  .ad-choice-body {
    right: 44px;
  }
}
@media only screen and (max-width: 480px) {
  .ad-choice-body {
    right: 10px;
  }
}

/* Menu modal styles*/
.modal {
  z-index: 99999999;
}
.modal-backdrop.in {
  opacity: 0.6;
}
.menu-modal .modal-dialog {
  background: #fff none repeat scroll 0 0;
  height: auto;
  margin: 0 auto;
  opacity: 1;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.modal-content {
  border: medium none;
  border-radius: 0;
  box-shadow: none;
}
.modal-header {
  border-bottom: medium none;
  min-height: 50px;
}
.modal-body {
  padding: 0px;
}
.login-member-holder {
  background: #354447 none repeat scroll 0 0;
  padding: 20px;
}
.login-member-holder a {
  display: block;
  font-family: "Open Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 0;
  outline: 0 none;
  padding: 20px 0;
  text-decoration: none;
}
.login-member-holder a:first-child {
  padding-top: 10px;
}
.login-member-holder a:last-child {
  padding-bottom: 10px;
}
.login-member-holder a.login-text {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}
.login-member-holder a.member-text {
  color: #ea8806;
  font-weight: 600;
  text-transform: uppercase;
}
.login-links-holder {
  background: #fff none repeat scroll 0 0;
  padding: 20px;
  position: relative;
}
.login-links-holder ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.login-links-holder ul li a {
  color: #666;
  display: inline-block;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 0;
  outline: 0 none;
  padding: 20px 0;
  text-decoration: none;
}
.login-links-holder ul li a:hover,
.login-member-holder a:hover {
  text-decoration: underline;
}
.login-links-holder ul li:first-child a {
  padding-top: 10px;
}
.login-links-holder ul li:last-child a {
  padding-bottom: 10px;
}
.modal-body .close {
  height: 24px;
  opacity: 1;
  position: absolute;
  right: 25px;
  top: 25px;
  width: 24px;
}
.modal-dialog .content {
  width: 100%;
}

.modal-body .close-white {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  cursor: pointer;
  opacity: 1;
  padding: 0;
  display: block;
  height: 24px;
  opacity: 1;
  position: absolute;
  right: 25px;
  top: 20px;
  width: 24px;
  z-index: 999;
}
.modal-body .close-white::after,
.modal-body .close-white::before {
  background: #858585 none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 0;
  right: 0;
  position: absolute;
  top: 10px;
  width: 30px;
}
.modal-body .close-white::before {
  -webkit-transform: rotate(133deg);
  -moz-transform: rotate(133deg);
  -ms-transform: rotate(133deg);
  -o-transform: rotate(133deg);
  transform: rotate(133deg);
}
.modal-body .close-white::after {
  -webkit-transform: rotate(-133deg);
  -moz-transform: rotate(-133deg);
  -ms-transform: rotate(-133deg);
  -o-transform: rotate(-133deg);
  transform: rotate(-133deg);
}
.modal-body .close-white::after {
  color: #fff;
  font-size: 65px;
}

.aem-AuthorLayer-Preview .modal.menu-modal {
  position: relative;
}

@media only screen and (min-width: 520px) {
  .modal.menu-modal {
    text-align: center;
  }
  .modal.menu-modal:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; /* Adjusts for spacing */
  }
  .menu-modal .modal-dialog {
    width: 500px;
    display: inline-block;
    vertical-align: middle;
  }
  .login-member-holder,
  .login-links-holder ul {
    padding: 30px;
  }
  .login-links-holder ul li,
  .login-member-holder p {
    text-align: left;
  }
  .login-links-holder {
    padding: 0px;
  }
}
@media only screen and (min-width: 720px) {
  .menu-modal .modal-dialog {
    width: 600px;
  }
  .login-member-holder,
  .login-links-holder ul {
    padding: 50px;
  }
  .login-links-holder ul {
    padding-bottom: 30px;
  }
  .login-member-holder {
    padding-top: 30px;
  }
  .login-links-holder ul li a,
  .login-member-holder a {
    padding: 25px 0;
  }
  .login-links-holder ul li:first-child a {
    padding-top: 0px;
  }
  .login-links-holder ul li:last-child a {
    padding-bottom: 0px;
  }
  .login-links-holder ul li a,
  .login-member-holder a {
    font-size: 21px;
  }
  .modal-body .close-white {
    height: 44px;
    right: 26px;
    top: 20px;
    width: 43px;
  }
  .modal-body .close-white::after,
  .modal-body .close-white::before {
    height: 2px;
    left: 0;
    position: absolute;
    top: 23px;
    width: 47px;
  }
}
@media only screen and (min-width: 1050px) {
  .menu-modal .modal-dialog {
    width: 600px;
  }
}

section.image-text-container {
  text-align: center;
  margin: 0 auto;
  padding: 40px 0;
  position: relative;
  overflow: hidden;
}
.image-text-wrapper {
  width: 90%;
  margin: 0 auto;
}
.image-wrapper {
  height: auto;
  margin: 0 auto;
  width: 75%;
}

.green-button {
  margin-left: 0px;
  /*width: 100%;*/
}

.text-wrapper {
  margin: 25px 0 0 0;
  text-align: center;
}

.text-wrapper ul {
  margin: 0px;
  padding-left: 15px;
}
.text-wrapper ul li {
  text-indent: -1em;
  text-align: left;
}
.text-wrapper ul li > ul {
  margin: 0px;
  list-style-type: disc;
  padding-left: 20px;
}

.text-wrapper .h2-heading {
  text-align: center;
}

/*.h2-heading-white,*/
.text-wrapper ul li,
.text-wrapper ul li p {
  color: #58595b;
  margin-bottom: 10px;
}

.text-wrapper ul li p .text-link {
  color: #10bf73;
}
.text-wrapper p {
  margin-bottom: 0;
}

.text-top-holder-program .h5-heading-white {
  color: #fff;
}

.text-wrapper ul li p {
  margin-top: 15px;
  text-align: left;
  /*color: #fff;*/
}

.text-wrapper h2 {
  margin: 0;
  padding: 0;
}

.p-body-strong {
  color: #fff;
  display: block;
  /*text-align: center;*/
  margin-top: 30px;
}

span.embed-img {
  display: block;
  text-align: center;
}
.image-background-text-top-container .embed-img img:first-child {
  margin: 0 auto 25px;
}

.image-background-text-top-container span.embed-img img,
.image-background-text-top-container img.embed-img {
  min-width: 0;
  display: block;
  width: 240px;
  height: auto;
  margin: 0 auto;
}

.text-top-holder-program .h1-heading-white {
  /*width: 70%;*/
  display: block;
  text-align: center;
}

.text-top-holder-program .h1-heading-white,
.text-top-holder-program .p-body-white {
  color: #fff;
}

section.image-background-text-top-container p {
  max-width: none;
  width: 100%;
}

@media only screen and (min-width: 520px) {
  .text-wrapper {
    width: 90%;
    padding-left: 10px;
    text-align: center;
  }

  .image-wrapper {
    width: 45%;
  }

  .text-wrapper,
  .image-wrapper {
    display: inline-block;
    vertical-align: top;
  }

  .h2-heading-white {
    padding: 0;
  }

  .p {
    text-align: left;
  }

  .text-wrapper .green-button {
    text-align: center;
  }

  .text-wrapper h2 {
    margin: 0px 0 20px;
  }
  .image-background-text-top-container span.embed-img img,
  .image-background-text-top-container img.embed-img {
    display: inline-block;
    width: 46%;
    max-width: 240px;
  }
  .image-background-text-top-container .embed-img img:first-child {
    margin: 0 25px 0 0;
  }
}

@media only screen and (min-width: 720px) {
  .text-wrapper,
  .image-wrapper {
    vertical-align: middle;
  }
  .image-wrapper {
    width: 25%;
  }

  .h2-heading-white {
    padding: 0px;
  }

  .green-button {
    /* margin-left: 20px;*/
    /*width: 200px;*/
  }
  .text-wrapper {
    width: 70%;
    margin-top: 25px;
    text-align: left;
  }

  .image-wrapper {
    /* margin-top: 100px;*/
  }
  .text-wrapper {
    margin-top: 0;
  }
  .text-holder {
    margin-top: 25px;
    text-align: left;
  }

  .text-wrapper .h2-heading,
  .text-holder p {
    text-align: left;
  }

  .text-wrapper a {
    text-align: center;
  }

  .text-top-holder-program .h1-heading-white {
    margin: 0;
    text-align: inherit;
  }
  .image-background-text-top-container span.embed-img img,
  .image-background-text-top-container img.embed-img {
    display: block;
    margin: 0;
  }
  .image-background-text-top-container .embed-img img:first-child {
    margin: 0 0 25px 0;
  }
}

@media only screen and (min-width: 1050px) {
  section.image-text-container {
    /* height: 500px; */
    padding: 70px 0;
  }
  .image-text-wrapper {
    width: 1000px;
    margin: 0 auto;
  }
  .image-text-container .content {
    height: inherit;
  }
  /*.image-wrapper {
    margin-top:20px;
    }*/
  .image-text-container img {
    height: auto;
  }

  /*.h2-heading-white {
    font-size: 50px;
    line-height: 65px;
  }*/

  .image-text-container {
    text-align: left;
    margin: 0 auto;
    padding: 70px 0;
    /*padding-left:30px;*/
    width: 100%;
  }

  .image-background-text-top-container span.embed-img img,
  .image-background-text-top-container img.embed-img {
    display: inline-block;
    margin: 0;
  }
  span.embed-img {
    text-align: inherit;
  }
  .image-background-text-top-container .embed-img img:first-child {
    margin: 0 25px 0 0;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .text-wrapper ul {
    margin-left: 5px;
  }
  .text-wrapper ul li {
    text-indent: 0;
    list-style-position: outside;
  }
}

/* typeahead styles */
.typeahead.dropdown-menu > li > a {
  padding-left: 10px;
}

.typeahead.dropdown-menu > .active > a,
.typeahead.dropdown-menu > .active > a:hover,
.typeahead.dropdown-menu > .active > a:focus {
  background: #354447;
  background-image: none;
  color: #fff;
  padding-left: 9px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.typeahead {
  background-color: #ffffff;
}
.typeahead:focus {
  border: 0;
}
.tt-query {
  box-shadow: none;
}
.tt-hint {
  color: #999999;
}
.typeahead.dropdown-menu {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  box-shadow: 0;
  margin-top: 3px;
  padding: 8px 0;
  min-width: 290px;
  height: auto;
  max-height: 115px;
  overflow-y: scroll;
}
.tt-suggestion {
  font-size: 24px;
  line-height: 24px;
  padding: 3px 20px;
}
.tt-suggestion.tt-is-under-cursor {
  background-color: #354447;
  color: #ffffff;
}
.tt-suggestion p {
  margin: 0;
  text-align: left;
  padding-left: 0;
  font-size: 15px;
}
.input-holder {
  position: relative;
  width: 290px;
  margin: 0 auto;
}
.search-input-area {
  line-height: 21px;
}
.location-delete {
  display: none;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 15px;
  bottom: 16px;
  cursor: pointer;
}

@media only screen and (min-width: 520px) {
  .location-delete {
    right: 20px;
  }
  .input-holder {
    width: calc();
  }
  .university-business-wrapper .search-input-area,
  .university-business-wrapper ul.dropdown-menu {
    width: 100%;
  }
}
@media only screen and (min-width: 720px) {
  .input-holder {
    display: inline-block;
    /* margin: 0 0 0 10%;*/
    position: relative;
    width: 430px;
    margin-right: 10px;
    vertical-align: top;
    width: auto;
  }
}
@media only screen and (min-width: 1050px) {
  .input-holder {
    /*margin-left:20%;*/
  }
}

/* University Business wrapper */
.input-holder .glyphicon-search {
  color: #00a162;
  font-size: 20px;
  line-height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  border-left: 2px solid #e4e4e4;
}
.programsearch section.university-business-wrapper {
  padding: 40px 0 40px;
  background: #354447;
  height: auto;
}
.university-business {
  text-align: inherit;
  color: #fff;
}
.university-business h2 {
  color: #fff;
}
.university-business h2 span {
  display: block;
}
.university-business p {
  margin: 5px auto;
  color: #fff;
  padding: 0 15px;
}
.input-holder {
  position: relative;
}
.university-business {
  padding: 0 12px;
}
.uni-controls {
  text-align: center;
}
.uni-controls .input-holder {
  margin-top: 25px;
  text-align: center;
  width: 100%;
  display: inline-block;
}
.program-search-section .uni-controls .input-holder {
  width: 95%;
}
.uni-controls a.search-btn {
  min-width: 290px;
  margin: 25px auto 0;
  text-align: center;
  display: table;
}
.programsearch .university-business .uni-controls a.search-btn {
  top: 0;
}
.programsearch .university-business-wrapper.with-padding {
  padding-top: 75px;
}
.programsearch .h2-heading-white,
.programsearch .h1-heading-white,
.programsearch .search-text-holder p {
  text-align: inherit;
}
.programsearch .p-body,
.programsearch .search-text-holder .p-body {
  text-align: center;
}

.location-delete::after {
  content: "\D7";
}
.location-delete {
  color: #c9c9c9;
  font-size: 37px;
  font-weight: 100;
  bottom: 35px !important;
}
.location-delete:hover {
  color: #a1a1a1;
}
.university-business-wrapper .uni-controls .input-holder input,
.search-text-holder .uni-controls .input-holder input {
  width: 83%;
  border: 0;
  border-radius: 0;
  line-height: 22px;
  padding-top: 14px;
  padding-bottom: 14px;
  display: inline-block;
  vertical-align: top;
}
.program-search-section
  .university-business-wrapper
  .uni-controls
  .input-holder
  input {
  width: 81%;
}
.university-business-wrapper .location-delete,
.program-search-section .location-delete {
  right: 65px;
}
@media only screen and (min-width: 400px) {
  .program-search-section .uni-controls .input-holder input {
    width: 88%;
  }
}
@media only screen and (min-width: 520px) {
  .university-business-wrapper .location-delete {
    right: 85px;
  }
  .input-holder .glyphicon-search {
    right: 20px;
  }
  .program-search-section .uni-controls .input-holder input {
    width: 85%;
  }
  .university-business-wrapper .location-delete,
  .program-search-section .location-delete {
    right: 90px;
  }
}
@media only screen and (min-width: 720px) {
  .university-business h2 span {
    display: inline;
  }
  .university-business p {
    width: 650px;
    margin-bottom: 0px;
  }
  .university-business input {
    width: 403px;
    height: 50px;
    line-height: 27px;
  }
  .uni-controls {
    text-align: center;
  }
  .uni-controls .input-holder {
    text-align: center;
    width: 600px;
    margin-right: 0;
    float: none;
  }
  .uni-controls a.search-btn {
    min-width: 200px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
  }
  .programsearchicon {
    margin: 0 0 0 -4px;
  }
  .university-business-wrapper .uni-controls .input-holder input,
  .search-text-holder .uni-controls .input-holder input {
    width: 83%;
  }

  .program-search-section .uni-controls .input-holder {
    width: 600px;
  }
  .program-search-section .uni-controls .input-holder input {
    width: 85%;
  }
}
@media only screen and (min-width: 1050px) {
  .programsearch section.university-business-wrapper {
    padding: 70px 0;
  }
  .university-business {
    max-width: 1000px;
    margin: 0 auto;
  }
  .university-business p {
    width: 800px;
  }
  .university-business h2 {
    padding: 0 20px;
  }
}
/* University Business wrapper style ends here*/

.ui-autocomplete-input {
  padding-right: 40px !important;
}
.ui-autocomplete {
  background-color: #ffffff;
  border-radius: 0 !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 8px 0 !important;
  max-height: 155px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 5px 15px !important;
  line-height: 1.5;
  zoom: 1;
  font-size: 16px;
  font-weight: normal;
  border-radius: 0;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  background: #354447;
  background-image: none;
  color: #fff;
  padding-left: 15px !important;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-top: 1px solid #354447;
  border-bottom: 1px solid #354447;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

section.program-search-section {
  position: relative;
  overflow: hidden;
  height: 500px;
}
.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99;
}
.program-search-section img.search-bg {
  height: 500px;
  min-width: 100%;
  max-width: none;
  background-position: 30% 70%;
  display: none;
}
.search-text-holder {
  position: absolute;
  top: 40px;
  margin: 0 auto;
  right: 0;
  left: 0;
}
.search-text-holder h1 {
  color: #fff;
  padding-bottom: 5px;
  text-align: center;
}
.search-text-holder p {
  color: #fff;
  padding: 5px 20px 0 20px;
  text-align: center;
}

.search-input-area {
  line-height: 21px;
}

.program-search-form ul.dropdown-menu {
  /*width:430px;*/
}
.program-search-form input[type="text"],
.programsearch input[type="text"] {
  height: 50px !important;
  line-height: normal;
}
@media only screen and (min-width: 520px) {
  .program-search-form .search-input-area,
  .program-search-form ul.dropdown-menu {
    width: 100%;
  }
  .search-text-holder h1 {
    padding: 0 8px;
  }
}
@media only screen and (min-width: 720px) {
  .search-text-holder p {
    padding: 0 20px;
  }
  .program-search-form .search-input-area,
  .program-search-form ul.dropdown-menu {
    width: 100%;
  }
  .program-search-form input[type="text"],
  .programsearch input[type="text"] {
    width: 430px;
  }
}
@media only screen and (min-width: 1050px) {
  section.program-search-section {
    height: 500px;
  }
  .program-search-section img.search-bg {
    height: auto;
    max-width: 100%;
  }
  .search-text-holder {
    top: 70px;
    width: 1000px;
  }
  .search-text-holder h1 {
    padding-bottom: 15px;
  }
}

/* CUSTOMIZE THE CAROUSEL */
.carousel {
  padding: 0 !important;
}

body:has(.main-navigation-container) .carousel {
  margin-top: 76px !important;
}

.carousel-caption {
  text-shadow: 0 0px 55px rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  position: static !important;
}
.carousel-caption * {
  margin: 0 auto;
  max-width: 1000px;
}
.img-cont {
  height: 100%;
}
.img-cont > img,
.img-cont > a > img {
  height: auto;
  width: 100%;
}

/* Banner styles */
.carousel-caption span.h1-banner-caption {
  color: #ffffff;
  font-family: "Droid Serif Italic", "Droid Serif";
  font-size: 45px;
  font-style: italic;
  font-weight: 400;
  line-height: 55px;
  text-align: center;
}
.carousel-caption-container {
  width: 100%;
  position: absolute;
  top: 13%;
  left: 0;
  right: 0;
  padding: 16px 0;
}
.carousel-caption > h2 {
  font-size: 3.4vw;
  line-height: 4.5vw;
}
.carousel-caption > h3 {
  font-size: 2vw;
  line-height: 2.8vw;
}
.img-carousel-control {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: auto;
  opacity: 1;
  position: absolute !important;
  bottom: 5px;
  right: 0;
  left:0;
  margin-left: 0;
  margin-right: 0;
  z-index: 100;
}
.prev-arrow {
  content: url(clientlibs-commons/images/application/left-chevron.svg);
  cursor: pointer;
}
.next-arrow {
  content: url(clientlibs-commons/images/application/right-chevron.svg);
  cursor: pointer;
}
.prev-arrow, .next-arrow {
  width: 24px;
  height: 24px;
}
.nav-dot-container{
  display: flex;
  gap: 5px;
  justify-content: center;
}
.carousel-nav-dot {
  content: url(clientlibs-commons/images/application/slider.svg);
  width: 9px;
  height: 9px;
  opacity: .5;
  cursor: pointer;
}
.carousel-nav-dot.active {
  opacity: 1;
}

#car-banner .carousel-inner > .item {
  max-height: 500px;
  margin: auto;
}

.img-carousel-control .carousel-indicators {
  position: static;
  width: auto;
  margin-left: 0;
}

@media only screen and (max-width: 425px) {
  .img-carousel-control {
    bottom: -12px;
  }
  .prev-arrow, .next-arrow {
    width: 16px;
    height: 16px;
  }
  .carousel-indicators .active {
    width: 10px;
    height: 10px;
  }
  .carousel-indicators li{
    width: 8px;
    height: 8px;
  }
}

@media only screen and (max-width: 720px) {
  h3 {
    margin-bottom: 0px;
  }
  .carousel-caption span.h1-banner-caption {
    line-height: unset;
    font-size: 24px;
  }
  a span.orange-button {
    line-height: unset;
    height: unset;
    margin: unset;
  }
  .carousel-caption {
    gap: 0px;
  }
  .carousel-caption > h2 {
    font-size: 5.4vw;
    margin: 0 auto;
  }
  .carousel-caption > h3 {
    font-size: 4vw;
    margin: 5px auto;
  }
}

@media only screen and (max-width: 1024px) {
  .carousel-caption > h2 {
    font-size: 4.4vw;
  }
  .carousel-caption > h3 {
    font-size: 3vw;
  }
}

/* Blog styles */
#blog-banner .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	min-width: 100%;
	max-width:none;
	height:600px;
	background-position: center center;
	background-size: cover;
}
#blog-banner .carousel-inner > .item{
    transition:left 0.2s ease-in-out 0s;
}
.carousel-caption h1.blog-caption {
    color: #ffffff;
    font-family: "Droid Serif Italic","Droid Serif";
    font-size: 32px;
    font-style: italic;
    font-weight: 400;
	margin-top:0px;
    line-height:42px;
    height:250px;
}
.carousel-caption p.blog-description {
	color:#fff;
    text-align:center;
     padding: 0 10px;
	 margin:0;
}
.carousel-caption.blog {
    left: 6%;    
    right: 6%;
	top: 0%;
}
#blog-banner .carousel-control .icon-prev,#blog-banner  .carousel-control .icon-next,#blog-banner  .carousel-control .glyphicon-chevron-left,#blog-banner  .carousel-control .glyphicon-chevron-right {
	top:20%;
}
#blog-banner .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    height:600px;
}
.tumblr-space {
	text-align:center;
	margin:0 auto;
}
.tumblr-holder {
	padding:35px 0 50px;
}
.tumblr-holder .tumblr-img{
	float:none;
}
.tumblr-holder .tumblr-img img {
	//width:270px;
	height:auto;
	display:inline;
}
.tumblr-holder .tumblr-description{
	margin-top:30px;
}
.tumblr-description h4 {
	margin-bottom:3px;
}

@media only screen and (min-width: 520px) {
.carousel-caption h1.blog-caption {
    font-size: 45px;
    line-height: 60px;
    height: 270px;
    margin-top:10px;
}
.tumblr-holder .tumblr-img img {
	//width:339px;
	height:auto;
}
#blog-banner .carousel-control .icon-prev,#blog-banner  .carousel-control .icon-next,#blog-banner  .carousel-control .glyphicon-chevron-left,#blog-banner  .carousel-control .glyphicon-chevron-right {
	top:25%;
}

}
@media only screen and (min-width: 720px) {
#blog-banner .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	height:auto;
    min-width:100%;
    max-width:100%;

}
.carousel-caption h1.blog-caption {
	font-size: 100px;
	margin-top:10px;
    line-height:100px;
    height:28%;
}
.carousel-caption p.blog-description {
}

.tumblr-holder .tumblr-img img {
	//width:405px;
	height:auto;
}

}
@media only screen and (min-width: 1050px) { 

.carousel-caption h1.blog-caption {
	font-size: 70px;
	margin-top:35px;
    line-height:85px;
    height:40%;
}

.tumblr-description h4,.tumblr-description p {	
	text-align:left;
	margin-bottom:10px;
}

.tumblr-holder .tumblr-img{
	float:left;
	margin-right:30px;
	width:50%;
}
.tumblr-holder {
	margin-bottom:80px;
	
}

.carousel-caption{
    margin:0 auto;
}
.carousel-caption.blog {
    left: 0;    
    right: 0;

}
}

/* left arrows */
.glyphicon-chevron-left::before, .glyphicon-chevron-left::after {
    content: "";
    left: 8px;
    background: none repeat scroll 0 0 #fff;
    height: 3px;
    position: absolute;
    width: 22px;
}
.glyphicon-chevron-left::before {
    top: 7px;
    transform: rotate(130deg);

}
.glyphicon-chevron-left::after {
    top: 23px;
    transform: rotate(-130deg);
}

@media only screen and (min-width: 520px) { 
.glyphicon-chevron-left::before, .glyphicon-chevron-left::after {
    left: 6px;
    width: 30px;
    height: 4px;
}
.glyphicon-chevron-left::before {
    top: 9px;
    transform: rotate(131deg);

}
.glyphicon-chevron-left::after {
    top: 29px;
    transform: rotate(-131deg);
}
}
@media only screen and (min-width: 720px) { 
.glyphicon-chevron-left::before, .glyphicon-chevron-left::after {
    left: 2px;
    width: 45px;
    height: 6px;
}
.glyphicon-chevron-left::before {
    top: 13px;
    transform: rotate(130deg);

}
.glyphicon-chevron-left::after {
    top: 43px;
    transform: rotate(-130deg);
}
}
@media only screen and (min-width: 1050px) { 
.glyphicon-chevron-left::before, .glyphicon-chevron-left::after {
    left: 3px;
    width: 45px;
    height: 6px;
}
.glyphicon-chevron-left::before {
    top: 18px;
    transform: rotate(125deg);

}
.glyphicon-chevron-left::after {
    top: 52px;
    transform: rotate(-125deg);
}
}

/* right arrows */
.glyphicon-chevron-right::before, .glyphicon-chevron-right::after {
    content: "";
    left: -30px;
    background: none repeat scroll 0 0 #fff;
    height: 3px;
    position: absolute;
    width: 22px;
}
.glyphicon-chevron-right::before {
    top: 7px;
    transform: rotate(50deg);

}
.glyphicon-chevron-right::after {
    top: 23px;
    transform: rotate(-50deg);
}

@media only screen and (min-width: 520px) { 
.glyphicon-chevron-right::before, .glyphicon-chevron-right::after {
    left: -35px;
    width: 30px;
    height: 4px;
}
.glyphicon-chevron-right::before {
    top: 9px;
    transform: rotate(48deg);

}
.glyphicon-chevron-right::after {
    top: 29px;
    transform: rotate(-48deg);
}
}
@media only screen and (min-width: 720px) { 
.glyphicon-chevron-right::before, .glyphicon-chevron-right::after {
    left: -46px;
    width: 45px;
    height: 6px;
}
.glyphicon-chevron-right::before {
    top: 13px;
    transform: rotate(51deg);

}
.glyphicon-chevron-right::after {
    top: 43px;
    transform: rotate(-51deg);
}
}
@media only screen and (min-width: 1050px) { 
.glyphicon-chevron-right::before, .glyphicon-chevron-right::after {
    left: -18px;
    width: 45px;0
    height: 6px;
}
.glyphicon-chevron-right::before {
    top: 18px;
    transform: rotate(54deg);

}
.glyphicon-chevron-right::after {
    top: 52px;
    transform: rotate(-54deg);
}
}

/* Top cities styles */

section.top-cities-container {
  padding: 30px 0 10px 0;
}
section.top-cities-container hr {
  padding-top: 30px;
}
.sharing-location-info {
  /*width:240px;*/
  margin: 0 auto;
}
.sharing-location-info h2 {
  text-align: center;
  padding: 0 10px;
}
.sharing-location-info h2 a {
  color: #00a261;
  font-weight: 600;
  text-decoration: none;
}
.sharing-location-info h2 a:hover {
  text-decoration: underline;
}

.sharing-location-info h2 a:active {
  color: #057746 !important;
  text-decoration: none;
}
.sharing-location-info h2 a:visited {
  color: #00a162;
  text-decoration: underline;
}

.location-section-container {
  display: block;
  padding: 8px;
  overflow: hidden;
}
.location-section-container a {
  display: block;
}
.location-box {
  float: left;
  width: 140px;
  height: 70px;
  border: 2px solid #c9c9c9;
  margin: 6px;
  background: #f9f9f9;
  cursor: pointer;
}
.box-left {
  display: none;
}

.box-right {
  width: 100%;
}
.box-right h1 {
  font-family: "Open Sans Semibold", "Open Sans";
  color: #00a261;
  font-size: 40px;
  line-height: 10px;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  margin: 20px 0 10px 0;
}
.box-right p {
  font-family: "Open Sans Light", "Open Sans";
  color: #1e1e1e;
  font-size: 11px;
  font-weight: 200;
  line-height: 28px;
  text-align: center;
  text-transform: capitalize;
}
.location-box h1.view-all {
  font-family: "Open Sans Light", "Open Sans";
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  text-transform: uppercase;
  color: #00a261;
  text-align: center;
  line-height: 16px;
  margin: 20px 0 10px 0;
}
.location-box p.arrow-img-green {
  height: 10px;
  margin: 0 auto;
  width: 20px;
}
.location-box p.arrow-img-green span {
  display: none;
}
.location-box p.arrow-img-green {
  line-height: normal;
}
.location-box.view-cities p.arrow-img-green::after,
.location-box.hide-cities p.arrow-img-green::after {
  content: "\203A";
  font-size: 57px;
  color: #00a162;
  position: absolute;
  font-weight: 100;
}
.location-box.view-cities p.arrow-img-green::after {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  right: 0;
  top: 64px;
  left: 15px;
}
.location-box.hide-cities p.arrow-img-green::after {
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  top: 10px;
  left: 54px;
}
.view-cities,
.hide-cities {
  position: relative;
}
.hide-cities {
  color: #00a261;
  display: none;
  background: #e4e4e4;
}
.hide-cities h1.view-all {
  color: #00a261;
}
.cities-container {
  padding: 15px 5px 0 5px;
  display: none;
}
.city-name-list {
  margin-left: 10px;
  margin-bottom: 30px;
  display: block;
  overflow: hidden;
  text-align: left;
}
.city-name-list h2 {
  font-family: "Open Sans Light", "Open Sans";
  font-weight: 200;
  font-style: normal;
  font-size: 27px;
  line-height: 60px;
  border-bottom: 2px solid #e4e4e4;
  color: #354447;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 10px;
  max-width: 100%;
}
.city-box {
  width: 48%;
  margin-right: 1%;
  min-height: 50px;
  height: auto;
  float: left;
  margin-top: 20px;
}

.city-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.city-box ul li {
  padding: 8px 0;
  word-wrap: break-word;
}

.city-box ul li a {
  font-family: "Open Sans";
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  text-decoration: none;
  color: #00a261;
  text-align: left;
  line-height: 20px;
  text-transform: none;
  outline: 0;
}
.city-box ul li a:hover {
  text-decoration: underline;
}
.city-box ul li a:hover {
  text-decoration: underline;
}

.city-box ul li a:active {
  color: #057746 !important;
  text-decoration: none;
}
.city-box ul li a:visited {
  color: #00a162;
  text-decoration: underline;
}
.location-section-container a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 519px) {
  .sharing-location-info {
    padding-bottom: 10px;
  }
}

@media only screen and (min-width: 520px) {
  .location-box.view-cities p.arrow-img-green::after,
  .location-box.hide-cities p.arrow-img-green::after {
    font-size: 92px;
  }
  .location-box.view-cities p.arrow-img-green::after {
    transform: rotate(90deg);
    right: 0;
    top: 81px;
    left: 26px;
  }
  .location-box.hide-cities p.arrow-img-green::after {
    left: 87px;
    top: -6px;
  }
  section.top-cities-container {
    padding-bottom: 20px;
  }

  .sharing-location-info {
    /*width:350px;*/
  }
  .location-section-container {
    padding: 3px 15px;
    margin-top: 10px;
  }

  .city-name-list h2 {
    font-size: 33px;
    color: #354447;
  }
  .city-box ul li {
    padding: 10px 0;
  }
  .city-box ul li a {
    font-size: 19px;
  }
  .location-box {
    width: 225px;
    height: 80px;
    margin: 10px;
  }

  .box-left {
    display: block;
    width: 35%;
    float: left;
  }
  .box-left .image {
    width: 61px;
    height: 60px;
    vertical-align: middle;
    margin-top: 9px;
    margin-left: 12px;
  }

  .box-right {
    width: 65%;
    float: left;
  }
  .box-right h1 {
    line-height: 13px;
  }
  .box-right p {
    line-height: 35px;
    font-size: 12px;
  }

  .location-box h1.view-all {
    font-size: 24px;
  }
  .location-box p.arrow-img-green,
  .location-box p.arrow-img-white {
    width: 35px;
    height: 17px;
    margin: 15px auto;
  }
}
@media only screen and (min-width: 720px) {
  .location-box.view-cities p.arrow-img-green::after,
  .location-box.hide-cities p.arrow-img-green::after {
    font-size: 116px;
  }
  .location-box.view-cities p.arrow-img-green::after {
    transform: rotate(90deg);
    right: 0;
    top: 147px;
    left: 32px;
  }
  .location-box.hide-cities p.arrow-img-green::after {
    left: 139px;
    top: 7px;
  }
  section.top-cities-container {
    padding-bottom: 10px;
  }
  section.top-cities-container hr {
    padding-top: 25px;
  }

  .sharing-location-info {
    /*width:500px;*/
  }
  .sharing-location-info p {
    font-size: 48px;
    line-height: 61px;
  }

  .city-name-list h2 {
    font-size: 40px;
  }
  .city-box {
    margin-right: 0;
  }
  .city-box ul li {
    padding: 15px 0;
  }
  .city-box ul li a {
    font-size: 21px;
  }
  .location-section-container {
    padding: 6px;
    /*margin-top:20px;*/
  }
  .location-box {
    width: 340px;
    height: 140px;
    margin: 7px;
  }
  .box-left {
    display: block;
    width: 35%;
    float: left;
  }
  .box-left .image {
    width: 100px;
    height: 100px;
    vertical-align: middle;
    margin: 18px;
  }

  .box-right {
    width: 65%;
    float: left;
  }
  .box-right h1 {
    font-family: "Open Sans Light", "Open Sans";
    line-height: 60px;
    font-size: 80px;
  }
  .box-right p {
    line-height: 35px;
    font-size: 16px;
  }
  .location-box h1.view-all {
    font-size: 38px;
    line-height: 40px;
    margin-top: 30px;
  }
  .location-box p.arrow-img-green {
    width: 46px;
    height: 22px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1050px) {
  .location-box.view-cities p.arrow-img-green::after,
  .location-box.hide-cities p.arrow-img-green::after {
    font-size: 150px;
  }
  .location-box.view-cities p.arrow-img-green::after {
    transform: rotate(90deg);
    right: 0;
    top: 197px;
    left: 40px;
  }
  .location-box.hide-cities p.arrow-img-green::after {
    left: 84px;
    top: 112px;
  }
  section.top-cities-container {
    padding: 35px 0 25px 0;
  }
  section.top-cities-container hr {
    padding-top: 55px;
  }

  .sharing-location-info h1,
  .sharing-location-info h2 {
    max-width: 800px;
  }
  .sharing-location-info p {
    font-size: 50px;
    line-height: 65px;
  }
  .cities-container {
    padding: 45px 30px 30px 30px;
  }
  .city-name-list h2 {
    font-size: 53px;
    color: #333333;
    line-height: 100px;
    padding-left: 40px;
  }
  .city-box ul li {
    padding: 15px 0 15px 40px;
  }
  .city-box ul li a {
    font-size: 24px;
  }
  .location-section-container {
    padding: 15px 14px 0 14px;
  }
  .location-box {
    width: 250px;
    height: 330px;
    margin: 37px;
  }

  .box-left {
    display: block;
    float: none;
    width: 100%;
  }
  .box-left .image {
    width: 145px;
    height: 145px;
    vertical-align: middle;
    margin: 20px 52px;
  }

  .box-right {
    float: none;
    width: 100%;
  }

  .box-right p {
    font-family: "Open Sans";
    line-height: 35px;
    font-size: 20px;
    color: #354447;
  }
  .location-box h1.view-all {
    font-size: 44px;
    line-height: 50px;
    margin-top: 85px;
    font-weight: 600;
  }

  .location-box p.arrow-img-green,
  .location-box p.arrow-img-white {
    width: 56px;
    height: 27px;
    margin: 20px auto;
  }

  .location-box p.arrow-img-white {
    width: 56px;
    height: 27px;
    margin: 37px auto;
  }

  .location-box:hover,
  .view-cities:hover {
    background: #f2f2f2;
    transition: background-color 0.3s ease 0s;
    -webkit-transition: background-color 0.3s ease 0s;
    -moz-transition: background-color 0.3s ease 0s;
    -ms-transition: background-color 0.3s ease 0s;
  }
  .location-box.active,
  .location-box:active {
    background: #e9e9e9;
    transition: background-color 0.3s ease 0s;
    -webkit-transition: background-color 0.3s ease 0s;
    -moz-transition: background-color 0.3s ease 0s;
    -ms-transition: background-color 0.3s ease 0s;
  }

  .location-box .box-right h1 {
    font-family: "Open Sans Bold", "Open Sans";
    font-size: 80px;
    font-weight: 600;
  }

  .location-box .box-right h1 {
    margin-top: 0;
  }
}
/* Top cities style ends here */

/* University or Business Link*/

section.university-business-link {
  padding: 15px 10px 40px;
}

section.university-business-link .content {
  text-align: center;
  width: 100%;
}
a.uni-bus-link {
  font-family: "Open Sans Light", "Open Sans";
  font-weight: 200;
  font-style: normal;
  font-size: 15px;
  color: #00a261;
  text-decoration: none;
  color: #00a261;
  line-height: normal;
  margin: 0 auto;
  display: inline-block;
  /*border:1px solid #00a261;*/
  width: 290px;
  height: 30px;
  line-height: 29px;
}

@media only screen and (min-width: 520px) {
  a.uni-bus-link {
    font-size: 21px;
    width: 490px;
    height: 50px;
    line-height: 45px;
  }
}
@media only screen and (min-width: 720px) {
  a.uni-bus-link {
    font-size: 24px;
    width: 700px;
    height: 60px;
    line-height: 55px;
  }
}
@media only screen and (min-width: 1050px) {
  section.university-business-link {
    padding: 0 0 60px 0;
  }

  section.university-business-link .content {
    text-align: center;
  }
  a.uni-bus-link {
    font-size: 35px;
    width: 901px;
    height: 80px;
    line-height: 72px;
  }
  a.uni-bus-link:hover {
    background-color: #00a261;
    color: #fff;
  }
}

/* Styles for become a member screen */
/* .become-member-wrapper {    
    background:#354447;
    background:#344245;
} */

.become-a-member-background {
  background: #354447 !important;
}

#member-log-in-form {
  display: none;
}
.become-member-wrapper {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  text-align: center;
  background: #354447;
}
.become-member-wrapper a.logo {
  width: 209px;
  height: 28px;
  display: inline-block;
  margin-top: 29px;
}

.registration-form {
  margin-top: 25px;
  padding: 0 15px;
  text-align: center;
}
.registration-form h2.h2-heading {
  color: #fff;
  margin-top: 25px;
}
.member-box {
  margin: 23px 0 15px 0;
  text-align: center;
  position: relative;
}
.member-box label {
  display: block;
  font-family: "Open Sans Regular", "Open Sans";
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  color: #fff;
  text-align: left;
}
.registration-form .continue,
.registration-form .log-in {
  width: 290px;
}
.registration-form hr {
  margin: 30px auto 30px;
  text-align: center;
  width: 290px;
  height: 1px;
  border-top: 2px solid #717b7d;
  position: relative;
  top: 2px;
}
.registration-form p,
.registration-form p label {
  font-family: "Open Sans Regular", "Open Sans";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
}

p.checkbox-holder {
  width: 290px;
  margin: 0 auto;
}
.registration-form p.checkbox-holder label {
  text-align: left;
  font-size: 14px;
}
.program-select .btn {
  text-align: left;
}

#member-login-form .member-box label a {
  text-decoration: none;
  color: #fff;
  /*padding-left:15px;*/
}
#member-login-form .member-box label a::before {
  color: #00a162;
  content: "\2039";
  display: inline-block;
  font-size: 47px;
  margin-left: 5px;
  padding: 0 5px 2px 0;
  vertical-align: text-bottom;
}
.registration-form p.info-txt {
  font-weight: 200;
}
.registration-form p.info-txt a {
  color: #10bf73;
}

@media only screen and (min-width: 520px) {
  #member-login-form .member-box label a::before {
    margin-left: 0;
  }
  .registration-form {
    margin-top: 45px;
  }
  .become-member-wrapper a.logo {
    width: 276px;
    height: 37px;
    margin-top: 42px;
  }

  .registration-form {
    width: 72%;
    margin: 0 auto;
  }
  .registration-form .continue,
  .registration-form .log-in {
    /* width:40%;*/
  }
  .member-box label {
    padding-left: 27px;
  }

  .registration-form p.info-txt {
    width: 330px;
    text-align: center;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 720px) {
  .become-member-wrapper a.logo {
    width: 363px;
    height: 48px;
    margin-top: 50px;
  }
  .registration-form {
    width: 52%;
    margin: 0 auto;
  }
  .registration-form .continue,
  .registration-form .log-in {
    /* width:30%;*/
  }
}
@media only screen and (min-width: 1050px) {
  .become-member-wrapper a.logo {
    width: 559px;
    height: 75px;
    margin-top: 50px;
  }
  .registration-form {
    background: #3c4a4d;
    border: 2px solid #717b7d;
    width: 475px;
    margin: 58px auto;
    padding-bottom: 40px;
  }
  .member-box label {
    padding-left: 76px;
  }
}

.member-box label.error-message {
  color: rgb(255, 51, 0);
}

.error-border {
  border-style: solid;
  border-color: rgb(255, 51, 0);
}

#location-error-msg {
  display: none;
}
#program-error-msg {
  display: none;
}

#member-continue-id {
  margin-left: 0px;
}

/* Drop down list styles */

.form-control {
  box-shadow: none;
}
.form-control:focus {
  border-color: #354447;
}
.btn {
  font-family: "Open Sans Regular", "Open Sans";
  border-radius: 0;
  background: none;
  box-shadow: 0;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline-offset: 0;
}
.btn-group.open .dropdown-toggle {
  box-shadow: none;
}
.select-box .btn {
  text-align: left;
}
.select-box .form-control {
  box-shadow: none;
}
.select-box .btn {
  background: none repeat scroll 0 0 #fff;
  border-radius: 0;
  font-size: 16px;
  height: 50px;
  width: 290px;
}
.select-box button img {
  width: 21px;
  height: 10px;
  position: absolute;
  right: 10px;
  top: 20px;
}
.form-control:focus {
  border-color: #fff;
}
/*.btn-input .btn.form-control {
	text-align:left;
}*/

ul.dropdown-menu {
  max-height: 200px;
  overflow-y: auto;
  border-radius: 0;
  min-width: 290px;
  min-height: 25px;
}

ul.dropdown-menu > li > a {
  padding-left: 10px;
  text-align: left;
}
ul.dropdown-menu > li > a:hover,
ul.dropdown-menu > li > a:focus {
  background: #354447;
  color: #fff;
  padding-left: 9px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/* typeahead styles */
.typeahead.dropdown-menu > li > a {
  padding-left: 10px;
}
.typeahead.dropdown-menu > li > a:hover,
.typeahead.dropdown-menu > li > a:focus,
.typeahead.dropdown-menu > li > a.active {
  background: #354447;
  color: #fff;
  padding-left: 9px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.typeahead.dropdown-menu > li > a {
  background: none;
  color: #333;
}
.typeahead {
  background-color: #ffffff;
}
.typeahead:focus {
  border: 0;
}
.tt-query {
  box-shadow: none;
}
.tt-hint {
  color: #999999;
}
.typeahead.dropdown-menu {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  box-shadow: 0;
  margin-top: 3px;
  padding: 8px 0;
  min-width: 290px;
  height: auto;
  overflow: auto;
}
.tt-suggestion {
  font-size: 24px;
  line-height: 24px;
  padding: 3px 20px;
}
.tt-suggestion.tt-is-under-cursor {
  background-color: #354447;
  color: #ffffff;
}
.tt-suggestion p {
  margin: 0;
  text-align: left;
  padding-left: 0;
  font-size: 15px;
}

/* for confirmation page*/
/* for success page */
.reset-password-confirmation-logo {
  display: block;
  width: 100%;
}

.reset-password-confirmation-logo img {
  width: 350px;
  text-align: center;
  margin: 20px auto;
}

.reset-password-confirmation-header {
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  color: #354447;
  text-align: center;
  line-height: 28px;
}

.reset-password-confirmation-desc {
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  color: #354447;
  text-align: center;
  line-height: 24px;
}

.reset-password-confirmation-wrapper {
  margin: 0 auto 30px;
  text-align: center;
}
.reset-password-confirmation-container {
  min-width: 280px;
  height: auto;
  padding: 20px;
  margin: 0 auto;
}
.reset-password-confirmation-wrapper p {
  font-weight: 400;
  font-size: 15px;
  color: #666666;
  line-height: 24px;
}
.reset-password-confirmation-confirmation {
  position: relative;
  text-align: center;
}

.success {
  color: #7f913c;
  position: relative;
  height: 70px;
  margin: 0 auto;
  width: 70px;
}
.success:before {
  width: 70px;
  height: 70px;
  /* css3 */
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  background: #354447;
  content: "";
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
}
.success:after {
  width: 15px;
  height: 30px;
  border-width: 0 5px 5px 0;
  border-style: solid;
  border-color: #fff;
  -webkit-transform: rotate(50deg);
  -moz-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  -o-transform: rotate(50deg);
  transform: rotate(50deg);
  content: "";
  position: absolute;
  top: 15px;
  left: -7px;
}
.reset-password-success-header {
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  color: #354447;
  text-align: center;
  line-height: 28px;
  margin-top: 90px;
}
.reset-password-success-desc {
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  color: #354447;
  text-align: center;
  line-height: 24px;
}

.login-new-password {
  font-size: 13px;
  margin-bottom: 30px;
  margin-top: 30px;
}
.login-new-password a {
  font-size: 16px;
  color: #00a162;
  font-weight: bold;
}

.login-new-password a:hover {
  text-decoration: none;
}
.reset-password-confirmation-container .app-links {
  margin-top: 20px;
}

@media only screen and (min-width: 1050px) {
  .reset-password-confirmation-logo img {
    margin: 70px auto 30px;
  }
}

@media only screen and (min-width: 520px) {
  .reset-password-confirmation-container {
    border: 2px solid #d4d4d4;
    width: 520px;
    padding: 30px 35px 40px 35px;
  }
}

/* Style for Reset Password */
.reset-btn-bg {
  background: #057746;
}
#invalid-credentials-error-msg {
  text-align: center;
  display: none;
}
.disabled-button {
  background: #89d1b0;
  cursor: default;
  pointer-events: none;
}
.reset-password-buttons-container {
  position: relative;
  height: 44px;
}
#location-error-msgs,
#program-error-msgs {
  padding: 0;
}
#loading-spinner-reset-password {
  position: absolute;
  bottom: 6px;
  left: 46%;
  display: none;
}

#submit-reset-password {
  height: 44px;
  width: 100%;
  line-height: 44px;
  margin-top: 0;
}
#submit-reset-password:focus {
  outline: none;
  box-shadow: 0px 0px 7px 0px #00a162;
}

#reset-password-error,
#reset-confirm-password-error {
  display: none;
}

.reset-password-logo {
  display: block;
  width: 100%;
}

.reset-password-logo img {
  width: 350px;
  text-align: center;
  margin: 20px auto;
}

.reset-password-header {
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  color: #354447;
  text-align: center;
  line-height: 28px;
}

.reset-password-desc {
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  color: #354447;
  text-align: center;
  line-height: 24px;
}

.reset-password-wrapper {
  margin: 0 auto 30px;
  text-align: center;
}
.reset-password-container {
  min-width: 280px;
  height: auto;
  padding: 20px;
  margin: 0 auto;
}
.reset-password-wrapper p {
  font-weight: 400;
  font-size: 15px;
  color: #666666;
  line-height: 24px;
}
.reset-password-container form {
  width: 100%;
  margin: 15px auto 0;
}
.reset-password-container form fieldset {
  text-align: left;
  margin: 25px 0;
  position: relative;
}
.reset-password-container form fieldset label {
  display: inline-block;
  color: #666;
  cursor: default;
}
.return-to-login {
  font-size: 14px;
  margin-top: 24px;
}
.return-to-login a:hover {
  text-decoration: none;
}
.reset-password-container form .input {
  padding: 0 0 0 10px;
  font-weight: 400;
  border: 2px solid #e4e4e4;
  height: 40px !important;
  line-height: normal;
  -webkit-appearance: none;
  border-radius: 0;
  width: 100%;
  text-align: left;
  background-color: #eee;
}
.reset-password-container form .input:focus {
  border-color: #00a162;
}
.reset-password-container form a.form-button {
  width: 100%;
}
.reset-password-container .input-error {
  border: 2px solid #df0000 !important;
}
#reset-password-error {
  position: relative;
  margin-left: 25px;
  float: left;
  font-size: 13px;
  font-style: italic;
  margin-top: 10px;
}
#member-id-error,
#reset-confirm-password-error,
#reset-password-error.password-blank-error {
  position: relative;
  float: left;
  font-size: 14px;
  margin-top: 10px;
  color: #df0000;
  font-weight: 700;
  line-height: 20px;
  margin-left: 0;
  font-style: normal;
}
.reset-password-container .info:before {
  content: "i";
  width: 13px;
  height: 13px;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  text-align: center;
  color: #fff;
  background: #ff9900;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  position: absolute;
  top: 3px;
  left: -24px;
  font-family: Cambria, Georgia, sans-serif;
}

.reset-password-container .info {
  color: #ff9900;
  position: relative;
}

.reset-password-container .reset-bullet {
  background-color: #8e8e8e;
  height: 8px;
  width: 8px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: inline-block;
  margin-right: 18px;
}
.reset-password-container .error-header {
  font-weight: 700;
}
#reset-password-error {
  line-height: 23px;
}

.reset-password-container .success-alt {
  color: #7f913c;
  position: relative;
  margin-right: 26px;
  margin-left: 4px;
}
.reset-password-container .success-alt:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 7px;
  height: 16px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #0ea669;
  margin-top: -11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.reset-password-container .delete-alt {
  color: #7f913c;
  position: relative;
  margin-right: 26px;
  margin-left: 3px;
}
.reset-password-container .delete-alt:before,
.reset-password-container .delete-alt:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 2px;
  width: 2px;
  height: 16px;
  margin-top: -6px;
  background: #ed1c24;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.reset-password-container .delete-alt:after {
  left: -5px;
  width: 16px;
  height: 2px;
  margin-top: 1px;
}

@media only screen and (min-width: 1050px) {
  .reset-password-logo img {
    margin: 70px auto 30px;
  }
}

@media only screen and (min-width: 520px) {
  .reset-password-container {
    border: 2px solid #d4d4d4;
    width: 420px;
    padding: 10px 50px 40px 50px;
  }
  .reset-password-container form {
    width: 320px;
  }
}

/* Style for Login and Program and password */

#nativeLogin,
#autoveraLogin {
  display: none;
}
.form-button.login-btn-bg,
.form-button.login-btn-bg:hover {
  background: #057746;
}
.autovera-container {
  background: #354447;
  border: none !important;
}
.autovera-login-header {
  color: #fff !important;
}
.autovera-selected-location {
  color: #fff !important;
  margin-left: 13px !important;
}
.autovera-selected-location:hover {
  color: #00a162 !important;
}
#error-dropdown {
  border: 2px solid #f30;
}
#invalid-credentials-error-msg {
  text-align: center;
  display: none;
}
.login-error-input {
  border-color: #df0000 !important;
  background: #fff;
}
iframe.theloginform {
  height: 345px;
}
.disabled-button {
  background: #89d1b0;
  cursor: default;
  pointer-events: none;
  box-shadow: none !important;
}
.buttons-container {
  position: relative;
}
#submit-login,
#program-continue-btn {
  width: 100%;
  border: none;
  margin-top: 5px;
}
#submit-login {
  margin-top: 25px;
}
#submit-login:focus {
  outline: none;
  box-shadow: 0px 0px 7px 0px #00a162;
}
#location-error-msgs,
#program-error-msgs {
  padding: 0;
}
#login-form-button-container #loading-spinner {
  position: absolute;
  top: 34px;
  left: 46%;
  display: none;
}

.login-wrapper {
  margin: 0 auto 30px;
  text-align: center;
}
.login-container-wrapper {
  min-height: 430px;
  position: relative;
}
.login-container {
  min-width: 280px;
  height: auto;
  padding: 20px;
  margin: 0 auto;
  display: none;
}
.login-wrapper p {
  font-weight: bold;
  font-size: 15px;
  color: #666666;
  line-height: 24px;
}
.login-container form {
  width: 100%;
  margin: 15px auto 0;
}
.login-container form fieldset {
  text-align: left;
  margin: 25px 0;
  position: relative;
}
.login-container form fieldset label {
  display: inline-block;
  color: #666;
}
.login-container form fieldset .forgot-link {
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 700;
}
.login-container form .input {
  padding: 0 0 0 10px;
  font-weight: 400;
  border: 2px solid #e4e4e4;
  height: 40px !important;
  line-height: normal;
  -webkit-appearance: none;
  border-radius: 0;
  width: 100%;
  text-align: left;
}
.login-container form .input:focus {
  border-color: #00a162;
}
.login-container form .dropdown select:focus {
  border-color: #00a162;
}
.login-container form a.form-button {
  width: 100%;
}
.login-container form a.form-button.program-continue {
  margin-top: 5px;
}
.login-container a.return-link {
  display: inline-block;
  margin: 20px 0;
  text-align: center;
}
.join-now-container {
  margin: 30px 0 0 0;
}
.remember-check {
  text-align: left;
}
.remember-check label.checkbox {
  margin: 0;
  color: #666;
}
.remember-check label.checkbox span {
  border: 2px solid #d4d4d4;
}
.remember-check *:checked + span:focus {
  outline: none;
  box-shadow: 0px 0px 7px 0px #00a162;
  border: 0px !important;
}
.remember-check span:focus {
  outline: none;
  box-shadow: 0px 0px 7px 0px #00a162;
  border: 2px solid #00a162 !important;
}
/*--------------------*/

label.checkbox .glyphicon.glyphicon-ok {
  color: #fff;
}
label.checkbox *:checked + span {
  border: 0;
  background: #00a162;
  line-height: 1.5;
  text-align: center;
}
/* creating tick icon */
label.checkbox *:checked + span::after {
  content: "\00a0";
  display: block;
  width: 8px;
  height: 14px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  position: absolute;
  left: 9px;
  top: 24%;
  margin-top: -4px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.glyphicon-ok:before {
  display: none;
}
/*--------------------*/
.location-program {
  text-align: left;
  margin-top: 30px;
}
a.selected-location {
  position: relative;
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #666;
  margin: 0;
  padding-left: 25px;
  text-decoration: none;
}
a.selected-location:hover {
  color: #00a162;
  text-decoration: none;
}
.selected-location::before,
.selected-location::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 7px;
  height: 2px;
  width: 9px;
  background: #00a162;
}
.selected-location::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
  top: 12px;
}
.selected-location::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* drop down styles */

.login-container .dropdown label {
  display: block;
  font-family: "Open Sans Regular", "Open Sans";
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  color: #fff;
  text-align: left;
  cursor: default;
  position: relative;
}
.login-container .dropdown label::before,
.login-container .dropdown label::after {
  position: absolute;
  right: 14px;
  top: 19px;
  height: 2px;
  width: 10px;
  background: #00a162;
  content: "";
}
.login-container .dropdown label::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 20px;
}
.login-container .dropdown label::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.login-container form .dropdown select {
  border: 2px solid #d4d4d4;
  height: 40px;
  width: 100%;
  background: #eee;
}

/* Renewal notification popup styles*/

.notification-popup {
  position: fixed;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1050;
  margin: 0 auto;
  background: #fff;
  width: 90%;
  height: auto;
  padding: 20px 20px 10px 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}
.notification-mask {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0.6;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.form-heading3 {
  color: #354447;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  margin-top: 0;
}
.notification-popup p {
  color: #666;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  margin-bottom: 10px;
}
.notification-green-button,
.notification-white-button {
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  height: 40px;
  padding: 0px 10px;
  display: inline-block;
  line-height: 36px;
  margin: 15px 0 20px 0;
  cursor: pointer;
  display: block;
  text-align: center;
}
.notification-green-button {
  background: #00a162;
  border: 2px solid #00a162;
  color: #fff;
}
.notification-white-button {
  background: #ffffff;
  border: 2px solid #d7d7d7;
  color: #515151;
}
.notification-white-button:hover {
  color: #00a162;
  text-decoration: none;
}
.notification-white-button:focus {
  text-decoration: none;
}
.notification-white-button:active {
  color: #057746;
  background: #f9f9f9;
  text-decoration: none;
}
.notification-green-button:hover {
  background: #038e55;
  text-decoration: none;
  border: 2px solid transparent;
  color: #fff;
  transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
  -moz-transition: background-color 0.3s ease 0s;
  -ms-transition: background-color 0.3s ease 0s;
}
.notification-green-button:active {
  background: #057746;
  text-decoration: none;
  border: 2px solid transparent;
  color: #fff;
  transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
  -moz-transition: background-color 0.3s ease 0s;
  -ms-transition: background-color 0.3s ease 0s;
}
.notification-green-button:focus {
  color: #fff;
}
.notification-close {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  cursor: pointer;
  opacity: 1;
  padding: 0;
  display: block;
  height: 20px;
  opacity: 1;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 22px;
  z-index: 999;
}
.notification-close::after,
.notification-close::before {
  background: #bbb none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 0;
  right: 0;
  position: absolute;
  top: 10px;
  width: 23px;
}
.notification-close::before {
  -webkit-transform: rotate(133deg);
  -moz-transform: rotate(133deg);
  -ms-transform: rotate(133deg);
  -o-transform: rotate(133deg);
  transform: rotate(133deg);
}
.notification-close::after {
  -webkit-transform: rotate(-133deg);
  -moz-transform: rotate(-133deg);
  -ms-transform: rotate(-133deg);
  -o-transform: rotate(-133deg);
  transform: rotate(-133deg);
}
/* for dq down */
.dq-down-phone-number {
  color: #038e55;
  font-weight: bold;
}
.dq-down-jailed-user-container,
.autovera-down-container {
  margin: 50px auto;
  border: 2px solid #ff2222;
  padding: 50px 10px;
  max-width: 300px;
}
.autovera-down-container {
  background-color: #ffffff;
}
/* Warning icon */
.dq-down-jailed-user-container .warning-icon,
.autovera-down-container .warning-icon {
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 15px solid #ff2222;
  vertical-align: middle;
  margin-right: 8px;
  display: inline-block;
}
.dq-down-jailed-user-container .warning-icon:before,
.autovera-down-container .warning-icon:before {
  content: "!";
  display: block;
  color: #fff;
  font-size: 13px;
  position: relative;
  left: -2px;
  font-weight: bold;
}
.dq-down-heading-content,
.autovera-down-heading-content {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
.dq-down-desc,
.autovera-down-desc {
  font-size: 14px;
  line-height: 20px;
}

#autoveraDownContainer {
  display: none;
}
#dqDownJailedContainer {
  display: none;
}
/* cookie disable popup*/
#cookie-disable-mask {
  opacity: 1;
  filter: Alpha(opacity=100);
}
#cookie-disable-modal {
  display: none;
}
.cookie-disable-dialog {
  width: 330px;
  height: 249px;
  margin: 0 auto;
  background: #fff;
  overflow-y: auto;
  position: fixed;
  z-index: 99999;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  -ms-transform: translateY(-50%); /* IE 9 */
  -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
  transform: translateY(-50%);
  overflow-x: hidden;
  display: none;
}

.cookie-disable-dialog .warning-icon-cookie-disabled {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 13px solid #e88300;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.cookie-disable-dialog .warning-icon-cookie-disabled:before {
  color: #fff;
  bottom: 6px;
  font-size: 10px;
}

.cookie-disable-body p {
  font-weight: 400;
  font-size: 18px;
  text-decoration: none;
  color: #333333;
  text-align: center;
  line-height: 26px;
  display: inline-block;
  vertical-align: top;
  top: 50%;
  position: absolute;
  -ms-transform: translateY(-50%); /* IE 9 */
  -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
  transform: translateY(-50%);
  padding: 20px 40px;
}

.cookie-disable-body .close-white {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  cursor: pointer;
  opacity: 1;
  padding: 0;
  display: block;
  height: 20px;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 24px;
  z-index: 999;
}

.cookie-disable-body .close-white::after,
.cookie-disable-body .close-white::before {
  height: 2px;
  left: 0;
  position: absolute;
  top: 23px;
  width: 47px;
}

.cookie-disable-body .close-white::after,
.cookie-disable-body .close-white::before {
  background: #858585 none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 0;
  right: 0;
  position: absolute;
  top: 10px;
  width: 22px;
}

.cookie-disable-body .close-white::after {
  color: #fff;
  font-size: 65px;
}

.cookie-disable-body .close-white::before {
  -webkit-transform: rotate(133deg);
  -moz-transform: rotate(133deg);
  -ms-transform: rotate(133deg);
  -o-transform: rotate(133deg);
  transform: rotate(133deg);
}

.cookie-disable-body .close-white::after {
  -webkit-transform: rotate(-133deg);
  -moz-transform: rotate(-133deg);
  -ms-transform: rotate(-133deg);
  -o-transform: rotate(-133deg);
  transform: rotate(-133deg);
}
.cookie-disable-body .button {
  display: block;
  width: 120px;
  height: 40px;
  background-color: #00a162;
  margin: 0 auto;
  color: #ffffff;
  line-height: 37px;
  margin-top: 20px;
  text-transform: uppercase;
}
.warning-icon-cookie-disabled {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 10px solid #fff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.warning-icon-cookie-disabled:before {
  content: "!";
  display: block;
  color: #e88300;
  font-size: 8px;
  position: relative;
  left: -1px;
  bottom: 5px;
}
.cookie-disable-body .button:hover {
  text-decoration: none;
}

#login-error-mask.notification-mask {
  opacity: 0.6;
}
#update-password-modal {
  display: none;
  -ms-overflow-y: hidden;
}
#update-password-modal .button:focus {
  outline: none;
  box-shadow: 0px 0px 7px 0px #00a162;
}
/* Page Load Spinner*/
.loading-wrapper {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.8;
  z-index: 9999;
}

.long-spinner-wrapper {
  background-color: rgba(53, 68, 71, 0.749019607843137);
}

#loading-image {
  background-color: #333;
  width: 90px;
  height: 90px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 9999;
  -webkit-transform: translateY(-50%);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#loading-image img {
  width: 51px;
  height: 68px;
  margin: 12px 0 0 20px;
}

#load-spinner {
  background-color: #333;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 9999;
  -webkit-transform: translateY(-50%);
  text-align: center;
}

#load-spinner img {
  width: 51px;
  height: 68px;
  margin: 12px 0 0 0;
}

.long-spinner-container img {
  margin: 20px !important;
}

.long-spinner-container {
  margin: 20px;
}

.short-spinner {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 90px;
  height: 90px;
}

#autoveraDownContainer #autoveraDownUserPhoneNo {
  padding-left: 5px;
}

@media only screen and (min-width: 720px) {
  .cookie-disable-dialog {
    width: 430px;
  }
  .dq-down-desc,
  #renewalResubmitNotificationDescription,
  #renewalNotificationDescription {
    font-size: 16px;
    font-weight: 300;
  }
  .login-logo {
    min-height: 60px;
  }
}
@media only screen and (min-width: 520px) {
  .login-container {
    border: 2px solid #d4d4d4;
    width: 420px;
    padding: 10px 45px 40px 45px;
  }
  .login-container form {
    width: 310px;
  }
  .notification-green-button {
    margin-right: 10px;
  }
  .notification-green-button,
  .notification-white-button {
    display: inline-block;
    vertical-align: top;
  }
  .login-button-container {
    width: 310px;
    margin: 0 8px;
  }
}
@media only screen and (min-width: 1050px) {
  .notification-popup {
    width: 700px;
  }
}
@media only screen and (max-width: 720px) {
  .cookie-disable-body p {
    padding: 20px 30px;
  }
  .login-logo {
    min-height: 55px;
  }
}

@media only screen and (max-width: 320px) {
  .cookie-disable-dialog {
    width: 300px;
  }
}

/* Style for Forgot memberid and password */

#confirm-memberid,
#forgot-memberid,
#forgot-password,
#confirm-password,
.error-msgs {
  display: none;
}
.forgot-wrapper {
  margin: 0 auto 30px;
  text-align: center;
}
.login-logo {
  display: block;
  width: 100%;
  border-bottom: 2px solid #d4d4d4;
}
.login-logo img {
  width: 260px;
  text-align: center;
  margin: 20px auto;
}
.forgot-container {
  min-width: 280px;
  height: auto;
  padding: 20px;
  margin: 0 auto;
}
.log-in-header {
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  color: #354447;
  text-align: center;
  line-height: 28px;
}
.error-msgs {
  color: #df0000;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  padding-top: 5px;
  text-align: left;
}
.invalid-input {
  border-color: #df0000 !important;
}
.forgot-wrapper p {
  font-weight: 300;
  font-size: 16px;
  color: #666666;
  line-height: 24px;
}
.forgot-container form {
  width: 100%;
  margin: 15px auto 0;
}
.forgot-container form fieldset {
  text-align: left;
}
.forgot-container form fieldset label {
  display: inline-block;
}
.forgot-container form .input {
  padding: 0 0 0 10px;
  font-weight: 400;
  border: 2px solid #e4e4e4;
  height: 40px !important;
  line-height: normal;
  -webkit-appearance: none;
  border-radius: 0;
  width: 100%;
  text-align: left;
  background: #eee;
}
.forgot-container form .input:focus {
  border-color: #00a162;
}
.forgot-container form a.form-button {
  width: 100%;
}
.forgot-container form a.form-button:focus {
  outline: none;
  box-shadow: 0px 0px 7px 0px #00a162;
}
.forgot-container a.return-link {
  display: inline-block;
  margin: 20px 0;
  text-align: center;
}
.join-now-container {
  margin: 30px 0 0 0;
}

/*Confirmation-icon */
.confirmation-icon-holder span.confirmation-tick {
  background: #fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #354447;
  display: inline-block;
  width: 70px;
  height: 70px;
  background: #354447;
  position: relative;
  margin-top: 20px;
}
.confirmation-icon-holder span.confirmation-tick::after {
  content: "\00a0";
  display: block;
  width: 18px;
  height: 41px;
  border: solid #fff;
  border-width: 0 5px 5px 0;
  position: absolute;
  font-weight: 700;
  left: 25px;
  top: 18%;
  margin-top: -4px;
  transform: rotate(38deg);
  -webkit-transform: rotate(38deg);
  -moz-transform: rotate(38deg);
  -o-transform: rotate(38deg);
}
#loading-spinner-forgot-password {
  position: absolute;
  bottom: 15px;
  left: 46%;
  display: none;
}
#loading-spinner-forgot-member-id {
  position: absolute;
  bottom: 15px;
  left: 46%;
  display: none;
}
@media only screen and (min-width: 520px) {
  .login-logo {
    border-bottom: none;
  }
  .login-logo img {
    width: 350px;
    margin: 30px auto;
  }
  .forgot-container {
    border: 2px solid #d4d4d4;
    width: 420px;
    padding: 10px 45px;
  }
  .forgot-container form {
    width: 310px;
  }
}
@media only screen and (min-width: 1050px) {
  .login-logo img {
    margin: 70px auto 30px;
  }
}

.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99;
}
/* Location tab */
ul#locations-tab {
  padding: 0px 0 0px 0;
  margin: 0;
  list-style: none;
  border-bottom: none;
}
ul#locations-tab li {
  float: left;
  background: #aeb4b5;
  /*width:33.33%;*/
  height: 60px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  position: relative;
}
ul#locations-tab li.active:after {
  content: " ";
  height: 0;
  position: absolute;
  width: 0;
  border: 10px solid transparent;
  border-top-color: #525f61;
  top: 100%;
  left: 40%;
}
ul#locations-tab li:first-child {
  border-left: none;
}
ul#locations-tab li:last-child {
  border-right: none;
}
ul#locations-tab li a {
  color: #ffffff;
  font-family: "Open Sans Semibold", "Open Sans";
  font-size: 21px;
  font-style: normal;
  line-height: 17px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  border-radius: 0;
  margin-right: 0;
  vertical-align: middle;
  /*height:60px;*/
  width: 100%;
  outline: 0;
}
ul#locations-tab li span a span.full-form {
  text-transform: capitalize;
}
ul#locations-tab li span a span.short-form {
  text-transform: uppercase;
}
ul#locations-tab li span a span.full-form {
  display: none;
}
ul#locations-tab li span {
  background-color: #aeb4b5;
  height: 60px;
  display: block;
}
ul#locations-tab li span a span.full-form,
ul#locations-tab li.active span a span.full-form,
ul#locations-tab li span a span.short-form,
ul#locations-tab li.active span a span.short-form {
  height: 0px;
}
ul#locations-tab li span:hover {
  background-color: #9ca3a5;
}
ul#locations-tab li.active span {
  background-color: #525f61;
}
ul#locations-tab li span:hover,
ul#locations-tab li span:focus {
  background-color: #9ca3a5;
  border: 1px solid none;
  transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
  -moz-transition: background-color 0.3s ease 0s;
  -ms-transition: background-color 0.3s ease 0s;
  height: 60px;
}
ul#locations-tab li.active span,
ul#locations-tab li.active span:hover,
ul#locations-tab li.active span:focus {
  opacity: 1;
  background-color: #525f61;
  color: #fff;
  transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
  -moz-transition: background-color 0.3s ease 0s;
  -ms-transition: background-color 0.3s ease 0s;
  height: 60px;
}
ul#locations-tab li span a:hover,
ul#locations-tab li span a:focus,
ul#locations-tab li.active span a:hover {
  text-decoration: none;
}
.locations-tab-content div h2 {
  padding: 35px 0 0 0;
  text-align: center;
}
.city-lists {
  /*padding-left:5%;*/
  margin: 35px 0;
}
.city-lists .large-label {
  color: #354447;
}
.city-lists ul {
  list-style: outside none none;
  padding: 0;
  margin: 0px 0 0 0;
  overflow: hidden;
}
.city-lists-holder {
  margin: 20px 0 0 0;
}
.city-lists ul li {
  text-align: left;
  padding: 8px 0;
  vertical-align: top;
}
.city-lists .p-body {
  text-align: left;
}
.city-lists ul li a {
  color: #00a261;
  font-family: "Open Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  text-align: left;
  text-decoration: none;
  text-transform: none;
}
.city-lists ul li a:hover {
  text-decoration: underline;
}
.city-lists-holder .h5-heading {
  padding: 15px 0 0;
  margin: 0;
}
@media only screen and (min-width: 520px) {
  .city-lists ul li {
    display: inline-block;
    padding: 2.5% 2% 2.5% 0;
    width: 47%;
  }

  ul#locations-tab li.active:after {
    left: 46%;
  }
}
@media only screen and (min-width: 720px) {
  .city-lists ul li {
    padding: 1.5% 2% 1.5% 0;
  }
  .city-lists ul li {
    width: 24%;
  }
}
@media only screen and (min-width: 1050px) {
  .city-lists ul li {
    padding: 1% 2% 1% 0;
  }
  .city-lists ul li a {
    font-size: 18px;
  }
  .locations-tab-content {
    max-width: 1000px;
    margin: 0 auto;
  }
  ul#locations-tab li.active:after {
    left: 49%;
  }
  ul#locations-tab li span a span.short-form {
    display: none;
  }
  ul#locations-tab li span a span.full-form {
    display: block;
  }
}

section.image-background-text-top-container.with-padding,
section.image-background-text-top-container.none.with-padding,
section.image-background-text-top-container.white-background.with-padding,
section.image-background-text-top-container.light-background.with-padding,
section.image-background-text-top-container.gray-background.with-padding {
}

section.image-background-text-top-container.without-padding,
section.image-background-text-top-container.none.without-padding,
section.image-background-text-top-container.white-background.without-padding,
section.image-background-text-top-container.light-background.without-padding,
section.image-background-text-top-container.gray.without-padding {
  padding-top: 0;
}
section.image-background-text-top-container {
  overflow: hidden;
  position: relative;
  padding: 10px 0px 40px;
}
section.image-background-text-top-container img {
  max-width: none;
  min-width: 100%;
  visibility: hidden;
  height: 520px;
}
section.image-background-text-top-container.none img,
section.image-background-text-top-container.white-background img,
section.image-background-text-top-container.light-background img,
section.image-background-text-top-container.gray img,
section.image-background-text-top-container .text-top-holder-program img {
  min-width: 0px;
  visibility: visible;
  height: 100%;
  max-width: inherit;
}
section.image-background-text-top-container.none .download-button,
section.image-background-text-top-container.white-background .download-button,
section.image-background-text-top-container.light-background .download-button,
section.image-background-text-top-container.gray .download-button,
section.image-background-text-top-container
  .text-top-holder-program
  .download-button {
  display: inline;
}
section.image-background-text-top-container.none,
section.image-background-text-top-container.white-background,
section.image-background-text-top-container.light-background,
section.image-background-text-top-container.gray {
  height: auto;
  padding: 40px 0;
}

section.image-background-text-top-container.white-background {
  background: #fff;
}
section.image-background-text-top-container.gray {
  background: #354447;
}
section.image-background-text-top-container.light-background {
  background: #f9f9f9;
}
section.image-background-text-top-container.gray .hide-show-link {
  cursor: pointer;
}

.gray .text-top-holder-program p,
.gray .text-top-holder-program .p-body,
.gray .text-top-holder-program h1,
.gray .text-top-holder-program .h1-heading,
.gray .text-top-holder-program h2,
.gray .text-top-holder-program .h2-heading,
.gray .text-top-holder-program h3,
.gray .text-top-holder-program .h3-heading,
.gray .text-top-holder-program h4,
.gray .text-top-holder-program .h4-heading,
.gray .text-top-holder-program h5,
.gray .text-top-holder-program .h5-heading,
.gray .text-top-holder-program .large-copy {
  color: #fff;
}
.text-top-holder-program .small-copy {
  color: #666;
}
.gray .text-top-holder-program .small-copy {
  color: #e4e4e4;
}
section.image-background-text-top-container p {
  margin-top: 5px;
  width: 100%;
}

.text-top-holder-program {
  position: absolute;
  left: 0;
  margin: 0 auto 20px;
  right: 0;
  top: 0;
  width: 90%;
}
.text-top-holder-program ul li {
  text-indent: -1em;
}
.text-top-holder-program ul li p {
  display: inline;
}

.text-top-holder-program h2 {
  margin: 0;
  /*text-align: center;*/
}
.text-top-holder-program p span.text-link {
  color: #00a162;
}
.text-top-holder-program .valign-top {
  position: absolute;
  top: 40px;
  left: 0px;
  right: 0px;
}
.text-top-holder-program .valign-middle {
  position: absolute;
  top: 150px;
  left: 0px;
  right: 0px;
}
.none .text-top-holder-program .valign-top,
.none .text-top-holder-program .valign-middle,
.white-background .text-top-holder-program .valign-top,
.white-background .text-top-holder-program .valign-middle,
.gray .text-top-holder-program .valign-top,
.gray .text-top-holder-program .valign-middle,
.light-background .text-top-holder-program .valign-top,
.light-background .text-top-holder-program .valign-middle {
  position: relative;
  top: 0px;
}
.none .text-top-holder-program,
.white-background .text-top-holder-program,
.gray .text-top-holder-program,
.light-background .text-top-holder-program {
  position: relative;
  left: 0;
  margin: 0 auto;
  right: 0;
  top: 0;
  width: 90%;
}
.none .text-top-holder-program ul li,
.none .text-top-holder-program ul li p,
.white-background .text-top-holder-program ul li,
.white-background .text-top-holder-program ul li p,
.light-background .text-top-holder-program ul li,
.light-background .text-top-holder-program ul li p {
  color: #666;
}
.gray .text-top-holder-program ul li,
.gray .text-top-holder-program ul li p {
  color: #fff;
}
.text-holder {
  margin: 25px 0;
}
.hide-show-link {
  color: #00a162;
  font-family: "Open Sans Light", "Open Sans";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}
.hide-show-link:hover {
  color: #00a162;
  text-decoration: underline;
}
.show-hide-section {
  display: none;
  margin: 0 auto;
  max-width: 1000px;
  padding-top: 15px;
}
.show-hide-section ul {
  padding: 0 20px;
}
.show-hide-section ul li {
  font-size: 14px;
  margin: 20px 0;
}
.show-hide-section .p-body {
  text-align: left;
}
.p-body-strong {
  color: #fff;
  display: block;
  margin-top: 30px;
}
@media only screen and (min-width: 520px) {
}
@media only screen and (max-width: 719px) {
  section.image-background-text-top-container.mobile-background {
    background: none #f9f9f9 !important;
    height: auto;
    padding: 40px 0;
  }
  section.image-background-text-top-container.mobile-background img {
    display: none;
  }
  .mobile-background .text-top-holder-program {
    position: relative;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: 0;
    width: 90%;
  }
  .mobile-background .text-top-holder-program .valign-top,
  .mobile-background .text-top-holder-program .valign-middle {
    position: relative;
    top: 0px;
    left: 0;
    right: 0;
  }
  .mobile-background .text-top-holder-program span,
  .mobile-background .text-top-holder-program p,
  .mobile-background .text-top-holder-program .p-body,
  .mobile-background .text-top-holder-program h1,
  .mobile-background .text-top-holder-program .h1-heading,
  .mobile-background .text-top-holder-program h2,
  .mobile-background .text-top-holder-program .h2-heading,
  .mobile-background .text-top-holder-program h3,
  .mobile-background .text-top-holder-program .h3-heading,
  .mobile-background .text-top-holder-program h4,
  .mobile-background .text-top-holder-program .h4-heading,
  .mobile-background .text-top-holder-program h5,
  .mobile-background .text-top-holder-program .h5-heading,
  .mobile-background .text-top-holder-program .large-copy,
  .mobile-background .text-top-holder-program .small-copy {
    color: #666 !important;
  }
  .mobile-background a {
    color: #00a162 !important;
  }
  .mobile-background p span a {
    color: #fff !important;
  }
  .mobile-background .text-top-holder-program a span.green-button,
  .mobile-background .text-top-holder-program a span.grey-button,
  .mobile-background .text-top-holder-program a span.orange-button,
  .mobile-background .text-top-holder-program a span.join-now-button,
  .mobile-background .text-top-holder-program a span.external-page-button,
  .mobile-background .text-top-holder-program a span.site-navigation-button,
  .mobile-background .text-top-holder-program a span.form-button {
    color: #fff !important;
  }
}
@media only screen and (min-width: 720px) {
  .text-top-holder-program .align-left {
    left: 0;
    width: 45%;
  }
  .text-top-holder-program .align-right {
    left: 50%;
    position: relative;
    width: 45%;
  }
  .text-top-holder-program {
    text-align: left;
  }
  .text-holder {
    margin-top: 25px;
    text-align: left;
  }
  .text-top-holder-program a {
    text-align: center;
  }
}
@media only screen and (min-width: 1050px) {
  .text-top-holder-program h1,
  .text-top-holder-program h2 {
    margin: 10px 0;
    max-width: 100%;
  }
  .hide-show-link {
    font-size: 18px;
  }
  section.image-background-text-top-container {
    height: 520px;
  }
  section.image-background-text-top-container img {
    height: auto;
  }
  section.image-background-text-top-container.none img,
  section.image-background-text-top-container.white-background img,
  section.image-background-text-top-container.light-background img,
  section.image-background-text-top-container.gray img {
    min-width: initial;
    visibility: visible;
    height: 100%;
  }
  section.image-background-text-top-container.none,
  section.image-background-text-top-container.white-background,
  section.image-background-text-top-container.light-background,
  section.image-background-text-top-container.gray {
    padding: 55px 15px 70px;
  }
  section.image-background-text-top-container p {
    margin: 7px auto 0;
    max-width: 1000px;
  }
  .text-top-holder-program {
    max-width: 1000px;
    min-width: 800px;
    width: 100%;
  }
  .none .text-top-holder-program,
  .white-background .text-top-holder-program,
  .gray .text-top-holder-program,
  .light-background .text-top-holder-program {
    position: relative;
  }
}

.interested-plan-section {
  padding: 35px 0 40px 0;
}
.interested-plan-section p {
  margin-bottom: 0;
}
.interested-plan-section .large-copy {
  color: #666666;
  font-size: 18px;
}

.rate-plan-title-button-section {
  text-align: center;
}

@media only screen and (min-width: 1050px) {
  .rate-plan-title-button-section {
    width: 800px;
    margin: 0 auto;
  }
  .rate-plan-title-button-section div.rate-plan-description-section {
    text-align: justify;
  }
}

.rateheaderfixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 36px;
  z-index: 99;
}

.fee-container {
  background: #f9f9f9;
}

.fee-container section.introduction {
  background: transparent;
}
.fee-container h2 {
  padding: 70px 0 30px 0;
}

.fee-wrapper {
  margin: 0 auto 20px;
}

.fee-table {
  background: #ffffff;
  border: 1px solid #e4e4e4;
  border-collapse: collapse;
  display: table;
  margin: 0 auto;
  table-layout: fixed;
  width: 90%;
  max-width: 1000px;
}

.fee-wrapper:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.fee-row {
  display: table-row;
}

.fee-row:hover {
  background: #f2f2f2;
}

.fee-info,
.fee-price {
  border: 1px solid #e4e4e4;
  display: table-cell;
  padding: 15px;
  vertical-align: middle;
}

.fee-info {
  width: 50%;
}

.fee-info h5 {
  margin: 0;
  text-align: left;
}

.fee-info section,
.fee-price section,
.fee-info p,
.fee-price p {
  width: 100%;
  padding: 0;
}

.fee-info .p-body,
.fee-price .p-body {
  display: block;
  margin: 0;
  text-align: left;
  color: #666666;
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
  padding: 0 0 15px 0;
}

.fee-info .h4-heading,
.fee-price .h4-heading {
  font-weight: bold;
}
.fee-price {
  width: 30%;
}

.fee-price h4,
.fee-price p {
  margin: 0;
  text-align: center;
}
.summary-list {
  font-size: 13px;
  color: #666666;
  font-weight: 200;
}

.fee-row .intro {
  width: auto;
}
.fee-table .fee-info .intro p span.h5-heading {
  padding: 0;
}
.fee-table .fee-info .intro ul {
  padding-left: 15px;
}

@media only screen and (min-width: 1050px) {
  .fee-wrapper .introduction {
    width: 100%;
  }
  .fee-table {
    width: 100%;
  }
  .fee-container .intro {
    width: 1000px;
  }
  .fee-wrapper .fee-table .introduction {
    width: 100%;
  }
  .fee-wrapper .introduction .intro {
    width: 100%;
  }
}

section.component-section {
  width: 100%;
  background: #fff;
}
.component-separator.centered {
  width: 90%;
  margin: 0px auto;
  height: 1px;
  text-align: center;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #d4d4d4;
}
.component-separator {
  width: 100%;
  margin: 0px auto;
  height: 1px;
  text-align: center;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #d4d4d4;
}
@media only screen and (min-width: 1050px) {
  .component-separator.centered {
    width: 1000px;
  }
  .component-separator {
    width: 100%;
  }
}

div.image {
  margin-bottom: 20px;
  overflow: hidden;
}

div.image img {
  display: block;
}
div.image small {
  display: block;
}
.university-program-banner {
  overflow: hidden;
}
.university-program-banner img {
  min-width: 100%;
  height: 500px;
  max-width: none;
}

@media only screen and (min-width: 520px) {
}
@media only screen and (min-width: 720px) {
}
@media only screen and (min-width: 1050px) {
  .university-program-banner {
    height: 500px;
  }
  .university-program-banner img {
    min-width: 100%;
    height: auto;
    max-width: none;
  }
}

/* Sub heading styles */

section.sub-heading {
  position: fixed;
  width: 100%;
  border-top: 2px solid #e4e4e4;
  text-align: center;
  margin: 0 auto;
  display: inline-flex;
  z-index: 999;
  background: #f9f9f9;
}
.navigation-wrapper {
  margin: 0 auto;
  display: none;
}
.navigation-wrapper ul {
  background: #f9f9f9;
  padding: 0;
  margin: 12px 0;
}
.navigation-wrapper ul li {
  text-align: center;
  list-style-type: disc;
  list-style-position: inside;
  color: #f9f9f9;
  width: 7px;
}

.navigation-wrapper ul li.selected-item,
.navigation-wrapper ul li.selected-item a {
  color: #354447;
}

.navigation-wrapper ul li a {
  font-family: "Open Sans";
  font-size: 14px;
  color: #868686;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  word-wrap: break-word;
  display: inline-block;
  padding: 10px 0;
  outline: none;
}
.no-touch .navigation-wrapper ul li a:hover {
  color: #00a162;
}
.navigation-wrapper ul li a:hover,
.navigation-wrapper ul li a:active,
.navigation-wrapper ul li a:visited,
.navigation-wrapper ul li a:focus {
  text-decoration: none;
}
a.nav-close-panel {
  background-color: #f9f9f9;
  border-top: 1px solid #e4e4e4;
  bottom: 0;
  color: #00a162;
  display: block;
  font-weight: 600;
  position: fixed;
  text-align: center;
  text-decoration: none;
  width: 100%;
  z-index: 998;
  outline: none;
}
a.nav-close-panel .sub-menu-show {
  display: block;
  line-height: 51px;
  width: 100%;
}
a.nav-close-panel .sub-menu-hide {
  display: none;
  line-height: 50px;
  width: 100%;
}
a.nav-close-panel .sub-menu-show:active,
a.nav-close-panel .sub-menu-hide:active {
  background: #e9e9e9;
}
@media only screen and (max-width: 519px) {
  .navigation-wrapper ul li {
    padding-right: 15px;
  }
  .navigation-wrapper ul li.selected-item {
    padding-right: 0;
  }
  .navigation-wrapper ul li a {
    padding: 17px 0;
  }
}
@media only screen and (min-width: 520px) {
  section.sub-heading {
    min-height: 60px;
    width: 100%;
    bottom: 0;
  }
  a.nav-close-panel {
    display: none !important;
  }
  .navigation-wrapper {
    display: block;
  }
  .navigation-wrapper ul {
    background: #f9f9f9;
    margin-top: 15px;
  }
  .navigation-wrapper ul li {
    display: inline-block;
    list-style-type: none;
    padding: 0px 15px;
  }
  .navigation-wrapper ul li a {
    font-size: 14px;
    font-weight: 600;
  }
}
@media only screen and (min-width: 720px) {
  section.sub-heading {
    min-height: 60px;
  }
  .navigation-wrapper ul li {
    padding: 0px 8px;
  }
}
@media only screen and (min-width: 1050px) {
  section.sub-heading {
    /*top:76px;
	bottom:auto;*/
    height: fit-content !important;
    position: relative;
    width: 100%;
    border-bottom: 2px solid #e4e4e4;
    border-top: 1px solid transparent;
    text-align: center;
    margin: 0 auto;
    display: inline-flex;
  }
  .navigation-wrapper {
    margin: 0 auto;
  }
  .navigation-wrapper ul {
    margin-top: 20px;
  }
  .navigation-wrapper ul li {
    float: left;
    width: auto;
    padding: 0 5px;
  }
  .navigation-wrapper ul li a {
    font-size: 16px;
    padding: 0px;
  }
  .no-touch .navigation-wrapper ul li a:hover {
    color: #00a162;
  }
}
section.sub-heading {
  visibility: hidden;
}

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cd-faq-categories.stick {
    position: fixed;
    z-index: 999999;
    margin-top:91px;
}
.cd-faq-categories a.active {
  color:#354447 !important;  font-weight:800;
}
.hide-faq {
  display: none;
}

.faq {
  padding-top: 30px;
  background-color: #f9f9f9;
  margin: auto;
    border-bottom:1px solid #e4e4e4;
}

.cd-faq-trigger::after, .cd-faq-trigger::before {
  content: '';
}

/*section.introduction {
  padding-bottom: 0;
}*/

.cd-faq {
  max-width: 1024px;
  margin: auto;
  background-color: transparent;
}

.cd-faq:after {
  content: "";
  display: table;
  clear: both;
}

.cd-faq-group li.faq-group-title {
  border: none;
  margin: 0;
}

.cd-faq-categories li {
  list-style-type: none;
  margin: 0 0 0 10px;

}
/*.cd-faq-categories li.selected-item, .cd-faq-categories li.selected-item a {
color:#354447;
}*/

.cd-faq-categories li.active {  
  background: url('clientlibs-commons/images/application/disc.png') 7px 15px no-repeat;
}

.cd-faq-categories li ul li a {
  color: #666;
 /* opacity: 0.3490196;*/
  font-size: 14px;
  font-weight: 400;
  background: none;
}

.cd-faq-categories {
  display: none;
  padding: 0;
  position: fixed;
  bottom: 37px;
  z-index: 9999;
  width: 100%;
  margin-top: 0;
  border-top: 1px solid #ccc;
  background-color: #F9F9F9;
  padding: 25px 0;
   /* height:350px;
    overflow-y:auto;*/
    
}
.cd-faq-categories a:hover {
text-decoration: none;

}
.cd-faq-categories > li a {
  color: #354447;
  font-weight: 800;
}

.cd-faq-categories > li.active a {
  opacity: 1;
}

.cd-faq-categories a {
  display: block;
  overflow: hidden;
  height: 36px;
  line-height: 36px;
  padding: 0 0 0 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #354447;
 /* opacity: 0.6;*/
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cd-faq-categories a::before, .cd-faq-categories a::after {
    /* plus icon on the right */
  position: absolute;
  top: 50%;
  right: 16px;
  display: inline-block;
  height: 1px;
  width: 10px;
  background-color: #7f868e;
}

.cd-faq-categories a::after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.cd-faq-categories li:last-child a {
  border-bottom: none;
}

.cd-faq-items {
  position: relative;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  padding: 1% 3%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: initial;
  -moz-transform: initial;
  -ms-transform: initial;
  -o-transform: initial;
  transform: initial;
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
}

.cd-faq-items.slide-in {
  -webkit-transform: translateZ(0) translateX(0%);
  -moz-transform: translateZ(0) translateX(0%);
  -ms-transform: translateZ(0) translateX(0%);
  -o-transform: translateZ(0) translateX(0%);
  transform: translateZ(0) translateX(0%);
}

.no-js .cd-faq-items {
  position: static;
  height: auto;
  width: 100%;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.faq-Section {
    /* hide group not selected */
  /*display: none;*/
  margin: 0 0 40px;
}

.faq-Section:first-child {
      /* all groups visible */
  /*display: block;*/
}

.cd-faq-group.selected {
  display: block;
}

.cd-faq-group .cd-faq-title {
  background: #f9f9f9;
  box-shadow: none;
  margin: 1.5em 0 1em;
}

.no-touch .cd-faq-group .cd-faq-title:hover {
  box-shadow: none;
}

.cd-faq-group .cd-faq-title h2 {
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #bbbbc7;
}

.no-js .cd-faq-group {
  display: block;
}

section.faq h4.h4-heading {
  font-size: 18px;
  text-align: center;
}

section.faq p.p-body {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
}

.cd-faq-group {
  list-style: none;
  padding: 0;
}

a.cd-faq-trigger {
  position: relative;
  display: block;
  line-height: 1.5;
  color: #00A162;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  padding: 10px 60px 14px 15px;
  text-decoration: none;
}

.cd-faq-group li {
  border: 2px solid #E4E4E4;
  margin: 0 0 10px 0;
  background-color: #fff;
}

.cd-faq-group li:hover {
  border: 2px solid #bcbcbc;
}
li.cd-faq-title,li.cd-faq-title:hover {
  border: none;
}

.cd-faq-trigger::before, .cd-faq-trigger::after {
  /* arrow icon on the right */
  position: absolute;
  right: 24px;
  top: 24px;
  height: 2px;
  width: 13px;
  background: #00A162;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.cd-faq-trigger::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 32px;
}

.cd-faq-trigger::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.content-visible .cd-faq-trigger::before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.content-visible .cd-faq-trigger::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cd-faq-content {
  display: none;
  padding: 15px;
  color: #666;
  font-weight: 200;
  border-top: 2px solid #e4e4e4;
}
.cd-faq-content .p-body{
    line-height
}
.cd-faq-content a {
  color: #00A162;
  font-weight: 600;
}

.faq .intro p, .faq section.introduction {
  width: auto;
}

.faq section.introduction {
  padding-top: 10px;
  width: auto;
}



  /* Search Section */
.faqSearchSection {
  width: 100%;
  background: #354447;
  padding: 25px 0px 35px;
}

.searchbox {
  margin: 0 5%;
  position: relative;
  width: 90%;
}

.search-term {
  margin-top: 50px;
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

.search-term ul {
  margin: 0 0 20px;
  padding: 0;
  line-height: 40px;
}

.search-term li a {
  line-height: 30px;
  font-weight: 600;
  display: inline-block;
  font-family: 'Open Sans Regular', 'Open Sans';
  color: #0dc977;
  font-style: normal;
}

.search-term li a:hover,.search-term li a:visited {
  text-decoration: underline;
  color: #0dc977;
}
.search-term li a:active {
  text-decoration: none;
  color: #00A162;
}
.search-term li { 
  color: #FFF;
  font-family: 'Open Sans Bold', 'Open Sans';
  font-weight: 700;
  font-size: 16px;
  list-style: none;
  display: inline-block;
  margin: 0 10px;
}

.search-term li:first-child {
  display: block;
}

.searchbox input {
  padding: 0 0px 0 40px;
  width: 86%;
  font-weight: 400;
  border:2px solid #E4E4E4;
  height:50px !important;
  line-height:normal;
  -webkit-appearance: none;

    border-radius:0;
 }
.searchbox input:hover {
    border-color:#BCBCBC;
}

.searchbox input:focus {
    border-color:#00a162;
}
.searchbox input::-webkit-input-placeholder {
  text-align: left;
}

.searchbox input:-moz-placeholder {
 /* Firefox 18- */
  text-align: left;
}

.searchbox input::-moz-placeholder {
  /* Firefox 19+ */
  text-align: left;
}

.searchbox input:-ms-input-placeholder {
  text-align: left;
}

.faq-container .content {
  width: 100%;
}

a.cd-close-panel {
  display: block;
  background-color: #FFF;
  position: fixed;
  bottom: 0;
  width: 100%;
  color: #00A162;
  z-index:9999999;
  text-align: center;
  border-top: 1px solid #E4E4E4;
  font-weight: 600;
  text-decoration: none;
}

a.cd-close-panel .menu-show {
  display: block;
  width: 100%;
  line-height: 50px;
  background-color: #F9F9F9;
  font-size: 16px;
}

a.cd-close-panel .menu-hide {
  display: none;
  width: 100%;
  line-height: 50px;
  background-color: #FFF;
  font-size: 16px;
}
a.cd-close-panel .menu-show:active, a.cd-close-panel .menu-hide:active {
  background-color: #E9E9E9;
}

section.faqContactUs {
  border-top: 1px solid #E4E4E4;
    padding: 10px 15px 40px;
  text-align: center;
}



.cd-faq-categories ul {
  padding-left: 20px;
  margin: 0;
}

 .search-faq-wrapper {
margin-top: 25px;

  }

.no-result {
  display: none;
  font-size: 21px;
  font-weight: 200;
  color: #666;
  opacity: 1;
  padding: 0% 8% 5%;
  max-width:1000px;
  margin:0 auto;
}

.searchbox .search-container {
  position: relative;
  width: 100%;
  margin: auto;
}
.cd-faq-group .cd-faq-content li {
  border: 0;
}
.searchbutton {
display: none;
}
.search-faq-wrapper .searchbox .searchbutton::after {
  content:'\D7';
  position: absolute;
  top: -4px;
  right: 7%;
  font-size: 40px;
  font-weight: 100;
  color: #C9C9C9;
}
.search-faq-wrapper .searchbox .searchbutton:hover:after {
  color: #a1a1a1;
}
.search-container .glyphicon-search {
  position: absolute;
  left: 10px;
  top: 15px;
  font-size: 20px;
  color: #ccc;
}
.cd-faq-tags {
  display:none;
}
@media only screen and (max-device-width: 519px) {
    .cd-faq-categories {
         height:360px;
         -webkit-overflow-scrolling: touch;
         overflow-y:scroll; 
                }      
}
@media only screen 
  and (min-device-width: 320px) 
  and (-webkit-min-device-pixel-ratio: 1.3)
  and (orientation: landscape) {
    .cd-faq-categories {
        padding-top:110px;
        }
}
@media only screen and (min-width: 320px) {
  .cd-faq-categories {
    display: none;
  }
}

@media only screen and (min-width: 520px) {
  section.faq h4.h4-heading {
    font-size: 24px;
    text-align: left;
  }  
        .searchbox input {
        width:92%;
            }
    .search-faq-wrapper .searchbox .searchbutton::after {
                        right:4%;
                    }

}
@media only screen and (max-width: 719px) {
.cd-faq-categories li.active ul li.active a {
  font-weight: 600;
     color: #354447;
}
        }
@media only screen and (min-width: 720px) {
.searchbox input {
                    width:94%;
                    }

  a.cd-close-panel, a.cd-close-panel .menu-hide, a.cd-close-panel .menu-show {
    display: none;
  }

  .cd-faq-right {
     float:left;
  }                
  .cd-faq-items {
    float: left;
    height: auto;
    width: 70%;
    overflow: visible;
    -webkit-transform: translateZ(0) translateX(0);
    -moz-transform: translateZ(0) translateX(0);
    -ms-transform: translateZ(0) translateX(0);
    -o-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    padding: 0 0 0 30px;
    background: transparent;
  }

  .cd-faq {
    position: relative;
    box-shadow: none;
  }

  .cd-faq-categories {
    position: absolute;
    top: 15px;
    /*right: 0;*/
    width: 230px;
    z-index: 2;
    display: block;
    margin-left: 10px;
    border-top: 0;
    padding: 0;
    background:transparent;
  }

  .cd-faq-categories a::before, .cd-faq-categories a::after {
    display: none;
  }

  .no-js .cd-faq-categories {
    width: 100%;
    margin-bottom: 2em;
  }

  .faqSearchSection {
    padding: 35px 0px 60px;
  }

  .search-term ul {
    margin: 0;
  }

  .search-term li a {
    padding: 8px 10px;
  }

  .search-term li:first-child {
    display: inline-block;
  }

  .search-term li {
    margin: 0;
  }


  .cd-faq-categories a {
    font-size: 21px;
     /* opacity: 0.3;*/
  }

   .searchbox {
    margin: 10px auto 0;
 }

  .search-term {
    width: 100%;
  }
  .cd-faq-categories li {
    margin: 0;
  }
  .cd-faq-categories li.active {  
    background: none;
  }
}

@media only screen and (min-width: 1050px) {

  .faq {
    padding-top: 20px;
  }

  .no-js .cd-faq-items {
    padding-left: 0;
  }
.cd-faq-content .p-body{
    line-height:31px;
}

  .cd-faq-categories a::before {
      /* decorative rectangle on the left visible for the selected item */
    display: block;
    top: 60px;
    right: auto;
    left: 0;
    height: 100%;
    width: 3px;
    background-color: #a9c056;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }

  .cd-faq-categories .selected {
    opacity: 10;
  }

  .cd-faq-categories .selected::before {
    opacity: 1;
  }

  .cd-faq-categories.is-fixed {
      /* top and left value assigned in jQuery */
    position: fixed;
  }

  .no-js .cd-faq-categories {
    position: relative;
  }

  section.faq p.p-body {
    font-size: 18px;
    line-height: 31px;
  }

  .searchbox {
    width: 1000px;
  }

  .search-term {
    width: 1000px;
    margin: 0 auto;
  }

  .searchbox .search-container {
    width: 80%;
  }
  
  .search-term li {
    font-size: 18px;
  }

  section.faqContactUs {
    padding: 40px 0 70px;
  }

  .faq-Section {
    margin: 0 0 70px;
  }
  .search-faq-wrapper {
    margin-top: 45px;

  }
  .no-result {
    font-size: 30px;
  }
  a.cd-faq-trigger {
    font-size: 21px;
  }

}

#video-carousel {
  margin: 0 auto;
  padding: 30px 15px 40px 15px;
  background: #fff;
}

.photo-gallery {
  width: 288px;
  height: 230px;
  margin: 0 auto;
  padding: 0 0 76px;
}
.photo-gallery .sliderkit-panel {
  width: 100%;
}
.sliderkit .sliderkit-nav-clip {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin: 0 auto;
  width: 210px !important;
  height: 65px !important;
}

@media only screen and (min-width: 520px) {
  .photo-gallery {
    width: 488px;
    height: 343px;
  }
}
@media only screen and (min-width: 720px) {
  .photo-gallery {
    width: 688px;
    height: 455px;
  }
}
@media only screen and (min-width: 1050px) {
  #video-carousel {
    margin: 0px auto;
    padding: 55px 15px 70px 15px;
  }
  .photo-gallery {
    width: 950px;
    height: 636px;
    padding: 0 0 76px;
  }
}

#video-carousel .h2-heading {
  margin-bottom: 25px;
  max-width: 800px;
}
.sliderkit {
  display: none;
  position: relative;
  overflow: hidden;
  text-align: left;
}
.sliderkit a,
.sliderkit a:hover {
  text-decoration: none;
}
.sliderkit a:focus {
  outline: 1px dotted #000; /*optional*/
}
.sliderkit img {
  border: 0;
}

.slider-img-title {
  padding: 10px;
  background-color: #ece5ed;
  float: left;
  position: absolute;
  top: 22px;
  right: 0px;
  width: 29%;
}

.slider-img-title h1 {
  color: #065b8f;
  font-weight: bold;
  font-size: 13px;
}

.slider-img-title p {
  font-size: 10px;
  color: #323131;
  padding: 10px 25px 0px 0px;
}
/*---------------------------------
 *  Navigation
 *---------------------------------*/
.sliderkit .sliderkit-nav {
  z-index: 10;
  position: absolute;
  text-align: center;
}

/* Nav > Clip */

.sliderkit .sliderkit-nav-clip ul {
  position: relative;
  left: 0;
  top: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sliderkit .sliderkit-nav-clip ul li {
  float: left;
}
.sliderkit .sliderkit-nav-clip ul li a {
  display: block;
  overflow: hidden;
  outline: 0;
}

/*---------------------------------
 *  Buttons
 *---------------------------------*/
.sliderkit .sliderkit-btn {
  z-index: 10;
}

/*---------------------------------
 *  Panels
 *---------------------------------*/
.sliderkit .sliderkit-panel {
  z-index: 1;
  position: absolute;
  overflow: hidden;
}
.sliderkit .sliderkit-panel-active {
  z-index: 5;
}
.sliderkit .sliderkit-panel-old {
  z-index: 4;
}

/*---------------------------------
 *  Photos gallery > Standard
 *---------------------------------*/

/* Navbar */
.photo-gallery .sliderkit-nav {
  left: 0;
  bottom: 3px;
  width: 288px;
  background: #fff;
}
.photo-gallery .sliderkit-nav-clip ul li {
  float: left;
  margin: 0;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  width: 72px !important;
  height: 65px !important;
}
.photo-gallery .sliderkit-nav-clip ul li a:first-child {
  display: block;
  width: 71px;
  height: 66px;
  padding-bottom: 30px;
  overflow: hidden;
  opacity: 1;
}
.photo-gallery .sliderkit-nav-clip ul li:last-child {
  border-right: none;
  width: 69 !important;
}
.photo-gallery .sliderkit-nav-clip ul li a {
  display: block;
  width: 69px;
  height: 66px;
  overflow: hidden;
}
.photo-gallery .sliderkit-nav-clip ul li.sliderkit-selected a {
  background: #e9e9e9;
  height: 63px;
}
/*.photo-gallery .sliderkit-nav-clip ul li:last-child.sliderkit-selected a{width:116px !important;}*/
.photo-gallery .sliderkit-nav-clip a img {
  display: block;
  margin: 10px auto;
  width: 100%;
  vertical-align: middle;
}
/* Buttons */
.photo-gallery .sliderkit-btn {
  position: absolute;
  top: 0;
  opacity: 1;
}
.photo-gallery .sliderkit-btn span {
  display: none;
}
.photo-gallery .sliderkit-btn-disable {
  opacity: 1 /*can be set to any value until 1*/;
  cursor: default;
}
.photo-gallery .sliderkit-btn-disable a:hover {
  cursor: default;
}
.photo-gallery .sliderkit-selected span {
}
.photo-gallery .sliderkit-nav-clip ul li a:hover span,
.photo-gallery .sliderkit-selected span {
  background: -webkit-linear-gradient(
    #8d0a70,
    #4e014a
  ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#8d0a70, #4e014a); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    #8d0a70,
    #4e014a
  ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(
    #8d0a70,
    #4e014a
  ); /* Standard syntax (must be last) */
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#8D0A70", endColorStr="#4E014A"); /* For IE9 */
  font-size: 10px;
  color: #fff !important;
}
.photo-gallery .sliderkit-nav-clip ul li a:hover {
  color: #fff;
  background: #e9e9e9;
  opacity: 1;
  height: 63px;
}
.photo-gallery .sliderkit-nav-clip ul li:last-child a:hover {
}
.photo-gallery .sliderkit-nav-clip a span {
  font-size: 10px;
  display: block;
  line-height: 30px;
  height: 30px;
  color: #006899;
}
/* Navbar buttons */
.photo-gallery .sliderkit-nav .sliderkit-btn a {
  display: inline-block;
  outline: 0;
  width: 42px;
  height: 65px;
}
.photo-gallery .sliderkit-nav .sliderkit-btn a img {
  width: 8px;
  height: 15px;
  vertical-align: middle;
  margin: 24px auto;
}
.photo-gallery .sliderkit-nav .sliderkit-nav-prev {
  left: 0px;
}
.photo-gallery .sliderkit-nav .sliderkit-nav-next {
  right: 0px;
}
.photo-gallery .sliderkit-nav .sliderkit-nav-prev a {
  border: 1px solid #ccc;
  border-right: none;
}
.photo-gallery .sliderkit-nav .sliderkit-nav-next a {
  border: 1px solid #ccc;
  border-left: none;
}
.photo-gallery .sliderkit-nav .sliderkit-nav-prev a:hover,
.photo-gallery .sliderkit-nav .sliderkit-nav-prev a:focus {
  background-position: 0px center;
}
.photo-gallery .sliderkit-nav .sliderkit-nav-next a:hover,
.photo-gallery .sliderkit-nav .sliderkit-nav-next a:focus {
  background-position: -48px center;
}

/* Panels buttons */
.photo-gallery .sliderkit-go-btn {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 50px;
  height: 260px;
}
.photo-gallery .sliderkit-go-prev {
  left: 0;
}
.photo-gallery .sliderkit-go-next {
  right: 0;
}
.photo-gallery .sliderkit-go-btn a {
  display: block;
  width: 50px;
  height: 251.5px;
  opacity: 0.6;
  cursor: pointer;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
}
.photo-gallery .sliderkit-go-prev a {
  background-image: url("../../../apps/ccw/components/content/global/video/clientlibs/images/slider-arrow-left.gif");
}
.photo-gallery .sliderkit-go-next a {
  background-image: url("../../../apps/ccw/components/content/global/video/clientlibs/images/slider-arrow-right.gif");
}
.photo-gallery .sliderkit-btn-disable a img {
  opacity: 0.7 /*can be set to any value until 1*/;
  cursor: default;
}
.photo-gallery .sliderkit-go-btn span {
  display: none;
}

/* Prev Next Buttons */

.photo-gallery .sliderkit-nav .sliderkit-nav-prev a::after {
  content: "\2039";
}
.photo-gallery .sliderkit-nav .sliderkit-nav-next a::after {
  content: "\203A";
}
.photo-gallery .sliderkit-nav .sliderkit-nav-prev a::after,
.sliderkit-nav-next a::after {
  position: absolute;
  color: #666;
  font-weight: 100;
  top: 5px;
  font-size: 34px;
  left: 13px;
}
.photo-gallery .sliderkit-nav .sliderkit-btn-disable a::after {
  color: #c9c9c9;
}

/* Panel */
@media only screen and (min-width: 520px) {
  .photo-gallery .sliderkit-nav {
    width: 488px;
  }
  .sliderkit .sliderkit-nav-clip {
    width: 409px !important;
  }
  .photo-gallery .sliderkit-nav-clip ul li {
    width: 82px !important;
  }
  .photo-gallery .sliderkit-nav-clip ul li a:first-child {
    width: 81px;
  }
  .photo-gallery .sliderkit-nav-clip a img {
    margin: 7px auto;
  }
}
@media only screen and (min-width: 720px) {
  .photo-gallery .sliderkit-nav .sliderkit-btn a {
    width: 37px;
  }
  .photo-gallery .sliderkit-nav {
    width: 688px;
  }
  .sliderkit .sliderkit-nav-clip {
    width: 617px !important;
  }
  .photo-gallery .sliderkit-nav-clip ul li {
    width: 88px !important;
  }
  .photo-gallery .sliderkit-nav-clip ul li a:first-child {
    width: 87px;
  }
  .photo-gallery .sliderkit-nav-clip a img {
  }
}
@media only screen and (min-width: 1050px) {
  .photo-gallery .sliderkit-nav {
    width: 950px;
  }
  .sliderkit .sliderkit-nav-clip {
    width: 834px !important;
    height: 99px !important;
  }
  .photo-gallery .sliderkit-nav-clip ul li {
    width: 120px !important;
    height: 99px !important;
  }
  .photo-gallery .sliderkit-nav .sliderkit-btn a {
    height: 99px;
    width: 61px;
  }
  .photo-gallery .sliderkit-nav-clip ul li a:first-child {
    width: 119px;
    height: 99px;
  }
  .photo-gallery .sliderkit-nav-clip ul li a:hover {
    height: 97px;
  }
  .photo-gallery .sliderkit-nav-clip ul li.sliderkit-selected a {
    height: 97px;
  }
  .photo-gallery .sliderkit-nav-clip a img {
    margin: 13px auto;
  }
  .photo-gallery .sliderkit-nav .sliderkit-btn a img {
    margin: 41px auto;
  }
  .photo-gallery .sliderkit-nav .sliderkit-nav-prev a::after,
  .sliderkit-nav-next a::after {
    top: 15%;
    left: 24px;
    font-size: 40px;
  }
}

@media only screen and (max-width: 720px) {
  .photo-gallery .sliderkit-nav .sliderkit-nav-prev a::after,
  .sliderkit-nav-next a::after {
    left: 15px;
  }
}

section.video-component-wrapper {
  position: relative;
  overflow: hidden;
}

.video-component-wrapper .h2-heading {
  position: absolute;
  top: 30px;
  color: #fff;
  padding: 0 15px;
  text-align: center;
}

.video-component-wrapper img.video-wrapper {
  height: 400px;
  min-width: 100%;
  max-width: none;
}

a.video-play-button-holder {
  position: absolute;
  top: 50%;
  left: 40%;
  width: 64px;
  height: 64px;
  border-radius: 32px;
  color: #fff;
  line-height: 53px;
  text-align: center;
  background: #333;
  opacity: 1;
  border: 2px solid #fff;
  text-decoration: none;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

a.video-play-button-holder:hover {
  background: #2a2a2a;
}

a.video-play-button-holder:active {
  background: #1b1b1b;
}

a.video-play-button-holder::after {
  content: "";
  margin: 0 auto;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  border-left: 23px solid white;
  border-bottom: 15px solid transparent;
  border-top: 15px solid transparent;
  position: absolute;
  top: 15px;
  left: 19px;
  -webkit-transform: scale(0.99999);
}

a.video-play-button-holder img {
  display: none;
}

#video-modal .modal-dialog {
  margin: 80px auto;
  width: 100%;
}

.video-popup {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
}

#video-modal.modal {
  overflow: hidden;
  height: 100%;
}

#video-modal .modal-dialog {
  margin: 0 auto;
  width: 100%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}

#video-modal .close-white::after {
  content: "\D7";
}

#video-modal .close-white {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  width: 30px;
  height: 30px;
  top: 20px;
  right: 3%;
  font-weight: 100;
  color: #fff;
  font-size: 30px;
  position: absolute;
  display: block;
  z-index: 999;
}
#video-modal.modal,
#video-modal .modal-dialog,
#video-modal .modal-body {
  background: #354447;
}
#single-video_display_button {
  width: 64px;
  height: 64px !important;
  border-radius: 32px;
  color: #fff;
  line-height: 53px;
  text-align: center;
  background: #333 !important;
  border: 2px solid #fff;
  padding: 0 !important;
}
#single-video_display_button_play {
  background: none !important;
  margin: 0 auto;
  height: auto;
  display: inline-block;
  vertical-align: middle !important;
  border-left: 23px solid white;
  border-bottom: 15px solid transparent;
  border-top: 15px solid transparent;
  position: relative;
  left: 10px;
  -webkit-transform: scale(0.99999);
}

@media only screen and (min-width: 520px) {
  a.video-play-button-holder {
    left: 50%;
  }
}
@media only screen and (min-width: 1050px) {
  .modal-dialog {
    margin: 100px auto;
    width: 90%;
  }
  section.video-component-wrapper {
    height: auto;
  }
  .video-component-wrapper img.video-wrapper {
    height: auto;
    max-width: 100%;
    min-width: 100%;
  }
  .video-component-wrapper .h2-heading {
    max-width: 800px;
    left: 5%;
    text-align: left;
    top: 55px;
  }
  #video-modal .modal-dialog {
    margin: 0;
    width: 100%;
  }
  #single-video {
    width: 88% !important;
    margin: 0 6%;
  }
  #single-video.jwfullscreen {
    width: 100% !important;
    margin: 0;
  }
}

.column-easy-steps img {
  margin: 0 auto;
  padding: 0 0 10px 0;
  width: 144px;
}

section.column-details {
  /*padding:45px 0;*/
  /*border-bottom:1px solid #d4d4d4;*/
}

.column-holder h4.h4-heading {
  color: #354447;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}

.column-header h2 {
  padding: 0 15px;
}

.column-header p {
  padding: 20px 10px 0 10px;
}

.column-header p a {
  color: #00a261;
  text-decoration: none;
}

.column-options-wrapper {
  text-align: center;
}

.column-options {
  margin-bottom: 40px;
  padding: 0 20px;
  vertical-align: top;
}

.column-options h3 {
  text-align: center;
}

.column-box ul {
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
}

.column-box ul li {
  border-bottom: 1px solid #e4e4e4;
  padding: 40px 0 25px 0;
  height: 170px;
}

.column-box ul li:last-child {
  border-bottom: none;
  padding: 15px 0;
  height: 100px;
}

.column-box ul li div p.p-body {
  padding: 0 7px;
}

.column-box ul li div p.rates {
  color: #354447;
  font-family: "Open Sans Bold", "Open Sans";
  font-size: 70px;
  font-style: normal;
  font-weight: 200;
}

.column-box ul li {
  position: relative;
}

.column-box ul li .column-holder {
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.program-title {
  /*padding-top: 0;*/
}

@media only screen and (min-width: 520px) {
  .column-header h2 {
    padding: 0 30px;
  }

  .column-options {
    margin: 0 auto;
    /* width: 65%;*/
    padding: 0 0 30px;
    max-width: 400px;
  }
}

@media only screen and (min-width: 720px) {
  section.column-details {
    /*padding:45px 0 60px;*/
  }
  .column-options {
    display: inline-table;
    margin: 0 1%;
    width: 30.5%;
    max-width: none;
  }

  .column-header h2 {
    padding: 0 110px;
  }

  .column-box ul li {
    height: 200px;
  }

  .column-box ul li div p.rates {
    padding-bottom: 10px;
  }
}

@media only screen and (min-width: 1050px) {
  section.column-details {
    /*padding:80px 0 70px;*/
  }

  .column-options-wrapper {
    margin: 0 auto;
    text-align: center;
    width: 1000px;
  }

  .column-options.four-column {
    width: 205px;
    overflow: hidden;
    margin: 0 2%;
  }

  .column-options.four-column img {
    width: 100%;
  }

  .column-header h2 {
    padding: 0 210px;
  }

  .column-box ul li div p.rates {
    font-weight: 400;
    padding-bottom: 25px;
  }

  .column-box ul li div p.p-body {
    padding: 0 18%;
  }

  .column-box ul li {
    height: 225px;
  }
}

.column-easy-steps img {
  margin: 0 auto;
  padding: 0 0 10px 0;
  width: 144px;
}

section.column-details {
  /*padding:45px 0;*/
  /*border-bottom:1px solid #d4d4d4;*/
}

.column-holder h4.h4-heading {
  color: #354447;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}

.column-header h2 {
  padding: 0 15px;
}

.column-header p {
  padding: 20px 10px 0 10px;
}

.column-header p a {
  color: #00a261;
  text-decoration: none;
}

.column-options-wrapper {
  text-align: center;
}

.column-options {
  margin-bottom: 40px;
  padding: 0 20px;
  vertical-align: top;
}

.column-options h3 {
  text-align: center;
}

.column-box ul {
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
}

.column-box ul li {
  border-bottom: 1px solid #e4e4e4;
  padding: 40px 0 25px 0;
  height: 170px;
}

.column-box ul li:last-child {
  border-bottom: none;
  padding: 15px 0;
  height: 100px;
}

.column-box ul li div p.p-body {
  padding: 0 7px;
}

.column-box ul li div p.rates {
  color: #354447;
  font-family: "Open Sans Bold", "Open Sans";
  font-size: 70px;
  font-style: normal;
  font-weight: 200;
}

.column-box ul li {
  position: relative;
}

.column-box ul li .column-holder {
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.program-title {
  /*padding-top: 0;*/
}

@media only screen and (min-width: 520px) {
  .column-header h2 {
    padding: 0 30px;
  }

  .column-options {
    margin: 0 auto;
    /* width: 65%;*/
    padding: 0 0 30px;
    max-width: 400px;
  }
}

@media only screen and (min-width: 720px) {
  section.column-details {
    /*padding:45px 0 60px;*/
  }
  .column-options {
    display: inline-table;
    margin: 0 1%;
    width: 30.5%;
    max-width: none;
  }

  .column-header h2 {
    padding: 0 110px;
  }

  .column-box ul li {
    height: 200px;
  }

  .column-box ul li div p.rates {
    padding-bottom: 10px;
  }
}

@media only screen and (min-width: 1050px) {
  section.column-details {
    /*padding:80px 0 70px;*/
  }

  .column-options-wrapper {
    margin: 0 auto;
    text-align: center;
    width: 1000px;
    justify-content: center;
    display: flex;
  }

  #textonImage .column-options-wrapper {
    margin: 0 auto;
    text-align: center;
    width: 1000px;
   justify-content: center;
    display: block;
  }

  .column-options {
    width: 290px;
    margin: 0 2%;
  }

  .column-header h2 {
    padding: 0 210px;
  }

  .column-box ul li div p.rates {
    font-weight: 400;
    padding-bottom: 25px;
  }

  .column-box ul li div p.p-body {
    padding: 0 18%;
  }

  .column-box ul li {
    height: 225px;
  }
}

/* typeahead styles */
.typeahead.dropdown-menu > li > a {
  padding-left: 10px;
}

.typeahead.dropdown-menu > .active > a,
.typeahead.dropdown-menu > .active > a:hover,
.typeahead.dropdown-menu > .active > a:focus {
  background: #354447;
  background-image: none;
  color: #fff;
  padding-left: 9px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.typeahead {
  background-color: #ffffff;
}
.typeahead:focus {
  border: 0;
}
.tt-query {
  box-shadow: none;
}
.tt-hint {
  color: #999999;
}
.typeahead.dropdown-menu {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  box-shadow: 0;
  margin-top: 3px;
  padding: 8px 0;
  min-width: 290px;
  height: auto;
  max-height: 115px;
  overflow-y: scroll;
}
.tt-suggestion {
  font-size: 24px;
  line-height: 24px;
  padding: 3px 20px;
}
.tt-suggestion.tt-is-under-cursor {
  background-color: #354447;
  color: #ffffff;
}
.tt-suggestion p {
  margin: 0;
  text-align: left;
  padding-left: 0;
  font-size: 15px;
}
.input-holder {
  position: relative;
  width: 290px;
  margin: 0 auto;
}
.search-input-area {
  line-height: 21px;
}
.location-delete {
  display: none;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 15px;
  bottom: 16px;
  cursor: pointer;
}

@media only screen and (min-width: 520px) {
  .location-delete {
    right: 20px;
  }
  .input-holder {
    /*width:75%;*/
  }
  .university-business-wrapper .search-input-area,
  .university-business-wrapper ul.dropdown-menu {
    width: 100%;
  }
}
@media only screen and (min-width: 720px) {
  .input-holder {
    display: inline-block;
    /* margin: 0 0 0 10%;*/
    position: relative;
    width: 430px;
    margin-right: 10px;
    vertical-align: top;
  }
}
@media only screen and (min-width: 1050px) {
  .input-holder {
    /*margin-left:20%;*/
  }
}

/*Email and Call wrapper */

.dropdown.contact-method-drop-down select {
  min-width: 100%;
  background-position: 96% 50%;
}
.form-box-secondary input[type="text"],
.contact-form input[type="text"] {
  height: 50px !important;
  line-height: normal;
  border: 2px solid #e4e4e4;
  -webkit-appearance: none;
}
.form-container-wrapper {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.form-box-secondary input[type="text"]:hover,
.form-box-secondary input[type="text"]:active {
  border: 2px solid #bcbcbc;
}
.form-box-secondary input[type="text"]:focus {
  border: 2px solid #00a162;
}
.drop-down-arrow-img {
  background: url("clientlibs-commons/images/application/drop-down-green-arrow.png")
    no-repeat;
  width: 21px;
  height: 10px;
  position: absolute;
  right: 10px;
  top: 20px;
}
#program-name-text {
  position: relative;
  margin-top: 25px;
}
#program-name-text .text-link {
  font-size: 30px;
}
.form-box {
  position: relative;
}
.form-box .typeahead.dropdown-menu {
  width: 100%;
  min-width: 0;
  margin-top: 15px;
}
#input-form-box img {
  display: none;
}
.form-box-secondary {
  background: #f9f9f9;
  border: 2px solid #d4d4d4;
  display: inline-block;
  margin-bottom: 20px;
  padding: 40px 15px 40px 15px;
  width: 90%;
  margin-right: 0;
  vertical-align: top;
}
.form-box-secondary img {
  display: block;
  margin: 0 auto;
  width: 35%;
}
.form-box-secondary .btn-input,
.form-box-secondary input {
  /*margin-top: 15px;*/

  width: 100%;
  border: 1px solid #e4e4e4;
}
.form-box span input {
  padding-left: 90px;
}
.location-delete::after {
  content: "\D7";
}
.location-delete {
  color: #c9c9c9;
  font-size: 37px;
  font-weight: 100;
  bottom: 35px !important;
}
.location-delete:hover {
  color: #a1a1a1;
}
.form-single-box {
  display: block !important;
  position: relative !important;
  margin: 0 auto !important;
  right: auto !important;
  left: auto !important;
}
@media only screen and (min-width: 320px) {
  .form-box-secondary input[type="text"] {
    padding-right: 35px;
  }
}
@media only screen and (min-width: 520px) {
  .form-box-secondary {
    width: 450px;
  }
  .form-box-secondary {
    margin-bottom: 10px;
  }
  .form-box-secondary input[type="text"] {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 720px) {
  .form-container-wrapper {
    display: table;
    border-collapse: separate;
    border-spacing: 20px;
    position: relative;
    bottom: 40px;
  }

  .form-box-secondary {
    display: table-cell;
    position: relative;
  }
  .form-box-secondary:last-child {
    right: 50%;
  }
  .form-box-secondary:first-child {
    left: 50%;
  }
  .form-box-secondary h2 {
    margin: 15px auto 0;
  }
  .form-box-secondary {
    width: 44%;
    /* min-height: 360px;*/
    /*margin:20px 10px;*/
  }
  .form-box-secondary p {
    padding: 0 35px 0 35px;
    width: initial;
  }
  .form-container-wrapper .float-left {
    margin-left: 25px;
  }
}
@media only screen and (min-width: 1050px) {
  .form-container-wrapper {
    width: 1000px;
  }
  .form-box-secondary {
    /* height: 425px;*/
  }

  /* Add later for keeping heights the same */

  .form-box-secondary {
    margin: 0px 0 40px 25px;
    padding: 40px 15px 40px 15px;

    width: 450px;
  }
}
/* added for firefox */
@-moz-document url-prefix() {
  .form-box-secondary:last-child {
    right: 52%;
  }
  .form-box-secondary:first-child {
    left: 52%;
  }
}

/*!
 * Slider for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.slider.slider-horizontal {
  width: 210px;
  height: 20px;
}
.slider.slider-horizontal .slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}
.slider.slider-horizontal .slider-selection {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
  margin-top: -17px;
}
.slider.slider-horizontal .slider-handle.triangle {
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #0480be;
  margin-top: 0;
}
.slider.slider-vertical {
  height: 210px;
  width: 20px;
}
.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  margin-left: -5px;
  left: 50%;
  top: 0;
}
.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.slider.slider-vertical .slider-handle {
  margin-left: -5px;
  margin-top: -10px;
}
.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #0480be;
  margin-left: 0;
}
.slider input {
  display: none;
}
.slider .tooltip-inner {
  white-space: nowrap;
}
.slider-track {
  position: absolute;
  cursor: pointer;
  background-color: #00a162;
  /*background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
}
.slider-selection {
  position: absolute;
  background-color: #d7d7d7;
  /*background-image: -moz-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: -o-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5);
    background-repeat: repeat-x;*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.slider-handle {
  position: absolute;
  width: 41px;
  height: 41px;
  background-image: url("clientlibs-commons/images/application/slider.png");
  background-repeat: repeat-x;
  opacity: 1;
}
.slider-handle.round {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.slider-handle.triangle {
  background: transparent none;
}

/*-----------Slider hack css starts here-------------------*/

.tooltip {
  display: block;
  line-height: 1.4;
  opacity: 10 !important;
  position: absolute;
  visibility: visible;
  z-index: 10;
}

.tooltip.top .tooltip-arrow {
  display: none !important;
}

.car_payment_business .tooltip-inner,
.total-mile-label span {
  font-size: 26px !important;
  float: left;
  font-weight: 600;
}
@media only screen and (min-width: 720px) and (max-width: 1049px) {
  .slider.slider-horizontal .slider-track {
    margin-left: 10px;
    width: 99%;
  }
}

/*calculator styles */
#calculator-toggle {
  background: #fff;
}
ul#calculator-tab {
  margin: 0 0 10px 0;
  list-style: none;
  border-bottom: none;
}

ul#calculator-tab li {
  float: left;
  background: #aeb4b5;
  height: 60px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  position: relative;
  width: 50%;
}

ul#calculator-tab li.active:after {
  content: " ";
  height: 0;
  position: absolute;
  width: 0;
  border: 10px solid transparent;
  border-top-color: #525f61;
  top: 100%;
  left: 50%;
}

ul#calculator-tab li:first-child {
  border-left: none;
}

ul#calculator-tab li:last-child {
  border-right: none;
}

ul#calculator-tab li a {
  color: #ffffff;
  font-family: "Open Sans Semibold", "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
  opacity: 0.5;
  border-radius: 0;
  margin-right: 0;
  display: table-cell;
  vertical-align: middle;
  height: 60px;
  padding: 0 10px;
  border: 0;
  width: 50%;
}

ul#calculator-tab li a:hover,
ul#calculator-tab li a:focus {
  background-color: #9ca3a5;
  border: 1px solid none;
  transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
  -moz-transition: background-color 0.3s ease 0s;
  -ms-transition: background-color 0.3s ease 0s;
}

ul#calculator-tab li.active > a,
ul#calculator-tab li.active > a:hover,
ul#calculator-tab li.active > a:focus {
  opacity: 1;
  background-color: #525f61;
  color: #fff;
  transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
  -moz-transition: background-color 0.3s ease 0s;
  -ms-transition: background-color 0.3s ease 0s;
}

#ex1Slider .slider-selection {
  background: #bababa;
}

.car_payment_business input[type="text"]:first-child {
  width: 100px;
}

.car_payment_business input[type="text"] {
  border: 1px solid #ccc;
}

.slider-horizontal {
  width: 60%;
}

.total_amt .p-body-strong {
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 5px;
  color: #666666;
}

.car_payment {
  margin: 20px 0;
}

.car_payment_business {
  margin: 40px 0;
}

.slider.slider-horizontal {
  vertical-align: top;
}

.car_payment_business .slider.slider-horizontal {
  margin-top: 40px;
}

#personal-use .slider-max-value {
  display: block;
  float: none;
  text-align: right;
}

.slider-max-value {
  display: inline;
  float: right;
  font-size: 13px;
  font-weight: 200;
  margin-top: 10px;
}

.car_payment_business .total_miles {
  display: inline;
  float: left;
  width: 110px;
  line-height: 32px;
  margin-bottom: 20px;
}

.start-over,
.start-over-business {
  color: #00a162;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  cursor: pointer;
}
.start-over:hover,
.start-over-business:hover {
  text-decoration: underline;
}

.start-over-again,
.start-over-again-business {
  color: #354447;
}

#personal-estimation-toggle .introduction,
#business-estimation-toggle .introduction {
  border-bottom: 1px solid #ccc;
}

input.numcarinput {
  width: 80px;
  font-size: 32px;
  font-weight: 600;
  color: #354447;
  text-align: center;
  padding: 0;
  height: auto;
}

.total_amt_business .p-body {
  font-size: 16px;
  font-weight: 600;
  text-align: left;
}

.total_amt_business .p-body span {
  display: block;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 0;
}

.car_payment_business {
  clear: both;
}

.calculator-container .h4-heading {
  margin-top: 50px;
  display: block;
}

.miles-label {
  display: block;
  margin-top: 10px;
}

.total_miles {
  font-size: 32px;
  font-weight: 600;
  color: #354447;
}

.total_amt .h3-heading {
  font-size: 32px;
  font-weight: 600;
  color: #354447;
  display: inline;
}

.total_amt {
  margin-bottom: 20px;
}

.tab-content {
  padding: 0 20px;
}

.button-section .green-button,
.button-section .site-navigation-button,
.button-section .form-button,
.car_payment_business .green-button,
.car_payment_business .site-navigation-button,
.car_payment_business .form-button {
  display: block;
  text-align: center;
}

ul#calculator-tab li a {
  width: 1%;
}

.calculator-container {
  background: #f9f9f9;
  border: 1px solid #e4e4e4;
}

.personal-estm-container {
  background: #f9f9f9;
}

.personal-estm-container .intro {
  padding: 40px 0;
}

#personal-estimation-toggle .introduction,
#business-estimation-toggle .introduction,
.personal-estm-container .h2-heading {
  margin: 0 15px;
}

.tooltip-inner {
  background: none !important;
  border-radius: 4px;
  color: #354447;
  font-size: 32px;
  font-weight: 600;
  max-width: 200px;
  padding: 0 !important;
  text-align: center;
  text-decoration: none;
}

.tooltip.top {
  left: 0px !important;
  margin-top: -65px;
  padding: 5px 0;
  top: 0px !important;
  margin-left: 20px;
}

.car_payment_business .tooltip.top {
  left: 0;
  padding: 5px 0;
  top: 0px !important;
  width: 200px;
  margin: -44px 0 0 0;
}

.car_payment .slider.slider-horizontal .slider-track {
  margin-top: 0;
}

.personal-estimation-toggle .p-body-strong {
  font-weight: 200;
}

.start-over .hide-show-link {
  font-size: 24px;
}
.personal-estm-container h2 {
  display: block;
}

.personal-estm-container .university-business .h2-heading {
  color: #fff;
}
#calculator-toggle .introduction.program {
  padding: 0 10px 40px 10px;
}
#calculator-toggle span.p-body {
  width: 90%;
  display: block;
}
#personal-estimation-toggle,
#business-estimation-toggle {
  border-top: 1px solid #ccc;
}

#personal-estimation-toggle .text-top-holder-program,
#business-estimation-toggle .text-top-holder-program {
  top: 0;
}

#business-estimation-toggle .text-top-holder-program {
  position: static;
}

.car_payment:first-child,
:not(.car_payment) + .car_payment .total_amt .p-body-strong {
  margin-top: -10px;
}
.totalCost {
  margin: 0 auto;
  font-weight: normal;
  font-size: 32px;
  text-decoration: none;
  /*text-align: center;*/
  line-height: 42px;
  font-weight: 600;
  color: #354447;
}
.calculator-container {
  margin-bottom: 40px;
}

#personal-estimation-toggle .text-top-holder-program,
#business-estimation-toggle .text-top-holder-program {
  position: static;
}

.car_payment .total_amt .p-body-strong {
  margin-top: 30px;
}

@media only screen and (min-width: 520px) {
  ul#calculator-tab li a {
    line-height: 28px;
    font-size: 21px;
    padding: 0;
  }
  .totalCost {
    font-size: 45px;
    line-height: 60px;
  }
}

@media only screen and (min-width: 720px) {
  ul#calculator-tab li a {
    line-height: 32px;
    font-size: 22px;
  }

  .total_amt .h3-heading {
    font-size: 40px;
  }

  .total_amt .p-body-strong {
    width: 200px;
  }

  #personal-use .slider.slider-horizontal {
    margin-top: 65px;
    margin-left: 15px;
  }

  .tab-content {
    padding: 0 30px;
  }

  .total_amt {
    width: 100px;
    float: left;
  }

  .car_payment_business .slider.slider-horizontal {
    margin-top: 45px;
  }

  .button-section .green-button,
  .button-section .site-navigation-button,
  .button-section .form-button,
  .car_payment_business .green-button,
  .car_payment_business .site-navigation-button,
  .car_payment_business .form-button {
    margin-bottom: 50px;
    display: inline-block;
  }
  .button-section {
    text-align: right;
  }

  .total_amt_business {
    width: 100px;
    display: inline-block;
    margin-right: 20px;
  }

  .car_payment_business .total_miles {
    float: right;
    position: relative;
    top: 30px;
    right: 0;
    text-align: right;
  }

  .total_miles {
    font-size: 24px;
  }

  input.numcarinput {
    width: 100px;
    font-size: 40px;
    font-weight: 600;
  }

  .tooltip-inner {
    font-size: 40px;
  }

  .car_payment .tooltip-inner {
    padding: 0 30px 0 !important;
  }

  .tooltip.top {
    left: -120px !important;
    margin: -17px 0 0 0;
    padding: 5px 0;
    top: 0px !important;
  }

  .car_payment_business .tooltip.top {
    left: 0px !important;
    margin-top: -50px;
  }
  .car_payment:first-child,
  :not(.car_payment) + .car_payment .slider.slider-horizontal {
    margin-top: 25px !important;
  }
}

@media only screen and (min-width: 1050px) {
  #calculator-toggle .introduction.program {
    width: 1000px;
    margin: 0 auto;
  }
  #calculator-toggle .introduction.program .h2-heading {
    max-width: 800px;
    margin: 0 auto;
  }
  .calculator-container,
  .personal-estm-container .intro,
  #business-estimation-toggle .intro,
  #personal-estimation-toggle .intro {
    width: 1000px;
    margin: 0 auto;
  }
  .calculator-container {
    margin-bottom: 70px;
  }
  .car_payment .h3-heading {
    margin: 0;
    text-align: left;
    display: inline-block;
  }

  .total_amt {
    display: inline-block;
    width: 130px;
  }

  .total_amt_business .p-body {
    text-align: left;
  }

  .total_amt_business .p-body > span {
    display: block;
  }

  .car_payment,
  .car_payment_business,
  .button-section {
    margin: 15px auto 0;
    padding: 10px 0;
    width: 82%;
  }

  .car_payment_business {
    width: 85%;
  }

  .slider-container {
    float: left;
  }

  .car_payment_business .total_miles {
    margin-left: 40px;
    text-align: left;
  }

  #business-use .slider-max-value {
    width: 185px;
  }

  .total_amt_business {
    margin-right: 30px;
  }

  .car_payment_business .total_miles {
    top: 12px;
  }

  .miles-label {
    margin-top: 35px;
  }

  .button-section {
    text-align: right;
  }

  .personal-estm-container .intro {
    padding: 50px 0 70px;
  }

  .tooltip-inner {
    padding: 0 !important;
  }

  .total_amt_business {
    float: left;
  }

  .car_payment_business .tooltip.top {
    left: 107% !important;
    margin-top: -15px;
  }

  .car_payment_business .slider.slider-horizontal {
    margin-top: 20px;
  }

  .car_payment .tooltip-inner {
    padding: 0 !important;
  }
  .personal-estm-container .h2-heading,
  .personal-estm-container .h1-heading {
    text-align: center;
  }
  .totalCost {
    font-size: 70px;
    line-height: 85px;
  }
}

.rewards-holder-bottom .hide-info {
  display: none;
}

.rewards-holder {
  border: 2px solid #e4e4e4;
  width: 90%;
  height: auto;
  margin: 10px auto 20px;
  position: relative;
}
.rewards-holder:hover {
  /*border-color:#bcbcbc;*/
}
.rewards-holder-top {
  margin: 0 auto;
  height: auto;
}
.logo-and-discount {
  /*margin-bottom:10px;*/
  height: auto;
}
.rewards-holder-top a img {
  margin: 10px auto;
  text-align: center;
}
.discount-details {
  margin: 0px auto 0px;
  padding: 0 15px;
}
.discount-details h4 {
  text-align: center;
  margin: 5px 0;
}
.discount-details h5 {
  text-align: center;
  margin: 5px 0 15px 0;
}
.more-info-section {
  padding: 0 15px;
  text-align: left;
  margin-bottom: 20px;
  display: none;
  position: relative;
}
.more-info-section h5 {
  margin-bottom: 0;
}
.more-info-section ul {
  list-style-type: square;
  padding-left: 15px;
}
.more-info-section ul li {
  padding: 5px 0;
}
.more-info-section p {
  text-align: left;
}

.rewards-holder-bottom {
  bottom: 0;
  border-top: 2px solid #e4e4e4;
  height: 50px;
  width: 100%;
}
.rewards-holder-bottom a {
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
  display: block;
  color: #868686;
  font-family: "Open Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 45px;
}
.rewards-holder-bottom a:hover {
  text-decoration: none;
  color: #00a162;
}
.rewards-holder-bottom a:active {
  color: #057746;
  text-decoration: none;
}
.rewards-holder-bottom a:focus {
  text-decoration: none;
}
.rewards-holder-bottom a:visited {
  text-decoration: underline;
}
.more-info-section span.h5-heading {
  padding: 0px;
}

@media only screen and (min-width: 520px) {
  .logo-and-discount {
    min-height: 145px;
  }
  .reward-logo {
    float: right;
  }
  .rewards-holder-top a img {
    margin: 10px 10px 0 0;
  }
  .discount-details {
    float: left;
    padding: 15px;
    width: 60%;
  }
  .discount-details h4,
  .discount-details h5 {
    text-align: left;
  }
  .rewards-holder-bottom a {
    text-align: left;
    padding-left: 15px;
  }
  .discount-details .h5-heading {
    padding: 0px;
  }
  .discount-details h5 {
    margin: 5px 0 5px 0;
  }
}
@media only screen and (min-width: 720px) {
  .rewards-holder {
    max-width: 500px;
  }
}
@media only screen and (min-width: 1050px) {
  .rewards-holder {
    float: left;
    margin: 25px 15px 25px 15px;
    width: 470px;
    vertical-align: top;
  }
  .more-info-section ul li {
    padding: 10px 0;
  }
}

/*Styles for rewards page*/
section.rewards-section {
  position: relative;
  margin: 0px auto;
  overflow: hidden;
}
.rewards-wrapper {
  margin-bottom: 20px;
  overflow: hidden;
}
.rewards-wrapper .h2-heading {
  text-align: center;
}

@media only screen and (min-width: 520px) {
  .reward-logo {
    float: right;
  }
}
@media only screen and (min-width: 720px) {
}
@media only screen and (min-width: 1050px) {
  .rewards-wrapper {
    margin: 0 auto 45px;
    max-width: 1000px;
  }
}

.page-not-found {
  padding: 0 20px 40px;
}
.page-not-found section.introduction {
  padding: 0;
  margin: 0;
  width: auto;
}
.page-not-found section.introduction .intro p {
  width: auto;
}
.page-not-found-large {
  display: none;
}
.page-not-found-small {
  display: block;
  margin: 0 auto;
  padding-top: 40px;
}

.text-pos-on-img a {
  font-weight: 600;
  color: #00a162;
}
@media only screen and (min-width: 520px) {
  .page-not-found {
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1050px) {
  .page-not-found {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 70px;
  }
  .page-not-found img {
    margin: 0 auto;
  }
  .page-not-found-large {
    display: block;
  }
  .page-not-found .text-pos-on-img {
    position: absolute;
    left: 15%;
    top: 200px;
    width: 40%;
  }
  .page-not-found-small {
    display: none;
  }
}

.browser-wrapper {
  background: #f9f9f9;
}

.browser-sections div h3 {
  color: #666;
  font-weight: 600;
  line-height: 30px;
  padding: 0 20px;
  text-align: center;
}
.browser-sections div h3:hover {
  color: #00a162;
}
.browser-sections div img {
  margin: 0 auto;
  width: 30%;
}

.browser-sections {
  margin: 0 auto;
  width: 96%;
  padding: 0 2% 40px;
  text-align: center;
}

.browser-sections div {
  display: inline-block;
  width: 98%;
  padding: 30px 0;
  border: 1px solid #ccc;
  vertical-align: top;
  margin-bottom: 35px;
  height: 220px;
  cursor: pointer;
}

.browser-sections div:first-child + div + div + div {
  margin-bottom: 0;
}
.social-network-container {
  margin-bottom: 20px;
}

@media only screen and (min-width: 520px) {
  .browser-sections div {
    width: 48%;
    height: 250px;
    margin-left: 3%;
  }
  .browser-sections div:first-child,
  .browser-sections div:first-child + div + div {
    margin-left: 0;
  }
  .browser-sections div:first-child,
  .browser-sections div:first-child + div {
    margin-bottom: 35px;
  }
  .browser-sections div img {
    width: 50%;
  }
  .social-network-container {
    margin: 13px 0 23px 0;
  }
}
@media only screen and (min-width: 720px) {
  .browser-sections {
    margin: 0 auto;
    width: 96%;
    padding: 0 2% 40px;
    text-align: center;
  }
  .browser-sections div {
    height: 260px;
    width: 22%;
    margin: 0 0 0 3%;
  }
  .browser-sections div img {
    width: 65%;
  }
  .browser-sections div:first-child {
    margin-left: 0;
  }
  .browser-sections div:first-child + div + div {
    margin-left: 3%;
  }
}
@media only screen and (min-width: 1050px) {
  .browser-wrapper {
    border: 2px solid #e4e4e4;
    padding: 10px;
    width: 1020px;
    margin: 115px auto 40px;
  }
  .browser-wrapper section.program {
    padding: 30px 0 70px;
  }
  .browser-sections {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 70px;
    text-align: center;
  }
  .browser-sections div {
    width: 210px;
    margin-left: 40px;
    border: 2px solid #e4e4e4;
  }
}

#mask {
  display: none;
  background: #000;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: 9992;
  overflow-y: auto;
}

.acquisitiontext {
  padding-top: 70px;
}

.modal {
  opacity: 0.8;
}

.acquisitionModal {
  opacity: 1;
  background: transparent;
  padding-top: 0px;
  overflow-y: auto;
  z-index: 9999;
}

.acquisitionModal .modal,
.acquisitionModal .modal-dialog,
.acquisitionModal .modal-body {
  background: #fff;
  opacity: 1;
}

.acquisitionModal .p-body {
  display: block;
}

.acquisitionModal .modal-body .close {
  width: 20px;
  height: 20px;
  top: 30px;
  right: 20px;
  display: block;
}

.acquisitionModal .modal-body {
  padding: 50px 5% 40px;
}
.acquisitionModal .modal-dialog {
  width: 100%;
  margin: 0px auto;
}
.acquisitionModal .content {
  width: auto;
}

.acquisitionModal img {
  max-width: 100%;
}
.acquisitionModal a:hover {
  text-decoration: none;
}
@media only screen and (min-width: 520px) {
  .acquisitionModal .modal-dialog {
    margin: 20px auto;
    width: 95%;
  }
  .acquisitionModal img {
    width: 50%;
  }
}
@media only screen and (min-width: 1050px) {
  .acquisitionModal .modal-dialog {
    width: 60%;
    margin: 80px auto;
  }
  .acquisitionModal span.p-body {
    width: auto;
  }
  .acquisitionModal .modal-body {
    padding: 65px 5% 70px;
  }
}

.center-align {
  text-align: center;
}

.common-container-wrapper .introduction {
  width: 100%;
  padding: 0px 0 0px;
  background: transparent;
}
.common-container-wrapper .intro {
  width: 100%;
}
.common-container-wrapper ul li p {
  text-align: left;
}

.physical-damage h4 {
  text-align: left;
}

.common-container-wrapper {
  margin: 0 auto;
}

.common-container-wrapper ul {
  /*padding-left: 17px;*/
}

.common-rate-section .first-column {
  margin-bottom: 20px;
}

.p-body {
  line-height: 24px;
}

.physical-damage {
  overflow: hidden;
}

.physical-damage .first-column,
.physical-damage .second-column {
  margin: 0px;
  padding: 20px 0;
}

.career-show-hide {
  display: none;
  margin-top: 10px;
}

.career-show-hide ul li {
  margin: 20px 0;
  list-style-type: square;
}

.career-show-hide .p-body {
  text-align: left;
}
.common-rate-section {
  padding: 30px 0 40px 0;
  border-top: 1px solid #ccc;
}
.common-rate-section.physical-damage {
  background: #fff;
  padding: 30px 15px 20px 15px;
}

.physical-damage h3 {
  padding: 0 15px;
}
.physical-damage h3 {
  margin: 0;
}

.career-show-hide ul {
  padding: 0 20px;
}
.physical-damage .h5-heading {
  color: #666;
}
.physical-damage img {
  margin: 0 auto;
}
@media only screen and (max-width: 1050px) {
  section.common-rate-section.physical-damage {
    margin-bottom: 0 !important;
  }
}

@media only screen and (min-width: 520px) {
  section.common-rate-section {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 720px) {
  .application-fee {
    float: none;
  }

  .intro .green-button,
  .intro .site-navigation-button,
  .intro .form-button,
  .intro .yellow-button {
    /*padding: 0 40px;*/
  }
}

@media only screen and (min-width: 1050px) {
  .common-rate-section {
    padding: 55px 0 70px;
  }
  .common-rate-section.physical-damage {
    padding: 60px 0 70px;
  }
  .common-rate-section.physical-damage .common-container-wrapper {
    padding-top: 0;
  }
  .common-container-wrapper {
    width: 1000px;
    overflow: hidden;
  }

  .common-container-wrapper .introduction .intro p {
    width: 100%;
  }

  .common-rate-section .first-column,
  .common-rate-section .second-column {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    width: 48%;
    margin: 0;
  }

  .physical-damage.common-rate-section .first-column,
  .physical-damage.common-rate-section .second-column {
    width: 50%;
  }

  .common-rate-section .first-column {
    border-right: 1px solid #ccc;
    border-bottom: 0;
    padding-right: 40px;
  }

  .physical-damage.common-rate-section .first-column,
  .physical-damage.common-rate-section .second-column {
    float: left;
    padding: 0;
  }

  .physical-damage.common-rate-section .second-column {
    padding-left: 40px;
  }

  .physical-damage .h3-heading {
    margin-bottom: 30px;
  }

  .physical-damage.common-rate-section .first-column {
    padding-right: 40px;
  }
  .career-show-hide {
    padding: 0 100px;
  }
}

@media only screen and (max-width: 1050px) {
  .common-rate-section .first-column {
    border-bottom: 1px solid #ccc;
  }
}

/* Multi Step Join styles*/
.introduction .intro h2 {
  margin-bottom: 0;
}

.multipleJoinLinkConfiguration {
  margin-bottom: 30px;
}

.multipleJoinLinkConfiguration > .multi-step-wrapper {
  border-bottom: 2px solid #d7d7d7;
  padding-top: 0;
  padding-bottom: 20px;
}

.multipleJoinLinkConfiguration:last-child > .multi-step-wrapper {
  border-bottom: none;
  padding-bottom: 0;
}

.multi-step-wrapper {
  display: table;
  width: 1000px;
  margin: 0 auto;
  width: 94%;
  max-width: 800px;
  padding: 20px 0;
}

.multi-step-left {
  display: table-cell;
  width: 88%;
  padding-right: 4%;
}

.multi-step-left h1,
.multi-step-left h2,
.multi-step-left h3,
.multi-step-left h4,
.multi-step-left h5 {
  margin: 0;
}

.multi-step-right {
  display: table-cell;
  vertical-align: middle;
}

a.multi-select-button {
  font-weight: 600;
  font-size: 16px;
  color: #515151;
  text-transform: uppercase;
  border: 2px solid #d7d7d7;
  height: 40px;
  padding: 0px 10px;
  display: inline-block;
  line-height: 36px;
  margin-top: 0px;
  cursor: pointer;
  background: #f9f9f9;
  min-width: 100px;
  text-align: center;
}

.no-touch a.multi-select-button:hover {
  color: #00a162;
  text-decoration: none;
}

a.multi-select-button:focus {
  text-decoration: none;
}

a.multi-select-button:active {
  color: #057746;
  background: #f2f2f2;
  text-decoration: none;
}

.multi-step-left h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: #354447;
  margin-bottom: 5px;
}

.multi-step-left p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

@media only screen and (min-width: 720px) {
  .multi-step-left h4 {
    font-size: 20px;
    line-height: 28px;
  }
  .multipleJoinLinkConfiguration {
    margin-bottom: 30px;
  }
  .multipleJoinLinkConfiguration:last-child {
    margin-bottom: 70px;
  }
  .multipleJoinLinkConfiguration > .multi-step-wrapper {
    border-bottom: 2px solid #d7d7d7;
    padding-top: 0;
    padding-bottom: 30px;
    width: 100%;
  }
}

/*Learn More styles*/

#learn-more {
  background: #fff;
  padding: 40px 15px;
}
#learn-more ul li {
  list-style-position: outside;
}
@media only screen and (min-width: 720px) {
  #learn-more {
    padding: 70px 15px;
  }
}
@media only screen and (min-width: 1050px) {
  #learn-more {
    width: 800px;
    margin: 0 auto;
  }
}

/*Applicant Login Styles*/
.input-container {
  position: relative;
}
.applicant-login-wrapper {
  width: 100%;
  padding: 0 15px;
  margin: 30px auto;
  text-align: center;
}
.applicant-login-body {
  margin: 15px auto;
  text-align: left;
  background: #fff;
}
.applicant-login-body .row .form-group.app-name p {
  line-height: 15px;
}
.applicant-login-body .row .form-group.password-holder {
  position: relative;
  margin-bottom: 10px;
}
.applicant-login-body .row .form-group.password-holder a.forgot-link {
  position: absolute;
  top: 0px;
  right: 15px;
  font-size: 14px;
  font-weight: 600;
}
.applicant-login-body .row .form-group.password-holder input {
  width: 100%;
}
.applicant-login-body .row .form-group.enrollment-button button {
  width: 100%;
  margin-top: 30px;
}
.location-modal.forgot-modal {
  width: 90%;
  text-align: center;
  padding: 40px 25px;
}
@media only screen and (min-width: 520px) {
  .location-modal.forgot-modal {
    width: 400px;
  }
  .applicant-login-body {
    width: 400px;
  }
}
@media only screen and (min-width: 720px) {
  .applicant-login-body {
    padding: 30px;
    background: #fff;
    border: 2px solid #d7d7d7;
    margin: 30px auto;
  }
}


/* citylist styles */
section.citylist-container {
  padding: 30px 0 10px 0;
  margin: 0 auto;
  text-align: center;
  background: transparent;
}
.displaycity {
  display: inline-block;
  width: 140px;
  position: relative;
}
.citylist-detail-container {
  position: absolute;
  bottom: 0;
  padding: 10px 0;
  color: #ffffff;
  width: 100%;
  height: 80px;
  background-color: rgba(60, 71, 72, 0.94);
  -webkit-transition: height 0.1s; /* For Safari 3.1 to 6.0 */
  transition: height 0.1s;
  -moz-transition: height 0.1s;
}
.citylist-detail {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%); /* IE 9 */
  -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
}
.view-detail-container {
  display: block;
}
.displaycity .image {
  vertical-align: middle;
  margin-bottom: 0;
  height: 100%;
}
.displaycity .image img {
  width: 100%;
  height: 100%;
}
.displaycity .city-name {
  font-size: 24px;
}
.displaycity .view-detail-container {
  display: none;
  margin: 21px auto;
}
.displaycity .view-detail-container a {
  line-height: 42px;
  font-size: 16px;
  color: #ffffff;
  width: 186px;
  border: 2px solid #00a161;
  line-height: 42px;
  padding: 10px 50px;
  cursor: pointer;
}
.displaycity .view-detail-container a:hover {
  background-color: #00a161;
  text-decoration: none;
  cursor: pointer;
}
.displaycity .city-name:after {
  content: "\203A";
  font-size: 40px;
  color: #00a162;
  position: absolute;
  line-height: 25px;
  font-weight: 200;
  margin-left: 10px;
}
@media only screen and (min-width: 1050px) {
  section.citylist-container {
    padding: 35px 0 26px 0;
    max-width: 1050px;
  }
  .displaycity {
    width: 338px;
    height: 338px;
    margin-top: 9px;
    margin-bottom: 9px;
  }

  .displaycity:nth-child(3n + 2) {
    margin-right: 14px;
    margin-left: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .displaycity:hover .view-detail-container {
    display: block;
  }

  .displaycity:hover .citylist-detail-container {
    height: 168px;
  }
}
@media only screen and (min-width: 720px) and (max-width: 1050px) {
  section.citylist-container {
    padding-bottom: 10px;
  }
  section.citylist-container hr {
    padding-top: 25px;
  }
  .displaycity {
    width: 340px;
    height: 340px;
    margin: 10px;
  }
}

@media only screen and (max-width: 720px) {
  section.citylist-container {
    padding-bottom: 20px;
  }
  .displaycity {
    width: 280px;
    height: 280px;
  }
}

@media only screen and (max-width: 580px) {
  .displaycity {
    width: 250px;
    height: 250px;
  }
}

@media only screen and (max-width: 520px) {
  .displaycity {
    width: 100%;
    height: 100%;
    margin: 0px;
    display: block;
    margin-bottom: 25px;
  }
  .displaycity:last-child {
    margin-bottom: 0;
  }
  .displaycity img {
    margin-bottom: 0 !important;
  }
}

.vertical-separator {
  height: 80px;
  border-right: 1px solid #aeb4b5;
  display: inline-block;
}
.car-text {
  margin: 20px auto 0 auto;
}
.car-text .single-car-rate {
  display: inline-block;
  top: -15px;
  position: relative;
}
.car-text .single-car-rate .rate-type {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400px;
  margin-bottom: 10px;
}
.car-text .single-car-rate .rate {
  font-size: 40px;
  font-weight: 700;
  line-height: 28px;
}
.vehicle-rate-plan {
  width: 100%;
  margin: 0;
  padding: 50px 0 50px 0;
  max-width: none;
}
.vehicle-rate-plan .vehicle-rate-plan-background-wrapper {
  width: 100%;
  position: relative;
  box-sizing: content-box;
  background: transparent;
}
.vehicle-rate-plan
  .vehicle-rate-plan-background-wrapper
  .vehicle-rate-plan-content {
  width: 100%;
  overflow: hidden;
}
.vehicle-rate-plan
  .vehicle-rate-plan-background-wrapper
  .vehicle-rate-plan-content
  .vehicle-rates-cars {
  position: relative;
  padding: 0 0 22.5% 0;
}
.vehicle-rate-plan
  .vehicle-rate-plan-background-wrapper
  .vehicle-rate-plan-content
  .single-car {
  position: absolute;
  top: 0;
  width: 46%;
  cursor: w-resize;
}
.vehicle-rate-plan
  .vehicle-rate-plan-background-wrapper
  .vehicle-rate-plan-content
  .single-car
  .car-detail {
  display: none;
}
.vehicle-rate-plan
  .vehicle-rate-plan-background-wrapper
  .vehicle-rate-plan-content
  .single-car
  img {
  width: 100%;
}
.vehicle-rate-plan
  .vehicle-rate-plan-background-wrapper
  .vehicle-rate-plan-content
  .single-car.active {
  transition: all 0.6s ease-in-out;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.vehicle-rate-plan
  .vehicle-rate-plan-background-wrapper
  .vehicle-rate-plan-content
  .car-information {
  width: 90%;
  max-width: 850px;
  margin: 40px auto 15px auto;
  text-align: center;
}
.vehicle-rate-plan
  .vehicle-rate-plan-background-wrapper
  .vehicle-rate-plan-content
  .car-information
  .car-class {
  font-size: 36px;
  transition: 0.5s opacity ease-in-out;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  font-weight: 200;
}

.vehicle-rate-plan
  .vehicle-rate-plan-background-wrapper
  .vehicle-rate-plan-content
  .vehicle-rates-carousel-nav {
  position: absolute;
  bottom: 9%;
  left: 0;
  right: 0;
  margin: 0 auto;
  list-style-type: none;
  text-align: center;
}
.vehicle-rate-plan
  .vehicle-rate-plan-background-wrapper
  .vehicle-rate-plan-content
  .vehicle-rates-carousel-nav
  .vehicle-rates-carousel-nav-item {
  display: inline-block;
  width: 38px;
  height: 8px;
  margin: 0 4px;
  background-color: #c3c3c3;
  line-height: 1;
  border: none;
  cursor: pointer;
}
.vehicle-rate-plan
  .vehicle-rate-plan-background-wrapper
  .vehicle-rate-plan-content
  .vehicle-rates-carousel-nav
  .vehicle-rates-carousel-nav-item.current {
  background-color: #169a5a;
}
.vehicle-rate-plan.meet-the-fleet-single .car-information {
  position: relative;
  margin-top: -150px;
}
.vehicle-rate-plan-pagination {
  position: relative;
  padding: 5px;
  margin-bottom: 15px;
  padding-top: 25px;
}
.vehicle-rate-plan-bottom-text {
  position: relative;
  text-align: center;
  max-width: 380px;
  margin: 0 auto;
}
.vehicle-rate-plan-bottom-text p {
  font-size: 16px;
  /*padding-top:15px;*/
  font-weight: 200px;
}
#car-rate-plan-desc {
  position: relative;
  text-align: center;
  max-width: 820px;
  font-size: 18px;
  line-height: 24px;
  margin: 10px auto;
}
#car-rate-plan-desc ul {
  list-style-type: square;
}
.vehicle-rate-plan
  .vehicle-rate-plan-background-wrapper
  .vehicle-rate-plan-content
  .car-rate-plan-desc {
  display: none;
}

.vehicle-rate-plan
  .vehicle-rate-plan-background-wrapper
  .vehicle-rate-plan-content
  .car-information
  .btn {
  background: #169a5a;
  cursor: pointer;
}
.vehicle-rate-plan-terms ul {
  position: relative;
  margin: 0 auto;
}
.vehicle-rate-plan-terms ul li {
  margin-bottom: 10px;
}
.vehicle-rate-plan-terms ul li:last-child {
  margin-bottom: 0;
}
.vehicle-rate-plan-terms {
  margin-top: 50px;
}
.one-item {
  padding: 0 0 22.125% 0 !important;
}
.one-item .single-car {
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto;
  cursor: default !important;
}
.single-item-nav {
  display: none;
}
@media only screen and (min-width: 1050px) {
  .vehicle-rate-plan
    .vehicle-rate-plan-background-wrapper
    .vehicle-rate-plan-content
    .single-car
    img {
    width: 80%;
  }
  .vehicle-rate-plan
    .vehicle-rate-plan-background-wrapper
    .vehicle-rate-plan-content
    .single-car {
    text-align: center;
  }
  .vehicle-rate-plan
    .vehicle-rate-plan-background-wrapper
    .vehicle-rate-plan-content
    .vehicle-rates-cars {
    padding: 0 0 20.125% 0 !important;
  }
}
@media only screen and (min-width: 920px) {
  .vehicle-rate-plan-terms ul {
    max-width: 800px;
  }
}
@media only screen and (min-width: 768px) {
  .car-text .single-car-rate {
    width: 250px;
  }
  .vertical-separator {
    margin: 0 20px;
  }
  .vehicle-rate-plan-terms ul {
    max-width: 770px;
    font-size: 18px;
  }
  .vehicle-rate-plan-terms ul li {
    margin-bottom: 15px;
  }
  .vehicle-rate-plan-terms {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .vertical-separator {
    margin: 0 20px;
  }
  .vehicle-rate-plan
    .vehicle-rate-plan-background-wrapper
    .vehicle-rate-plan-content
    .car-information
    .car-class {
    font-size: 24px;
  }
  .car-text .single-car-rate .rate-type {
    font-size: 16px;
  }
  .car-text .single-car-rate .rate {
    font-size: 24px;
  }
  .car-text .single-car-rate {
    width: 150px;
  }
  .vertical-separator {
    margin: 0 10px;
  }
  .vehicle-rate-plan-terms ul {
    max-width: 400px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 480px) {
  .car-text .single-car-rate {
    width: 120px;
  }
  .vehicle-rate-plan-terms ul {
    max-width: 300px;
  }
  .car-text .single-car-rate .rate {
    font-size: 18px;
  }
  .vehicle-rate-plan
    .vehicle-rate-plan-background-wrapper
    .vehicle-rate-plan-content
    .vehicle-rates-carousel-nav
    .vehicle-rates-carousel-nav-item {
    width: 36px;
  }
}

.common-container-wrapper .introduction {
  width: 100%;
  padding: 0px 0 0px;
  background: transparent;
}
.common-container-wrapper .intro {
  width: 100%;
}
.common-container-wrapper ul li p {
  text-align: left;
}

.two-col-text-image h4 {
  text-align: left;
}

.common-container-wrapper {
  margin: 0 auto;
}

.common-container-wrapper ul {
  /*padding-left: 17px;*/
}

.common-rate-section .first-column {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}

.p-body {
  line-height: 24px;
}

.two-col-text-image {
  overflow: hidden;
}

.two-col-text-image .first-column,
.two-col-text-image .second-column {
  margin: 0px;
  padding: 20px 0;
}

.career-show-hide {
  display: none;
  margin-top: 10px;
}

.career-show-hide ul li {
  margin: 20px 0;
  list-style-type: square;
}

.career-show-hide .p-body {
  text-align: left;
}
.common-rate-section {
  padding: 30px 0 40px 0;
  border-top: 1px solid #ccc;
}
.common-rate-section.two-col-text-image {
  background: #fff;
  padding: 30px 15px 20px 15px;
}

.two-col-text-image h3 {
  padding: 0 15px;
}
.two-col-text-image h3 {
  margin: 0;
}

.career-show-hide ul {
  padding: 0 20px;
}
.two-col-text-image .h5-heading {
  color: #666;
}
.two-col-text-image img {
  margin: 0 auto;
}
@media only screen and (max-width: 1050px) {
  .twocolumnwithtext section.common-rate-section {
    margin-bottom: 0 !important;
  }
}

@media only screen and (min-width: 520px) {
  section.common-rate-section {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 720px) {
  .application-fee {
    float: none;
  }

  .intro .green-button,
  .intro .site-navigation-button,
  .intro .form-button,
  .intro .yellow-button {
    /*padding: 0 40px;*/
  }
}

h3,
.two-col-h3-heading {
  font-size: 21px;
  font-style: normal;
  font-weight: 300;
  line-height: 31px;
}

.two-col-h3-heading {
  color: #666666;
  text-align: center;
}

@media only screen and (min-width: 520px) {
  h3,
  .two-col-h3-heading {
    font-size: 30px;
    line-height: 40px;
    font-weight: 300;
  }
}

@media only screen and (min-width: 1050px) {
  .common-rate-section {
    padding: 55px 0 70px;
  }
  .common-rate-section.two-col-text-image {
    padding: 60px 0 70px;
  }
  .common-rate-section.two-col-text-image .common-container-wrapper {
    padding-top: 0;
  }
  .common-container-wrapper {
    width: 1000px;
    overflow: hidden;
  }

  .common-container-wrapper .introduction .intro p {
    width: 100%;
  }

  .common-rate-section .first-column,
  .common-rate-section .second-column {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    width: 48%;
    margin: 0;
  }

  .two-col-text-image.common-rate-section .first-column,
  .two-col-text-image.common-rate-section .second-column {
    width: 50%;
  }

  .common-rate-section .first-column {
    border-right: 1px solid #ccc;
    border-bottom: 0;
  }

  .two-col-text-image.common-rate-section .first-column {
    padding-right: 40px;
  }

  .two-col-text-image.common-rate-section .first-column,
  .two-col-text-image.common-rate-section .second-column {
    float: left;
    padding: 0;
  }

  .two-col-text-image.common-rate-section .second-column {
    padding-left: 40px;
  }

  .two-col-text-image .two-col-h3-heading {
    margin-bottom: 30px;
  }

  .two-col-text-image.common-rate-section .first-column {
    padding-right: 40px;
  }
  .career-show-hide {
    padding: 0 100px;
  }
}

.blog-list-container {
  display: block;
  clear: both;
  margin: 0 auto;
  max-width: 1000px;
  padding: 0 20px;
  min-height: 200px;
}
.blog-list-row {
  padding: 50px 0;
  clear: both;
  float: left;
  margin: 0 auto;
  border-bottom: 1px solid #ccc;
  width: 100%;
}

.blog-list-no-border .blog-list-row {
  border-bottom: none;
}

.blog-list-left {
  float: left;
  width: 30%;
  margin-right: 3%;
  padding: 0 15px 0 0;
  text-align: center;
}

.blog-list-right {
  float: right;
  width: 66%;
  padding: 0 5px;
  line-height: 26px;
}

.blog-list-left a {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: top;
  padding-top: 10px;
  text-decoration: none;
}

.blog-list-right h3 {
  margin: 0;
  font-size: 25px;
  font-weight: 600;
}

.blog-author-tag-wrapper {
  margin: 10px 0 30px;
  line-height: 24px;
}

.blog-author {
  font-size: 15px;
  font-weight: 300;
}

.blog-tag-title {
  color: #038e55;
  font-size: 15px;
  font-weight: 300;
  padding-right: 5px;
}

.blog-tag-wrapper {
  font-size: 16px;
  color: #009933;
  font-weight: 300;
}
.blog-tagname-cont {
  padding-right: 4px;
}

.blog-tag-name {
  text-decoration: underline;
  font-weight: normal;
  font-size: 15px;
}

.blog-tagname-cont:hover {
  padding-right: 0px;
}

.blog-tagname-cont:hover .blog-tag-name {
  font-weight: bold;
}

.blog-short-desc {
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
}

.blog-more-button {
  display: inline-block;
  background: #00a162;
  height: 50px;
  color: #fff;
  line-height: 48px;
  padding: 0 20px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  margin: 30px auto 0;
  text-align: center;
  cursor: pointer;
  border: 0;
}

.blog-more-button:hover {
  background: #038e55;
  color: #fff;
  text-decoration: none;
}

.blog-more-button:focus,
.blog-more-button:active {
  color: #fff;
  text-decoration: none;
}

.blog-list-wrapper .dropdown.with-border select {
  border: 1px solid #00a162;
}
.blog-list-wrapper .dropdown select {
  height: 35px;
  color: #00a162;
}

.blog-list-wrapper .dropdown label {
  font-weight: normal;
}

.blog-list-wrapper .dropdown.with-border label:after {
  right: 13px;
  top: -10px;
  font-weight: 200;
  font-size: 40px;
}

.blog-list-wrapper .dropdown.with-border select:hover {
  border: 1px solid #00a162;
}

.blog-list-wrapper .dropdown.with-border select:focus {
  border: 1px solid #00a162;
}

.blog-list-wrapper .dropdown {
  position: relative;
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
}

.tag-filter-container label {
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

.tag-filter-container {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

.blog-filter-wrapper {
  width: 100%;
  background: rgba(242, 242, 242, 1);
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 8px 10px;
}

.pagination-container {
  margin: 20px auto;
  text-align: center;
}

.pagination-container ul li {
  display: inline-block;
  padding: 2px 10px;
  margin: 0 4px;
  border: 1px solid #009933;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  color: #009933;
  cursor: pointer;
}

.blog-list-prev-btn span {
  padding-right: 5px;
}

.blog-list-next-btn span {
  padding-left: 5px;
}

.pagination-container ul li.active {
  border: 1px solid #354447;
  color: #fff;
  background: #354447;
}

.pagination-container ul li:hover {
  border-radius: 30px;
  background: #354447;
  color: #fff;
  border: 1px solid #354447;
}

.pagination-container ul li:last::after {
  content: "\2039";
  color: red;
}
.blog-list-info {
  text-align: center;
  padding: 20px 0;
}

@media only screen and (min-width: 520px) {
}

@media only screen and (min-width: 720px) {
}

@media only screen and (min-width: 1024px) {
}

@media only screen and (max-width: 520px) {
  .blog-list-container {
    max-width: 100%;
    padding: 0 20px;
  }
  .blog-list-left {
    display: none;
  }
  .blog-list-right {
    width: 100%;
    padding: 0;
  }
  .blog-list-row {
    padding: 30px 0;
  }
  .tag-filter-container {
    width: 100%;
    text-align: center;
  }
}

.mySlides {
  display: none;
  background: #000;
  position: relative;
}

/* Slideshow container */
.slide-show-wrapper {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  margin-bottom: 15px;
}

.slideshow-container {
  width: 100%;
  position: relative;
  margin: auto;
  overflow: hidden;
}

/* Fading animation */
.blogImageFade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 0.5s;
  animation-name: fade;
  animation-duration: 0.5s;
}

.slideshow-container img {
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.thumbnail-wrapper {
  width: 100%;
  position: relative;
}

.thumbnail-container {
  width: 95%;
  position: relative;
  margin: 0 auto;
  padding: 10px 0px;
  overflow: hidden;
  height: 100px;
  text-align: center;
}

.thumbnail-container.blog-no-nav {
  padding: 10px 0px;
  width: 100%;
}

.thumbnail-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  text-align: left;
  transition: left 1s;
  -webkit-transition: left 1s; /* Safari 3.1 to 6.0 */
}

.thumbnail-container ul li {
  display: inline-block;
  vertical-align: middle;
  float: left;
  height: 80px;
}

.thumbnail-container ul li img {
  width: 100%;
  height: 100%;
}

.slideshow-container .blog-prev,
.slideshow-container .blog-next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  padding: 6px 4px;
  margin-top: -22px;
  color: white;
  border-radius: 30px;
  background-color: #555;
  text-align: center;
  font-size: 15px;
  font-weight: normal;
  opacity: 1;
  width: 35px;
  height: 35px;
}

/* Next & previous buttons */
.blog-prev,
.blog-next {
  cursor: pointer;
  position: absolute;
  top: 52%;
  padding: 2px 10px;
  margin-top: -22px;
  color: #666;
  text-align: center;
  font-size: 22px;
  font-weight: normal;
}

.thumbnail-wrapper .blog-prev {
  left: 0px;
  cursor: pointer;
}
.thumbnail-wrapper .blog-next {
  right: 0px;
  cursor: pointer;
}

/* Position the "next button" to the right */
.blog-prev {
  left: 10px;
  cursor: pointer;
}
.blog-next {
  right: 15px;
  cursor: pointer;
}

.thumbnail-wrapper .disable-blog-button {
  display: block;
  cursor: default;
  pointer-events: none;
  color: #ccc;
}

.slideshow-container .disable-blog-button {
  cursor: default !important;
  pointer-events: none;
  color: #666 !important;
  background: #ddd !important;
  opacity: 0.6 !important;
}

/* The thumbnails/bullets/indicators */
.thumbnail {
  cursor: pointer;
  height: 80px;
  width: 100%;
  margin: 0 2px;
  display: inline-block;
  transition: background-color 0.6s ease;
  border: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 4px solid #fff;
  padding: 0 0 4px 0;
}
li.active .thumbnail {
  border-bottom: 4px solid #666;
  border-radius: 0;
  border-bottom: 4px solid #666;
  padding: 0 0 4px 0;
}

a.blog-prev:hover,
a.blog-next:hover {
  text-decoration: none;
  color: #fff;
}
.thumbnail-wrapper a.blog-prev:hover,
.thumbnail-wrapper a.blog-next:hover {
  text-decoration: none;
  color: #666;
}

.thumbnail-container.blog-no-nav ul {
  width: 100% !important;
  text-align: center;
}
.thumbnail-container.blog-no-nav ul li {
  float: none;
}

@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

@media screen and (min-width: 1024px) {
  .mySlides {
    height: 570px;
    overflow: hidden;
    text-align: center;
  }

  .thumbnail {
    height: 100%;
  }
  .thumbnail-container {
    height: 142px;
  }
  .thumbnail-container ul li {
    height: 120px;
  }
  .thumbnail-wrapper .blog-prev {
    left: 10px;
  }
  .thumbnail-wrapper .blog-next {
    right: 10px;
  }
}

@media screen and (max-width: 1024px) and (min-width: 720px) {
  .mySlides {
    height: 465px;
    overflow: hidden;
  }
  .slideshow-container img {
    min-height: 465px;
    height: auto;
  }
  .thumbnail-container {
    width: 95%;
  }
}

@media screen and (min-width: 1px) and (max-width: 720px) {
  .mySlides {
    height: 320px;
    overflow: hidden;
  }
  .slideshow-container img {
    min-height: 320px;
    height: auto;
  }
  .thumbnail-container {
    width: 90%;
  }
  .thumbnail-wrapper .blog-prev {
    left: 0px;
  }
  .thumbnail-wrapper .blog-next {
    right: 0;
  }
  .blog-prev,
  .blog-next,
  .text {
    font-size: 20px;
  }
}

@media screen and (max-width: 450px) {
  .mySlides {
    height: 200px;
    overflow: hidden;
  }
  .slideshow-container img {
    min-height: 200px;
    height: auto;
  }
  .thumbnail-container {
    height: 100px;
    box-sizing: border-box;
    height: 80px;
  }
  .thumbnail-container ul li {
    height: 100%;
  }
  .thumbnail {
    height: 60px;
  }
  .thumbnail-container {
    width: 85%;
  }
}

.centered-image-container {
  width: 100%;
  margin: 15px auto;
  text-align: center;
  overflow: hidden;
  padding: 0 20px;
}

.centered-image-container img {
  max-width: 100%;
  height: auto;
  width: 100%;
}

.center-img-inner-conatiner {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  position: relative;
}

.center-img-caption {
  position: absolute;
  padding: 10px;
  background: #333;
  bottom: 0;
  width: 100%;
  color: #fff;
  display: none;
  text-align: left;
}

.center-img-inner-conatiner:hover .center-img-caption {
  display: block;
}

.center-img-title {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
}

.center-img-desc {
  font-weight: normal;
  font-size: 12px;
  display: block;
}

@media only screen and (min-width: 520px) {
  .centered-image-container {
    width: 520px;
  }
}

@media only screen and (min-width: 720px) {
  .centered-image-container {
    width: 720px;
  }
}

@media only screen and (min-width: 1050px) {
  .centered-image-container {
    width: 1000px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px) and (min-resolution: 192dpi) and (min-width: 1px) {
  .center-img-caption {
    position: relative;
    display: block;
  }
}

.g-recaptcha {
  transform: scale(0.75);
  -webkit-transform: scale(0.75);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}
@media only screen and (min-width: 520px) {
  .g-recaptcha {
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}
@media only screen and (min-width: 1054px) {
  .g-recaptcha {
    transform: scale(0.87);
    -webkit-transform: scale(0.87);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}
@media only screen and (max-width: 520px) {
  .g-recaptcha {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}
@media only screen and (max-width: 365px) {
  .g-recaptcha {
    transform: scale(1.01);
    -webkit-transform: scale(1.01);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}
@media only screen and (max-width: 325px) {
  .g-recaptcha {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}

#panel {
  position: absolute;
  top: 5px;
  left: 19%;
  margin-left: -184px;
  z-index: 5;
  background-color: #fff;
  padding: 0px;
}
.address-title-container {
  padding: 0px 0 0px 0;
}
.address-title-container p {
  display: inline-block;
  vertical-align: bottom;
  padding: 0 15px;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 200;
}
.address-title-container .h2-heading {
  text-align: center;
}

.address-fill-container {
  margin: 0px 0 0 0px;
}
.address-fill-container label {
  display: block;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
}
.address-fill-search-section {
  margin: 0 auto;
  position: relative;
}
.address-fill-search-section input[type="text"].address-fill-input,
.address-fill-search-section input[type="text"].address-fill-input:focus {
  background-size: 34px 40px;
  background-position: 5px center;
  background-repeat: no-repeat;
  padding: 0 5px 0 40px;
  height: 50px !important;
  border: 2px solid #e4e4e4;
}
.address-fill-search-section input:hover {
  border: 2px solid #bcbcbc;
}
.address-fill-search-section input:active,
.address-fill-search-section input:focus {
  border: 2px solid #00a162;
}

@media only screen and (min-width: 520px) {
  .address-fill-search-section input {
    /*background-image: url("clientlibs-commons/images/application/CS_map-pin-current-input-field.png");*/
  }
  .address-title-container {
    margin: 0 auto;
    width: 100%;
    padding: 0px 0 0px;
  }
  .address-fill-container {
    display: inline-block;
    vertical-align: bottom;
    margin: 15px 0 0 0px;
  }
  .address-fill-search-section input {
    width: 315px;
  }
}
@media only screen and (min-width: 720px) {
}
@media only screen and (min-width: 1050px) {
  .address-fill-search-section input {
    width: 550px;
  }
  .address-title-container .h2-heading {
    max-width: 800px;
  }
}

/* google map info window customized styles */
.gmnoprint img {
  max-width: none;
}

.gm-style .gm-style-iw {
  margin: 0 auto;
  text-align: left;
}
.gm-style-iw + div::before,
.gm-style-iw + div::after {
  background: none repeat scroll 0 0 #858585;
  content: "";
  height: 2px;
  left: 1;
  position: absolute;
  width: 13px;
  top: 5px;
}
.gm-style-iw + div::before {
  -webkit-transform: rotate(133deg);
  -moz-transform: rotate(133deg);
  -ms-transform: rotate(133deg);
  -o-transform: rotate(133deg);
  transform: rotate(133deg);
}
.gm-style-iw + div::after {
  -webkit-transform: rotate(-133deg);
  -moz-transform: rotate(-133deg);
  -ms-transform: rotate(-133deg);
  -o-transform: rotate(-133deg);
  transform: rotate(-133deg);
}
.gm-style-iw + div > img {
  display: none;
}
.gm-style
  > div:first-child
  > div
  + div
  > div:last-child
  > div
  > div:first-child
  > div
  > div
  > div {
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
  border-bottom: 5px solid #fff;
  border-top: none;
}

.gm-style
  > div
  > div
  + div
  > div
  + div
  + div
  + div
  > div
  > div
  > div
  + div
  + div
  > div
  > div {
  -webkit-transform: skewX(34.6deg) !important;
  -moz-transform: skewX(34.6deg) !important;
  -ms-transform: skewX(34.6deg) !important;
  -o-transform: skewX(34.6deg) !important;
  transform: skewX(34.6deg) !important;
  height: 14px !important;
}
.gm-style
  > div
  > div
  + div
  > div
  + div
  + div
  + div
  > div
  > div
  > div
  + div
  + div
  > div
  + div
  > div {
  -webkit-transform: skewX(-34.6deg) !important;
  -moz-transform: skewX(-34.6deg) !important;
  -ms-transform: skewX(-34.6deg) !important;
  -o-transform: skewX(-34.6deg) !important;
  transform: skewX(-34.6deg) !important;
  height: 14px !important;
}
.gm-style > div > div + div > div + div + div + div > div > div > div {
  border-top-width: 12px !important;
}
.gm-style > div > div + div > div + div + div + div > div > div > div + div {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px !important;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px !important;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px !important;
}

gm-style
  > :first-child
  > div
  + div
  + div
  > div
  + div
  + div
  + div
  > div:first-child {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.gm-style-iw {
  height: auto !important;
}
.gm-style-iw > div:first-child > div {
  overflow: hidden !important;
}
.gm-style-iw > div:first-child {
  /* border:10px solid red;*/

  width: auto !important;
  height: auto !important;
  max-height: auto !important;
}
.gm-style-iw > div:first-child > div h4 {
  font-family: "Open Sans";
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  text-decoration: none;
  color: #354447;
  text-align: left;
  line-height: 20px;
  margin: 0 0 5px 0;
}
.gm-style-iw > div:first-child > div .img-holder {
  margin: 0 auto;
  text-align: left;
}
.gm-style-iw p {
  margin-bottom: 0;
}
.gm-style-iw .p-body {
  margin-top: 10px;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 0;
}
.gm-style-iw .text-link {
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
}
.gm-style-iw > div:first-child > div .img-holder .vehicle-box {
  border-bottom: 0;
  padding: 5px 0;
}
.gm-style-iw > div:first-child > div .img-holder .vehicle-box:last-child {
  border-bottom: none;
}
.gm-style-iw > div:first-child > div .img-holder img {
  margin-right: 10px;
  display: inline-block;
}
.gm-style-iw > div:first-child > div .img-holder span {
  font-family: "Open Sans Light", "Open Sans";
  font-weight: 200;
  font-style: normal;
  font-size: 13px;
  text-decoration: none;
  color: #666666;
  text-align: left;
  line-height: 20px;
  margin-left: 0;
  display: inline-block;
  width: 65%;
  vertical-align: top;
}
.gm-style-iw > div:first-child > div a.orange-button,
.gm-style-iw > div:first-child > div a.join-now-button,
.gm-style-iw > div:first-child > div a.external-page-button {
  margin: 5px 0 0 0;
}
.gm-style-iw > div:first-child > div .error-message {
  font-family: "Open Sans Regular", "Open Sans";
  font-size: 13px;
  font-weight: 200;
  font-style: normal;
  color: rgb(102, 102, 102);
  opacity: 1;
  text-align: center;
}
/* */

#map-canvas {
  position: relative;
  height: 350px;
  width: 100%;
}
#panel {
  position: absolute;
  top: 5px;
  left: 19%;
  margin-left: -184px;
  z-index: 5;
  background-color: #fff;
  padding: 0px;
}

section.google-maps {
  position: relative;
}
.drop-down-arrow-img {
  background: url("clientlibs-commons/images/application/drop-down-green-arrow.png")
    no-repeat;
  width: 21px;
  height: 10px;
  position: absolute;
  right: 10px;
  top: 20px;
}
.location-title-container {
  padding: 30px 0 15px 0;
}
.location-title-container p {
  display: inline-block;
  vertical-align: bottom;
  padding: 0 15px;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 200;
}
.location-title-container .h2-heading {
  text-align: center;
}
.distance-select {
  display: none; /* will not be visible in mobile view as per CCW-4568*/
}
.address-container {
  margin: 15px 0 0 15px;
}
.distance-select label,
.address-container label {
  display: block;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
}
.distance-select.select-box .btn,
.distance-select .form-control:focus {
  border: 1px solid #e4e4e4;
}
.distance-select.select-box .btn,
.address-search-section input {
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #333333;
}
.distance-select.select-box .btn {
  min-width: 130px;
  width: auto;
}
.distance-select .dropdown label {
  margin-bottom: 0px;
}
.address-search-section {
  margin: 0 auto;
  position: relative;
}
.address-search-section input {
  background-size: 34px 40px;
  background-position: 5px center;
  background-repeat: no-repeat;
  padding: 0 5px 0 40px;
  width: 96%;
  height: 50px !important;
  border: 2px solid #e4e4e4;
}
.address-search-section input:hover {
  border: 2px solid #bcbcbc;
}
.address-search-section input:active,
.address-search-section input:focus {
  border: 2px solid #00a162;
}

/* Map legend styles */
.map-legend {
  position: absolute;
  bottom: 0;
  background: #354447;
  height: 50px;
  width: 100%;
  z-index: 999;
  text-align: center;
}
.in-network {
  display: inline-block;
  margin: 0 auto;
  padding: 0 14px;
}
.in-network img {
  width: 27px;
  height: 27px;
  min-width: auto !important;
  display: inline-block;
  margin: 12px 0;
}
.in-network span {
  font-family: "Open Sans Regular", "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: 24px;
  color: #fff;
  /*position:relative;
    top:2px;*/
}

@media only screen and (min-width: 520px) {
  .distance-select {
    display: inline-block;
    margin: 10px 0 0 15px;
  }
  .in-network {
    padding: 0 20px;
  }
  .address-search-section input {
    /*background-image: url("clientlibs-commons/images/application/CS_map-pin-current-input-field.png");*/
  }
  #map-canvas {
    height: 540px;
    width: 100%;
  }
  .location-title-container {
    margin: 0 auto;
    text-align: center;
    width: 90%;
    padding: 55px 0 25px;
  }
  .address-container {
    display: inline-block;
    vertical-align: bottom;
    margin: 15px 0 0 0px;
  }
  .distance-select {
    margin: 30px 0 0 20px;
  }
  .distance-select label,
  .address-container label {
    text-align: left;
  }
  .map-legend {
    width: auto;
  }
  .address-search-section input {
    width: 315px;
  }
}
@media only screen and (min-width: 720px) {
}
@media only screen and (min-width: 1050px) {
  .address-search-section input {
    width: 550px;
  }
  .location-title-container .h2-heading {
    max-width: 800px;
  }
}

/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-search {
  position: relative;
  background: #354447;
  padding: 20px 0 10px 0;
}
.cmp-search__field {
  position: relative;
  height: 2rem;
  width: 50%;
  margin: 20px auto;
}
.cmp-search__input {
  padding-left: 2rem;
  padding-right: 2rem;
  height: 100%;
  width: 100% !important;
  border: 1px solid #CCC;
  margin-bottom: 10px;
}
.cmp-search__icon {
  display: block;
  position: absolute;
  left: .5rem;
  top: .5rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik02NzIsMEM0MDYuOTAzLDAsMTkyLDIxNC45MDMsMTkyLDQ4MGMwLDk1LjcsMjguMDExLDE4NC44NTUsNzYuMjc1LDI1OS43MjVDMTgxLjY0Niw4MjYuMzU0LDQ4LjA3NSw5NTkuOTI1LDM2LDk3Mg0KCWMtMTgsMTgtMzYsMzYtMzYsNzJzMTgsNTQsMzYsNzJzMzYuMDEyLDM2LDcyLDM2czU0LTE4LDcyLTM2YzEyLjA3NS0xMi4wNzUsMTQ1LjY0Ni0xNDUuNjQ2LDIzMi4yNzUtMjMyLjI3NQ0KCUM0ODcuMTQ0LDkzMS45ODgsNTc2LjMsOTYwLDY3Miw5NjBjMjY1LjA5NywwLDQ4MC0yMTQuOTAzLDQ4MC00ODBDMTE1MiwyMTQuOTAzLDkzNy4wOTcsMCw2NzIsMHogTTY3Miw4MTYNCgljLTE4NS41NjgsMC0zMzYtMTUwLjQzMy0zMzYtMzM2YzAtMTg1LjU2OCwxNTAuNDMyLTMzNiwzMzYtMzM2YzE4NS41NjcsMCwzMzYsMTUwLjQzMiwzMzYsMzM2QzEwMDgsNjY1LjU2Nyw4NTcuNTY3LDgxNiw2NzIsODE2eiINCgkvPg0KPC9zdmc+DQo=");
  background-size: contain;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}
.cmp-search__loading-indicator {
  display: none;
  position: absolute;
  top: .5rem;
  left: .5rem;
  border: 3px solid #ccc;
  border-top-color: #333;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  animation: cmp-search__loading-indicator-spin 2s linear infinite;
}
@keyframes cmp-search__loading-indicator-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cmp-search__clear {
  display: none;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}
.cmp-search__clear-icon {
  position: absolute;
  top: .8rem;
  right: .5rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJYTUxJRF85XyIgZD0iTTgyLjYsOTM3LjJsMzYyLTM2Mkw4NCwyMTQuOGMtMTQuMS0xNC4xLTE0LjEtMzYuOSwwLTUxbDgxLjItODEuMmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsMzYwLjUsMzYwLjUNCglMOTM3LjIsODIuNmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsODEuMiw4MS4yYzE0LjEsMTQuMSwxNC4xLDM2LjksMCw1MUw3MDguOSw1NzUuM2wzNjAuNSwzNjAuNWMxNC4xLDE0LjEsMTQuMSwzNi45LDAsNTENCglsLTgxLjIsODEuMmMtMTQuMSwxNC4xLTM2LjksMTQuMS01MSwwTDU3Ni43LDcwNy41bC0zNjIsMzYyYy0xNC4xLDE0LjEtMzYuOSwxNC4xLTUxLDBsLTgxLjItODEuMg0KCUM2OC41LDk3NC4yLDY4LjUsOTUxLjMsODIuNiw5MzcuMnoiLz4NCjwvc3ZnPg0K");
  background-size: contain;
  width: 1rem;
  height: 1rem;
}
.cmp-search__results,
#notFoundMessage {
  display: none;
  min-width: 75%;
  max-height: none;
  position: static;
  margin: 20px auto;
  z-index: 999999;
  border: 1px solid #ccc;
  background: #FFFFFF;
}
#notFoundMessage {
  text-align: center;
  font-size: 18px;
  color: #666666;
}
.cmp-search__item,
#notFoundMessage span {
  display: block;
  margin: 10px auto;
  width: 60%;
  border: 1px solid #CCC;
  padding: 10px;
  background: #FFFFFF;
}
.cmp-search__item--is-focused,
#notFoundMessage span--is-focused {
  background-color: #ccc;
}
.cmp-search__item :hover,
#notFoundMessage span :hover {
  text-underline: none;
}
#notFoundMessage span {
  border: none;
}
.cmp-search__item-description {
  display: block;
  color: #666;
  font-weight: normal;
  margin: 5px 0 0 5px;
}
.quickSearch {
  width: 50%;
  margin: 10px auto;
  text-align: center;
}
.quickSearch ul {
  list-style: none;
  display: inline-block;
  padding-left: 0;
}
.quickSearch li {
  display: inline-block;
  padding: 0 5px;
}
.quickSearch li:first-child {
  padding-left: 0;
}
.quickSearch span {
  color: #FFF;
  font-size: 18px;
}
/* Mobile Styles */
@media only screen and (max-width: 768px) {
  .quickSearch,
  .cmp-search__item,
  .cmp-search__field {
    width: 95%;
  }
  .quickSearch span {
    font-size: 16px;
  }
}

.carousel {
  padding: 30px 0px;

  .cmp-carousel__slides {
    display: flex;
    height: auto;
    width: max-content;
    padding-inline-start: 30px;

    @media only screen and (max-device-width: 425px) {
      padding-inline-start: 8px;
    }
    @media only screen and (min-device-width: 425px) and (max-device-width: 768px) {
      padding-inline-start: 18px;
    }
  }

  .cmp-carousel__content {
    overflow-x: scroll;
    scrollbar-width: none;
    margin: auto;
    padding: 0 0 10px;
  }

  .cmp-teaser__description--text-change-ellipse p {
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }

  .cmp-carousel__content::-webkit-scrollbar {
    display: none;
  }

  .cmp-carousel__item {
    display: block;
    width: 320px;
    border-radius: 8px;
    margin: 0 7.5px;

    &:first-child {
      margin-right: 7.5px;
      margin-left: 0;
    }

    &:last-child {
      margin-right: 0;
      width: 96vw;
      overflow: hidden;
    }

    .teaser {
      background-color: white;
      margin-bottom: 0;
      height: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      border-radius: 8px;

      &.teaser-style-2 {
        display: flex;
        width: 300px;
        height: auto;
        border: solid 1px black;

        .cmp-teaser__title {
          height: auto;
          flex-grow: 1;
          text-decoration: underline #00a162;
        }

        .cmp-teaser__description {
          height: auto;

          & * {
            -webkit-line-clamp: 2;
          }
        }

        .cmp-teaser {
          background-color: white;
          margin: 0;
          display: flex;
          flex-direction: column;
          border-radius: 8px;
        }

        .cmp-teaser__content {
          margin-left: 0;
          height: auto;
        }

        .cmp-teaser__image {
          min-height: 160px;

          & * {
            height: 300px;
            border-radius: 8px;
          }
        }
      }
    }

    .cmp-teaser {
      flex-direction: column;
      display: flex;
      width: 100%;
      height: 100%;
    }

    .cmp-teaser__image {
      width: 100%;

      * {
        margin: 0;
      }
    }

    .cmp-image__image {
      width: 100%;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
    }

    .cmp-teaser__content {
      flex: auto;
      display: flex;
      padding: 31.5px 29px 4px;
      text-align: center;
      flex-direction: column;
      width: 100%;

      h3 {
        margin: 0;

        a{
          font-size: 18px;
        }
      }
    }

    .cmp-teaser__title {
      text-align: center;
      height: 100%;
      flex-grow: 1;
    }

    .cmp-teaser__description {
      text-align: center;
      overflow: hidden;
      padding-top: 5.83px;
      padding-bottom: 24px;
      flex-grow: 1;
      height: 100%;
      margin: 0;

      & * {
        padding: 0;
        font-size: 11px;
      }
    }

    .cmp-teaser__action-container {
      margin-bottom: 0;
    }
  }

  .cmp-carousel__nav {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0 0;
    margin-block-start: auto;

    .cmp-carousel__action {
      background: none;
      padding: 12px 4px;
      border: none;

      &[aria-disabled='true'] {
        filter: grayscale(1);
        opacity: 0.5;
      }
    }

    .cmp-carousel__action-icon {
      display: block;
      width: 15px;
      height: 12px;
      background-position: center;
      background-size: 100%;
      background-repeat: no-repeat;
      background-image: url("clientlibs-commons/images/application/next-btn.png");
    }

    .cmp-carousel__action--previous {
      .cmp-carousel__action-icon {
        transform: rotate(180deg);
      }
    }

    .cmp-carousel__action-text {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }

    .cmp-carousel__indicators {
      @include get-style(body, descriptor-bold);
      margin-bottom: 0;
      margin-top: 0;
      padding: 10px;
    }
  }
}

@include breakpoint(medium) {
  .max-width--default {
    .carousel {
      .cmp-carousel__item {
        min-width: 0;
      }
    }
  }

  .carousel {
    padding: 40px 0px;

    .cmp-carousel__item {
      border-radius: 8px;

      .teaser {
        border-radius: 8px;

        &.teaser-style-2 {
          .cmp-teaser {
            .cmp-teaser__title {
              align-self: center;
            }
          }
        }
      }

      .cmp-teaser__image {
        flex-shrink: 0;
        height: auto;
        borderradius: 8px;
        border-top-left-radius: 8px;
      }

      .cmp-image {
        width: 100%;
        height: 100%;

        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
    }
  }
}

@include breakpoint(large) {
  .carousel {
    .cmp-carousel__item {
      width: auto;
      flex: 1;
      border-radius: 8px;
      margin: 0 10px;

      &:first-child {
        margin-right: 10px;
      }

      &:last-child {
        margin-left: 10px;
      }

      .cmp-teaser__content {
        padding: 31.5px 29px 12px;
      }

      .cmp-teaser__image {
        width: 100%;
        height: auto;
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
      }

      .cmp-teaser__description {
        padding-bottom: 27px;
      }
    }

    .cmp-carousel__item:first-child:nth-last-child(3),
    .cmp-carousel__item:first-child:nth-last-child(3) ~ .cmp-carousel__item {
      max-width: 346px;
    }

    .cmp-carousel__item:first-child:nth-last-child(2),
    .cmp-carousel__item:first-child:nth-last-child(2) ~ .cmp-carousel__item {
      max-width: 525px;
    }
  }
}

.video-carousel {
    position: relative;
    margin: 20px 0;
}

.video-carousel h2 {
    font-size: 36px;
    text-align: center;
}

.panel-video {
    max-width: 100%;
    width: 100%;
    border: none;
}

.panel-title,
.panel-description {
    font-size: 18px;
    margin: 10px 0 0 0;
}

.panel-title {
    font-weight: 700;
}

.video-carousel .owl-carousel .owl-item {
    transition: all 300ms ease-out;
    transform: scale(0.7);
    filter: blur(3px);
    padding: 0 6em;
}

.video-carousel .owl-carousel .owl-item.active.center {
    transform: scale(1);
    filter: none;
}

.owl-nav {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    z-index: 1;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
}

.owl-prev,
.owl-next {
    position: absolute;
    width: 32px;
    height: 32px;
    border: none;
    background: url("clientlibs-commons/images/application/green-arrow-right.svg");
}

.owl-prev:hover,
.owl-next:hover {
    cursor: pointer;
}

.owl-prev {
    left: 3%;
    transform: rotate(-180deg);
}

.owl-next {
    right: 3%;
}

@media screen and (min-width: 1024px) {
    .owl-carousel .owl-item {
        padding: 0 1em;
    }
    .owl-prev {
        left: 30%;
    }

    .owl-next {
        right: 30%;
    }
}

.holder .h4-heading {
  margin: 0;
}
.rate-section-holder h4 {
  color: #ffffff;
  padding: 15px 10px 0 10px;
}
section.rate-plan-details {
  padding: 30px 0 10px 0;
  border-bottom: 1px solid #d4d4d4;
}
.rate-plan-header h2 {
  padding: 0 15px;
}
.rate-plan-header p {
  padding: 0px 28px 0 30px;
  max-width: 800px;
  margin: 0 auto;
}
.rate-plan-header p a {
  color: #00a261;
}
.rate-plan-options-wrapper {
  padding: 15px;
  margin: 0 auto;
  text-align: center;
}
.rate-plan-options {
  margin: 0 auto 40px;
  overflow: hidden;
  text-align: center;
}
.rate-plan-options h5 {
  text-align: center;
  color: #666;
  margin-bottom: 10px;
  padding-left: 0;
}
.rate-options-box {
  width: 100%;
  height: auto;
  background: #354447;
  position: relative;
  float: left;
  cursor: pointer;
  text-align: center;
  padding: 20px 0;
}
.rate-options-box:hover {
  background: #243133;
  transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
  -moz-transition: background-color 0.3s ease 0s;
  -ms-transition: background-color 0.3s ease 0s;
}
.rate-options-box:active {
  background: #1b2728;
  transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
  -moz-transition: background-color 0.3s ease 0s;
  -ms-transition: background-color 0.3s ease 0s;
}
.rate-left {
  height: 100%;
  text-align: center;
  width: 100%;
}
.rate-left p.large-label {
  margin: 0px 0 10px 0;
  font-weight: 200;
  font-size: 32px;
  color: #ffffff;
  line-height: 30px;
}
.rate-left p.p-body {
  margin: 0;
}
.rate-left p {
  color: #fff;
}

p.select-plan {
  background: none repeat scroll 0 0 #ff9900;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  height: 50px;
  line-height: 48px;
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto;
  width: 170px;
  cursor: pointer;
}
.rate-plan-box ul li .green-button,
.rate-plan-box ul li .site-navigation-button,
.rate-plan-box ul li .form-button {
  min-width: 190px;
}
.rate-right a {
  display: none;
}
.rate-plan-box {
  border-top: none;
  height: auto;
}
.rate-plan-box ul {
  border: 2px solid #d7d7d7;
  border-top: none;
  background: #f2f2f2;
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
}
.rate-plan-box ul li {
  border-bottom: 2px solid #e4e4e4;
  padding: 15px 0;
}
.rate-plan-box ul li:last-child {
  border-bottom: none;
}
.rate-plan-box ul li:last-child .green-button,
.rate-plan-box ul li:last-child .site-navigation-button,
.rate-plan-box ul li:last-child .form-button {
  margin-top: 10px;
}

.rate-plan-box ul li {
  position: relative;
  display: table;
  width: 100%;
}
.rate-plan-box ul li .green-button,
.rate-plan-box ul li .site-navigation-button,
.rate-plan-box ul li .form-button {
  width: 190px;
}
.select {
  width: 100%;
  text-align: center;
  clear: both;
}
.rate-plan-box ul li .holder {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
.rate-plan-box ul li .p-body {
  padding: 0 10px;
}
.rate-options-box p.select-plan {
  display: block;
  margin: 30px auto 0;
}
.rate-left p.popular-text:before {
  content: "\2605";
  font-size: 13px;
  padding-right: 1px;
  color: #fff;
}
.rate-plan-header {
  width: 100%;
  margin: 0 auto;
}
.rate-plan-box ul li h1 {
  line-height: 30px;
  margin: 5px 0 0;
}
.rate-plan-box ul li .h1-heading s {
  display: block;
  font-size: 20px;
}
.rate-plan-box .holder .h1-heading {
  font-size: 30px;
  font-weight: 700;
}
.ratePlanSingleColumn .rate-options-box:hover {
  background: #243133;
  transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
  -moz-transition: background-color 0.3s ease 0s;
  -ms-transition: background-color 0.3s ease 0s;
}
.ratePlanSingleColumn .rate-options-box:hover p.select-plan {
  background: none repeat scroll 0 0 #fff;
  color: #ff9900;
}
.ratePlanSingleColumn .rate-right {
  position: static;
}
.ratePlanSingleColumn .rate-options-box p.select-plan {
  margin: 20px auto;
}

.rate-plan-box ul li .grey-button {
  margin-top: 0px;
}
.month-year-cost-details {
  margin-bottom: 10px;
}
.month-year-cost-details span.cost {
  font-weight: 700;
  font-style: normal;
  font-size: 40px;
  color: #ffffff;
}
.month-year-cost-details span.month-year {
  font-size: 18px;
  font-weight: 200;
  color: #d7d7d7;
}
.p-body.popular-text {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 24px;
  color: #354447;
}
@media only screen and (max-width: 719px) {
  .rate-plan-options {
    max-width: 345px;
    min-width: 290px;
  }
}
@media only screen and (min-width: 720px) {
  section.rate-plan-details {
    padding: 25px 0 20px;
    border-bottom: none;
  }

  .rate-options-box p.select-plan {
    display: block;
    margin: 20px auto 0;
  }
  .rate-plan-box,
  p#popular-text {
    display: block;
  }
  .rate-plan-header p a {
    display: inline-block;
  }
  .rate-plan-options {
    display: inline-table;
    margin: 0.8% 0.5%;
    width: 31.2%;
    vertical-align: top;
    min-width: auto;
    max-width: auto;
  }
  .rate-options-box {
    width: 100%;
    height: 280px;
    position: relative;
    float: none;
    margin-bottom: 0px;
  }
  .rate-left {
    float: none;
    width: 100%;
    height: auto;
    min-height: 90px;
  }
  .rate-left {
    padding-left: 0;
  }
  .rate-plan-header h2 {
    padding: 0 110px;
  }
  .rate-left p.large-label {
    padding: 0 18px;
    font-size: 34px;
    margin-bottom: 0;

    line-height: 45px;
  }
  .rate-left p.p-body {
    display: none;
  }

  .rate-options-box:hover {
    background: #243133;
    transition: background-color 0.3s ease 0s;
    -webkit-transition: background-color 0.3s ease 0s;
    -moz-transition: background-color 0.3s ease 0s;
    -ms-transition: background-color 0.3s ease 0s;
  }
  .rate-left p.popular-text {
    margin-top: 23px;
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    font-size: 16px;
  }
  .rate-options-box:hover p.select-plan {
    background: none repeat scroll 0 0 #ea8806;
    color: #ffffff;
  }
  p.select-plan {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
  }
  .rate-options-box {
    margin-top: 60px;
  }
  .rate-options-box.popular-text {
    margin-top: 0px;
    padding-top: 40px;
  }
  .p-body.popular-text {
    font-size: 24px;
    line-height: 30px;
  }
  /*.month-year-cost-details {
    position:absolute;
    bottom:120px;
    left:0;
    right:0;
    }*/
}
@media only screen and (min-width: 1050px) {
  section.rate-plan-details {
    padding: 55px 0 45px;
  }
  .rate-plan-options-wrapper {
    padding: 30px 3px 15px;
    margin: 0 auto;
  }
  .rate-options-box {
    width: 100%;
    min-height: 295px;
    padding: 25px 0;
  }
  .rate-plan-box {
    /*height:785px;*/
  }
  .rate-plan-options {
    margin: 1.4% 1.1%;
    width: 265px;
    position: relative;
  }
  .rate-plan-header h2,
  .rate-plan-header .h2-heading {
    padding: 0;
    max-width: 800px;
    margin: 0 auto;
  }
  .rate-left {
    min-height: 130px;
  }
  .rate-left p.large-label {
    margin: 0 0 10px 0;
    font-size: 50px;
    line-height: 65px;
  }

  .rate-plan-box ul li div p.rates {
    font-weight: 400;
    padding-bottom: 25px;
  }

  .rate-plan-box ul li h1 {
    line-height: 73px;
  }
  .rate-plan-box ul li .h1-heading s {
    display: block;
    font-size: 40px;
  }
  .rate-plan-box ul li {
    padding: 20px 0 10px;
  }
  .rate-plan-box ul li:last-child {
    border-bottom: none;
  }
  .rate-plan-header {
    width: 1000px;
  }
  .rate-left p.popular-text:before {
    font-size: 18px;
    vertical-align: top;
  }
  .rate-left p.popular-text {
    font-size: 24px;
  }
  .rate-plan-box .holder .h1-heading {
    font-size: 50px;
  }

  .month-year-cost-details span.cost {
    font-size: 50px;
  }
  p.select-plan {
    bottom: 3px;
  }
  .rate-plan-box ul li:last-child {
    height: 100px;
  }
  .rate-plan-box ul li .grey-button {
    margin-top: 5px;
  }
  .rate-options-box {
    margin-top: 60px;
  }
  .rate-options-box.popular-text {
    padding-top: 45px;
  }
}

.rate-plan-card {
    color: #FFFFFF;
    max-width: 418px;
    height: 598px;
    background: #354447;
    border-top: 10px solid #169A5A;
    margin: 30px auto;
    text-align: center;
    position: relative;
}

.rate-plan-card > h1, h2, h3, h4, h5, p {
    font-family: "Open Sans" !important;
}

.rate-plan-body {
    display: flex;
    flex-flow: column;
    margin: 25px auto 0;
    padding-top: 10px;
}

.rate-plan-body .title-text {
    height: 45px;
    line-height: 65px;
    font-size: 32px;
    font-weight: 700;
}

.rate-plan-body .subtitle-text {
    line-height: 26px;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 10px;
}

.rate-text {
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin-bottom: 10px;
}

.rate-text h1 {
    font-size: 60px;
    line-height: 65px;
    font-weight: 700;
    margin: 0px 5px;
}

.rate-text p {
    width: auto !important;
    margin: unset;
    line-height: 26px;
    font-size: 18px;
    font-weight: 300;
}

.joining-fee {
    margin-bottom: 25px;
    text-align: center;
}

.joining-fee p {
    color: #FF9900;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
}

.rate-plan-description {
    padding: 0 15px;
}

.cta-container {
    display: flex;
    flex-flow: column;
    gap: 40px;
    align-items: center;
}

a.rate-table-link {
    color: #FFFFFF;
    text-decoration: underline;
}

.offer-banner {
    display: flex;
    gap: 3px;
    color: #FFFFFF;
    border-radius: 5px;
    background-color: #3888FF;
    padding: 4px 15px;
    position: absolute;
    top: -5%;
    left: 50%;
    transform: translate(-50%);
    width: 290px;
    height: 52px;
    align-items: center;
    text-align: center;
}

.offer-banner span{
    background: url("clientlibs-commons/images/application/sale-offer-tag.svg");
    margin-top: 5px;
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
}

.offer-banner p{
    font-size: 15px;
    font-weight: 600;
    line-height: 1em;
}

.offer-banner a {
    color: #FFFFFF;
    text-decoration: underline;
    cursor: pointer;
}

.static-content-container {
    width: 320px;
}
.rate-plan-card {
    color: #FFFFFF;
    max-width: 418px;
    height: 546px;
    background: #354447;
    border-top: 10px solid #169A5A;
    margin: 30px auto;
    text-align: center;
    position: relative;
}

.rate-plan-card > h1, h2, h3, h4, h5, p {
    font-family: "Open Sans" !important;
}

.rate-plan-body {
    display: flex;
    flex-flow: column;
    margin: 25px auto 0;
    padding-top: 10px;
}

.rate-plan-body .title-text {
    height: 60px;
    line-height: 35px;
    font-size: 26px;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.rate-plan-body .subtitle-text {
    line-height: 26px;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 10px;
}

.rate-text {
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin: 10px 0px;
}

.rate-text h1 {
    font-size: 60px;
    line-height: 65px;
    font-weight: 700;
    margin: 0px 5px;
}

.rate-text p {
    width: auto !important;
    margin: unset;
    line-height: 26px;
    font-size: 18px;
    font-weight: 300;
}

.joining-fee {
    margin-bottom: 25px;
    text-align: center;
}

.joining-fee p {
    color: #FF9900;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
}

.rate-plan-description {
    padding: 0 15px;
}

.rate-plan-description p {
    font-size: 16px;
}

.cta-container {
    display: flex;
    flex-flow: column;
    gap: 15px;
    align-items: center;
}

.rate-plan-cta {
    margin-bottom: 20px;
}

a.rate-table-link {
    color: #FFFFFF;
    text-decoration: underline;
}

.offer-banner {
    display: flex;
    gap: 3px;
    color: #FFFFFF;
    border-radius: 5px;
    background-color: #3888FF;
    padding: 4px 15px;
    position: absolute;
    top: -5%;
    left: 50%;
    transform: translate(-50%);
    width: 290px;
    height: 52px;
    align-items: center;
    text-align: center;
}

.offer-banner span{
    background: url("clientlibs-commons/images/application/sale-offer-tag.svg");
    margin-top: 5px;
    width: 25px;
    height: 17px;
    background-repeat: no-repeat;
}

.offer-banner p{
    font-size: 15px;
    font-weight: 600;
    line-height: 1em;
}

.offer-banner a {
    color: #FFFFFF;
    text-decoration: underline;
    cursor: pointer;
}

.static-content-container {
    width: 320px;
}
section.rate-details-container {
  background: #ffffff;
  height: auto;
  width: 100%;
  padding: 20px 0;
}
.container-link-btn{
  display: flex;
  gap: 23px;
  align-items: center;
}
.rate-details-container h2 {
  color: #354447;
  font-size: 50px;
  font-weight: 300;
  line-height: 65px;
  max-width: 100%;
  padding: 0;
  margin: 0 auto;
  text-align: center;
}

.text-area .small-copy {
  padding: 10px 20px 0 20px;
  margin: 0;
  color: #58595B;
  font-size: 18px;
  line-height: 26px;
}

.rate-for-city {
  display: flex;
  border: none;
  padding: 0 0 10px 0;
  flex-direction: column;
  align-items: center;
}

.rate-for-city h3 {
  font-weight: bold;
  font-size: 32px;
  line-height: 24px;
  color: #666666;
}

.dropdown.button-type select {
   width: 300px;
  height: 50px;
   padding: 0px 10px;
   border: 1.5px solid #737373;
   color: #000000b5;
   font-size: 16px;
   font-weight: 200;

}

.location-dropdown #dropdownArrow:after {
  content: "\203A";
   font-size: 41px;
  line-height: 35px;
  color: #10bf73;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 10px;
  top: 10px;
  position: absolute;
  pointer-events: none;
  font-weight: 100;
}
@media only screen and (min-width: 321px) and (max-width: 520px) {
  .container-link-btn {
    gap: 15px;
  }
  .dropdown.button-type select {
    width: auto;
    padding: 0 20px 0 10px;
  }
  .location-dropdown #dropdownArrow:after {
    font-size: 35px;
    line-height: 33px;
  }
  .drawer-btn-cont{
    width: max-content;
  }
  .rate-for-city h3 {
    font-size: 29px;
  }
}
@media only screen and (max-width: 320px) {
  .dropdown.button-type select {
    width: 130px;
    padding: 0 20px 0 10px;
  }
  .rate-for-city h3 {
    font-size: 27px;
  }
}