/*
Table Of Contents
 
 1.) Typography
 2.) Default Styles
 
 *-- Common styles --*
 a.) Container and Custom Grids
 
 3.) Home Page
 3.1) Header
 3.2) Banners
 3.3) Footer
 
 4.) Inner - Pages - Common Styles
     Banner - Inner
     Content - Inner
     Sub Title
     Cont Mid
     Side Nav
	CTA Boxes
 
 5.) Background - Colors
 
===============================================*/

/*
 1.) Typography
----------------------------------------*/

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

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

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

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

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

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

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

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

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

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

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

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

/*
 2.) Default Styles
----------------------------------------*/

body {
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #262729;
  line-height: 26px;
  letter-spacing: 0.01em;
  background: #eaeaea;
  margin: 0;
  padding: 0;
}

pre {
  word-break: normal;
  word-wrap: normal;
}

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  line-height: 0.5em;
}

@media (max-width: 767px) {
  body {
    font-size: 14px;
    line-height: 22px;
  }
}

/*= Links 
=======================================================*/

a {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  color: #708396;
  text-decoration: none;
  outline: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
  outline: 0;
}

a:hover,
a:active,
a:focus {
  color: #a4b3c0;
  text-decoration: none;
  outline: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

a:hover {
  text-decoration: underline;
}

a:visited {
  outline: 0;
  text-decoration: none;
}

/*= Headings: P, H1, H2, H3, H4, H5, H6 
=======================================================*/

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: normal;
  padding: 0;
  margin: 0;
}

h1,
.blog-heading {
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 40px;
  color: #505050;
  line-height: 44px;
  padding-bottom: 25px;
}

h2 {
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #505050;
  line-height: 36px;
  letter-spacing: 0.01em;
  padding-bottom: 18px;
}

h3 {
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 27px;
  color: #505050;
  line-height: 32px;
  padding-bottom: 10px;
}

h4 {
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #708396;
  line-height: 28px;
  letter-spacing: 0.02em;
  padding-bottom: 10px;
}

h5 {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 21px;
  color: #262729;
  line-height: 25px;
  letter-spacing: 0.02em;
  padding-bottom: 10px;
}

h6 {
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #262729;
  line-height: 21px;
  letter-spacing: 0.02em;
  padding-bottom: 10px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  font-family: "gothamlightregular", Arial, Helvetica, sans-serif;
}

p {
  padding: 0 0 18px 0;
  margin: 0;
}

p:last-child {
  padding: 0 0 25px 0;
}

.xytex-api-loading {
  display: inline-block;
  line-height: 36px;
}

.upper-case {
  text-transform: uppercase;
}

.lrg {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 21px;
  line-height: 26px;
  letter-spacing: normal;
}

.lrg a {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
}

em {
  font-style: normal;
  font-family: "gothambookitalic", Arial, Helvetica, sans-serif;
}

em a {
  font-family: "gothambookitalic", Arial, Helvetica, sans-serif;
}

strong {
  font-weight: normal;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
}

strong a {
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
}

.regular {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
}

.regular a {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
}

.light {
  font-family: "gothamlightregular", Arial, Helvetica, sans-serif;
}

.light a {
  font-family: "gothamlightregular", Arial, Helvetica, sans-serif;
}

@media (max-width: 767px) {
  h1 {
    font-size: 30px;
    line-height: 33px;
    padding-bottom: 20px;
  }

  h2 {
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 10px;
  }

  h3 {
    font-size: 15px;
    line-height: 18px;
    padding-bottom: 5px;
  }

  h4 {
    font-size: 16px;
    line-height: 19px;
    padding-bottom: 5px;
  }

  h5 {
    font-size: 16px;
    line-height: 19px;
    padding-bottom: 5px;
  }

  h6 {
    font-size: 14px;
    line-height: 17px;
    padding-bottom: 5px;
  }

  p {
    padding: 0 0 10px 0;
  }

  p:last-child {
    padding: 0 0 20px 0;
  }

  .lrg {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 639px) {
  .lrg:last-child {
    padding-bottom: 17px;
  }
}

/*= Unorder List 
=======================================================*/

ul {
  list-style: none;
  margin: 0;
  padding: 0px 0 15px 10px;
}

ul li {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #474747;
  line-height: 20px;
  letter-spacing: normal;
  list-style: none;
  position: relative;
  padding: 0 0 8px 22px;
  margin: 0;
}
.top-cont ul li {
  clear: left;
}

ul li:last-child {
  padding-bottom: 18px;
}

ul li::before {
  content: "";
  width: 16px;
  height: 15px;
  float: left;
  background: url(../img/icon-check@2x.png) no-repeat 0 0;
  background-size: 16px auto;
  position: absolute;
  top: 2px;
  left: 0px;
}

.page-parent ul li,
.page-child ul li {
  padding: 0 0 8px 47px;
}

.page-parent ul li::before,
.page-child ul li::before {
  left: 25px;
}

@media (max-width: 767px) {
  ul {
    padding-top: 5px;
    padding-left: 0px;
  }

  ul li {
    font-size: 14px;
    line-height: 19px;
    padding-bottom: 10px;
  }

  ul li:last-child {
    padding-bottom: 15px;
  }

  ul li::before {
    top: 0px;
  }
}
@media (max-width: 480px) {
  .page-parent ul li,
  .page-child ul li {
    padding: 0 0 8px 30px;
  }
  .page-parent ul li::before,
  .page-child ul li::before {
    left: 6px;
  }
}

/*= Order List 
=======================================================*/

ol {
  list-style: none;
  counter-reset: item;
  padding: 0 0 0 12px;
  margin: 0;
  clear: left;
}

ol li {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #474747;
  line-height: 20px;
  letter-spacing: normal;
  list-style: none;
  counter-increment: item;
  position: relative;
  padding: 0 0 8px 18px;
  margin: 0;
}

ol li:last-child {
  padding-bottom: 20px;
}

ol li:before {
  content: counter(item) ".";
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  color: #708396;
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
}

ol li:nth-child(n + 10) {
  padding-left: 28px;
}

ol li:nth-child(n + 100) {
  padding-left: 36px;
}

@media (max-width: 767px) {
  ol {
    padding-top: 5px;
  }

  ol li {
    font-size: 14px;
    line-height: 19px;
    padding-bottom: 10px;
  }

  ol li:last-child {
    padding-bottom: 15px;
  }
}

/* #Input Styles
================================================= */

form ul li:before {
  content: "";
  display: none;
}

input,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 0;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  outline: 0;
}

input,
textarea {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

label {
  width: 100%;
  float: left;
  font-weight: normal;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #676767;
  line-height: 20px;
  padding: 0 0 8px 0;
  margin: 0;
}

label em {
  font-family: "gothammediumitalic", Arial, Helvetica, sans-serif;
}

label strong {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
}

label.sml {
  font-size: 14px;
  line-height: 18px;
}

.req {
  color: #eb4f4f;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
textarea,
select {
  width: 100%;
  height: 46px;
  float: left;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #262729;
  line-height: 20px;
  letter-spacing: normal;
  text-transform: none;
  background: #f3f3f3;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  position: relative;
  padding: 10px 20px;
  margin: 0;
}

textarea {
  height: 170px;
  line-height: 24px;
  padding: 10px 20px;
  outline: none;
  resize: none;
}

select {
  background-image: url(../img/arrow-down@2x.png);
  background-size: 36px auto;
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-top: 0;
  padding-right: 50px;
  padding-bottom: 0;
}

select::-ms-expand {
  display: none;
}

select option {
  width: 100% !important;
  float: left !important;
  line-height: 1.2em !important;
  border: none !important;
  padding: 6px 20px !important;
}

select option:first-child {
  /*display:none;*/
}

select option:hover {
  background: #065293 !important;
}

/* selectColored */
select.colorize option:not([disabled]) {
  color: #262729;
}

select.colorize option.def:not([disabled]),
select.colorize.empty:not([disabled]) {
  color: #262729;
}

:placeholder {
  color: #262729;
}

::-webkit-input-placeholder,
::-webkit-textarea-placeholder {
  color: #262729;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #262729;
}

::-moz-placeholder {
  color: #000000;
}

:-ms-input-placeholder {
  color: #000000;
}

@media (max-width: 767px) {
  label {
    font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    padding: 0 0 5px 0;
  }

  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  .uneditable-input,
  textarea,
  select {
    height: 40px;
    font-size: 12px;
    line-height: 20px;
    padding: 10px 12px;
  }

  .bio-fields input[type="text"],
  .bio-fields input[type="password"],
  .bio-fields input[type="datetime"],
  .bio-fields input[type="datetime-local"],
  .bio-fields input[type="date"],
  .bio-fields input[type="month"],
  .bio-fields input[type="time"],
  .bio-fields input[type="week"],
  .bio-fields input[type="number"],
  .bio-fields input[type="email"],
  .bio-fields input[type="url"],
  .bio-fields input[type="search"],
  .bio-fields input[type="tel"],
  .bio-fields input[type="color"],
  .bio-fields .uneditable-input,
  .bio-fields textarea,
  .bio-fields select {
    margin-bottom: 10px;
  }

  textarea {
    height: 110px;
    padding: 10px 12px;
    outline: none;
    resize: none;
  }

  select {
    vertical-align: middle;
    background-size: 30px auto;
    padding-right: 40px;
    padding-top: 0;
    padding-bottom: 0;
  }

  select option {
    padding: 6px 12px !important;
  }
}

/* #Buttons
================================================== */

.btn,
button,
input[type="button"],
input[type="submit"] {
  float: none;
  display: inline-block;
  font-weight: normal;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 19.4px;
  color: #ffffff;
  line-height: 1em;
  letter-spacing: 0.011em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: normal;
  vertical-align: middle;
  background: #ffb547;
  border: none;
  filter: none;
  border-radius: 0;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  padding: 11px 30px;
  margin: 0;
  border-radius: 50px;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus,
.btn.active,
.btn.active:focus,
button:hover,
button:focus,
button:active,
button:active:focus,
button.active,
button.active:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="button"]:active:focus,
input[type="button"].active,
input[type="button"].active:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="submit"]:active:focus,
input[type="submit"].active,
input[type="submit"].active:focus {
  color: #ffffff;
  background: rgba(255, 181, 71, 0.9);
  text-decoration: none;
  outline: 0;
  box-shadow: none;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-white,
button.btn-white,
input.btn-white[type="button"],
input.btn-white[type="submit"] {
  color: #19a2b5;
  background: #ffffff;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white:active:focus,
.btn-white.active,
.btn-white.active:focus,
button.btn-white:hover,
button.btn-white:focus,
button.btn-white:active,
button.btn-white:active:focus,
button.btn-white.active,
button.btn-white.active:focus,
input.btn-white[type="button"]:hover,
input.btn-white[type="button"]:focus,
input.btn-white[type="button"]:active,
input.btn-white[type="button"]:active:focus,
input.btn-white[type="button"].active,
input.btn-white[type="button"].active:focus,
input.btn-white[type="submit"]:hover,
input.btn-white[type="submit"]:focus,
input.btn-white[type="submit"]:active,
input.btn-white[type="submit"]:active:focus,
input.btn-white[type="submit"].active,
input.btn-white[type="submit"].active:focus {
  color: #19a2b5;
  background: rgba(255, 255, 255, 0.9);
}

.btn-teal,
button.btn-teal,
input.btn-teal[type="button"],
input.btn-teal[type="submit"] {
  background: #00acc8;
}

.btn-teal:hover,
.btn-teal:focus,
.btn-teal:active,
.btn-teal:active:focus,
.btn-teal.active,
.btn-teal.active:focus,
button.btn-teal:hover,
button.btn-teal:focus,
button.btn-teal:active,
button.btn-teal:active:focus,
button.btn-teal.active,
button.btn-teal.active:focus,
input.btn-teal[type="button"]:hover,
input.btn-teal[type="button"]:focus,
input.btn-teal[type="button"]:active,
input.btn-teal[type="button"]:active:focus,
input.btn-teal[type="button"].active,
input.btn-teal[type="button"].active:focus,
input.btn-teal[type="submit"]:hover,
input.btn-teal[type="submit"]:focus,
input.btn-teal[type="submit"]:active,
input.btn-teal[type="submit"]:active:focus,
input.btn-teal[type="submit"].active,
input.btn-teal[type="submit"].active:focus {
  background: rgba(0, 172, 200, 0.9);
}

.btn-gray,
button.btn-gray,
input.btn-gray[type="button"],
input.btn-gray[type="submit"] {
  background: #676767;
}

.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray:active:focus,
.btn-gray.active,
.btn-gray.active:focus,
button.btn-gray:hover,
button.btn-gray:focus,
button.btn-gray:active,
button.btn-gray:active:focus,
button.btn-gray.active,
button.btn-gray.active:focus,
input.btn-gray[type="button"]:hover,
input.btn-gray[type="button"]:focus,
input.btn-gray[type="button"]:active,
input.btn-gray[type="button"]:active:focus,
input.btn-gray[type="button"].active,
input.btn-gray[type="button"].active:focus,
input.btn-gray[type="submit"]:hover,
input.btn-gray[type="submit"]:focus,
input.btn-gray[type="submit"]:active,
input.btn-gray[type="submit"]:active:focus,
input.btn-gray[type="submit"].active,
input.btn-gray[type="submit"].active:focus {
  background: rgba(103, 103, 103, 0.9);
}

.btn-light-gray,
button.btn-light-gray,
input.btn-light-gray[type="button"],
input.btn-light-gray[type="submit"] {
  background: #b5b8ba;
}

.btn-light-gray:hover,
.btn-light-gray:focus,
.btn-light-gray:active,
.btn-light-gray:active:focus,
.btn-light-gray.active,
.btn-light-gray.active:focus,
button.btn-light-gray:hover,
button.btn-light-gray:focus,
button.btn-light-gray:active,
button.btn-light-gray:active:focus,
button.btn-light-gray.active,
button.btn-light-gray.active:focus,
input.btn-light-gray[type="button"]:hover,
input.btn-light-gray[type="button"]:focus,
input.btn-light-gray[type="button"]:active,
input.btn-light-gray[type="button"]:active:focus,
input.btn-light-gray[type="button"].active,
input.btn-light-gray[type="button"].active:focus,
input.btn-light-gray[type="submit"]:hover,
input.btn-light-gray[type="submit"]:focus,
input.btn-light-gray[type="submit"]:active,
input.btn-light-gray[type="submit"]:active:focus,
input.btn-light-gray[type="submit"].active,
input.btn-light-gray[type="submit"].active:focus {
  background: rgba(181, 184, 186, 0.9);
}

.btn-navy,
button.btn-navy,
input.btn-navy[type="button"],
input.btn-navy[type="submit"] {
  background: #1d3b58;
}

.btn-navy:hover,
.btn-navy:focus,
.btn-navy:active,
.btn-navy:active:focus,
.btn-navy.active,
.btn-navy.active:focus,
button.btn-navy:hover,
button.btn-navy:focus,
button.btn-navy:active,
button.btn-navy:active:focus,
button.btn-navy.active,
button.btn-navy.active:focus,
input.btn-navy[type="button"]:hover,
input.btn-navy[type="button"]:focus,
input.btn-navy[type="button"]:active,
input.btn-navy[type="button"]:active:focus,
input.btn-navy[type="button"].active,
input.btn-navy[type="button"].active:focus,
input.btn-navy[type="submit"]:hover,
input.btn-navy[type="submit"]:focus,
input.btn-navy[type="submit"]:active,
input.btn-navy[type="submit"]:active:focus,
input.btn-navy[type="submit"].active,
input.btn-navy[type="submit"].active:focus {
  background: rgba(29, 59, 88, 0.9);
}

.btn-br-yellow,
button.btn-br-yellow,
input.btn-br-yellow[type="button"],
input.btn-br-yellow[type="submit"] {
  color: #efab58;
  background: none;
  box-shadow: inset #efab58 0 0 0 2px;
}

.btn-br-yellow:hover,
.btn-br-yellow:focus,
.btn-br-yellow:active,
.btn-br-yellow:active:focus,
.btn-br-yellow.active,
.btn-br-yellow.active:focus,
button.btn-br-yellow:hover,
button.btn-br-yellow:focus,
button.btn-br-yellow:active,
button.btn-br-yellow:active:focus,
button.btn-br-yellow.active,
button.btn-br-yellow.active:focus,
input.btn-br-yellow[type="button"]:hover,
input.btn-br-yellow[type="button"]:focus,
input.btn-br-yellow[type="button"]:active,
input.btn-br-yellow[type="button"]:active:focus,
input.btn-br-yellow[type="button"].active,
input.btn-br-yellow[type="button"].active:focus,
input.btn-br-yellow[type="submit"]:hover,
input.btn-br-yellow[type="submit"]:focus,
input.btn-br-yellow[type="submit"]:active,
input.btn-br-yellow[type="submit"]:active:focus,
input.btn-br-yellow[type="submit"].active,
input.btn-br-yellow[type="submit"].active:focus {
  color: #ffffff;
  background: #efab58;
  box-shadow: inset #efab58 0 0 0 2px;
}

.btn-br-teal,
button.btn-br-teal,
input.btn-br-teal[type="button"],
input.btn-br-teal[type="submit"] {
  color: #19a2b5;
  background: none;
  box-shadow: inset #19a2b5 0 0 0 2px;
}

.btn-br-teal:hover,
.btn-br-teal:focus,
.btn-br-teal:active,
.btn-br-teal:active:focus,
.btn-br-teal.active,
.btn-br-teal.active:focus,
button.btn-br-teal:hover,
button.btn-br-teal:focus,
button.btn-br-teal:active,
button.btn-br-teal:active:focus,
button.btn-br-teal.active,
button.btn-br-teal.active:focus,
input.btn-br-teal[type="button"]:hover,
input.btn-br-teal[type="button"]:focus,
input.btn-br-teal[type="button"]:active,
input.btn-br-teal[type="button"]:active:focus,
input.btn-br-teal[type="button"].active,
input.btn-br-teal[type="button"].active:focus,
input.btn-br-teal[type="submit"]:hover,
input.btn-br-teal[type="submit"]:focus,
input.btn-br-teal[type="submit"]:active,
input.btn-br-teal[type="submit"]:active:focus,
input.btn-br-teal[type="submit"].active,
input.btn-br-teal[type="submit"].active:focus {
  color: #ffffff;
  background: #19a2b5;
}

.btn-br-gray,
button.btn-br-gray,
input.btn-br-gray[type="button"],
input.btn-br-gray[type="submit"] {
  color: #676767;
  background: none;
  box-shadow: inset #676767 0 0 0 2px;
}

.btn-br-gray:hover,
.btn-br-gray:focus,
.btn-br-gray:active,
.btn-br-gray:active:focus,
.btn-br-gray.active,
.btn-br-gray.active:focus,
button.btn-br-gray:hover,
button.btn-br-gray:focus,
button.btn-br-gray:active,
button.btn-br-gray:active:focus,
button.btn-br-gray.active,
button.btn-br-gray.active:focus,
input.btn-br-gray[type="button"]:hover,
input.btn-br-gray[type="button"]:focus,
input.btn-br-gray[type="button"]:active,
input.btn-br-gray[type="button"]:active:focus,
input.btn-br-gray[type="button"].active,
input.btn-br-gray[type="button"].active:focus,
input.btn-br-gray[type="submit"]:hover,
input.btn-br-gray[type="submit"]:focus,
input.btn-br-gray[type="submit"]:active,
input.btn-br-gray[type="submit"]:active:focus,
input.btn-br-gray[type="submit"].active,
input.btn-br-gray[type="submit"].active:focus {
  color: #ffffff;
  background: #676767;
}

.btn-br-lgray,
button.btn-br-lgray,
input.btn-br-lgray[type="button"],
input.btn-br-lgray[type="submit"] {
  color: #b5b8ba;
  background: none;
  box-shadow: inset #b5b8ba 0 0 0 2px;
}

.btn-br-lgray:hover,
.btn-br-lgray:focus,
.btn-br-lgray:active,
.btn-br-lgray:active:focus,
.btn-br-lgray.active,
.btn-br-lgray.active:focus,
button.btn-br-lgray:hover,
button.btn-br-lgray:focus,
button.btn-br-lgray:active,
button.btn-br-lgray:active:focus,
button.btn-br-lgray.active,
button.btn-br-lgray.active:focus,
input.btn-br-lgray[type="button"]:hover,
input.btn-br-lgray[type="button"]:focus,
input.btn-br-lgray[type="button"]:active,
input.btn-br-lgray[type="button"]:active:focus,
input.btn-br-lgray[type="button"].active,
input.btn-br-lgray[type="button"].active:focus,
input.btn-br-lgray[type="submit"]:hover,
input.btn-br-lgray[type="submit"]:focus,
input.btn-br-lgray[type="submit"]:active,
input.btn-br-lgray[type="submit"]:active:focus,
input.btn-br-lgray[type="submit"].active,
input.btn-br-lgray[type="submit"].active:focus {
  color: #ffffff;
  background: #b5b8ba;
}

.btn-br-navy,
button.btn-br-navy,
input.btn-br-navy[type="button"],
input.btn-br-navy[type="submit"] {
  color: #1d3b58;
  background: none;
  box-shadow: inset #1d3b58 0 0 0 2px;
}

.btn-br-navy:hover,
.btn-br-navy:focus,
.btn-br-navy:active,
.btn-br-navy:active:focus,
.btn-br-navy.active,
.btn-br-navy.active:focus,
button.btn-br-navy:hover,
button.btn-br-navy:focus,
button.btn-br-navy:active,
button.btn-br-navy:active:focus,
button.btn-br-navy.active,
button.btn-br-navy.active:focus,
input.btn-br-navy[type="button"]:hover,
input.btn-br-navy[type="button"]:focus,
input.btn-br-navy[type="button"]:active,
input.btn-br-navy[type="button"]:active:focus,
input.btn-br-navy[type="button"].active,
input.btn-br-navy[type="button"].active:focus,
input.btn-br-navy[type="submit"]:hover,
input.btn-br-navy[type="submit"]:focus,
input.btn-br-navy[type="submit"]:active,
input.btn-br-navy[type="submit"]:active:focus,
input.btn-br-navy[type="submit"].active,
input.btn-br-navy[type="submit"].active:focus {
  color: #ffffff;
  background: #1d3b58;
}

.btn-out {
  width: 100%;
  float: left;
}

@media (max-width: 767px) {
  .btn,
  button,
  input[type="button"],
  input[type="submit"] {
    font-size: 14px;
    line-height: 14px;
    padding: 13px 18px;
  }
}

/* #Owl-carousel
=======================================================*/

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

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut 0.7s both ease;
  -moz-animation: fadeOut 0.7s both ease;
  animation: fadeOut 0.7s both ease;
}

.owl-fade-in {
  -webkit-animation: fadeIn 0.7s both ease;
  -moz-animation: fadeIn 0.7s both ease;
  animation: fadeIn 0.7s both ease;
}

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade 0.7s ease both;
  -moz-animation: scaleToFade 0.7s ease both;
  animation: scaleToFade 0.7s ease both;
}

.owl-goDown-in {
  -webkit-animation: goDown 0.6s ease both;
  -moz-animation: goDown 0.6s ease both;
  animation: goDown 0.6s ease both;
}

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom 0.5s ease both;
  -moz-animation: scaleUpFrom 0.5s ease both;
  animation: scaleUpFrom 0.5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo 0.5s ease both;
  -moz-animation: scaleUpTo 0.5s ease both;
  animation: scaleUpTo 0.5s ease both;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}
@-moz-keyframes empty {
  0% {
    opacity: 1;
  }
}
@keyframes empty {
  0% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes backSlideOut {
  25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}
@-moz-keyframes backSlideOut {
  25% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
}
@keyframes backSlideOut {
  25% {
    opacity: 0.5;
    transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
  }
}
@-webkit-keyframes backSlideIn {
  0%,
  25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}
@-moz-keyframes backSlideIn {
  0%,
  25% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0);
  }
}
@keyframes backSlideIn {
  0%,
  25% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0);
  }
}
@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}
@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%);
  }
}
@keyframes goDown {
  from {
    transform: translateY(-100%);
  }
}
@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5);
  }
}
@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}

/* #Slider Controls
================================================== */

.owl-controls {
  width: 100%;
  float: left;
  text-align: center;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0;
}

/* Previous and Next */
.owl-buttons {
  width: 100%;
  float: left;
}

.owl-buttons div {
  width: 25px;
  height: 25px;
  float: left;
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  text-indent: -99999px;
  margin: -12px 0 0 0;
}

.owl-buttons .owl-prev {
  background: url(../img/arrow-prev@2x.png) no-repeat center center;
  background-size: 25px auto;
  left: 0;
}

.owl-buttons .owl-next {
  background: url(../img/arrow-next@2x.png) no-repeat center center;
  background-size: 25px auto;
  right: 0;
}

@media (max-width: 1023px) {
  .owl-nav {
    display: block;
  }
}

@media (max-width: 767px) {
  .owl-buttons div {
    width: 20px;
    height: 20px;
    /*top:160px;*/
    top: 55%;
    margin: 0;
  }

  .owl-buttons .owl-prev {
    background-size: 20px auto;
  }

  .owl-buttons .owl-next {
    background-size: 20px auto;
  }
}

/* Bullets */
.owl-controls .owl-page {
  width: auto;
  float: none;
  margin: 0;
  zoom: 1;
  display: none;
}

.owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  background: #b0b0b0;
  border-radius: 14px;
  margin: 4px;
  padding: 0;
  text-indent: -9999px;
}

.owl-controls .owl-page.active span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  background: #19a2b5;
}

/*= Table
=======================================================*/

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
}

/*= Site Common 
=======================================================*/

.container-main {
  width: 100%;
  float: left;
  background: #ffffff;
  overflow: hidden;
}

.container {
  width: 100%;
  max-width: 1260px;
  padding: 0 30px;
}

.row-full {
  width: 100%;
  float: left;
}

@media (min-width: 1200px) {
  .container {
    width: 100%;
    max-width: 1260px;
    padding: 0 30px;
  }
}

@media (max-width: 1199px) {
  .hidden-sm {
    display: none;
  }
}

@media (max-width: 1023px) {
  .container {
    width: 100%;
    max-width: 100%;
    padding: 0 30px;
  }
}

@media (max-width: 767px) {
  .container {
    width: 100%;
    padding: 0 10px;
  }
}

/* New - Row - Custom */
@media (min-width: 992px) {
  .new-row .col-md-8 {
    width: 62.8%;
  }

  .new-row .col-md-4 {
    width: 37.2%;
  }
}

@media (min-width: 1200px) {
  .new-row .col-lg-9 {
    width: 75.5%;
  }

  .new-row .col-lg-3 {
    width: 24.5%;
  }

  .new-row .col-lg-pull-9 {
    right: 75.5%;
  }

  .new-row .col-lg-pull-3 {
    right: 24.5%;
  }

  .new-row .col-lg-push-9 {
    left: 75.5%;
  }

  .new-row .col-lg-push-3 {
    left: 24.5%;
  }
}

/* verticalalign middle */
.outer-bg {
  width: 100%;
  height: 100%;
  float: left;
  display: table;
}

.inner-bg {
  width: 100%;
  height: 100%;
  float: none;
  display: table-cell;
  vertical-align: middle;
}

/* Heading - Txt */
.heading-txt {
  width: 100%;
  float: left;
  text-align: center;
  position: relative;
  margin: 0 0 20px 0;
}

.heading-txt:before {
  content: "";
  width: 100%;
  height: 1px;
  float: left;
  background: #d6d6d6;
  position: absolute;
  top: 51%;
  left: 0;
}

.heading-txt h2 {
  max-width: 96%;
  display: inline-block;
  font-family: "gothambookitalic", Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #9a9797;
  line-height: 36px;
  letter-spacing: 0.25em;
  background: #ffffff;
  position: relative;
  z-index: 1;
  padding: 0 20px;
}

@media (max-width: 1023px) {
  .heading-txt h2 {
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0.25em;
  }
}

@media (max-width: 767px) {
  .heading-txt h2 {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.15em;
    padding: 0 10px;
  }
}

/* Heading - Txt2 */
.heading-txt2 {
  width: 100%;
  float: left;
  text-align: center;
  position: relative;
  padding: 0 0 50px 0;
}

.heading-txt2 h2 {
  font-size: 40px;
  color: #efab58;
  line-height: 40px;
  padding: 0 0 15px 0;
}

.heading-txt2 p {
  font-family: "gothambookitalic", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #7c7c7c;
  line-height: 30px;
  padding: 0;
}

.heading-txt2 aside {
  width: 100%;
  max-width: 760px;
  display: inline-block;
  vertical-align: top;
  padding: 0 20px;
}

@media (max-width: 1199px) {
  .heading-txt2 {
    padding: 0 0 30px 0;
  }

  .heading-txt2 h2 {
    font-size: 30px;
    line-height: 36px;
    padding: 0 0 10px 0;
  }

  .heading-txt2 p {
    font-size: 18px;
    line-height: 28px;
  }

  .heading-txt2 aside {
    max-width: 600px;
  }
}

@media (max-width: 767px) {
  .heading-txt2 {
    padding: 0 0 25px 0;
  }

  .heading-txt2 h2 {
    font-size: 20px;
    line-height: 24px;
    padding: 0 0 10px 0;
  }

  .heading-txt2 p {
    font-size: 16px;
    line-height: 22px;
  }

  .heading-txt2 aside {
    max-width: 420px;
  }
}

/* Tooltip */
.tooltip-icon {
  width: 13px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  background: url(../img/icon-tooltip-gray@2x.png) no-repeat;
  background-size: 13px auto !important;
  position: relative;
}

.tooltip-icon:hover {
  background: url(../img/icon-tooltip-navy@2x.png) no-repeat;
}

.tooltip {
  font-weight: normal;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #010101;
  line-height: 18px;
}

.tooltip-inner {
  padding: 10px;
  color: #010101;
  text-align: left;
  background: #babdc3;
  border-radius: 0;
  opacity: 1;
}

.results-list .tooltip-inner,
.search-links .tooltip-inner,
.pricing-order .tooltip-inner {
  max-width: 300px !important;
  width: 300px !important;
}

.tooltip.in {
  filter: alpha(opacity=100);
  opacity: 1;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #babdc3;
}

.tooltip.top-left .tooltip-arrow {
  border-top-color: #babdc3;
}

.tooltip.top-right .tooltip-arrow {
  border-top-color: #babdc3;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #babdc3;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #babdc3;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #babdc3;
}

.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #babdc3;
}

.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #babdc3;
}

/*  Tooltip Box */
.tl-box {
  width: 250px;
  float: left;
  background: #f5f5f5;
  position: absolute;
  top: 0;
  left: 13px;
  padding: 10px;
  display: none;
}

.tooltip-icon:hover .tl-box {
  display: block;
}

.tl-box p {
  width: 100% !important;
  float: left !important;
  font-family: "gothambookitalic", Arial, Helvetica, sans-serif !important;
  font-size: 10px !important;
  color: #999999 !important;
  line-height: 14px !important;
  padding: 2px !important;
}

.tl-box p strong {
  font-family: "gothammediumitalic", Arial, Helvetica, sans-serif !important;
  color: #656565 !important;
}

/* Custom - Scrollbar */
.scrollable {
  position: relative;
}

.scrollable:focus {
  outline: 0;
}

.scrollable .viewport {
  position: relative;
  overflow: hidden;
}

.scrollable .viewport .overview {
  position: absolute;
}

.scrollable .scroll-bar {
  width: 4px;
  display: none;
  background: none;
  position: relative;
  z-index: 100;
}

.scrollable .scroll-bar .thumb {
  width: 4px !important;
  position: absolute;
  left: -8px;
  background: #d1d0ce;
  cursor: default;
}

.scrollable .scroll-bar.vertical {
  position: absolute;
  right: 0;
  width: 4px;
  height: 100%;
}

.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Social - Links */
.social-links {
  width: 100%;
  float: left;
}

.social-links ul {
  width: 100%;
  float: left;
  padding: 0;
}

.social-links ul li {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin: 5px;
  padding: 0;
}

.social-links ul li:before {
  display: none;
}

.social-links ul li a {
  font-size: 21px;
  color: #262729;
  text-align: center;
}

.social-links ul li a span {
  display: none;
}

.social-links ul li a:hover {
  color: #19a2b5;
  text-decoration: none;
}

/* Row - Offcanvas */
.row-offcanvas {
  width: 100%;
  float: none;
  position: relative;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  /*overflow:hidden;*/
  padding: 134px 0 0 0;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .row-offcanvas {
    padding: 81px 0 0 0;
  }
}

@media (max-width: 767px) {
  .row-offcanvas {
    padding: 119px 0 0 0;
  }
}

/*
 3.) Home Page
----------------------------------------*/

/*
 3.1) Header
----------------------------------------*/

.header-main {
  width: 100%;
  height: 134px;
  float: left;
  background: #ffffff;
  box-shadow: inset #efeeee 0 17px 0 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  padding: 0;
}

.header-main.h-inner {
  box-shadow: inset #efeeee 0 17px 0 0, #efeeee 0 2px 0 0;
}

.brand {
  float: left;
  position: relative;
  z-index: 5;
  margin: 31px -400px 0 0;
  transition: all 0.5s ease;
}

.brand.xytex, .brand.xytex_uk {
  width: 300px;
}

.brand.outreach {
  width: 375px;
  margin-top: 50px;
}


.brand a {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.brand img {
  width: 100%;
}

.brand.outreach img {
  max-height: 80px;
  width: auto;
}

.nav-bar {
  float: right;
  margin: 68px 0 0 0;
  padding-left: 100px;
}

.header-main.fixed .nav-bar {
  padding-left: 160px;
}

.nav-bar nav {
  float: left;
  margin: 0;
  position: relative;
}

.nav-bar nav ul {
  float: right;
  padding: 0;
  margin: 1px 0 0 0;
}

.nav-bar nav ul li {
  height: 66px;
  float: left;
  position: relative;
  padding: 0;
  margin: 0 0 0 45px;
  text-transform: uppercase;
}

.nav-bar nav ul li:before {
  display: none;
}

.nav-bar nav ul li > a {
  height: 66px;
  float: left;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #484848;
  line-height: 18px;
  letter-spacing: 0.01em;
  text-align: center;
  text-decoration: none;
  position: relative;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  z-index: 1;
  padding: 0;
}

.nav-bar nav ul li:nth-child(1) {
  width: 70px;
  margin-left: 0;
}

.nav-bar nav ul li:nth-child(2) {
  width: 140px;
}

.nav-bar nav ul#menu-primary-menu-outreach > li:nth-child(2) {
  width: 110px;
}

.nav-bar nav ul li:nth-child(3) {
  width: 85px;
}

.nav-bar nav ul#menu-primary-nav-menu > li:nth-child(4) {
	width:130px;
}

.nav-bar nav ul#menu-primary-menu-outreach > li:nth-child(4) {
	width:100px;
}

@media (min-width: 1200px) {
  .nav-bar nav > ul > li:nth-child(4) > a {
    padding-top: 9px;
  }

	.nav-bar nav > ul#menu-primary-menu-uk > li:nth-child(4) > a {
		padding-top: 0;
	}

	.nav-bar nav > ul#menu-primary-menu-uk > li:nth-child(4) {
		width: 190px;
	}

	.nav-bar nav > ul#menu-primary-menu-uk > li {
		margin: 0 0 0 20px;
	}


  .nav-bar nav > ul#menu-primary-nav-menu > li:nth-child(4) > a,
  .nav-bar nav > ul#menu-primary-menu-outreach > li:nth-child(4) > a {
    padding-top: 0;
  }
}

.nav-bar nav > ul > li:nth-child(5) > a {
  padding-top: 9px;
}

.mm-menu ul li:before {
  display: none;
}
.mm-menu .btns .btn {
  width: 100%;
  margin-top: 10px;
}

/* Top - Bar */
.top-bar {
  float: right;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}

.top-bar ul {
  float: left;
  padding: 0;
  margin: 0;
}

.top-bar ul li {
  height: 35px;
  float: left;
  padding: 0;
  margin: 0;
}

.top-bar ul li:before {
  display: none;
}

.top-bar ul li a {
  height: 35px;
  float: left;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #ffffff;
  line-height: 35px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  padding: 0 14px;
}
.top-bar ul li.btn-cart a {
  background: #65cada url(../img/carticon-white.png) no-repeat 11px center;
  background-size: 22px auto;
  padding: 0 14px 0 30px;
}
.top-bar ul li.btn-phonenumber a {
  background: #efab58 url(../img/phoneicon-white.png) no-repeat 16px center;
  background-size: 16px auto;
  padding: 0 14px 0 41px;
}

@media only screen and (min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi) {
  .top-bar ul li.btn-phonenumber a {
    background: #efab58 url(../img/phoneicon-white-2x.png) no-repeat 12px center;
    background-size: 18px auto;
  }
}

.top-bar ul li.btn-phonenumber a:hover {
  background-color: rgba(239, 171, 88, 0.9);
}

.top-bar ul li.btn-account a {
  background: #708396 url(../img/accounticon-white.png) no-repeat 14px center;
  background-size: 21px auto;
  padding: 0 14px 0 41px;
}

@media only screen and (min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi) {
  .top-bar ul li.btn-account a {
    background: #708396 url(../img/accounticon-white-2x.png) no-repeat 14px
      center;
    background-size: 18px auto;
  }
}

.top-bar ul li.btn-account a:hover {
  background-color: rgba(112, 131, 150, 0.9);
}

.top-bar ul li.btn-logout a {
  background: #a4b3c0 url(../img/icon-logoout@2x.png) no-repeat 10px center;
  background-size: 15px auto;
  padding: 0 14px 0 33px;
}

.top-bar ul li.btn-logout a:hover {
  background-color: rgba(164, 179, 192, 0.9);
}

.top-bar ul li.btn-livechat a {
  background: #19a2b5 url(../img/icon-comments@2x.png) no-repeat 17px center;
  background-size: 19px auto;
  padding: 0 21px 0 42px;
}

.top-bar ul li.btn-livechat a:hover {
  background-color: rgba(25, 162, 181, 0.9);
}

.top-bar ul li.btn-newsletter a {
  background: #19a2b5 url(../img/emailicon-white.png) no-repeat 17px center;
  background-size: 19px auto;
  padding: 0 21px 0 42px;
}

.top-bar ul li.btn-newsletter a:hover {
  background-color: rgba(25, 162, 181, 0.9);
}

/* Styles for CREATE FREE ACCOUNT button in nav menu */
.header-main.sticky .navbar-create-free-account {
  width: 132px;
  display: inline-block;
  text-align: center;
  padding: 5px;
  font-size: 14px;
  margin-right: 35px;
  transition: none;
  background: #65cada !important;
}
.header-main.sticky.fixed .navbar-create-free-account {
  margin-top: 12px;
}
@media only screen and (max-width: 1199px) {
  .header-main.sticky .navbar-create-free-account {
    margin-top: 55px !important;
    width: 100%;
    padding: 15px;
    margin-right: 0;
  }
}

@media (min-width: 1200px) {
  .nav-bar nav ul li:hover > a,
  .nav-bar nav ul li.current-menu-item > a,
  .nav-bar nav ul li.current-menu-parent > a {
    box-shadow: inset #68cbdb 0 -13px 0;
  }

  .nav-bar nav ul li:hover > .dropdown-box {
    display: block;
  }

  .nav-bar nav ul li .dropdown-box {
    /*width:540px;*/
    width: 336px;
    float: left;
    text-align: left;
    background: #ffffff;
    border: 1px solid #6acbd9;
    box-shadow: rgba(0, 0, 0, 0.25) 0 0 15px;
    display: none;
    position: absolute;
    top: 66px;
    left: 0;
  }

  .nav-bar nav ul li:last-of-type .dropdown-box {
    left: auto;
    right: 0;
  }

  .nav-bar nav ul li .dropdown-box.hide-btnbox {
    width: 297px;
  }

  .nav-bar nav ul li:last-of-type .dropdown-box.hide-btnbox {
    width: 180px;
  }

  .nav-bar nav ul li .dropdown-box:after {
    /*content:"";
	width:243px;
	height:100%;
	float:right;
	background:#eaf8fa;
	position:absolute;
	top:0;
	right:0;*/
  }
  .nav-bar nav ul li .dropdown-box.hide-btnbox:after {
    display: none;
  }

  .nav-bar nav ul li .dropdown-box .sub-menus {
    /*width:295px;
	float:left;*/
    position: relative;
    z-index: 1;
    padding: 25px 5px;
  }

  .nav-bar nav ul li .dropdown-box .sub-menus ul {
    /*width:50%;
	float:left;*/
    float: none;
    display: block;
    padding: 0 0 0 15px;
    margin: 0 0 -7px 0;
  }

  .nav-bar nav ul li .dropdown-box .sub-menus ul li {
    width: 100%;
    height: auto;
    margin: 0 0 18px 0;
    clear: both;
    display: block;
  }

  .nav-bar nav ul li .dropdown-box .sub-menus ul li a {
    width: 100%;
    height: auto;
    font-size: 13.58px;
    color: #777777;
    line-height: 18px;
    text-align: left;
    box-shadow: none !important;
    padding: 0;
    margin: 0;
  }

  .nav-bar nav ul li .dropdown-box .sub-menus ul li:hover > a,
  .nav-bar nav ul li .dropdown-box .sub-menus ul li.current-menu-item > a,
  .nav-bar nav ul li .dropdown-box .sub-menus ul li.current-menu-parent > a {
    color: #000000;
  }

  .nav-bar nav ul li .dropdown-box .btns {
    /*width:243px;*/
    float: left;
    position: relative;
    z-index: 1;
    padding: 25px;
    margin-bottom: -19px;
    background: #eaf8fa;
  }

  .nav-bar nav ul li .dropdown-box .btns .btn {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 19px 0;
  }

  .nav-bar nav ul li .dropdown-box .btns .btn-teal {
    background: #68cbdb;
    cursor: pointer;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .header-main {
    height: 81px;
    box-shadow: inset #efeeee 0 9px 0 0;
  }

  .header-main .container {
    padding: 0 20px;
  }

  .brand {
    width: 190px;
    margin: 18px -400px 0 40px;
  }

  .brand.xytex, .brand.xytex_uk {
    width: 190px;
    margin: 18px -400px 0 40px;
  }

  .brand.outreach {
    width: 238px;
    margin: 21px -400px 0 40px;
  }

  .brand img {
    width: 100%;
  }

  /* Top - Bar */
  .top-bar {
    top: 30px;
    right: 20px;
  }

  .top-bar ul li {
    height: 30px;
    padding-left: 20px;
  }

  .top-bar ul li a {
    height: 30px;
    font-size: 12.28px;
    line-height: 30px;
  }

  .top-bar ul li.btn-phonenumber a {
    color: #efab58;
    background: url(../img/icon-phone2@2x.png) no-repeat 0 center;
    background-size: 16px auto;
    padding: 0 0 0 23px;
  }

  .top-bar ul li.btn-phonenumber a:hover {
    color: rgba(239, 171, 88, 0.9);
    background-color: transparent;
  }

  .top-bar ul li.btn-account a {
    color: #708396;
    background: url(../img/icon-account2@2x.png) no-repeat 0 center;
    background-size: 21px auto;
    padding: 0 0 0 28px;
  }

  .top-bar ul li.btn-account a:hover {
    color: rgba(112, 131, 150, 0.9);
    background-color: transparent;
  }

  .top-bar ul li.btn-logout a {
    color: #a4b3c0;
    background: url(../img/icon-logoout2@2x.png) no-repeat 0 center;
    background-size: 15px auto;
    padding: 0 0 0 22px;
  }

  .top-bar ul li.btn-logout a:hover {
    color: rgba(164, 179, 192, 0.9);
    background-color: transparent;
  }

  .top-bar ul li.btn-livechat a {
    color: #19a2b5;
    background: url(../img/icon-comments2@2x.png) no-repeat 0 center;
    background-size: 19px auto;
    padding: 0 0 0 25px;
  }

  .top-bar ul li.btn-livechat a:hover {
    color: rgba(25, 162, 181, 0.9);
    background-color: transparent;
  }

  .top-bar ul li.btn-newsletter a {
    color: #19a2b5;
    background: url(../img/emailicon.png) no-repeat 0 center;
    background-size: 19px auto;
    padding: 0 0 0 25px;
  }

  .top-bar ul li.btn-newsletter a:hover {
    color: rgba(25, 162, 181, 0.9);
    background-color: transparent;
  }
}

@media (max-width: 1199px) {
  .header-main.h-inner {
    box-shadow: inset #efeeee 0 9px 0 0, #efeeee 0 1px 0 0;
  }

  .nav-bar {
    width: 245px;
    height: 100%;
    float: left;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    background: #3a3a3d;
    overflow: auto;
    overflow-x: hidden;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
  }

  .nav-bar nav {
    width: 100%;
  }

  .nav-bar nav ul {
    width: 100%;
  }

  .nav-bar nav ul li {
    width: 100% !important;
    height: auto;
    float: left;
    border-bottom: 1px solid #232325;
    position: relative;
    padding: 0;
    margin: 0;
  }

  .nav-bar nav ul li > a {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #ffffff;
    line-height: 20px;
    letter-spacing: -0.02em;
    text-align: left;
    padding: 20px;
  }

  .nav-bar nav > ul > li:nth-child(5) a {
    font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
    padding: 20px;
  }

  /*
.nav-bar nav ul li:hover > a,
.nav-bar nav ul li.current-menu-item > a, 
.nav-bar nav ul li.current-menu-parent > a {
	background:#2e2e31;
}
*/

  .nav-bar nav ul li.menu-item-has-children > a {
    background: #2e2e31;
  }

  .nav-bar nav ul li .dropdown-box {
    width: 100%;
    float: left;
    background: #2e2e31;
  }

  .nav-bar nav ul li .dropdown-box .sub-menus {
    width: 100%;
    float: left;
    padding-bottom: 10px;
  }

  .nav-bar nav ul li .dropdown-box .sub-menus ul li {
    height: auto;
    border: none;
    margin: 0 0 14px 0;
  }

  .nav-bar nav ul li .dropdown-box .sub-menus ul li a {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #838384;
    line-height: 18px;
    text-align: left;
    padding: 0 20px;
    margin: 0;
  }

  .nav-bar nav ul li .dropdown-box .sub-menus ul li:hover > a,
  .nav-bar nav ul li .dropdown-box .sub-menus ul li.current-menu-item > a,
  .nav-bar nav ul li .dropdown-box .sub-menus ul li.current-menu-parent > a {
    color: #ffffff;
    background: none;
  }

  .nav-bar nav ul li .dropdown-box .btns {
    width: 100%;
    display: none;
  }

  /* Offcanvas - Left */
  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-left .nav-bar {
    left: -245px;
  }

  .row-offcanvas-left.active .nav-bar {
    left: 0;
    padding-left: 0;
  }

  .row-offcanvas-left.active {
    left: 245px;
  }

  .row-offcanvas-left .header-main.fixed {
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-left.active .header-main.fixed {
    left: 245px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-left .title-bar.fixed {
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-left.active .title-bar.fixed {
    left: 245px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  /* Icon - Close */
  .icon-close {
    width: 19px;
    height: 19px;
    float: left;
    text-decoration: none;
    position: absolute;
    top: 28px;
    right: 15px;
    cursor: pointer;
    z-index: 500;
  }

  .icon-close span {
    width: 100%;
    height: 4px;
    float: left;
    border-radius: 1px;
    position: relative;
    transition: all 0.4s ease;
    padding: 0;
    margin: 0;
  }

  .icon-close span:before {
    content: "";
    width: 100%;
    height: 4px;
    float: left;
    background: #616163;
    border-radius: 1px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    transition: all 0.4s ease;
  }

  .icon-close span:after {
    content: "";
    width: 100%;
    height: 4px;
    float: left;
    background: #616163;
    border-radius: 1px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.4s ease;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
  }
}

@media (max-width: 767px) {
  .header-main {
    height: 119px;
    box-shadow: inset #efeeee 0 30px 0 0;
  }

  .header-main.h-inner {
    box-shadow: inset #efeeee 0 30px 0 0, #efeeee 0 1px 0 0;
  }

  .brand.xytex, .brand.xytex_uk {
    width: 100%;
    text-align: center;
    margin: 38px 0 0 0;
  }

  .brand.outreach {
    width: 100%;
    text-align: center;
    margin: 48px 0 0 0;
  }

  .brand img {
    width: 100%;
    max-width: 260px;
  }

  /* Top - Bar */
  .top-bar ul li {
    height: 30px;
    float: left;
    padding: 0;
    margin: 0;
  }

  .top-bar ul li a {
    height: 30px;
    line-height: 30px;
    text-indent: -9999px;
    padding: 0;
  }

  .top-bar ul li.btn-cart a {
    background-position: 8px center;
    background-size: 18px auto;
    padding: 0 14px 0 20px;
  }

  .top-bar ul li.btn-phonenumber a {
    width: 32px;
    background-position: center center;
    padding: 0;
  }

  .top-bar ul li.btn-account a {
    width: 39px;
    background-position: center center;
    padding: 0;
  }

  .top-bar ul li.btn-logout a {
    width: 36px;
    background-position: center center;
    padding: 0;
  }

  .top-bar ul li.btn-livechat a {
    width: 37px;
    background-position: center center;
    padding: 0;
  }

  .top-bar ul li.btn-newsletter a {
    width: 37px;
    background-position: center center;
    padding: 0;
  }
}

/* Sticky - Header */
@media (min-width: 768px) {
  .header-main.fixed {
    height: 81px;
    box-shadow: inset #efeeee 0 9px 0 0, #efeeee 0 0 0 1px;
    position: fixed;
    top: 0;
    left: 0;
  }
}

@media (min-width: 1200px) {
  /*
.header-main {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.brand {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.brand a {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.nav-bar {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.top-bar {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
*/

  .header-main.fixed {
    height: 65px;
    box-shadow: inset #efeeee 0 0 0 0, #efeeee 0 0 0 1px;
    position: fixed;
    top: 0;
    left: 0;
    transition: all 0.5s ease;
  }

  .header-main.fixed .container {
    max-width: 100%;
    width: 100%;
    padding: 0 30px;
  }

  .header-main.fixed .brand {
    width: 123px;
    overflow: hidden;
    margin-top: 9px;
  }

  .header-main.fixed .brand a {
    width: 120px;
    height: 42px;
    float: left;
    text-indent: -99999px;
  }

  .header-main.fixed .brand.xytex a {
    /* background: url(../img/brand-xytex-mark-rainbow@2x.png) no-repeat center
      center; */
    background: url(../img/brand-xytex-mark-rainbow@2x-new.png?20240522) no-repeat center
      center;
    background-size: 120px auto;
  }

  .header-main.fixed .brand.xytex_uk a {
    background: url(../img/brand-xytex-mark-uk@2x.png) no-repeat center
      center;
    background-size: 120px auto;
  }

  .header-main.fixed .brand.outreach a {
    background: url(../img/brand-xytex-canam-rainbow-mark@2x.png) no-repeat
      center center;
    background-size: contain;
  }

  .header-main.fixed .nav-bar {
    float: left;
    margin: 0;
    transition: all 0.5s ease;
  }

  .header-main.fixed .nav-bar nav ul li {
    height: 65px;
    float: left;
    margin: 0 25px 0 0;
  }

  .header-main.fixed .nav-bar nav ul li > a {
    height: 65px;
    float: left;
    font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #484848;
    line-height: 64px;
    letter-spacing: 0.01em;
    text-align: center;
    text-decoration: none;
    position: relative;
    padding: 0;
  }

  .header-main.fixed .nav-bar nav ul li:nth-child(1),
  .header-main.fixed .nav-bar nav ul#menu-primary-menu-outreach li:nth-child(1) {
    width: auto;
  }

  .header-main.fixed .nav-bar nav ul li:nth-child(2),
  .header-main.fixed .nav-bar nav ul#menu-primary-menu-outreach li:nth-child(2) {
    width: auto;
  }

  .header-main.fixed .nav-bar nav ul li:nth-child(3),
  .header-main.fixed .nav-bar nav ul#menu-primary-menu-outreach li:nth-child(3) {
    width: auto;
  }

  .header-main.fixed .nav-bar nav ul li:nth-child(4),
  .header-main.fixed .nav-bar nav ul#menu-primary-menu-outreach li:nth-child(4) {
    width: auto !important;
  }

  .header-main.fixed .nav-bar nav > ul > li:nth-child(5) {
    /*display:none;*/
  }

  .header-main.fixed .nav-bar nav ul li:nth-child(5) > a {
    padding: 0;
  }

  .header-main.fixed .nav-bar nav ul li:hover > a,
  .header-main.fixed .nav-bar nav ul li.current-menu-item > a,
  .header-main.fixed .nav-bar nav ul li.current-menu-parent > a {
    box-shadow: inset #68cbdb 0 -4px 0;
  }

  .header-main.fixed .nav-bar nav ul li .dropdown-box {
    top: 65px;
  }

  /* Top - Bar */
  .header-main.fixed .top-bar {
    right: 30px;
  }

  .header-main.fixed .top-bar ul li {
    height: 65px;
    padding-left: 25px;
  }

  .header-main.fixed .top-bar ul li a {
    height: 65px;
    font-size: 12.28px;
    color: #ffffff;
    line-height: 65px;
  }

  .header-main.fixed .top-bar ul li.btn-phonenumber a {
    color: #efab58;
    background: url(../img/phoneicon.png) no-repeat 0 center;
    background-size: 18px auto;
    padding: 0 0 0 23px;
  }

  @media only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi) {
    .header-main.fixed .top-bar ul li.btn-phonenumber a {
      background: url(../img/phoneicon-2x.png) no-repeat 0 center;
      background-size: 18px auto;
    }
  }

  .header-main.fixed .top-bar ul li.btn-phonenumber a:hover {
    color: rgba(239, 171, 88, 0.9);
    background-color: transparent;
  }

  .header-main.fixed .top-bar ul li.btn-account a {
    color: #708396;
    background: url(../img/accounticon.png) no-repeat 0 center;
    background-size: 23px auto;
    padding: 0 0 0 28px;
  }

  @media only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi) {
    .header-main.fixed .top-bar ul li.btn-account a {
      background: url(../img/accounticon-2x.png) no-repeat 0 center;
      background-size: 18px auto;
    }
  }

  .header-main.fixed .top-bar ul li.btn-account a:hover {
    color: rgba(112, 131, 150, 0.9);
    background-color: transparent;
  }

  .header-main.fixed .top-bar ul li.btn-newsletter a {
    color: #19a2b5;
    background: url(../img/emailicon.png) no-repeat 0 center;
    background-size: 23px auto;
    padding: 0 0 0 28px;
  }

  .header-main.fixed .top-bar ul li.btn-logout a {
    color: #a4b3c0;
    background: url(../img/icon-logoout2@2x.png) no-repeat 0 center;
    background-size: 15px auto;
    padding: 0 0 0 22px;
  }

  .header-main.fixed .top-bar ul li.btn-logout a:hover {
    color: rgba(164, 179, 192, 0.9);
    background-color: transparent;
  }

  .header-main.fixed .top-bar ul li.btn-livechat a {
    color: #19a2b5;
    background: url(../img/icon-comments2@2x.png) no-repeat 0 center;
    background-size: 19px auto;
    padding: 0 0 0 25px;
  }
  .footer-main .btn-live-chat a {
    color: #fff;
    background: #31acbc url(../img/livechat-icon.png) no-repeat 15px center;
    text-align: left;
    padding-left: 67px;
  }
  .footer-main .btn-live-chat a:hover {
    background: #31acbc url(../img/livechat-icon.png) no-repeat 15px center;
    text-decoration: none;
  }

  .header-main.fixed .top-bar ul li.btn-livechat a:hover {
    color: rgba(25, 162, 181, 0.9);
    background-color: transparent;
  }
}

@media (min-width: 1200px) and (max-width: 1675px) {
  /* Top - Bar */
  .header-main.fixed .top-bar ul li {
    padding-left: 15px;
  }

  .header-main.fixed .top-bar ul li a {
    height: 65px;
    text-indent: -99999px;
  }

  .header-main.fixed .top-bar ul li.btn-phonenumber a {
    width: 18px;
    padding: 0;
  }

  .header-main.fixed .top-bar ul li.btn-account a {
    width: 23px;
    padding: 0;
  }

  .header-main.fixed .top-bar ul li.btn-logout a {
    width: 15px;
    padding: 0;
  }

  .header-main.fixed .top-bar ul li.btn-livechat a {
    width: 19px;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .header-main.fixed {
    height: 30px;
    box-shadow: inset #efeeee 0 30px 0 0, #efeeee 0 0 0 0;
    position: fixed;
    top: 0;
    left: 0;
  }

  .header-main.fixed .brand {
    margin-top: -89px;
  }
}

/* Menu - Btn */
.menu-btn {
  width: 22px;
  height: 22px;
  float: left;
  position: absolute;
  top: 37px;
  left: 16px;
  display: none;
  text-align: center;
  z-index: 10;
}

.menu-btn .icon-bar {
  width: 100%;
  float: left;
  margin: 7px 0 0 0;
}

.menu-btn span {
  width: 100%;
  height: 3px;
  float: left;
  background: #bfbdbb;
  border-radius: 1px;
  position: relative;
  transition: all 0.4s ease;
}

.menu-btn span:after {
  width: 100%;
  height: 3px;
  float: left;
  background: #bfbdbb;
  border-radius: 1px;
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  transition: all 0.4s ease;
}

.menu-btn span:before {
  width: 100%;
  height: 3px;
  float: left;
  background: #bfbdbb;
  border-radius: 1px;
  content: "";
  position: absolute;
  top: -6px;
  left: 0;
  transition: all 0.4s ease;
}

@media (max-width: 1199px) {
  .menu-btn {
    display: block;
  }
}

@media (max-width: 767px) {
  .menu-btn {
    top: 7px;
    left: 7px;
  }
}

/*
 3.2) Banner - Hero
----------------------------------------*/

.banner-hero {
  width: 100%;
  float: left;
  /*background: url(../img/home-hero.jpg) no-repeat left center;*/
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.banner-hero .out-bg {
  width: 100%;
  float: left;
  position: relative;
  padding: 0 0 0 220px;
}

.banner-hero .out-bg:before {
  content: "";
  width: 1000%;
  height: 100%;
  float: right;
  background: rgba(218, 216, 218, 0.5);
  position: absolute;
  top: 0;
  left: 750px;
}

.banner-hero .out-bg:after {
  content: "";
  width: 1000%;
  height: 55px;
  float: right;
  background: rgba(153, 167, 181, 0.51);
  position: absolute;
  top: 0;
  left: 220px;
}

.banner-hero figure {
  width: 100%;
  float: left;
  text-align: center;
  overflow: hidden;
  margin: 0;
}

.banner-hero figure img {
  width: 100%;
  min-width: 1750px;
  margin: 0 -875px;
}

.hero-cont {
  width: 380px;
  float: left;
  position: relative;
  padding: 100px 0;
}

.hero-cont aside {
  width: 100%;
  float: left;
}

.hero-cont aside h1 {
  font-size: 50px;
  line-height: 46px;
  padding: 0;
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .home .hero-cont aside h1 {
    font-size: 30px;
    line-height: 36px;
  }
}

.search-donor {
  width: 680px;
  float: left;
  margin: 0 -700px 0 150px;
  position: relative;
  z-index: 5;
}

.search-donor .title-txt {
  width: 100%;
  height: 55px;
  float: left;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ffffff;
  line-height: 55px;
  letter-spacing: 0.02em;
  overflow: hidden;
  padding: 0 30px;
}

.search-donor .form-fields {
  width: 100%;
  float: left;
  padding: 20px 30px;
}

.search-donor .fields {
  width: 100%;
  float: left;
  padding: 0 0 40px 0;
}

.search-donor .fields .lab-title {
  width: 100%;
  float: left;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #55565a;
  letter-spacing: 0.02em;
  padding: 0 0 10px 0;
}

.search-donor .fields ul {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0 0 -14px 0;
}

.search-donor .fields ul li {
  width: 124px;
  float: left;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 15px;
  position: relative;
  padding: 0;
  margin: 0 0 14px 0;
}

.search-donor .fields ul li:before {
  display: none;
}

.search-donor .fields ul li label {
  width: auto;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #55565a;
  padding: 0 0 0 20px;
  margin: 0;
}

.search-donor .fields ul li input[type="checkbox"] {
  display: none;
}

.search-donor .fields ul li label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/checkbox-01@2x.png) no-repeat top left;
  background-size: 16px auto;
  position: absolute;
  top: 1.5px;
  left: 0;
}

.search-donor .fields ul li input[type="checkbox"]:checked + label:before {
  background: url(../img/checkbox-02@2x.png) no-repeat top left;
  background-size: 16px auto;
}

.search-donor .fields ul li.black label {
  color: #000000;
}

.search-donor .fields ul li.auburn label {
  color: #c14b2c;
}

.search-donor .fields ul li.brown label {
  color: #5c4f2e;
}

.search-donor .fields ul li.red label {
  color: #ed7804;
}

.search-donor .fields ul li.blonde label {
  color: #ab9d24;
}

.search-donor .fields ul li.green label {
  color: #3fae3a;
}

.search-donor .fields ul li.hazel label {
  color: #1faa81;
}

.search-donor .fields ul li.blue label {
  color: #4789c1;
}

.search-donor .btn-out {
  padding: 0;
}

.search-donor .btn-out .btn,
.search-info .btn-out .btn {
  width: 315px;
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  background: rgba(104, 203, 219, 1);
  padding: 0;
  margin: 0 35px 0 0;
}

.search-donor .btn-out .btn.disabled,
.search-donor .btn-out .btn[disabled],
.search-donor .btn-out fieldset[disabled] .btn {
  opacity: 1;
  background: rgba(104, 203, 219, 0.51);
}

.search-donor .btn-out .ad-searchlink {
  display: inline-block;
  vertical-align: middle;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: rgba(85, 86, 90, 1);
  padding: 0;
}

.search-donor .btn-out .ad-searchlink.disabled {
  color: rgba(85, 86, 90, 0.55);
  cursor: default;
  pointer-events: none;
}

.subscribe-to-future-promotions-container {
  margin-bottom: 15px;
}

@media only screen and (max-width: 680px) {
  .subscribe-to-future-promotions-container {
    margin-bottom: -20px;
    margin-top: 20px;
  }
}

@media (min-width: 681px) and (max-width: 767px) {
  .subscribe-to-future-promotions-container {
    margin-bottom: -15px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .subscribe-to-future-promotions-container {
    margin-bottom: -10px;
  }
}

.subscribe-to-future-promotions-container input[type="checkbox"] {
  display: none;
}

.subscribe-to-future-promotions-container label {
  padding-left: 20px !important;
  position: relative;
  float: none;
}

.subscribe-to-future-promotions-container label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/checkbox-01@2x.png) no-repeat top left;
  background-size: 16px auto;
  position: absolute;
  top: 2px;
  left: 0;
}

.subscribe-to-future-promotions-container
  input[type="checkbox"]:checked
  + label:before {
  background: url(../img/checkbox-02@2x.png) no-repeat bottom left;
}

.search-filter2 .box ul li.subscribe-to-future-promotions-list-item {
  margin: 0;
  width: 100%;
}

@media (max-width: 1599px) {
  .banner-hero .out-bg {
    padding: 0 0 0 100px;
  }

  .banner-hero .out-bg:before {
    left: 550px;
  }

  .banner-hero .out-bg:after {
    left: 100px;
  }

  .search-donor {
    margin-left: 70px;
  }
}

@media (max-width: 1279px) {
  .banner-hero .out-bg {
    padding: 0 0 0 50px;
  }

  .banner-hero .out-bg:before {
    left: 500px;
  }

  .banner-hero .out-bg:after {
    left: 50px;
  }

  .search-donor {
    margin-left: 70px;
  }
}

@media (min-width: 1199px) {
  .hero-cont {
    background-image: none !important;
  }
}

@media (max-width: 1199px) {
  .banner-hero {
    background-image: none !important;
  }

  .banner-hero .container {
    max-width: 100%;
    padding: 0;
  }

  .banner-hero .out-bg {
    padding: 0;
  }

  .banner-hero .out-bg:before {
    display: none;
  }

  .banner-hero .out-bg:after {
    display: none;
  }

  .hero-cont {
    width: 100%;
    /*background: url(../img/home-hero.jpg) no-repeat left center;*/
    background-size: cover;
    padding: 80px 50px;
  }

  .hero-cont aside {
    max-width: 330px;
    float: right;
  }

  .hero-cont aside h1 {
    font-size: 43px;
    line-height: 38px;
  }

  .search-donor {
    width: 100%;
    background: rgba(218, 216, 218, 0.5);
    margin: 0;
  }

  .search-donor .title-txt {
    background: rgba(153, 167, 181, 0.8);
  }
}

@media (max-width: 767px) {
  .hero-cont {
    padding: 30px 20px;
  }

  .hero-cont aside {
    max-width: 150px;
    margin: 0;
  }

  .hero-cont aside h1 {
    font-size: 20px;
    line-height: 21px;
  }

  .search-donor .title-txt {
    height: auto;
    font-size: 15px;
    line-height: 18px;
    padding: 13px 20px;
  }

  .search-donor .form-fields {
    padding: 20px 20px;
  }

  .search-donor .fields ul li {
    width: 140px;
  }

  .search-donor .btn-out {
    width: 100%;
    max-width: 300px;
    float: none;
    text-align: center;
    padding: 0;
    margin: 0 auto;
  }

  .search-donor .btn-out .btn {
    width: 100%;
    max-width: 280px;
    margin: 0 0 15px 0;
  }

  .search-donor .btn-out .ad-searchlink {
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .search-donor .fields ul li {
    width: 100px;
  }
  .search-donor .fields ul li label {
    font-size: 13px;
  }
  .search-donor .fields.race ul li {
    width: 100%;
  }
}

/*
 3.3) Benefits -Info
----------------------------------------*/

h2#benefits-free-account {
  margin-bottom: 20px;
}
h3#benefits-subtext {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  padding-left: 23px;
  margin-bottom: 15px;
  float: left;
}

.benefits-info {
  width: 100%;
  float: left;
  background: #fafafa; /*border-bottom:1px solid #f1f2f3;*/
  padding: 45px 0;
}

.benefits-info h2 {
  float: left;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  color: #ffffff;
  background: rgba(239, 171, 88, 0.45);
  padding: 10px 50px 10px 8020px;
  margin: 0 0 40px -8000px;
}

.benefits-info.pricing-list .pricing-sub-text,
.benefits-info.pricing-list .pricing-section-footer {
  float: left;
  padding-left: 22px;
}

/*.benefits-info:nth-child(2n) h2 { width: 1100%; padding: 10px 1000% 10px 20px;  margin: 0 0 45px 0; background: rgba(25, 162, 181, .45)}
.license-info:nth-child(2n) h2 {    width: 1100%;     padding: 10px 1000% 10px 20px;     margin: 0 0 45px 0; 	background: rgba(25, 162, 181, .45); }*/

.resource-info:nth-child(4) h2 {
  padding: 10px 50px 10px 8020px;
  margin: 0 0 40px -8000px;
  width: auto;
}

.benefits-info h2 span {
  display: inline-block;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  min-width: 700px;
}

.benefits-info .list {
  width: 100%;
  float: left;
  padding: 0 0 0 60px;
}

.benefits-info .list ul {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0 0 10px 0;
}

.benefits-info .list ul li {
  width: 50%;
  float: none;
  display: inline-block;
  vertical-align: top;
  font-size: 21px;
  line-height: 24px;
  color: #404446;
  /*text-transform: uppercase;*/
  padding: 8px 25px 8px 40px;
  margin: 0 -2px 20px -2px;
}

.benefits-info .list ul li:before {
  display: none;
}

.benefits-info .list ul li.icon-download {
  background: url(../img/icon-download@2x.png) no-repeat left center;
  background-size: 28px auto;
}

.benefits-info .list ul li.icon-search {
  background: url(../img/icon-search@2x.png) no-repeat left center;
  background-size: 25px auto;
}

.benefits-info .list ul li.icon-like {
  background: url(../img/icon-like@2x.png) no-repeat left center;
  background-size: 27px auto;
}

.benefits-info .list ul li.icon-notification {
  background: url(../img/icon-notification@2x.png) no-repeat left center;
  background-size: 22px auto;
}

.benefits-info .list ul li.icon-note {
  background: url(../img/icon-note@2x.png) no-repeat 0 0;
  background-size: 21px auto;
}

.benefits-info .list ul li.icon-pdf {
  background: url(../img/icon-note@2x.png) no-repeat 0 0;
  background-size: 21px auto;
}

.benefits-info .list ul li.icon-video {
  background: url(../img/icon-video@2x.png) no-repeat 0 0;
  background-size: 21px auto;
}

.benefits-info .btn {
  width: 100%;
  max-width: 400px;
  height: 70px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: rgba(239, 171, 88, 0.5);
  line-height: 64px;
  background: none;
  border: 3px solid rgba(239, 171, 88, 0.35);
  border-radius: 3px;
  padding: 0;
}

.benefits-info .btn:hover {
  color: rgba(239, 171, 88, 1);
  border-color: rgba(239, 171, 88, 1);
}

.benefits-info .btn-out {
  text-align: center;
  padding: 0 20px;
}

@media (max-width: 1199px) {
  .benefits-info {
    padding: 30px 0;
  }

  .benefits-info .container {
    padding: 0;
  }

  .benefits-info h2 {
    width: 100%;
    font-size: 24px;
    padding: 10px 30px;
    margin: 0 0 33px 0;
  }

  .benefits-info h2 span {
    min-width: inherit;
  }

  .benefits-info .list {
    padding: 0 50px 0 80px;
  }

  .benefits-info .list ul {
    margin-bottom: 15px;
  }

  .benefits-info .list ul li {
    font-size: 18px;
    line-height: 20px;
    padding: 8px 40px 8px 40px;
    margin: 0 -2px 13px -2px;
  }

  .benefits-info .btn {
    max-width: 300px;
    height: 54px;
    font-size: 15px;
    line-height: 48px;
  }
}

@media (max-width: 767px) {
  .benefits-info {
    padding: 25px 0;
  }

  .benefits-info .container {
    padding: 0;
  }

  .benefits-info h2 {
    width: 100%;
    font-size: 20px;
    padding: 10px 20px;
    margin: 0 0 20px 0;
  }

  .benefits-info .list {
    padding: 0 20px;
  }

  .benefits-info .list ul li {
    width: 100%;
    font-size: 16px;
    line-height: 19px;
    padding: 8px 20px 8px 40px;
    margin: 0 0 12px 0;
    position: relative;
  }
  .benefits-info .list ul li i.fa {
    position: absolute;
    left: 10px;
    top: 10px;
  }

  .benefits-info .btn {
    max-width: 100%;
    width: 100%;
    height: 54px;
    font-size: 15px;
    line-height: 48px;
  }
}

/*
 3.4) Donor -Info
----------------------------------------*/

.donor-info {
  width: 100%;
  float: left;
  padding: 45px 0;
}

.donor-info h2 {
  width: 1100%;
  float: left;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  color: #ffffff;
  background: rgba(29, 59, 88, 0.63);
  padding: 10px 1000% 10px 20px;
  margin: 0 0 45px 0;
}

.donor-info h2 span {
  display: inline-block;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
}

.donor-info .aside-cont-out {
  width: 100%;
  float: left;
}

.donor-info figure {
  width: 310px;
  float: left;
  margin: 0 -310px 0 0;
  position: relative;
  overflow: hidden;
}

.donor-info figure img {
  width: 310px;
  height: 310px;
  border-radius: 310px;
}

.donor-info figure:before {
  content: "";
  width: 100%;
  height: 100%;
  float: left;
  border: 20px solid rgba(255, 255, 255, 0.3);
  border-radius: 310px;
  position: absolute;
  top: 0;
  left: 0;
}

.donor-info .aside-cont {
  width: 100%;
  float: left;
  padding: 0 0 0 365px;
}

.donor-info .aside-cont aside {
  width: 102%;
  float: left;
  padding: 25px 0 35px 0;
}

.donor-info .aside-cont aside p {
  width: 33.33%;
  display: inline-block;
  vertical-align: top;
  font-family: "gothamexlightregular", Arial, Helvetica, sans-serif;
  font-size: 23px;
  color: #777777;
  line-height: 30px;
  padding: 0 12px 12px 0;
  margin: -2px;
}

.donor-info .aside-cont aside p:nth-child(1) {
  width: 36.33%;
}

.donor-info .aside-cont aside p:nth-child(2) {
  width: 30.33%;
}

.donor-info .aside-cont aside p:nth-child(4) {
  width: 36.33%;
}

.donor-info .aside-cont aside p:nth-child(5) {
  width: 30.33%;
}

.donor-info .aside-cont aside p strong {
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
}

.donor-info .aside-cont .list {
  width: 100%;
  float: left;
}

.donor-info .aside-cont .list ul {
  width: 56.5%;
  float: none;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}

.donor-info .aside-cont .list ul li {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 23px;
  color: #949497;
  text-transform: uppercase;
  padding: 0 0 21px 38px;
}

.donor-info .aside-cont .list ul li:before {
  width: 25px;
  height: 27px;
  background-size: 25px auto;
  top: -5px;
}

.donor-info .aside-cont .list .btn-out {
  width: 42.5%;
  float: none;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}

.donor-info .btn {
  width: 100%;
  max-width: 340px;
  height: 70px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: rgba(29, 59, 88, 0.3);
  line-height: 64px;
  background: none;
  border: 3px solid rgba(29, 59, 88, 0.2);
  border-radius: 4px;
  padding: 0;
}

.donor-info .btn:hover {
  color: rgba(29, 59, 88, 1);
  border-color: rgba(29, 59, 88, 1);
}

@media (max-width: 1199px) {
  .donor-info {
    padding: 30px 0;
  }

  .donor-info .container {
    padding: 0;
  }

  .donor-info h2 {
    width: 100%;
    font-size: 24px;
    padding: 10px 30px;
    margin: 0 0 33px 0;
  }

  .donor-info h2 span {
    min-width: inherit;
  }

  .donor-info .aside-cont-out {
    padding: 0 20px;
  }

  .donor-info figure {
    width: 260px;
  }

  .donor-info figure img {
    width: 260px;
    height: 260px;
  }

  .donor-info figure:before {
    border-width: 15px;
  }

  .donor-info .aside-cont {
    padding: 0 0 0 300px;
  }

  .donor-info .aside-cont aside {
    width: 102%;
    padding: 20px 0 15px 0;
  }

  .donor-info .aside-cont aside p {
    width: 54% !important;
    font-size: 20px;
    line-height: 26px;
    padding: 0 8px 17px 0;
  }

  .donor-info .aside-cont aside p:nth-child(even) {
    width: 46% !important;
  }

  .donor-info .aside-cont .list ul {
    width: 49.5%;
  }

  .donor-info .aside-cont .list ul li {
    font-size: 16px;
    padding: 0 0 11px 27px;
  }

  .donor-info .aside-cont .list ul li:before {
    width: 20px;
    height: 22px;
    background-size: 20px auto;
    top: -2px;
  }

  .donor-info .aside-cont .list .btn-out {
    width: 49.5%;
    text-align: left;
  }

  .donor-info .btn {
    max-width: 260px;
    height: 54px;
    font-size: 15px;
    line-height: 48px;
  }
}

@media (max-width: 979px) {
  .donor-info .aside-cont .list ul {
    width: 100%;
    padding-bottom: 22px;
  }

  .donor-info .aside-cont .list .btn-out {
    width: 100%;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .donor-info {
    padding: 25px 0;
  }

  .donor-info .container {
    padding: 0;
  }

  .donor-info h2 {
    width: 100%;
    font-size: 20px;
    padding: 10px 20px;
    margin: 0 0 20px 0;
  }

  .donor-info figure {
    width: 255px;
    float: none;
    margin: 0 auto;
  }

  .donor-info figure img {
    width: 255px;
    height: 255px;
  }

  .donor-info .aside-cont {
    padding: 0;
  }

  .donor-info .aside-cont aside {
    width: 102%;
    padding: 28px 0 15px 0;
  }

  .donor-info .aside-cont aside p {
    width: 100% !important;
  }

  .donor-info .aside-cont aside p:nth-child(even) {
    width: 100% !important;
  }

  .donor-info .btn {
    max-width: 100%;
    width: 100%;
    height: 54px;
    font-size: 15px;
    line-height: 48px;
  }
}

/*
 3.5) Resource -Info
----------------------------------------*/

.resource-info h2 {
  background: rgba(25, 162, 181, 0.45);
  /* background: rgba(239, 171, 88, .45);*/
}

.resource-info h2 span {
  min-width: 750px;
}

.resource-info .list {
  padding: 0 100px;
}

.resource-info .list ul {
  margin-bottom: 15px;
}

.resource-info .list ul li {
  padding: 1px 25px 12px 40px;
}

.resource-info .btn {
  color: rgba(25, 162, 181, 0.5);
  border-color: rgba(25, 162, 181, 0.35);
}

.resource-info .btn:hover {
  color: rgba(25, 162, 181, 1);
  border-color: rgba(25, 162, 181, 1);
}

@media (max-width: 1199px) {
  .resource-info h2 span {
    min-width: inherit;
  }

  .resource-info .list {
    padding: 0 50px 0 80px;
  }
}

@media (max-width: 767px) {
  .resource-info .list {
    padding: 0 20px;
  }

  .resource-info .list ul li {
    /*background: url(../img/icon-note@2x.png) no-repeat left center!important;*/
    background-size: 21px auto;
    padding: 8px 20px 8px 40px;
    position: relative;
  }
  .resource-info .list ul li i.fa {
    position: absolute;
    left: 10px;
    top: 10px;
  }
}

/*
 3.6) Latest - News
----------------------------------------*/

.latest-news {
  width: 100%;
  float: left;
  padding: 45px 0;
}

.latest-news h2 {
  width: 1100%;
  float: left;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  color: #ffffff;
  background: rgba(161, 161, 161, 0.63);
  padding: 10px 1000% 10px 20px;
  margin: 0 0 45px 0;
}

.latest-news h2 span {
  display: inline-block;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
}

.latest-news figure {
  width: 240px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 -240px 0 0;
  position: relative;
  overflow: hidden;
}

.latest-news figure img {
  width: 240px;
  height: 240px;
  border-radius: 240px;
}

.latest-news figure:before {
  content: "";
  width: 100%;
  height: 100%;
  float: left;
  border: 15px solid rgba(255, 255, 255, 0.3);
  border-radius: 240px;
  position: absolute;
  top: 0;
  left: 0;
}

.latest-news aside {
  width: 100%;
  float: none;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 290px;
  margin: 0 -3px;
}

.latest-news aside h3 {
  font-size: 25px;
  color: #777777;
  text-transform: uppercase;
  padding: 0;
}

.latest-news aside h3 a {
  color: #777777;
}

.latest-news aside h3 a:hover {
  color: #19a2b5;
}

.latest-news aside p {
  font-family: "gothamexlightregular", Arial, Helvetica, sans-serif;
  font-size: 23px;
  color: #777777;
  line-height: 33px;
  padding: 0;
}

.latest-news aside .date {
  font-family: "gothamlightitalic", Arial, Helvetica, sans-serif;
  font-size: 23px;
  color: #777777;
  padding-bottom: 22px;
}

.latest-news .article {
  width: 100%;
  float: left;
  display: table;
  vertical-align: middle;
  height: 100%;
}

.latest-news .article-bg {
  width: 100%;
  float: left;
  position: relative;
  margin: 0 0 -25px 0;
}

@media (min-width: 1024px) {
  .latest-news .owl-carousel {
    width: 100% !important;
    height: auto !important;
    float: left !important;
    display: block !important;
  }

  .latest-news .owl-carousel .owl-wrapper {
    width: 100% !important;
    height: auto !important;
    float: left !important;
    display: block !important;
    transform: translate3d(0, 0px, 0px) !important;
  }

  .latest-news .owl-carousel .owl-wrapper-outer {
    width: 100% !important;
    height: auto !important;
    float: left !important;
    overflow: visible !important;
    transform: translate3d(0, 0px, 0px) !important;
  }

  .latest-news .owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    transform: translate3d(0, 0px, 0px) !important;
  }

  .latest-news .owl-carousel .owl-item {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
    padding: 0 !important;
    margin: 0 0 25px 0 !important;
    left: auto !important;
    right: auto !important;
  }

  .latest-news .owl-controls {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .latest-news {
    padding: 30px 0 40px 0;
  }

  .latest-news .container {
    padding: 0;
  }

  .latest-news h2 {
    width: 100%;
    font-size: 24px;
    padding: 10px 30px;
    margin: 0 0 35px 0;
  }

  .latest-news h2 span {
    min-width: inherit;
  }

  .latest-news .article-bg {
    padding: 0 30px;
  }
}

@media (max-width: 1023px) {
  .latest-news aside p {
    font-size: 20px;
    line-height: 29px;
    padding: 0;
  }

  .latest-news aside .date {
    font-size: 20px;
    padding-bottom: 15px;
  }

  .latest-news aside {
    padding: 0 0 0 270px;
  }

  .latest-news .article-bg {
    padding: 0 15px 0 15px;
    margin: 0;
  }

  .latest-news .owl-carousel {
    padding: 0 45px 0 65px;
  }
}

@media (max-width: 767px) {
  .latest-news {
    padding: 25px 0;
  }

  .latest-news h2 {
    width: 100%;
    font-size: 20px;
    padding: 10px 20px;
    margin: 0 0 25px 0;
  }

  .latest-news figure {
    width: 100%;
    text-align: center;
    margin: 0 0 22px 0;
  }

  .latest-news figure img {
    width: 180px;
    height: 180px;
  }

  .latest-news aside {
    text-align: center;
    padding: 0;
    margin: 0;
    display: table-cell;
  }

  .latest-news aside h3 {
    font-size: 16px;
    padding: 0 0 10px 0;
  }

  .latest-news aside p {
    display: none;
  }

  .latest-news aside .date {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.02em;
    padding: 0;
  }

  .latest-news .article-bg {
    max-width: 250px;
    float: none;
    padding: 0;
    margin: 0 auto;
  }

  .latest-news .owl-carousel {
    padding: 0 30px;
  }
}

/*
 3.10) Footer
----------------------------------------*/

.footer-main {
  width: 100%;
  float: left;
  margin-top: 46px;
}
.home .footer-main,
.page-template-resources .footer-main,
.page-xytex-api-search-donors .footer-main,
.page-template-pricing .footer-main,
.page-template-testimonials .footer-main,
.page-xytex-api-search .footer-main,
.page-template-careers .footer-main,
.page-id-6610 .footer-main,
.page-id-348 .footer-main,
.page-id-3383 .footer-main,
.page-id-667 .footer-main,
.page-id-6876 .footer-main,
.parent-pageid-402 .footer-main,
.page-id-400 .footer-main {
  margin-top: 0px;
}

/* Social Bar */
.social-bar {
  width: 100%;
  float: left;
  text-align: center;
  background: #19a2b5 !important;
  padding: 18px 0;
}

.social-bar ul {
  width: 100%;
  float: left;
  padding: 0;
  margin: -6px 0;
}

.social-bar ul li {
  width: 44px;
  height: 44px;
  float: none;
  display: inline-block;
  vertical-align: top;
  line-height: 1em;
  border-radius: 88px;
  padding: 0;
  margin: 6px;
}

.social-bar ul li:last-child {
  margin-right: 0;
}

.social-bar ul li:before {
  display: none;
}

.social-bar ul li a {
  width: 44px;
  height: 44px;
  float: left;
  font-size: 23px;
  color: #ffffff;
  line-height: 44px;
  text-align: center;
  box-shadow: 0 0 0 1px #ffffff;
  border-radius: 88px;
}

.social-bar ul li a span {
  display: none;
}

.social-bar ul li a:hover {
  color: #19a2b5;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #19a2b5, 0 0 0 1px #ffffff;
  text-decoration: none;
}

/* Footer - Top */
.footer-top {
  width: 100%;
  float: left;
  background: #eaeaea;
  border-bottom: 4px solid #c4c2c0;
  padding: 50px 0 60px 0;
}

.foot-top-in {
  width: 100%;
  float: left;
  position: relative;
}

@media (max-width: 1199px) {
  .footer-top .container {
    padding: 0 35px;
  }
}

@media (max-width: 767px) {
  .footer-top {
    border-bottom-width: 8px;
    padding: 25px 0 20px 0;
  }

  .footer-top .container {
    padding: 0 17px;
  }
}

/* Foot - Links */
.foot-links {
  width: 60.2%;
  float: left;
  padding: 0;
}

/*
.xy-site-xytex .foot-links {
  padding-bottom: 320px;
}

.xy-site-outreach .foot-links {
  padding-bottom: 90px;
}
*/

.foot-links h5.footer-heading {
  width: 100%;
  float: left;
  font-size: 14px;
  color: #2b3033;
  line-height: 18px;
  letter-spacing: normal;
  text-transform: uppercase;
  padding: 0 0 7px 0;
}

.foot-links ul {
  width: 100%;
  float: left;
  padding: 0;
}

.foot-links ul li {
  width: 100%;
  float: left;
  font-family: "gothamlightregular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #2b3033;
  line-height: 18px;
  padding: 0 0 5px 0;
}

.foot-links ul li:last-child {
  padding-bottom: 0;
}

.foot-links ul li:before {
  display: none;
}

.foot-links ul li a {
  font-family: "gothamlightregular", Arial, Helvetica, sans-serif;
  color: #2b3033;
}

.foot-links ul li > a:hover,
.foot-links ul li.current-menu-item > a,
.foot-links ul li.current-menu-parent > a {
  margin: 0;
  /*color: #19a2b5;
	text-decoration: underline;*/
}

.foot-links aside {
  width: 100%;
  float: left;
  margin: 0 0 21px 0;
}

.foot-links .article {
  width: 27%;
  display: inline-block;
  vertical-align: top;
  padding: 0 15px 0 0;
  margin: 0 -2px;
}

.foot-links .article:nth-child(2) {
  width: 27%;
}

.foot-links .article:nth-child(3) {
  width: 22%;
}

.foot-links .article:nth-child(4) {
  width: 23%;
}

/* Foot - Cont */
.foot-cont {
  width: 39.8%;
  float: right;
  position: relative;
}

.foot-cont h3 {
  width: 100%;
  float: left;
  font-size: 23px;
  color: #2b3033;
  line-height: 1.2em;
  padding: 0;
  margin: -1px 0 18px 0;
}

.foot-cont p {
  width: 100%;
  float: left;
  font-size: 14px;
  color: #2b3033;
  line-height: 19px;
  position: relative;
  padding: 0;
}

.foot-cont p span {
  font-size: 12px;
}

.foot-cont p a {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #2b3033;
}

.foot-cont p a:hover {
  color: #19a2b5;
}

.foot-cont .schedule-cont {
  width: 45%;
  float: left;
  padding: 0 15px 0 0;
}

.foot-cont .schedule-cont p {
  min-height: 21px;
  padding: 0 0 14px 26px;
}

.foot-cont .schedule-cont p.timing {
  background: url(../img/icon-footer-hours@2x.png) no-repeat 0 2px;
  background-size: 17px auto;
  font-weight: normal !important;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif !important;
}

.foot-cont .schedule-cont p.phone {
  background: url(../img/icon-footer-phone@2x.png) no-repeat 0 3px;
  background-size: 14px auto;
}

.foot-cont .schedule-cont p.fax {
  background: url(../img/icon-footer-fax@2x.png) no-repeat 0 0;
  background-size: 19px auto;
}

.foot-cont .schedule-cont p.email {
  background: url(../img/icon-footer-email.png) no-repeat 0 3px;
  background-size: 19px auto;
}

.foot-cont .address-cont {
  width: 55%;
  float: left;
}

.foot-cont .address-cont .contact-heading {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #2b3033;
  line-height: 1.3em;
  padding: 0 0 6px 0;
}

.foot-cont .address-cont p,
.foot-cont .address-cont p strong {
  font-family: "gothamlightregular", Arial, Helvetica, sans-serif !important;
}

.foot-cont .address-cont aside {
  width: 101%;
  float: left;
  background: url(../img/icon-footer-location@2x.png) no-repeat 0 1px;
  background-size: 11px auto;
  padding: 0 0 22px 15px;
  margin: 0 -1% 0 0;
}

.foot-cont .address-cont aside:last-child {
  padding-bottom: 0;
}
@media (max-width: 1199px) {
  .foot-links {
    width: 100%;
    max-width: 520px;
  }
  .foot-links .article {
    width: 100%;
    max-width: 190px;
  }
  .foot-links .article:nth-child(2) {
    width: 100%;
    max-width: 190px;
  }
  .foot-links .article:nth-child(3) {
    width: 100%;
    max-width: 150px;
  }
  .foot-cont .schedule-cont,
  .foot-cont .address-cont {
    width: 100%;
    max-width: 230px;
  }
  .foot-cont {
    width: 100%;
    float: right;
    position: relative;
    max-width: 460px;
  }
  .become-donor-wrapper .btn {
    width: auto;
  }
}
@media (max-width: 1060px) {
  .foot-links {
    width: 100%;
    max-width: none;
    padding-bottom: 0px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
  }
  .xy-site-xytex .foot-links,
  .xy-site-outreach .foot-links {
    padding-bottom: 0px;
  }
  .foot-cont {
    float: none;
  }
}
.btn-live-chat {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 2050; /* this value ensures this button goes in the background when the online ordering progress bar modal displays */
}

.btn-live-chat a {
  background-color: #19a2b5;
  background-image: url(../img/icon-comments@2x.png);
  background-repeat: no-repeat;
  width: 60px !important;
  height: 60px !important;
  display: block;
  text-indent: -999px;
  overflow: hidden;
  background-position: center;
  border-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px !important;
}

.btn-live-chat a:hover {
  background-color: rgba(25, 162, 181, 0.8);
}

@media (max-width: 767px) {
  .foot-cont,
  .xy-site-outreach .foot-cont {
    width: 100%;
    float: left;
  }
  /*
  .xy-site-xytex .foot-cont {
    padding-bottom: 285px;
  }
  .xy-site-outreach .foot-cont {
    padding-bottom: 75px;
  }
  */
  .foot-cont .schedule-cont {
    width: 100%;
    float: left;
    padding: 0 0 5px 0;
    margin-bottom: 17px;
  }
  .xy-site-xytex .foot-cont .schedule-cont,
  .xy-site-outreach .foot-cont .schedule-cont {
    padding-bottom: 5px;
  }
  .foot-cont .address-cont {
    width: 100%;
    float: left;
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .foot-cont, .xy-site-xytex .foot-cont, .xy-site-outreach .foot-cont {
  padding-bottom: 15px;
}
.foot-links .article {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
}
.foot-links .article:nth-child(2) {
  width: 100%;
  max-width: 100%;
}
.foot-links .article:nth-child(3) {
  width: 100%;
  max-width: 100%;
}
}
/* Foot - Logos */
.foot-logos {
  width: 100%;
  float: left;
}

.foot-logos ul {
  width: 100%;
  padding: 0;
  margin: 0 0 -20px 0;
}

.foot-logos ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px 20px 0;
}
.foot-logos ul li img {
  height: 35px;
}
.foot-logos ul li:before {
  display: none;
}

@media (max-width: 767px) {
  .foot-logos {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .foot-logos {
    width: 100%;
    float: none;
    margin-top: 20px;
  }
}

.foot-logos ul.larger-logos {
  width: 100%;
  padding: 0;
  margin: 20px 0 0 0;
}
.foot-logos ul.larger-logos li img {
  height: 140px;
}
@media (max-width: 480px) {
  .foot-logos ul.larger-logos li img {
    height: 100px;
  }
}
.become-donor-wrapper {float: left;width: 100%;padding: 10px 0 30px;}
@media only screen and (max-width: 767px) {
  .become-donor-wrapper,
  .become-donor-wrapper .btn {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .become-donor-wrapper {
    display: inline-block;
  }
}
/*
 3.11) Modal
----------------------------------------*/

.modal {
  text-align: center;
  padding: 0 !important;
  margin: 0 !important;
}

.modal-open .mm-page {
  position: static;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 100%;
    padding: 0 30px;
    margin-bottom: 0 !important;
  }
}

.modal-content {
  width: 100%;
  max-width: 370px;
  min-height: inherit;
  float: none;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  background: #f5f5f5;
  border: 1px solid #a8b3bf;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  border-radius: 0;
  padding: 25px;
  margin: 30px 0;
}

.modal-content .close {
  width: 17px;
  height: 17px;
  float: left;
  text-indent: -9999px;
  background: url(../img/icon-close@2x.png) no-repeat center center;
  background-size: 17px auto;
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 0;
  margin: 0;
  opacity: 1;
}

.modal-content img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.modal-content .option-field {
  width: auto;
  float: left;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #55565a;
  position: relative;
  padding: 0 15px 0 25px;
  margin: 10px 0;
}

.modal-content .option-field label {
  width: auto;
  float: none;
  display: inline-block;
  vertical-align: middle;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #262729;
  text-transform: none;
  padding: 0 4px 0 0;
  margin: 0;
}

.modal-content .option-field input[type="radio"] {
  display: none;
}

.modal-content .option-field label:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 19px;
  background: url(../img/radio-01@2x.png) no-repeat top left;
  background-size: 18px auto;
  position: absolute;
  top: 2px;
  left: 0;
}

.modal-content .option-field input[type="radio"]:checked + label:before {
  background: url(../img/radio-02@2x.png) no-repeat bottom left;
  background-size: 18px auto;
}

.modal-content .yes-no {
  display: inline-block;
}

/*.modal#Payment li.row div:first-child {
  padding-left: 0;
}

.modal#Payment li.row div:nth-child(2) {
  padding-right: 0;
}*/

/*.modal#Payment li.row div,*/
.modal#Payment li.row label,
.modal#Payment li.row input,
.modal#Payment li.row select {
	float: none;
}

.popup {
  width: 100%;
  display: inline-block;
}

.popup ul {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
}

.popup ul li {
  width: 100%;
  float: left;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #262729;
  line-height: 22px;
  padding: 0;
  margin: 0 0 10px 0;
}

.popup ul li:before {
  display: none;
}

.popup .logo {
  width: 100%;
  float: left;
  text-align: center;
  margin: 0 0 24px 0;
  height: 50px;
}

.popup .logo img {
  width: 100%;
  max-width: 170px;
}

.popup h2 {
  width: 100%;
  float: left;
  font-size: 22px;
  color: #708396;
  line-height: 26px;
  text-align: center;
  border-bottom: 1px solid #d2d0ce;
  padding: 0 0 23px 0;
  margin: 0 0 30px 0;
}

.popup p {
  width: 100%;
  float: left;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  padding: 0 0 18px 0;
}

.popup .input,
.popup .textarea,
.popup select {
  height: 36px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #262729;
  line-height: 18px;
/*  background: #f1f5f6;*/
  border: 1px solid #d2d0ce;
  padding: 8px 14px;
}

.popup input.error,
.popup select.error,
.popup textarea.error {
  border: 2px solid #ff5123;
}
.popup .option-field label.error:before {
  border: 2px solid #ff5123;
  border-radius: 20px;
}
.popup .error-message {
  padding: 10px 21px 10px 10px !important;
  background-color: #ff5123;
  color: #fff;
  text-align: left;
}
.popup .error-message i {
  position: absolute;
  top: 14px;
  right: 10px;
}

.popup .textarea {
  height: 120px;
}

.popup select {
  background-image: url(../img/arrow-down4@2x.png);
  background-size: 29px auto;
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 35px;
  padding-top: 0;
  padding-bottom: 0;
}

.modal:not(#ReportBirth) .popup select:not(#family-type) option:first-child {
  display: none;
}

#HealthCareInfo .popup #healthcare_facility_clinic option:first-child,
#HealthCareInfo .popup select#treatment-country option:first-child {
  display: inline-block !important;
}

.popup .input:not(.error):focus,
.popup .textarea:not(.error):focus,
.popup select:not(.error):focus {
  border-color: #68cbdb;
}

/* selectColored */
.popup select.colorize option:not([disabled]) {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #262729;
}

.popup select.colorize option.def:not([disabled]),
.popup select.colorize.empty:not([disabled]) {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #262729;
}

.popup :placeholder {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #262729;
}

.popup ::-webkit-input-placeholder,
.popup ::-webkit-textarea-placeholder {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #262729;
}

.popup input::-moz-placeholder,
.popup textarea::-moz-placeholder {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #262729;
}

.popup ::-moz-placeholder {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #262729;
}

.popup :-ms-input-placeholder {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #262729;
}

.popup.placeholder-light :placeholder {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #CCC;
}

.popup.placeholder-light ::-webkit-input-placeholder,
.popup.placeholder-light ::-webkit-textarea-placeholder {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #CCC;
}

.popup.placeholder-light input::-moz-placeholder,
.popup.placeholder-light textarea::-moz-placeholder {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #CCC;
}

.popup.placeholder-light ::-moz-placeholder {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #CCC;
}

.popup.placeholder-light :-ms-input-placeholder {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #CCC;
}

.popup .btn {
  width: 100%;
  height: 36px;
  font-size: 14px;
  line-height: 37px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.popup .btn-out {
  padding: 10px 0 0 0;
}

.popup .fname {
  width: 50%;
  padding-right: 5px;
}

.popup .lname {
  width: 50%;
  padding-left: 5px;
}

.popup .form-fields {
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
}

.popup .alg-mid {
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
}

.popup .forgot-link {
  width: 100%;
  float: left;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #999999;
  text-align: center;
  border-bottom: 1px solid #d2d0ce;
  padding: 17px 0;
  margin: 0 0 9px 0;
}

.popup .forgot-link a {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #999999;
}

.popup .forgot-link a:hover {
  color: #19a2b5;
}

.popup .term-txt {
  width: 100%;
  float: left;
  font-size: 10px;
  line-height: 13px;
  text-align: center;
  padding: 15px 0 0 0;
}

.popup .term-txt a {
  color: #262729;
}

.popup .term-txt a:hover {
  color: #19a2b5;
}

/* Forgot Password */
.popup .frg-pas {
  max-width: 290px;
}

.popup .frg-pas h2 {
  margin-bottom: 20px;
}

/* Clinics Advance Search */
.popup .clinics-advance-search {
  max-width: 320px;
}
.popup .clinics-advance-search .form-fields{
  max-width: 100%;
}
.popup .clinics-advance-search .form-fields ul li,
#select2-cas-clinic-state-us-results,
#select2-cas-clinic-state-ca-results,
#select2-cas-clinic-city-results,
#select2-cas-clinics-results {
  text-align: left;
}
.popup .clinics-advance-search .form-fields select{
  width: 100%;
}
.clinics-advance-search select option:first-child {
  display: inline-block !important;
}
.popup .clinics-advance-search .select2-selection {
  background-color: #e8e8e8;
}
.popup .clinics-advance-search .btn {
  width: auto;
}

.popup p {
  color: #999999;
}

.popup .step-2 {
  display: none;
}

/* New Password */
.popup .new-pas {
  max-width: 290px;
}

.popup .new-pas .btn-light-gray {
  margin-top: 10px;
}

.popup .top-txt ol li {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
}

.popup .top-txt ol li:before {
  position: relative;
  content: counter(item) ". ";
}

@media (max-width: 767px) {
  .modal-dialog {
    margin-bottom: 0 !important;
  }

  .modal-content {
    padding: 10px 15px 20px 15px;
    margin: 10px 0;
  }

  .modal-content .close {
    top: 7px;
    right: 7px;
  }

  .popup .input,
  .popup select {
    height: 40px;
    line-height: 20px;
    padding: 12px 14px;
  }

  .popup select {
    padding-top: 0;
    padding-bottom: 0;
  }

  .popup .btn {
    height: 40px;
    line-height: 40px;
  }
}

/* Search for Select donors modal */
#SearchSelectDonors div[data-dismiss="modal"] {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  background-color: #19a2b5;
  color: white;
  padding: 5px 10px;
  opacity: 0.4;
  cursor: pointer;
}

#SearchSelectDonors h2.title {
  font-size: 30px;
  line-height: 36px;
  padding: 0;
  color: rgba(25, 162, 181, 0.9);
  border: none;
}

#SearchSelectDonors .content p {
  font-size: 16px;
  color: rgba(25, 162, 181, 0.9);
}

#SearchSelectDonors .footer button {
  width: 90%;
}

@media (max-width: 900px) {
  #SearchSelectDonors .modal-content {
    background-image: none;
    background-color: #fbfaf5;
    border: none;
  }

  #SearchSelectDonors .content p {
    text-align: center;
  }

  #SearchSelectDonors .footer button {
    height: auto;
    font-size: 16px;
    line-height: 20px;
    padding: 10px !important;
  }
}

@media (min-width: 901px) {
  #SearchSelectDonors .modal-content {
    background-image: url("/wp-content/uploads/2018/09/search-donors-modal.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fbfaf5;
    border: none;
  }

  #SearchSelectDonors .popup {
    padding-left: 30%;
  }

  #SearchSelectDonors .content,
  #SearchSelectDonors .footer {
    padding-left: 30%;
    padding-right: 10%;
  }

  #SearchSelectDonors .content p {
    text-align: left;
  }

  #SearchSelectDonors .footer button {
    border-radius: 20px;
  }
}

/*
 4.) Inner Page
----------------------------------------*/

/* Title - Bar */
.title-bar {
  width: 100%;
  float: left;
  background: #a4b3c0;
  position: relative;
}

.title-bar h1,
.blog-heading {
  width: 100%;
  float: none;
  display: inline-block;
  vertical-align: middle;
  font-size: 26px;
  color: #ffffff;
  line-height: 30px;
  text-transform: uppercase;
  padding: 25px 0;
  margin: 0 -210px 0 -2px;
}

.title-bar .rl-links {
  width: 170px;
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.title-bar .rl-links a {
  width: 100%;
  float: left;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 11.96px;
  color: #ffffff;
  line-height: 15px;
  text-transform: uppercase;
  padding: 4px 0;
}

.title-bar .rl-links a i.fa-share-square-o,
.title-bar .rl-links a i.fa-save {
  margin-right: 6px;
}

.title-bar .rl-links a i.fa-spinner {
  margin-right: 5px;
}

.title-bar .rl-links a.save-f {
  background-image: url(../img/icon-like2@2x.png);
  background-size: 12px auto;
}

.title-bar .rl-links a.share-s {
  background-image: url(../img/icon-share2@2x.png);
  background-size: 12px auto;
}

.title-bar .rl-links a.print-d {
  background-image: url(../img/icon-download2@2x.png);
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 18px;
}

@media (max-width: 1023px) {
  .title-bar h1 {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .title-bar .rl-links {
    width: 415px;
    text-align: right;
    margin-top: -2px;
  }

  .title-bar .rl-links a {
    width: auto;
    float: none;
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    line-height: 15px;
    letter-spacing: -0.01em;
    padding: 4px 0 3px 14px;
    margin-left: 11px;
  }

  .title-bar .rl-links a.save-f {
    background-size: 10px auto;
  }

  .title-bar .rl-links a.share-s {
    background-size: 10px auto;
  }

  .title-bar .rl-links a.print-d {
    background-size: 10px auto;
  }
}

@media (max-width: 767px) {
  .title-bar .container {
    padding: 0 10px;
  }

  .title-bar h1 {
    font-size: 15px;
    line-height: 18px;
    padding: 12px 0;
    margin: 0;
  }

  .title-bar .rl-links {
    width: auto;
    text-align: right;
    position: absolute;
    top: 15px;
    right: 20px;
  }

  .title-bar .rl-links a {
    width: 12px;
    height: 12px;
    text-indent: 99999px;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 15px;
  }

  .title-bar .rl-links a.save-f {
    margin-top: 1px;
  }
}

.sale-bar,
.inventory-status-bar,
.family-slots-remaining-bar,
.tiered-pricing-options-bar,
.custom-advisory-bar {
  width: 100%;
  float: left;
  background: #efab58;
  position: relative;
}

.sale-bar .sale-info,
.inventory-status-bar .inventory-status-info,
.family-slots-remaining-bar .family-slots-remaining-info {
  font-variant: small-caps;
  font-size: 24px;
  font-family: "gothammediumregular";
  color: #fff;
  line-height: 80px;
/*  background-image: url("../img/badge-sale-2.png");*/
  background-repeat: no-repeat;
  background-size: 60px auto;
  background-position: 0px 10px;
/*  padding-left: 75px;*/
}

.tiered-pricing-options-bar .tiered-pricing-options-info h3 {
	font-variant: small-caps;
	font-size: 24px;
	font-family: "gothammediumregular";
	color: #fff;
	line-height: 30px;
}
@media (max-width: 767px) {
	.tiered-pricing-options-bar .tiered-pricing-options-info h3 {
		font-size: 20px;
	}
}

.tiered-pricing-options-bar .tiered-pricing-options-info p {
	font-family: "gothammediumregular";
	color: #fff;
	font-size: 16px;
}

.tiered-pricing-options-bar .tiered-pricing-options-info a {
	font-family: "gothammediumregular";
	color: #fff;
	text-decoration: underline;
}

.tiered-pricing-options-bar {
	padding-top: 20px;
}

.inventory-status-bar .inventory-status-info,
.family-slots-remaining-bar .family-slots-remaining-info {
	line-height: inherit;
	background-size: 50px;
	min-height: 65px;
	background-position: left center;
	padding: 15px 0 15px 75px;
}

/*.family-slots-remaining-bar .family-slots-remaining-info {
	padding-left: 0px;
}*/
.family-slots-remaining-bar .family-slots-remaining-info span.family_slot_remaining_count{
	font-size: 12px;
    position: absolute;
    left: 18px;
    top: 23px;
    width: 13px;
    text-align: center;
}

.custom-advisory-bar .custom-advisory-info {
	line-height: 30px;
    padding-bottom: 20px;
    padding-top: 20px;
    color: #fff;
    font-weight: normal;
    font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
}

.custom-advisory-bar .custom-advisory-info a {
	color: #fff;
	text-decoration: underline;
}

.inventory-status-bar.full .inventory-status-info {
  background-image: url("../img/icon-vial-green-white-200x200.png?20210818_2");
}

.inventory-status-bar.less .inventory-status-info {
  background-image: url("../img/icon-vial-yellow-white-200x200.png?20210818_2");
}

.inventory-status-bar.almost_none .inventory-status-info {
  background-image: url("../img/icon-vial-red-white-200x200.png?20210818_2");
}

.family-slots-remaining-bar .family-slots-remaining-info {
  background-image: url("../img/family-slot-icon-round-white-circle.png");
  position: relative;
}

@media (max-width: 992px) {
  .sale-bar .sale-info,
  .inventory-status-bar .inventory-status-info,
  .family-slots-remaining-bar .family-slots-remaining-info {
    font-size: 22px;
  }
  .inventory-status-bar .inventory-status-info,
  .family-slots-remaining-bar .family-slots-remaining-info {
    line-height: 26px;
    padding: 25px 0px 25px 75px;
    min-height: 80px;
  }
	.family-slots-remaining-bar .family-slots-remaining-info span.family_slot_remaining_count{
	    top: 30px;
	}
}

@media (max-width: 767px) {
  .sale-bar .sale-info,
  .inventory-status-bar .inventory-status-info,
  .family-slots-remaining-bar .family-slots-remaining-info {
    font-size: 20px;
    line-height: 26px;
/*    padding: 15px 0px 15px 75px;*/
    padding: 15px 0px 15px 0px;
    min-height: 80px;
  }
  .inventory-status-bar .inventory-status-info,
  .family-slots-remaining-bar .family-slots-remaining-info {
    padding: 25px 0px 25px 75px;
		background-position: left 15px;
	}
	.family-slots-remaining-bar .family-slots-remaining-info span.family_slot_remaining_count{
	    top: 30px;
	}
}

/* Banner - Inner */
.banner-inner {
  width: 100%;
  float: left;
  overflow: hidden;
  position: relative;
}

.banner-inner figure {
  width: 100%;
  float: left;
  text-align: center;
  overflow: hidden;
  margin: 0;
}

.banner-inner figure img {
  width: 100%;
  min-width: 1600px;
  margin: 0 -800px;
}

.banner-inner .title-bar {
  background: rgba(112, 131, 150, 0.51);
  position: absolute;
  top: 0;
  left: 0;
}

.banner-inner .banner-cont {
  width: 100%;
  height: 100%;
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  padding: 80px 0 0 0;
}

.banner-inner .banner-cont p {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.57);
  line-height: 26px;
  padding: 0;
}

.banner-inner .banner-cont p a {
  color: rgba(0, 0, 0, 0.57);
  text-decoration: underline;
}

.banner-inner .banner-cont p a:hover {
  color: #708396;
}

.banner-inner .banner-cont aside {
  width: 100%;
  max-width: 420px;
}

@media (max-width: 1023px) {
  .banner-inner figure img {
    width: 100%;
    min-width: 1200px;
    margin: 0 -600px;
  }

  .banner-inner.right-al figure img {
    float: right;
    margin: 0 -180px 0 0;
  }

  .banner-inner .banner-cont {
    padding: 52px 0 0 0;
  }

  .banner-inner .banner-cont p {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (max-width: 767px) {
  .banner-inner figure img {
    width: 100%;
    min-width: 800px;
    margin: 0 -400px;
  }

  .banner-inner.right-al figure img {
    float: right;
    margin: 0;
  }

  .banner-inner .banner-cont {
    padding: 42px 35% 0 0;
  }

  .banner-inner .banner-cont p {
    font-size: 12px;
    line-height: 17.16px;
  }

  .banner-inner .banner-cont aside {
    max-width: 300px;
  }
}

@media (max-width: 599px) {
  .banner-inner.right-al figure img {
    float: right;
    margin: 0 -130px 0 0;
  }
}
@media (max-width: 480px) {
  .page-id-686 .banner-inner.right-al figure img {
    margin: 0 -348px 0 0;
  }
}

/* Content - Inner */
.content-inner {
  width: 100%;
  float: left;
  padding: 55px 0;
}
.page-xytex-api-search .content-inner {
  padding-top: 0;
}
@media (max-width: 1199px) {
  .content-inner {
    padding: 40px 0;
  }
  .page-xytex-api-search .content-inner {
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  .content-inner {
    padding: 20px 0;
  }
  .page-xytex-api-search .content-inner {
    padding-top: 0;
  }
}

/* Content - Inner */
.content-inner2 {
  width: 100%;
  float: left;
  padding: 70px 0;
}

@media (max-width: 1023px) {
  .content-inner2 {
    padding: 50px 0;
  }

  .content-inner2 .container {
    padding: 0 80px;
  }

  .content-inner2 .row-cus {
    padding: 0;
    margin: 0;
  }

  .content-inner2 .row-cus .col-md-3 {
    width: 100%;
    padding: 0 15px;
    margin: 0px;
  }

  .content-inner2 .row-cus .col-md-9 {
    width: 100%;
    padding: 0 15px;
    margin: 0px;
  }
}

@media (max-width: 767px) {
  .content-inner2 {
    padding: 40px 0;
  }

  .content-inner2 .container {
    padding: 0 20px;
  }
}

/* Sub - Title */
.sub-title {
  width: 100%;
  float: left;
}

/* Content Three Column Middle */
.cont-mid {
  width: 100%;
  float: left;
}

.cont-mid > ul:last-child,
.cont-mid > ol:last-child {
  padding-bottom: 0;
}

.cont-mid > ul:last-child li:last-child,
.cont-mid > ol:last-child li:last-child {
  padding-bottom: 0;
}

.cont-mid > p:last-child {
  padding-bottom: 0;
}

.cont-mid > .txt:first-child {
  margin-top: -7px;
}

.cont-mid > .txt:first-child img {
  margin-top: 7px;
}

.cont-mid > .txt.first-child {
  margin-top: -7px;
}

.cont-mid > .txt.first-child img {
  margin-top: 7px;
}

.cont-mid img.alignnone {
  width: 100%;
  margin: 0 0 25px 0;
}

.cont-mid img.aligncenter {
  max-width: 100%;
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 15px 0;
}

.cont-mid img.alignleft {
  max-width: 285px;
  float: left;
  margin: 0 20px 15px 0;
}

.cont-mid img.alignright {
  max-width: 285px;
  float: right;
  margin: 0 0 15px 20px;
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .cont-mid img.alignleft {
    max-width: 285px;
  }

  .cont-mid img.alignright {
    max-width: 285px;
  }
}

@media (max-width: 767px) {
  .cont-mid .p-sml-padding p:last-child {
    padding-bottom: 17px;
  }

  .cont-mid img.alignleft {
    max-width: 245px;
  }

  .cont-mid img.alignright {
    max-width: 245px;
  }
}

@media (max-width: 639px) {
  .cont-mid > .txt:first-child {
    margin-top: 0;
  }

  .cont-mid > .txt:first-child img {
    margin-top: 0;
  }

  .cont-mid > .txt.first-child {
    margin-top: 0;
  }

  .cont-mid > .txt.first-child img {
    margin-top: 0;
  }

  .cont-mid img.alignnone,
  .cont-mid img.aligncenter,
  .cont-mid img.alignleft,
  .cont-mid img.alignright {
    width: 100%;
    max-width: 100%;
    float: left;
    margin: 0 0 20px 0;
  }
}

/* Map Content In */
.map-in {
  width: 100%;
  float: left;
  position: relative;
}

.map-in .embed-responsive {
  padding-bottom: 80%;
}

.map-in .embed-responsive iframe {
  border: none;
}

.map-in.alignnone {
  width: 100%;
  margin: 0 0 25px 0;
}

.map-in.aligncenter {
  max-width: 100%;
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 15px 0;
}

.map-in.alignleft {
  max-width: 310px;
  float: left;
  margin: 0 10px 15px 0;
}

.map-in.alignright {
  max-width: 310px;
  float: right;
  margin: 0 0 10px 15px;
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .map-in.alignleft {
    max-width: 285px;
  }

  .map-in.alignright {
    max-width: 285px;
  }
}

@media (max-width: 767px) {
  .map-in.alignleft {
    max-width: 245px;
  }

  .map-in.alignright {
    max-width: 245px;
  }
}

@media (max-width: 639px) {
  .map-in.alignnone,
  .map-in.aligncenter,
  .map-in.alignleft,
  .map-in.alignright {
    width: 100%;
    max-width: 100%;
    float: left;
    margin: 0 0 20px 0;
  }
}

/* Quote - Txt */
blockquote {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ffffff;
  line-height: 28px;
  text-align: center;
  background: #708396;
  border: none;
  box-shadow: none;
  position: relative;
  padding: 20px 2%;
  margin: 0 0 30px 0;
}

blockquote p:last-child {
  padding-bottom: 0;
}

.cont-mid > blockquote:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  blockquote {
    font-size: 16px;
    line-height: 22px;
    padding: 15px 8% 17px 8%;
    margin: 10px -9% 23px -9%;
  }
}

/* File - Links */
.file-links {
  padding: 0 0 18px 0;
}

.file-links:last-child {
  padding: 0;
}

.file-links p {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  color: #708396;
  line-height: 20px;
  padding: 0 0 10px 0;
}

.file-links p:last-child {
  padding: 0;
}

.file-links p a {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
}

.file-links p a:after {
  content: "";
  height: 24px;
  background: url(../img/icon-pdf-01@2x.png) no-repeat right;
  background-size: 20px auto;
  padding: 2px 28px 2px 0;
}

@media (max-width: 767px) {
  .file-links {
    padding: 5px 0 14px 0;
  }
}

/* Side - Nav */
.side-nav {
  width: 100%;
  float: left;
  padding: 0 35px 0 0;
}

.side-nav h3 {
  width: 100%;
  float: left;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 26px;
  color: #585959;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  line-height: 28px;
  border-bottom: 1px solid #d3d2be;
  padding: 0 0 12px 0;
  margin: 0 0 5px 0;
}

.side-nav ul {
  width: 100%;
  max-width: 250px;
  float: left;
  padding: 0;
}

.side-nav ul li {
  width: 100%;
  float: left;
  line-height: 24px;
  border-bottom: 1px solid #d3d2be;
  padding: 0;
}

.side-nav ul li::before {
  display: none;
}

.side-nav ul li a {
  width: 100%;
  float: left;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #19a2b5;
  text-decoration: none;
  padding: 13px 15px;
  text-indent: -15px;
}

.side-nav ul li:hover > a,
.side-nav ul li.current-menu-item > a,
.side-nav ul li.current-menu-parent > a {
  color: #676767;
}

.side-nav ul li ul {
  border-top: 1px solid #d3d2be;
  padding: 10px 13px 0 13px;
}

.side-nav ul li ul li:last-child {
  border: none;
}

@media (max-width: 1199px) {
  .side-nav h3 {
    margin: 0;
  }
}

@media (max-width: 1199px) {
  .side-nav {
    margin: 40px 0 0 0;
  }
}

/* Col - Box - Bg */
.col-box-bg {
  width: 100%;
  float: left;
  margin-bottom: -40px;
}

@media (max-width: 991px) {
  .col-box-bg {
    width: 104%;
    text-align: center;
    padding: 0;
    margin: 40px -2% -30px -2%;
  }
}

@media (max-width: 767px) {
  .col-box-bg {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
}

/* Col - Box */
.col-box {
  width: 100%;
  float: left;
  text-align: left;
  padding: 30px;
  margin-bottom: 40px;
}

.col-box h4 {
  color: #262729;
}

.col-box h3:last-child {
  padding-bottom: 0;
}

.col-box p:last-child {
  padding-bottom: 0;
}

.col-box ul {
  width: 100%;
  float: left;
  padding: 0 0 20px 10px;
}

.col-box ul:last-child {
  padding-bottom: 0;
}

.col-box ul li {
  font-size: 15px;
  text-transform: uppercase;
  padding-bottom: 13px;
}

.col-box ul li:last-child {
  padding-bottom: 0;
}

.col-box ul li:before {
  background: url(../img/icon-check2@2x.png) no-repeat 0 0;
  background-size: 16px auto;
}

.col-box ul li a {
  text-decoration: none;
}

.col-box ul li a:hover {
  text-decoration: underline;
}

.col-box .btn {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.col-box .btn-out {
  text-align: center;
}

@media (max-width: 991px) {
  .col-box {
    width: 46%;
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding: 30px;
    margin: 0 1.5% 30px 1.5%;
  }
}

@media (max-width: 767px) {
  .col-box {
    max-width: 100%;
    width: 100%;
    float: left;
    padding: 25px;
    margin: 30px 0 0 0;
  }

  .col-box h4 {
    padding-bottom: 15px;
  }

  .col-box p {
    padding-bottom: 25px;
  }

  .col-box ul {
    padding: 0 0 15px 10px;
  }

  .col-box ul li {
    font-size: 14px;
    padding-bottom: 13px;
    padding-left: 17px;
  }

  .col-box .btn {
    max-width: 200px;
  }
}

/* Col Box Blank */
.outer-border {
  background: #ffffff;
  box-shadow: inset #e2e2e2 0 0 0 1px;
}

/* Sidebar - Image */
.sidebar-image {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}

.sidebar-image:last-child {
  margin-bottom: 0;
}

.sidebar-image img {
  width: 100%;
}

@media (max-width: 1023px) {
  .sidebar-image {
    width: 46%;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 1.5% 30px 1.5%;
  }
}

@media (max-width: 767px) {
  .sidebar-image {
    max-width: 100%;
    width: 100%;
    margin: 0 0 30px 0;
  }
}

/* Accordation - List */
.accord-list {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
}

.accord-list ul {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
}

.accord-list ul li.panel {
  width: 100%;
  float: left;
  /*font-family: "gothamexlightregular", Arial, Helvetica, sans-serif;*/
  font-size: 15px;
  color: #6d6d6d;
  line-height: 26px;
  letter-spacing: normal;
  background: none;
  border: none;
  border-radius: 0;
  /*padding: 146px 0 0 0!important;
	margin: 0 0 -145px 0!important;*/
  padding: 0 !important;
  margin: 0 0 1px 0 !important;
  box-shadow: none !important;
}

.accord-list ul li.panel:last-child {
  margin: 0 !important;
}

.accord-list ul li.panel:before {
  display: none;
}

.accord-list ul li .acc-link {
  width: 100%;
  float: left;
  padding: 0;
}

.accord-list ul li .acc-link a {
  width: 100%;
  float: left;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #ffffff;
  line-height: 26px;
  letter-spacing: 0.02em;
  text-decoration: none;
  text-transform: uppercase;
  background: #d2d0ce;
  position: relative;
  z-index: 10;
}

.accord-list ul li .acc-link a span {
  width: 100%;
  float: left;
  position: relative;
  opacity: 0.95;
  padding: 25px 40px 25px 77px;
}

.accord-list ul li .acc-link a span:after {
  content: "\f067";
  float: right;
  font-family: "FontAwesome";
  font-size: 26px;
  line-height: 26px;
  position: absolute;
  top: 50%;
  right: 0;
  margin: -11px 0 0 0;
}

.accord-list ul li .acc-link a span:before {
  content: "";
  width: 60px;
  height: 100%;
  float: left;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.7;
}

.accord-list ul li.tpa a span:before {
  background-image: url(../img/icon-donor-physical-white.png);
  background-size: 51px auto;
}

.accord-list ul li.tmftd a span:before {
  background-image: url(../img/icon-donor-message-white.png);
  background-size: 49px auto;
}

.accord-list ul li.tgt a span:before {
  background-image: url(../img/icon-donor-genetictesting-white.png);
  background-size: 57px auto;
}

.accord-list ul li.thi a span:before {
  background-image: url(../img/icon-donor-health-white.png);
  background-size: 57px auto;
}

.accord-list ul li.tpia a span:before {
  background-image: url(../img/icon-donor-personality-white.png);
  background-size: 51px auto;
}

.accord-list ul li.tkpa a span:before {
  background-image: url(../img/icon-donor-keirsey-white.png);
  background-size: 52px auto;
}

.accord-list ul li.tbe a span:before {
  background-image: url(../img/icon-donor-education-white.png);
  background-size: 57px auto;
}

.accord-list ul li.thd a span:before {
  background-image: url(../img/icon-donor-diseases-white.png);
  background-size: 36px auto;
}

.accord-list ul li.tifmh a span:before {
  background-image: url(../img/icon-donor-familyhistory-white.png);
  background-size: 57px auto;
}

.accord-list ul li.tpfmh a span:before {
  background-image: url(../img/icon-donor-paternal-white.png);
  background-size: 55px auto;
}

.accord-list ul li.tmfmh a span:before {
  background-image: url(../img/icon-donor-maternal-white.png);
  background-size: 43px auto;
}

.accord-list ul li.tpo a span:before {
  background-image: url(../img/icon-donor-purchase-white.png);
  background-size: 55px auto;
}

.accord-list ul li .acc-link a.active {
  background: #708396;
}

.accord-list ul li .acc-link a.active span {
  opacity: 1;
}

.accord-list ul li .acc-link a.active span:after {
  content: "\f068";
}

.accord-list ul li .acc-link a.active span:before {
  opacity: 1;
}

.accord-list .accord-cont {
  width: 100%;
  float: left;
  background: #f9f8f8;
  position: relative;
}

.accord-list .accord-cont img {
  width: 100% !important;
  height: auto !important;
  display: inline-block !important;
}

.accord-list .accord-cont .container {
  max-width: 1340px;
}

.accord-list .accord-cont .cont-in {
  width: 100%;
  float: left;
  background: #ffffff;
  padding: 40px;
}

@media (max-width: 1199px) {
  .accord-list ul li.panel {
    padding: 161px 0 0 0 !important;
    margin: 0 0 -160px 0 !important;
  }

  .accord-list ul li.panel:last-child {
    margin: 0 !important;
  }

  .accord-list ul li .acc-link .container {
    padding: 0 30px 0 25px;
  }

  .accord-list .accord-cont .container {
    padding: 0;
  }

  .accord-list .accord-cont .cont-in {
    padding: 40px 30px;
  }
}

@media (max-width: 1023px) {
  .accord-list ul li.panel {
    padding: 166px 0 0 0 !important;
    margin: 0 0 -165px 0 !important;
  }

  .accord-list ul li.panel:last-child {
    margin: 0 !important;
  }
}

@media (max-width: 767px) {
  .accord-list ul li.panel {
    font-size: 12px;
    line-height: 20px;
    padding: 103px 0 0 0 !important;
    margin: 0 0 -102px 0 !important;
  }

  .accord-list ul li.panel:last-child {
    margin: 0 !important;
  }

  .accord-list ul li .acc-link .container {
    padding: 0 12px 0 10px;
  }

  .accord-list ul li .acc-link a {
    font-size: 14px;
    line-height: 18px;
  }

  .accord-list ul li .acc-link a span {
    padding: 20px 30px 20px 46px;
  }

  .accord-list ul li .acc-link a span:after {
    font-size: 18px;
    line-height: 20px;
    margin: -9px 0 0 0;
  }

  .accord-list ul li .acc-link a span:before {
    width: 34px;
  }

  .accord-list ul li.tpa a span:before {
    background-size: 30px auto;
  }

  .accord-list ul li.tmftd a span:before {
    background-size: 30px auto;
  }

  .accord-list ul li.tgt a span:before {
    background-size: 34px auto;
  }

  .accord-list ul li.thi a span:before {
    background-size: 33px auto;
  }

  .accord-list ul li.tpia a span:before {
    background-size: 30px auto;
  }

  .accord-list ul li.tkpa a span:before {
    background-size: 33px auto;
  }

  .accord-list ul li.tbe a span:before {
    background-size: 33px auto;
  }

  .accord-list ul li.thd a span:before {
    background-size: 24px auto;
  }

  .accord-list ul li.tifmh a span:before {
    background-size: 35px auto;
  }

  .accord-list ul li.tpfmh a span:before {
    background-size: 27px auto;
  }

  .accord-list ul li.tmfmh a span:before {
    background-size: 33px auto;
  }

  .accord-list .accord-cont .cont-in {
    padding: 20px 12px;
  }
}

/* Accord - List2 */
.accord-list2 {
  width: 100%;
  float: left;
}

.accord-list2 h3 {
  width: 100%;
  float: left;
  font-size: 26px;
  color: #68cbdb;
  padding: 0 0 55px 0;
}

.accord-list2 ul {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0 0 50px 0;
}

.accord-list2 ul li.panel {
  width: 100%;
  float: left;
  background: none;
  border: none;
  border-bottom: 1px solid #f2f2f2;
  border-radius: 0;
  padding: 35px 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

.accord-list2 ul li.panel:first-child {
  padding-top: 0 !important;
}

.accord-list2 ul li.panel:last-child {
  padding-bottom: 0 !important;
  border: none;
}

.accord-list2 ul li.panel:before {
  display: none;
}

.accord-list2 ul li.panel .acc-link {
  width: 100%;
  float: left;
}

.accord-list2 ul li.panel .acc-link a {
  width: 100%;
  float: left;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #55565a;
  line-height: 24px;
  text-decoration: none;
  position: relative;
  padding: 0 10px 0 65px;
}

.accord-list2 ul li.panel .acc-link a:before {
  content: "\f067";
  width: 46px;
  height: 46px;
  float: left;
  font-family: "FontAwesome";
  font-size: 16px;
  color: #ffffff;
  line-height: 46px;
  text-align: center;
  background: #d2d0ce;
  border-radius: 46px;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -24px 0 0 0;
}

.accord-list2 ul li.panel .acc-link a.active:before {
  content: "\f068";
  background: #68cbdb;
}

.accord-list2 .accord-cont {
  width: 100%;
  float: left;
}

.accord-list2 .accord-cont img {
  height: auto !important;
  display: inline-block !important;
}

.accord-list2 .accord-cont .cont-in {
  width: 100%;
  float: left;
  padding: 20px 0 0 65px;
}

.accord-list2 .accord-cont p {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #262729;
  line-height: 30px;
  padding: 0 0 22px 0;
}

.accord-list2 .accord-cont p:last-child {
  padding-bottom: 0;
}

.accord-list2 .accord-cont figure {
  width: 100%;
  float: left;
  margin: 0;
}

@media (max-width: 1023px) {
  .accord-list2 h3 {
    font-size: 22px;
    line-height: 26px;
    padding: 0 0 50px 0;
  }

  .accord-list2 ul li.panel {
    padding: 27px 0 !important;
  }

  .accord-list2 ul li.panel:first-child {
    padding-top: 0 !important;
  }

  .accord-list2 ul li.panel:last-child {
    padding-bottom: 0 !important;
  }

  .accord-list2 ul li.panel .acc-link a {
    font-size: 16px;
    line-height: 20px;
    padding: 0 10px 0 55px;
  }

  .accord-list2 ul li.panel .acc-link a:before {
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    margin: -20px 0 0 0;
  }

  .accord-list2 .accord-cont .cont-in {
    width: 100%;
    float: left;
    padding: 15px 0 0 55px;
  }

  .accord-list2 .accord-cont p {
    font-size: 16px;
    line-height: 26px;
    padding: 0 0 18px 0;
  }

  .accord-list2 .accord-cont p:last-child {
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .accord-list2 h3 {
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 35px 0;
  }

  .accord-list2 ul li.panel {
    padding: 24px 0 !important;
  }

  .accord-list2 ul li.panel:first-child {
    padding-top: 0 !important;
  }

  .accord-list2 ul li.panel:last-child {
    padding-bottom: 0 !important;
  }

  .accord-list2 ul li.panel .acc-link a {
    font-size: 14px;
    line-height: 18px;
    padding: 0 20px 0 45px;
  }

  .accord-list2 ul li.panel .acc-link a:before {
    width: 30px;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    margin: -16px 0 0 0;
  }

  .accord-list2 .accord-cont .cont-in {
    padding: 10px 10px 0 45px;
  }

  .accord-list2 .accord-cont p {
    font-size: 14px;
    line-height: 22px;
    padding: 0 0 18px 0;
  }

  .accord-list2 .accord-cont p:last-child {
    padding-bottom: 0;
  }

  .accord-list2 .accord-cont figure img {
    max-width: 50%;
  }
}

/*
 4.1) General Interior - Page
----------------------------------------*/

/* Top - Cont */
.top-cont {
  width: 100%;
  float: left;
  padding: 46px 0 0;
}

/* Disable top padding in FAQ Xytex Canada page */
.page-id-6680 .top-cont {
  padding-top: 0;
}

.top-cont h2 {
  width: 100%;
  float: left;
  color: #676767;
}

.top-cont p {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  color: #3d3d3d;
  line-height: 24px;
  padding: 0 0 22px 0;
}

.top-cont p:last-child {
  padding: 0;
}

.top-cont figure {
  width: 100%;
  float: left;
  text-align: center;
  overflow: hidden;
  margin: 0;
}

.top-cont figure img {
  width: 100%;
}

.top-cont figcaption {
  width: 100%;
  float: left;
  font-family: "gothambolditalic", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #19a2b5;
  line-height: 26px;
  text-align: center;
  margin: 15px 0 0 0;
}

.top-cont figcaption a {
  font-family: "gothambolditalic", Arial, Helvetica, sans-serif;
  color: #19a2b5;
}

.top-cont .sinlge-figure {
  /*width: 100%;*/
  float: right;
  padding: 0px 0 45px 45px;
  margin: 0;
  max-width: 360px;
}

.top-cont .left-cl {
  width: 100%;
  float: left;
  /*padding: 0 370px 0 0;*/
  padding: 0;
}

.top-cont .right-cl {
  width: 325px;
  float: right;
  margin: 0 0 0 -325px;
}

@media (max-width: 1199px) {
  .top-cont {
    padding: 45px 0;
  }

  .top-cont h2 {
    font-size: 26px;
    line-height: 30px;
    padding-bottom: 15px;
  }

  .top-cont p {
    font-size: 16px;
    line-height: 25px;
    padding: 0 0 20px 0;
  }

  .top-cont figcaption {
    font-size: 14px;
    line-height: 20px;
  }

  .top-cont .sinlge-figure {
    padding: 7px 0 20px 45px;
  }

  .top-cont .left-cl {
    padding: 0 0 0 0;
  }

  .top-cont .right-cl {
    width: 225px;
  }
}

@media (max-width: 767px) {
  .top-cont {
    padding: 20px 0;
  }

  .top-cont h2 {
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 10px;
  }

  .top-cont p {
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 15px 0;
  }

  .top-cont figcaption {
    font-size: 14px;
    line-height: 20px;
  }

  .top-cont .sinlge-figure {
    padding: 0 0 15px 0;
    max-width: none;
  }
  .top-cont .left-cl {
    width: 100%;
    padding: 0;
  }

  .top-cont .right-cl {
    width: 100%;
    max-width: 225px;
    float: left;
    margin: 20px 0 0 0;
  }
}

/* CTA - Banner */
.cta-banner {
  width: 100%;
  float: left;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.cta-banner figure {
  width: 100%;
  float: left;
  text-align: center;
  overflow: hidden;
  margin: 0;
}

.cta-banner figure img {
  width: 100%;
  min-width: 1100px;
  margin: 0 -550px;
}

.cta-banner .banner-cont {
  width: 100%;
  height: 100%;
  float: left;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}

.cta-banner .banner-cont h1,
.cta-banner .banner-cont h2 {
  font-size: 60px;
  color: #ffffff;
  line-height: 60px;
  padding: 0 0 15px 0;
}

.cta-banner .banner-cont h1:last-child,
.cta-banner .banner-cont h2:last-child {
  padding-bottom: 0;
}

.cta-banner .banner-cont p {
  font-size: 20px;
  color: #ffffff;
  line-height: 28px;
  padding: 0 0 50px 0;
}

.cta-banner .banner-cont p a {
  color: #ffffff;
}

.cta-banner .banner-cont p:last-child {
  padding-bottom: 0;
}

.cta-banner .banner-cont .btn {
  color: #404040;
}

.cta-banner .banner-cont aside {
  width: 100%;
  max-width: 640px;
  float: none;
  display: inline-block;
  vertical-align: top;
  padding: 0 20px;
}

@media (max-width: 1199px) {
  .cta-banner .banner-cont h1,
  .cta-banner .banner-cont h2 {
    font-size: 40px;
    line-height: 40px;
    padding: 0 0 9px 0;
  }

  .cta-banner .banner-cont p {
    font-size: 16px;
    color: #ffffff;
    line-height: 22px;
    padding: 0 0 25px 0;
  }
}

@media (max-width: 767px) {
  .cta-banner .banner-cont h1,
  .cta-banner .banner-cont h2 {
    font-size: 30px;
    line-height: 30px;
    padding: 0 0 10px 0;
  }

  .cta-banner .banner-cont p {
    font-size: 15.15px;
    color: #ffffff;
    line-height: 20px;
    padding: 0 0 15px 0;
  }

  .cta-banner .banner-cont aside {
    max-width: 400px;
  }
}

/* Testimonials */
.testimonials {
  width: 100%;
  float: left;
  padding: 75px 0;
}

.testimonials .article {
  width: 100%;
  float: left;
  text-align: center;
  background: url(../img/icon-quote@2x.png) no-repeat top center;
  background-size: 30px auto;
  padding: 50px 6% 0 6%;
}

.testimonials .article p {
  font-family: "gothambookitalic", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #3d3d3d;
  line-height: 26px;
  padding: 0 0 20px 0;
}

.testimonials .article p.name {
  font-size: 14px;
  padding: 0;
}

.testimonials .article-bg {
  width: 100%;
  float: left;
  text-align: center;
  position: relative;
  margin: 20px 0 -70px 0;
}

@media (min-width: 1024px) {
  .testimonials .owl-carousel {
    width: 100% !important;
    height: auto !important;
    float: left !important;
    display: block !important;
  }

  .testimonials .owl-carousel .owl-wrapper {
    width: 100% !important;
    height: auto !important;
    float: left !important;
    display: block !important;
    transform: translate3d(0, 0px, 0px) !important;
  }

  .testimonials .owl-carousel .owl-wrapper-outer {
    width: 100% !important;
    height: auto !important;
    float: left !important;
    overflow: visible !important;
    transform: translate3d(0, 0px, 0px) !important;
  }

  .testimonials .owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    transform: translate3d(0, 0px, 0px) !important;
  }

  .testimonials .owl-carousel .owl-item {
    width: 33.33% !important;
    height: auto !important;
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
    padding: 0 !important;
    margin: 0 0 70px 0 !important;
    left: auto !important;
    right: auto !important;
  }

  .testimonials .owl-controls {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .testimonials {
    padding: 50px 0;
  }

  .testimonials .container {
    padding: 0;
  }

  .testimonials .article {
    max-width: 340px;
    float: none;
    display: inline-block;
    vertical-align: top;
    padding-left: 0;
    padding-right: 0;
  }

  .testimonials .article-bg {
    padding: 0 30px;
    margin: 15px 0 0 0;
  }

  .testimonials .owl-carousel {
    padding: 0 60px;
  }
}

@media (max-width: 767px) {
  .testimonials {
    padding: 35px 0;
  }

  .testimonials .article p {
    font-size: 14px;
    line-height: 22px;
  }

  .testimonials .article-bg {
    padding: 0 10px;
    margin: 0;
  }

  .testimonials .owl-carousel {
    padding: 0 35px;
  }

  .testimonials .owl-buttons div {
    top: 50%;
    margin: 0;
  }
}

/* Video - Block */
.video-block {
  width: 100%;
  float: left;
  overflow: hidden;
  position: relative;
}

.video-block img {
  width: 100%;
}

.video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(47, 37, 37, 1);
  opacity: 0.8;
}
.video-label {
  color: #fff;
  text-decoration: none;
  font-size: 2em;
  min-width: 206px;
  text-align: center;
  display: block;
}
@media (min-width: 768px) {
  .video-icon i {
    font-size: 15em;
  }
}

@media (max-width: 768px) {
  .video-icon i.fa {
    text-align: center;
    display: block;
  }
}

/* CTA - Cont2 */
.cta-cont2 {
  width: 100%;
  float: left;
  background: #f5f5f5;
  padding: 60px 0;
}

.cta-cont2 h2 {
  padding: 0 0 0px 0;
}

.cta-cont2 p {
  font-family: "gothamexlightregular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #3d3d3d;
  line-height: 28px;
  padding: 18px 0 0 0;
}

.cta-cont2 .btn {
  min-width: 325px;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  margin: 0 0 15px 12px;
  float: right;
}

.cta-cont2 aside {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  padding: 0 490px 0 0px;
  margin: 0 -3px;
}

.cta-cont2 .btn-out {
  width: 472px;
  float: none;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  padding: 0 0px 0 0;
  margin: 0 -2px 0 -470px;
}

@media (max-width: 1023px) {
  .cta-cont2 .container {
    max-width: 645px;
  }

  .cta-cont2 h2 {
    font-size: 20px;
    line-height: 24px;
    padding: 0 0 10px 0;
  }

  .cta-cont2 p {
    font-size: 16px;
    line-height: 28px;
  }

  .cta-cont2 .btn {
    /*padding: 0;*/
    margin: 7px 0;
    float: none;
  }

  .cta-cont2 aside {
    padding: 0;
  }

  .cta-cont2 .btn-out {
    /*width: 170px;*/
    padding: 0;
    /*margin: 0 -2px 0 -170px;*/
    margin: 0;
  }
}

@media (max-width: 767px) {
  .cta-cont2 {
    text-align: center;
    padding: 35px 0;
  }

  .cta-cont2 .container {
    max-width: 390px;
  }

  .cta-cont2 h2 {
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 10px 0;
  }

  .cta-cont2 p {
    font-size: 14px;
    line-height: 22px;
  }

  .cta-cont2 .btn {
    width: 160px;
    height: 46px;
    line-height: 46px;
    padding: 0;
    margin: 5px 0;
  }

  .cta-cont2 aside {
    padding: 0 0 18px 0;
  }

  .cta-cont2 .btn-out {
    width: 170px;
    float: none;
    padding: 0;
    margin: 0;
  }
}

@media (max-width: 767px) {
  .cta-cont2 .btn-out {
    width: auto;
  }
  .cta-cont2 .btn {
    min-width: initial;
    height: auto;
    width: auto;
    line-height: 26px;
    padding: 12px;
  }
}

@media (device-width: 768px) {
  .cta-cont2 .btn-out {
    width: auto;
  }
  .cta-cont2 .btn {
    min-width: initial;
    height: auto;
    width: auto;
    line-height: 26px;
    padding: 12px;
  }
}

/* Bottom - Cont */
.btm-cont {
  width: 100%;
  float: left;
  padding: 60px 0 65px 0;
}
.btm-cont ~ .btm-cont {
  padding-top: 0;
  margin-top: -5px;
}

@media (max-width: 1199px) {
  .btm-cont {
    padding: 50px 0;
  }

  .btm-cont .container {
    padding: 0 15px;
  }
}

@media (max-width: 767px) {
  .btm-cont {
    padding: 40px 0;
  }

  .btm-cont .container {
    padding: 0 10px;
  }
}

/* Tab - Box */
.tab-box-out {
  width: 100%;
  float: left;
  padding: 0 0 60px 0;
}

.tab-box-out:last-child {
  padding-bottom: 0;
}

.tab-box-out h2:not(.filled-header) {
  width: 100%;
  float: left;
  font-family: "gothamexlightregular", Arial, Helvetica, sans-serif;
  font-size: 40px;
  color: #19a2b5;
  line-height: 50px;
  text-align: center;
  padding: 0 0 25px 0;
}

.tab-box {
  width: 100%;
  float: left;
  background: #ffffff;
  border: 1px solid #dddddd;
}

.tab-box .tab-links3 {
  width: 100%;
  height: 60px;
  float: left;
  background: #fafafa;
  border-bottom: 1px solid #dddddd;
}

.tab-box .tab-links3 .tabs {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
}

.tab-box .tab-links3 .tabs li {
  height: 59px;
  float: left;
  border-right: 1px solid #dddddd;
  padding: 0;
  margin: 0;
}

.tab-box .tab-links3 .tabs li:before {
  display: none;
}

.tab-box .tab-links3 .tabs li a {
  height: 60px;
  float: left;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #707070;
  line-height: 60px;
  letter-spacing: 0.02em;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  padding: 0 23px;
}

.tab-box .tab-links3 .tabs li a:before {
  content: "";
  width: 100%;
  height: 2px;
  float: left;
  position: absolute;
  bottom: 0;
  left: 0;
}

.tab-box .tab-links3 .tabs li a:hover,
.tab-box .tab-links3 .tabs li.active a {
  color: #19a2b5;
  background: #ffffff;
}

.tab-box .tab-links3 .tabs li a:hover:before,
.tab-box .tab-links3 .tabs li.active a:before {
  content: "";
  width: 80%;
  height: 2px;
  float: left;
  background: #19a2b5;
  position: absolute;
  bottom: -1px;
  left: 10%;
}

.tab-box .cont-in {
  width: 100%;
  float: left;
  padding: 30px;
}

.tab-box:not(.patient-donor-tabs) .cont-in p {
  font-family: "gothamexlightregular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #3d3d3d;
  line-height: 31px;
  padding: 0 0 20px 0;
}

.tab-box .cont-in p:last-child {
  padding: 0;
}

.tab-box:not(.patient-donor-tabs) .cont-in aside {
  width: 100%;
  float: left;
  padding: 0 230px 0 0;
}

.tab-box:not(.patient-donor-tabs) .cont-in .right-cl {
  width: 200px;
  float: right;
  margin: 0 0 0 -200px;
}

.tab-box .cont-in .right-cl figure {
  width: 100%;
  float: left;
  text-align: center;
  margin: 0 0 16px 0;
}

.tab-box .cont-in .right-cl figure img {
  width: 100%;
}

.tab-box .cont-in .right-cl .btn {
  width: 100%;
  height: 50px;
  line-height: 51px;
  padding: 0;
}

@media (max-width: 1199px) {
  .tab-box-out {
    padding: 0 0 50px 0;
  }

  .tab-box-out h2 {
    font-size: 30px;
    line-height: 36px;
    padding: 0 0 25px 0;
  }

  .tab-box .tab-links3 {
    height: 45px;
  }

  .tab-box .tab-links3 .tabs li {
    height: 44px;
  }

  .tab-box .tab-links3 .tabs li a {
    height: 45px;
    font-size: 14px;
    line-height: 45px;
    letter-spacing: normal;
    padding: 0 17px;
  }

  .tab-box .cont-in p {
    font-size: 16px;
    line-height: 25px;
  }
}

@media (max-width: 1023px) {
  .tab-box .cont-in {
    padding: 15px;
  }

  .tab-box .cont-in p {
    font-size: 14px;
    line-height: 24px;
    padding: 0 0 15px 0;
  }
}

@media (max-width: 767px) {
  .tab-box-out {
    padding: 0 0 40px 0;
  }

  .tab-box-out h2 {
    font-size: 20px;
    line-height: 24px;
    padding: 0 0 20px 0;
  }

  .tab-box {
    border-bottom: none;
    overflow: hidden;
  }

  .tab-box .tab-links3 {
    height: auto;
    margin-bottom: -1px;
  }

  .tab-box .tab-links3 #myTab-accordion .panel {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .tab-box .tab-links3 #myTab-accordion .panel-heading {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    border: none;
  }

  .tab-box .tab-links3 #myTab-accordion .panel-title {
    width: 100%;
    float: left;
    border: none;
    padding: 0 !important;
    margin: 0;
  }

  .tab-box .tab-links3 #myTab-accordion .panel-title a {
    width: 100%;
    float: left;
    font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #707070;
    line-height: 18px;
    letter-spacing: 0.03em;
    text-decoration: none;
    text-align: center;
    background: #fafafa;
    border: none;
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
    position: relative;
    padding: 16px 10px;
    margin: 0;
  }

  .tab-box
    .tab-links3
    #myTab-accordion
    .panel-title
    a.js-tabcollapse-panel-heading {
    background: #ffffff;
    border-bottom: 1px solid #ffffff;
    box-shadow: inset #19a2b5 0 -2px 0;
  }

  .tab-box .tab-links3 #myTab-accordion .panel-title a.active {
    background: #ffffff;
    border-bottom: 1px solid #ffffff;
    box-shadow: inset #19a2b5 0 -2px 0;
  }

  .tab-box .tab-links3 #myTab-accordion .panel-title a.collapsed {
    background: #fafafa;
    border-bottom: 1px solid #dddddd;
    box-shadow: inset #fafafa 0 -2px 0;
  }

  .tab-box .tab-links3 #myTab-accordion .panel-default {
    width: 100%;
    float: left;
    background: #ffffff;
    border: none;
    border-radius: 0;
    margin: 0 !important;
    padding: 0 !important;
    position: static;
    z-index: 2;
  }

  .tab-box .tab-links3 #myTab-accordion .panel-default > .panel-heading {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
  }

  .tab-box .tab-links3 #myTab-accordion .panel-collapse {
    width: 100%;
    float: left;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
  }

  .tab-box .tab-links3 #myTab-accordion .panel-collapse .panel-body {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
  }

  .tab-box
    .tab-links3
    #myTab-accordion
    .panel-default
    > .panel-heading
    + .panel-collapse
    > .panel-body {
    border: none;
  }

  .tab-box .cont-in {
    border-bottom: 1px solid #dddddd;
    padding: 20px 10px;
  }

  .tab-box .cont-in aside {
    padding: 0 0 15px 0;
  }

  .tab-box .cont-in .right-cl {
    width: 190px;
    float: left;
    margin: 0;
  }

  .tab-box .cont-in .right-cl .btn {
    height: 45px;
    line-height: 46px;
  }
}

/* Article - Cont */
.article-cont {
  width: 100%;
  float: left;
  background: #e6e4e2;
  overflow: hidden;
  padding: 15px 0;
}

.article-cont h4 {
  font-size: 18px;
  color: #000000;
  line-height: 22px;
  padding: 0 0 10px 0;
}

.article-cont p {
  font-family: "gothamexlightregular", Arial, Helvetica, sans-serif;
  color: #000000;
  padding: 0 0 10px 0;
}

.article-cont p:last-child {
  padding: 0;
}

.article-cont figure {
  width: calc(100% - 30px);
  float: left;
  text-align: center;
  overflow: hidden;
  margin: 25px;
}
@media (max-width: 767px) {
  .article-cont figure {
    width: calc(100% - 50px);
  }
}
@media (max-width: 480px) {
  .article-cont {
    padding-top: 0;
  }
}

.article-cont figure img {
  width: 100%;
  min-width: 400px;
  margin: 0 -200px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}

.article-cont aside {
  width: 66.5%;
  display: inline-block;
  vertical-align: middle;
  padding: 0 4%;
  margin: -2px;
}

.article-cont .fig-bg {
  width: 33.5%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: -2px;
}

.article-cont .fig-bg a {
  text-decoration: none;
}

.article-cont .fig-bg .fig-cont {
  width: 100%;
  height: 100%;
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 10%;
}

.article-cont .fig-bg .fig-cont h4 {
  color: #ffffff;
}

.article-cont .fig-bg .fig-cont p {
  color: #ffffff;
}

.article-cont .fig-bg:hover figure img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}

@media (max-width: 1199px) {
  .article-cont h4 {
    font-size: 17px;
  }

  .article-cont p {
    font-size: 15px;
    line-height: 23px;
  }

  .article-cont aside {
    width: 63%;
    padding: 0 3%;
  }

  .article-cont .fig-bg {
    width: 37%;
  }

  .article-cont .fig-bg .fig-cont {
    padding: 0 7%;
  }
}

@media (max-width: 767px) {
  .article-cont {
    text-align: center;
  }

  .article-cont h4 {
    font-size: 16px;
  }

  .article-cont p {
    font-size: 14px;
    line-height: 22px;
  }

  .article-cont aside {
    width: 100%;
    padding: 25px;
    margin: 0;
  }

  .article-cont .fig-bg {
    width: 100%;
    margin: 0;
  }

  .article-cont .fig-bg .fig-cont {
    padding: 25px;
  }
}

/*
 4.1) Donor Comparison - Page
----------------------------------------*/

.title-bar.teal {
  background: rgba(25, 162, 181, 0.5);
}

/* Comparison - Table */
.comparison-table {
  width: 100%;
  float: left;
  overflow: hidden;
  position: relative;
}

.comparison-table .box-scroll {
  width: 100%;
  float: left;
  position: relative;
}

.comparison-table .table-header {
  width: 100%;
  float: left;
  background: #fff;
  position: relative;
  z-index: 100;
}

.comparison-table .table-header .tcol-lrg {
  width: 33%;
  height: 226px;
  border-right: 1px solid #c2c2c2;
  padding: 95px 0 0 0;
}

.comparison-table .table-header .tcol-lrg .btn {
  height: 36px;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #9a999a;
  line-height: 32px;
  background: none;
  border: 2px solid #9a999a;
  border-radius: 3px;
  padding: 0 13px;
}

.comparison-table .table-header .tcol-lrg .btn:hover {
  color: #708396;
  border-color: #708396;
}

.comparison-table .table-header .tcol-lrg .btn.active {
  color: #efab58;
  border-color: #efab58;
}

.comparison-table .table-header .tcol-lrg .btn.active:hover {
  color: #efab58;
  border-color: #f79f33;
}

.comparison-table .table-header .tcol-sml {
  width: 16.75%;
  height: 226px;
  text-align: center;
  border-right: 1px solid #c2c2c2;
  position: relative;
  overflow: hidden;
  padding: 20px 0 0 0;
}

.comparison-table .table-header .tcol-sml .icon-close {
  width: 11px;
  height: 11px;
  float: left;
  text-indent: -99999px;
  background: url(../img/icon-close2@2x.png) no-repeat center center;
  cursor: pointer;
  position: absolute;
  top: 17px;
  right: 17px;
}

.comparison-table .table-header .tcol-sml figure {
  width: 100%;
  float: left;
  margin: 0 0 9px 0;
}

.comparison-table .table-header .tcol-sml figure .compare-photo-wrapper {
  width: 125px;
  height: 125px;
  border-radius: 125px;
  margin: 0 auto;
  overflow: hidden;
}

.comparison-table .table-header .tcol-sml figure .compare-photo-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.comparison-table
  .table-header
  .tcol-sml
  figure
  .compare-photo-wrapper.placeholder
  img {
  width: 125px;
  height: 125px;
}

.comparison-table .table-header .tcol-sml .number {
  width: 100%;
  float: left;
  font-family: "gothamexlightregular", Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #708396;
  line-height: 24px;
  padding: 0 0 4px 0;
}

.comparison-table .table-header .tcol-sml .number strong {
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
}

.comparison-table .table-header .tcol-sml .btn {
  width: 102px;
  height: 19px;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #ffffff;
  letter-spacing: 0.06em;
  line-height: 20px;
  background: #cac9c9;
  padding: 0;
}

.comparison-table .table-header .tcol-sml .btn:hover {
  background: #efab58;
}

.comparison-table .table-row {
  width: 100%;
  float: left;
}

.comparison-table .table-title {
  width: 100%;
  float: left;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ffffff;
  text-transform: uppercase;
  background: #708396;
  padding: 12px 0;
}

.comparison-table .table-cont {
  width: 100%;
  float: left;
}

.comparison-table .table-cont td {
  width: 16.75%;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #313131;
  line-height: 22px;
  border-right: 1px solid #c2c2c2;
  overflow: hidden;
  padding: 20px;
  text-align: center;
}
.comparison-table .table-cont td img {
  width: 20px;
}

.comparison-table .table-cont td .tick {
  width: 100%;
  height: 22px;
  display: inline-block;
  text-align: center;
  text-indent: -99999px;
  background: url(../img/icon-check3@2x.png) no-repeat center center;
  background-size: 20px auto;
  padding: 0;
  margin: -2px;
}

.comparison-table .table-cont td:nth-child(1) {
  width: 33%;
  font-size: 16px;
}

.comparison-table .table-cont tr.striped {
  background: #f7f7f7;
}

.comparison-table .table-cont tr:not(.rank-donors):hover {
  background: rgba(239, 171, 88, 0.15);
  box-shadow: inset #efab58 0 0 0 2px !important;
}

.comparison-table .table-cont tr.has-difference {
  background: rgba(239, 171, 88, 0.15) !important;
  box-shadow: inset #efab58 0 0 0 1px !important;
}

.comparison-table .table-cont ul.scale {
  max-width: 210px;
  margin: auto;
}

.comparison-table .table-cont ul.scale li {
  width: 20%;
  height: 21px;
  float: left;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 14.44px;
  color: #acabab;
  line-height: 22px;
  text-align: center;
  background: #efeeee;
  border-right: 1px solid #d5d4d4;
  padding: 0;
}

.comparison-table .table-cont ul.scale li.active {
  color: #ffffff;
  background: #708396;
}

.comparison-table .table-cont ul.scale li:before {
  display: none;
}

.comparison-table .table-cont ul.scale li:first-child {
  border-radius: 5px 0 0 5px;
}

.comparison-table .table-cont ul.scale li:last-child {
  border: none;
  border-radius: 0 5px 5px 0;
}

@media (min-width: 1200px) {
  .comparison-table .table-header.fixed {
    height: 150px;
    position: fixed;
    top: 66px;
    left: 0;
    overflow: hidden;
    border-bottom: 1px solid #c2c2c2;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 15px;
  }

  .comparison-table .table-header.fixed .tcol-lrg {
    height: 150px;
    padding: 0;
  }

  .comparison-table .table-header.fixed .tcol-sml {
    height: 150px;
    padding: 0;
  }

  .comparison-table .table-header.fixed .tcol-sml .icon-close {
    top: 5px;
    right: 5px;
  }

  .comparison-table
    .table-header.fixed
    .tcol-sml
    figure
    .compare-photo-wrapper {
    width: 70px;
    height: 70px;
    margin: 0 auto;
  }

  .comparison-table
    .table-header.fixed
    .tcol-sml
    figure
    .compare-photo-wrapper.placeholder
    img {
    width: 70px;
    height: 70px;
  }

  .comparison-table .table-header.fixed .tcol-sml .number {
    font-size: 16px;
    line-height: 18px;
  }
}

@media (max-width: 1199px) {
  .comparison-table {
    overflow: auto;
    overflow-y: hidden;
  }

  .comparison-table .container {
    width: 1110px;
  }

  .comparison-table .box-scroll {
    width: 1110px;
  }

  .comparison-table .table-header .tcol-lrg {
    width: 250px;
    height: 180px;
    padding-top: 72px;
  }

  .comparison-table .table-header .tcol-sml {
    width: 200px;
    height: 180px;
    padding-top: 15px;
  }

  .comparison-table .table-header .tcol-sml .icon-close {
    top: 10px;
    right: 10px;
  }

  .comparison-table .table-header .tcol-sml figure {
    width: 100%;
    float: left;
    margin: 0 0 6px 0;
  }

  .comparison-table .table-header .tcol-sml figure .compare-photo-wrapper {
    width: 95px;
    height: 95px;
    margin: 0 auto;
  }

  .comparison-table
    .table-header
    .tcol-sml
    figure
    .compare-photo-wrapper.placeholder
    img {
    width: 95px;
    height: 95px;
  }

  .comparison-table .table-header .tcol-sml .number {
    font-size: 17px;
    line-height: 20px;
    padding: 0 0 3px 0;
  }

  .comparison-table .table-header .tcol-sml .btn {
    width: 80px;
    height: 17px;
    font-size: 8px;
    line-height: 18px;
  }

  .comparison-table .table-cont table {
    width: 1050px;
  }

  .comparison-table .table-cont td {
    width: 200px;
  }

  .comparison-table .table-cont td:nth-child(1) {
    width: 250px;
  }
}

@media (max-width: 767px) {
  .comparison-table .container {
    width: 825px;
    padding: 0 10px;
  }

  .comparison-table .box-scroll {
    width: 825px;
  }

  .comparison-table .table-header .tcol-lrg {
    width: 165px;
    height: 175px;
    padding-top: 75px;
  }

  .comparison-table .table-header .tcol-lrg .btn {
    height: 28px;
    font-size: 12px;
    line-height: 24px;
    padding: 0 7px;
  }

  .comparison-table .table-header .tcol-lrg .btn:hover {
    color: #708396;
    border-color: #708396;
  }

  .comparison-table .table-header .tcol-sml {
    width: 160px;
    height: 175px;
  }

  .comparison-table .table-title {
    font-size: 12px;
    padding: 10px 0;
  }

  .comparison-table .table-cont table {
    width: 805px;
  }

  .comparison-table .table-cont td {
    width: 160px;
    font-size: 11px;
    line-height: 15px;
    padding: 15px;
  }

  .comparison-table .table-cont td .tick {
    height: 17px;
    background-size: 17px auto;
  }

  .comparison-table .table-cont td:nth-child(1) {
    width: 165px;
    font-size: 12px;
  }
}

@media print {
  body {
    -webkit-print-color-adjust: exact;
  }

  .container-main,
  .row-offcanvas {
    padding: 0;
    margin: 0;
  }

  .page-xytex-api-compare-donors .footer-main {
    display: none;
  }
  .page-xytex-api-compare-donors .header-main {
    position: relative;
    height: 60px;
  }
  .page-xytex-api-compare-donors .header-main .top-bar {
    display: none;
  }
  .page-xytex-api-compare-donors .header-main .nav-bar {
    display: none;
  }
  .page-xytex-api-compare-donors .header-main .brand {
    width: 120px;
    margin-top: 15px;
  }

  .title-bar {
    background: #a4b3c0 !important;
  }

  .title-bar .container h1 {
    color: #ffffff !important;
  }

  .title-bar .container .rl-links {
    display: none;
  }

  .comparison-table {
    overflow: hidden !important;
  }

  .comparison-table .container {
    width: 100%;
  }

  .comparison-table .box-scroll {
    width: 100%;
  }

  .comparison-table .table-header table {
    width: 101.5%;
  }

  .comparison-table .table-header .tcol-lrg {
    width: 33%;
  }

  .comparison-table .table-header .tcol-sml {
    width: 17%;
  }

  .comparison-table .table-cont table {
    width: 101.5%;
  }

  .comparison-table .table-cont td {
    width: 17%;
  }

  .comparison-table .table-cont td:nth-child(1) {
    width: 33%;
  }

  .comparison-table .table-title {
    color: #ffffff !important;
    background: #708396 !important;
  }

  .comparison-table .table-title .container {
    color: #ffffff !important;
  }
}

/* Comparison - Content */
.comparison-cont {
  width: 100%;
  float: left;
  background: #f9f9f9;
  /*border-top: 2px solid #efab58;
	border-bottom: 2px solid #efab58;*/
  padding: 50px 0;
}

.comparison-cont h3 {
  width: 100%;
  float: left;
  font-size: 24px;
  color: #efab58;
  line-height: 28px;
  letter-spacing: 0.02em;
  padding: 0 0 30px 0;
}

.comparison-cont h4 {
  width: 100%;
  float: left;
  font-size: 18px;
  color: #313131;
  line-height: 22px;
  padding: 0 0 6px 0;
}

.comparison-cont ul {
  width: 100%;
  float: left;
  padding: 0;
}

.comparison-cont ul li {
  width: 100%;
  float: left;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #313131;
  line-height: 16px;
  padding: 0 0 7px 10px;
}

.comparison-cont ul li:before {
  width: 4px;
  height: 4px;
  background: #313131;
  border-radius: 6px;
  top: 7px;
}

.comparison-cont aside {
  width: 100%;
  float: left;
  padding: 0 0 20px 0;
}

.comparison-cont aside:last-child {
  padding-bottom: 0;
}

.comparison-cont .pricing-order {
  width: 100%;
  float: left;
  padding: 0 0 10px 0;
}

.comparison-cont .pricing-order h4 {
  padding: 0 0 25px 0;
}

.comparison-cont .pricing-order p {
  width: 100%;
  float: left;
  line-height: 20px;
  padding: 0 0 10px 0;
}

.comparison-cont .pricing-order p img {
  float: left;
  width: 31px !important;
  margin-right: -31px;
}

.comparison-cont .pricing-order p span {
  width: 100%;
  float: left;
  /*padding: 0 0 0 179px;*/
  padding: 0 0 0 140px;
  line-height: 31px;
}

.comparison-cont .pricing-order p span:nth-of-type(1) {
  width: 127px;
  font-size: 20px;
  padding: 0;
  /*margin: 0 -290px 0px 46px;*/
  margin: 0 -290px 0px 0px;
}

.comparison-cont .pricing-order p span:nth-of-type(1) sup {
  font-size: 11px;
}

.comparison-cont .pricing-order p span:nth-of-type(1) em {
  font-size: 13.5px;
}

.comparison-cont .sml-txt {
  width: 100%;
  float: left;
  font-size: 10.2px;
  color: rgba(49, 49, 49, 0.75);
  line-height: 16px;
  padding: 0 10% 45px 0;
}

.comparison-cont .cta-box {
  width: 100%;
  float: left;
  background: #efab58;
  padding: 25px;
}

.comparison-cont .cta-box h2 {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 26px;
  color: #ffffff;
  padding: 0 0 3px 0;
}

.comparison-cont .cta-box p {
  color: #ffffff;
  padding: 0;
}

.comparison-cont .cta-box .modal p {
  color: #999999;
  padding: 0 0 18px 0;
}

.comparison-cont .cta-box .number {
  font-family: "gothamblackregular", Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #ffffff;
  padding: 0 0 15px 0;
}

.comparison-cont .cta-box .number a {
  font-family: "gothamblackregular", Arial, Helvetica, sans-serif;
  color: #ffffff;
  padding: 0;
}
.comparison-cont .cta-box .number .live-chat,
.comparison-cont .cta-box .number .live-chat #chat-center {
  display: inline-block;
}
.comparison-cont .cta-box .number .live-chat .offline {
  margin-left: 0;
  text-transform: lowercase;
}

.comparison-cont .cta-box .order-online {
  color: #fff;
  margin-bottom: 25px;
}
.comparison-cont .cta-box .personalized {
  font-size: 22px;
}
.comparison-cont .cta-box .online-ordering-disclaimer {
  font-size: 12px;
  line-height: 16px;
  margin-top: 20px;
  color: #fff;
}
.comparison-cont .cta-box .order-online .title {
  font-family: "gothamblackregular", Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #ffffff;
  padding: 0 0 15px 0;
}
.comparison-cont .cta-box .order-online .add-to-cart {
  color: #efab58;
}
.comparison-cont .cta-box .order-online .disclaimer {
  font-size: 12px;
  line-height: 16px;
  margin-top: 20px;
}
.comparison-cont .article {
  width: 100%;
  max-width: 575px;
  float: left;
}

@media (max-width: 1199px) {
  .comparison-cont {
    padding: 50px 0 5px 0;
  }

  .comparison-cont .sml-txt {
    padding: 5px 10% 30px 0;
  }

  .comparison-cont .article {
    padding-bottom: 45px;
  }
}

@media (max-width: 767px) {
  .comparison-cont {
    padding: 30px 0 0 0;
  }

  .comparison-cont h3 {
    font-size: 20px;
    line-height: 24px;
    padding: 0 0 17px 0;
  }

  .comparison-cont h4 {
    font-size: 16px;
    line-height: 24px;
    padding: 0 0 3px 0;
  }

  .comparison-cont ul li {
    font-size: 14px;
    line-height: 20px;
  }

  .comparison-cont ul li:before {
    top: 8px;
  }

  .comparison-cont .pricing-order h4 {
    padding: 0 0 20px 0;
  }

  .comparison-cont .pricing-order p {
    font-size: 13px;
    line-height: 17px;
    padding: 0 0 10px 0;
  }

  .comparison-cont .pricing-order p span {
    padding: 0 0 0 108px;
  }

  .comparison-cont .pricing-order p span:nth-child(1) {
    width: 108px;
    font-size: 16px;
    padding: 0;
  }

  .comparison-cont .pricing-order p span:nth-child(1) sup {
    font-size: 10px;
  }

  .comparison-cont .pricing-order p span:nth-child(1) em {
    font-size: 11px;
  }

  .comparison-cont .sml-txt {
    font-size: 11px;
    padding: 0 0 20px 0;
  }

  .comparison-cont .cta-box {
    padding: 20px;
    margin-bottom: 10px;
  }

  .comparison-cont .cta-box h2 {
    font-size: 20px;
  }

  .comparison-cont .cta-box p {
    line-height: 18px;
  }

  .comparison-cont .cta-box .number {
    font-size: 20px;
    padding-bottom: 10px;
  }

  .comparison-cont .article {
    padding-bottom: 30px;
  }
}

/*
 4.1) Donor Profile - Page
----------------------------------------*/

.title-bar.fixed {
  position: fixed;
  top: 65px;
  left: 0;
  z-index: 100;
}

.title-bar.sticky {
  height: 80px;
  overflow: hidden;
}

.title-bar.sticky .icon-bg {
  background: url(../img/icon-like2@2x.png) no-repeat left center;
  padding-left: 37px;
}

.title-bar.sticky .rl-links2 {
  width: 200px;
  float: none;
  display: inline-block;
  vertical-align: middle;
  padding: 11px 0;
}

.title-bar.sticky .rl-links2 a {
  width: 100%;
  float: left;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
  line-height: 15px;
  text-transform: uppercase;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 7px 0;
}
.title-bar.sticky .rl-links2 #save-to-favorites i {
  margin-right: 4px;
  font-size: 16px;
  position: relative;
  line-height: 15px;
  vertical-align: middle;
}

.title-bar.sticky .rl-links2 a.save-f {
  background-image: url(../img/icon-like3@2x.png);
  background-size: 20px auto;
}

.title-bar.sticky .rl-links2 a.add-c {
  background-image: url(../img/icon-plus@2x.png);
  background-size: 21px auto;
}

@media (max-width: 1199px) {
  .title-bar.fixed {
    top: 81px;
  }
}

@media (max-width: 1023px) {
  .title-bar.sticky {
    height: 84px;
    padding-bottom: 33px;
  }
}
@media (max-width: 849px) {
  .title-bar.sticky {
    height: 109px;
  }
}
@media (max-width: 767px) {
  .title-bar.fixed {
    top: 30px;
  }

  .title-bar.sticky {
    height: 72px;
    display: table;
    vertical-align: middle;
    padding-bottom: 0;
  }

  .title-bar.sticky .icon-bg {
    height: 48px;
    display: table-cell;
    vertical-align: middle;
    background-size: 22px auto;
    padding: 1px 0 0 29px;
  }

  .title-bar.sticky .rl-links2 a {
    height: 24px;
    font-size: 10px;
    line-height: 24px;
    padding: 0 0 0 22px;
    margin: 0 13px 0 0;
  }

  .title-bar.sticky .rl-links2 a:last-child {
    margin-right: 0;
  }

  .title-bar.sticky .rl-links2 a.save-f {
    background-size: 15px auto;
  }

  .title-bar.sticky .rl-links2 a.add-c {
    background-size: 16px auto;
  }
}

/* Donor Profile */
.donor-profile {
  width: 100%;
  float: left;
  position: relative;
  z-index: 10;
  padding: 55px 0 70px 0;
}

.donor-profile.short {
  padding-top: 0;
  padding-bottom: 0;
}

.donor-profile h2 {
  width: 100%;
  float: left;
  padding: 0 0 5px 0;
}

.donor-profile h2 img {
  width: 33px;
  margin-left: 5px;
}

.donor-profile .left-cl {
  width: 50%;
  float: left;
  padding: 0 23px 0 0;
}

.donor-profile .right-cl {
  width: 50%;
  float: right;
  padding: 0 0 0 23px;
}

.donor-profile .photos {
  width: 100%;
  float: left;
  margin: 0 0 20px 0;
}

.donor-profile .photos figure {
  width: 50%;
  float: left;
  margin: 0 10px 0 -10px;
  padding: 0;
  height: 380px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

@media (max-width: 700px) {
  .donor-profile .photos figure {
    height: 315px;
  }
}
@media (max-width: 600px) {
  .donor-profile .photos figure {
    height: 280px;
  }
}
@media (max-width: 500px) {
  .donor-profile .photos figure {
    height: 270px;
  }
}
@media (max-width: 470px) {
  .donor-profile .photos figure {
    height: 260px;
  }
}
@media (max-width: 440px) {
  .donor-profile .photos figure {
    height: 230px;
  }
}
@media (max-width: 400px) {
  .donor-profile .photos figure {
    height: 210px;
  }
}
@media (max-width: 350px) {
  .donor-profile .photos figure {
    height: 180px;
  }
}

.donor-profile .photos figure img {
  width: 100%;
}

.donor-profile .photos figure:nth-child(even),
.donor-profile .photos a:nth-child(even) figure {
  margin: 0 -10px 0 10px;
}

.donor-profile .aside-cont {
  width: 100%;
  float: left;
  padding: 0 0 55px 0;
}

.donor-profile .aside-cont h4 {
  width: 100%;
  float: left;
  color: #19a2b5;
  background: url(../img/icon-photo-group@2x.png) no-repeat left center;
  background-size: 30px auto;
  padding: 0 0 0 39px;
  margin: 0 0 20px 0;
}
.donor-profile .aside-cont .vdp-desc {
  font-size: 14px;
  color: #313131;
  line-height: 26px;
}
.donor-profile .aside-cont .vdp-desc h4 {
  display: inline-block;
  width: auto !important;
  float: none;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #19a2b5;
  line-height: 26px;
  letter-spacing: 0.01em;
  background: none;
  padding: 0;
  text-decoration: underline;
}

.donor-profile .aside-cont h4 a {
  color: #19a2b5;
}

.donor-profile .aside-cont p {
  font-size: 14px;
  color: #313131;
  line-height: 26px;
  padding: 0;
}

.donor-profile .aside-cont p a {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #19a2b5;
  text-decoration: underline;
}

.donor-profile .aside-cont ul {
  padding: 0 0 25px 0;
}

.donor-profile .aside-cont ul li {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #313131;
  line-height: 26px;
  padding: 0 0 0 10px;
}

.donor-profile .aside-cont ul li:before {
  width: 4px;
  height: 4px;
  background: #19a2b5;
  border-radius: 6px;
  top: 11px;
}

.donor-profile .aside-cont .donor-desc {
  margin: 15px 0px 25px 0px;
}
.donor-profile .aside-cont .donor-desc h4 {
  background-image: url(../img/icon-user-male.png);
}
.donor-profile .aside-cont .donor-desc .description {
  font-size: 14px;
  color: #313131;
  line-height: 26px;
}

.donor-profile .box-txt {
  width: 100%;
  float: left;
  border: 1px solid #d2d0ce;
  padding: 25px;
  margin: 0 0 35px 0;
}

.donor-profile .box-txt p {
  font-size: 12px;
  color: rgba(49, 49, 49, 0.75);
  line-height: 26px;
  padding: 0;
}

.donor-profile .cta-box {
  width: 100%;
  float: left;
  background: #efab58;
  box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 0 2px;
  position: relative;
  padding: 35px 60px 35px 40px;
}

.donor-profile .cta-box:not(.donor-advisory):after {
  content: "";
  width: 17px;
  height: 17px;
  float: right;
  /* background: url(../img/arrow-right@2x.png) no-repeat; */
  background-size: 17px auto;
  position: absolute;
  top: 50%;
  right: 18px;
  margin: -10px 0 0 0;
}

.donor-profile .cta-box p {
  color: #ffffff;
  padding: 0;
}

.donor-profile .donor-advisory p {
  margin-bottom: 20px;
}

.donor-profile .cta-box p a {
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: underline;
}

.donor-profile .bio-info {
  width: 100%;
  float: left;
  border-bottom: 1px solid #e3e3e3;
  padding: 0 0 22px 0;
  margin: 0 0 22px 0;
}

.donor-profile .bio-info p {
  width: 100%;
  float: left;
  font-size: 15px;
  color: #6d6d6d;
  line-height: 20px;
  padding: 0 0 8px 0;
}

.donor-profile .bio-info p strong {
  width: 50%;
  float: left;
  padding-right: 10px;
}

.donor-profile .bio-info p span {
  width: 50%;
  float: left;
}

.donor-profile .bio-info p em {
  font-size: 12px;
  color: #b4b4b4;
}

.donor-profile .bio-info ul {
  width: 100%;
  float: left;
  padding: 0;
}

.donor-profile .bio-info ul li {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #6d6d6d;
  line-height: 19px;
  text-transform: uppercase;
  padding: 3px 15px 3px 25px;
  margin-bottom: 3px;
}

.donor-profile .bio-info ul li span {
  display: inline-block;
}

.donor-profile .bio-info ul li .btn-teal {
  padding: 4px;
  margin: -5px 0 0 5px;
}

.donor-profile .bio-info ul li:before {
  width: 20px;
  height: 20px;
  background: url(../img/icon-close3@2x.png) no-repeat;
  background-size: 20px auto;
  top: 50%;
  margin: -11px 0 0 0;
}

.donor-profile .bio-info ul li.completed:before {
  background: url(../img/icon-check4@2x.png) no-repeat;
  background-size: 20px auto;
}

.donor-profile .bio-info aside {
  width: 100%;
  float: left;
}

.donor-profile .bio-info .extra-list {
  width: 100%;
  float: left;
  padding: 17px 0 0 0;
}

.donor-profile .bio-info .extra-list ul {
  width: 50%;
}

.donor-profile .bio-info .extra-list aside {
  width: 50%;
}

.donor-profile .bio-info .extra-list aside ul {
  width: 100%;
}

.donor-profile .bio-info .extra-list aside p strong {
  width: auto;
  float: none;
  padding: 0 5px 0 0;
}

.donor-profile .bio-info .pdf-profile-link {
  margin: 20px 10px 0px 0px;
}
.donor-profile .bio-info .add-to-cart {
  margin-top: 20px;
}

.donor-profile .additional-list {
  width: 100%;
  float: left;
}

.donor-profile .additional-list h4 {
  width: 100%;
  float: left;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #505050;
  text-transform: uppercase;
  padding: 0 0 5px 0;
}

.donor-profile .additional-list ul {
  width: 100%;
  float: left;
  padding: 0;
}

.donor-profile .additional-list ul li {
  width: 100%;
  float: left;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #979797;
  line-height: 18px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  border-bottom: 1px solid #f4f4f4;
  padding: 0;
}

.donor-profile .additional-list ul li:before {
  display: none;
}

.donor-profile .additional-list ul li:last-child {
  border: none;
}

.donor-profile .additional-list ul li a {
  width: 100%;
  float: left;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #979797;
  text-decoration: none;
  position: relative;
  padding: 11px 0 11px 45px;
}

.donor-profile .additional-list ul li a:before {
  content: "";
  width: 40px;
  height: 100%;
  float: left;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
}

.donor-profile .additional-list ul li a:after {
  content: "";
  width: 0;
  height: 0;
  float: left;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
}

.donor-profile .additional-list ul li:hover a {
  color: #708396;
}

.donor-profile .additional-list ul li.tpa a:before {
  background-image: url(../img/icon-donor-physical-gray.png);
  background-size: 23px auto;
}

.donor-profile .additional-list ul li.tpa a:hover:before {
  background-image: url(../img/icon-donor-physical-navy.png);
  background-size: 23px auto;
}

.donor-profile .additional-list ul li.tmftd a:before {
  background-image: url(../img/icon-donor-message-gray.png);
  background-size: 23px auto;
}

.donor-profile .additional-list ul li.tmftd a:hover:before {
  background-image: url(../img/icon-donor-message-navy.png);
  background-size: 23px auto;
}

.donor-profile .additional-list ul li.tgt a:before {
  background-image: url(../img/icon-donor-genetictesting-gray.png);
  background-size: 26px auto;
}

.donor-profile .additional-list ul li.tgt a:hover:before {
  background-image: url(../img/icon-donor-genetictesting-navy.png);
  background-size: 26px auto;
}

.donor-profile .additional-list ul li.thi a:before {
  background-image: url(../img/icon-donor-health-gray.png);
  background-size: 25px auto;
}

.donor-profile .additional-list ul li.thi a:hover:before {
  background-image: url(../img/icon-donor-health-navy.png);
  background-size: 25px auto;
}

.donor-profile .additional-list ul li.tpia a:before {
  background-image: url(../img/icon-donor-personality-gray.png);
  background-size: 21px auto;
}

.donor-profile .additional-list ul li.tpia a:hover:before {
  background-image: url(../img/icon-donor-personality-navy.png);
  background-size: 21px auto;
}

.donor-profile .additional-list ul li.tkpa a:before {
  background-image: url(../img/icon-donor-keirsey-gray.png);
  background-size: 23px auto;
}

.donor-profile .additional-list ul li.tkpa a:hover:before {
  background-image: url(../img/icon-donor-keirsey-navy.png);
  background-size: 23px auto;
}

.donor-profile .additional-list ul li.tbe a:before {
  background-image: url(../img/icon-donor-education-gray.png);
  background-size: 25px auto;
}

.donor-profile .additional-list ul li.tbe a:hover:before {
  background-image: url(../img/icon-donor-education-navy.png);
  background-size: 25px auto;
}

.donor-profile .additional-list ul li.thd a:before {
  background-image: url(../img/icon-donor-diseases-gray.png);
  background-size: 15px auto;
}

.donor-profile .additional-list ul li.thd a:hover:before {
  background-image: url(../img/icon-donor-diseases-navy.png);
  background-size: 15px auto;
}

.donor-profile .additional-list ul li.tifmh a:before {
  background-image: url(../img/icon-donor-familyhistory-gray.png);
  background-size: 24px auto;
}

.donor-profile .additional-list ul li.tifmh a:hover:before {
  background-image: url(../img/icon-donor-familyhistory-navy.png);
  background-size: 24px auto;
}

.donor-profile .additional-list ul li.tpfmh a:before {
  background-image: url(../img/icon-donor-paternal-gray.png);
  background-size: 23px auto;
}

.donor-profile .additional-list ul li.tpfmh a:hover:before {
  background-image: url(../img/icon-donor-paternal-navy.png);
  background-size: 23px auto;
}

.donor-profile .additional-list ul li.tmfmh a:before {
  background-image: url(../img/icon-donor-maternal-gray.png);
  background-size: 19px auto;
}

.donor-profile .additional-list ul li.tmfmh a:hover:before {
  background-image: url(../img/icon-donor-maternal-navy.png);
  background-size: 19px auto;
}

.donor-profile .additional-list ul li.tpo a:before {
  background-image: url(../img/icon-donor-purchase-gray.png);
  background-size: 23px auto;
}

.donor-profile .additional-list ul li.tpo a:hover:before {
  background-image: url(../img/icon-donor-purchase-blue.png);
  background-size: 23px auto;
}

/* preloading starts */

.donor-profile .additional-list ul li.tpa a:after {
  background-image: url(../img/icon-donor-physical-navy.png);
  background-size: 0 auto;
}

.donor-profile .additional-list ul li.tmftd a:after {
  background-image: url(../img/icon-donor-message-navy.png);
  background-size: 0 auto;
}

.donor-profile .additional-list ul li.tgt a:after {
  background-image: url(../img/icon-donor-genetictesting-navy.png);
  background-size: 0 auto;
}

.donor-profile .additional-list ul li.thi a:after {
  background-image: url(../img/icon-donor-health-navy.png);
  background-size: 0 auto;
}

.donor-profile .additional-list ul li.tpia a:after {
  background-image: url(../img/icon-donor-personality-navy.png);
  background-size: 0 auto;
}

.donor-profile .additional-list ul li.tkpa a:after {
  background-image: url(../img/icon-donor-keirsey-navy.png);
  background-size: 0 auto;
}

.donor-profile .additional-list ul li.tbe a:after {
  background-image: url(../img/icon-donor-education-navy.png);
  background-size: 0 auto;
}

.donor-profile .additional-list ul li.thd a:after {
  background-image: url(../img/icon-donor-diseases-navy.png);
  background-size: 0 auto;
}

.donor-profile .additional-list ul li.tifmh a:after {
  background-image: url(../img/icon-donor-familyhistory-navy.png);
  background-size: 0 auto;
}

.donor-profile .additional-list ul li.tpfmh a:after {
  background-image: url(../img/icon-donor-paternal-navy.png);
  background-size: 0 auto;
}

.donor-profile .additional-list ul li.tmfmh a:after {
  background-image: url(../img/icon-donor-maternal-navy.png);
  background-size: 0 auto;
}

.donor-profile .additional-list ul li.tpo a:after {
  background-image: url(../img/icon-donor-purchase-blue.png);
  background-size: 0 auto;
}

/* preloading ends */

@media (max-width: 1099px) {
  .donor-profile {
    padding: 30px 0 50px 0;
  }

  .donor-profile h2 {
    padding: 0 0 5px 0;
  }

  .donor-profile .left-cl {
    width: 100%;
    max-width: 595px;
    padding: 0 0 30px 0;
  }

  .donor-profile .right-cl {
    width: 100%;
    max-width: 595px;
    float: left;
    padding: 0;
  }

  .donor-profile .aside-cont {
    padding: 0 0 25px 0;
  }

  .donor-profile .aside-cont ul {
    padding: 0 0 20px 0;
  }
}

@media (max-width: 767px) {
  .donor-profile {
    padding: 15px 0 25px 0;
  }

  .donor-profile .container {
    padding: 0;
  }

  .donor-profile h2 {
    padding: 0 10px 10px 10px;
  }

  .donor-profile .left-cl {
    max-width: 100%;
    width: 100%;
    padding: 0 10px 30px 10px;
  }

  .donor-profile .right-cl {
    max-width: 100%;
    width: 100%;
    padding: 0;
  }

  .donor-profile .photos figure {
    padding: 0 5px 0 0;
  }

  .donor-profile .photos figure:nth-child(even) {
    padding: 0 0 0 5px;
  }

  .donor-profile .aside-cont {
    padding: 0 0 25px 0;
  }

  .donor-profile .aside-cont h4 {
    font-size: 20px;
    background-size: 26px auto;
    padding: 3px 0 3px 34px;
    margin: 0 0 16px 0;
  }

  .donor-profile .aside-cont p {
    font-size: 12px;
    line-height: 22px;
  }

  .donor-profile .aside-cont ul {
    padding: 0 0 20px 0;
  }

  .donor-profile .aside-cont ul li {
    font-size: 12px;
    line-height: 22px;
    padding: 0 0 0 10px;
  }

  .donor-profile .aside-cont ul li:before {
    top: 8px;
  }

  .donor-profile .box-txt {
    padding: 12px 15px;
    margin: 0 0 30px 0;
  }

  .donor-profile .box-txt p {
    font-size: 10px;
    line-height: 22px;
  }

  .donor-profile .cta-box {
    padding: 20px 40px 20px 20px;
  }

  .donor-profile .cta-box:after {
    right: 15px;
  }

  .donor-profile .bio-info {
    padding: 0 10px 22px 10px;
    margin: 0 0 22px 0;
  }

  .donor-profile .bio-info p {
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 6px;
  }

  .donor-profile .bio-info p strong {
    width: 50%;
  }

  .donor-profile .bio-info p span {
    width: 50%;
  }

  .donor-profile .bio-info p em {
    font-size: 10px;
  }

  .donor-profile .bio-info ul li {
    font-size: 12px;
    line-height: 17px;
    padding: 3px 15px 3px 25px;
  }

  .donor-profile .bio-info ul li:before {
    width: 20px;
    height: 20px;
    background-size: 17px auto;
    margin: -9px 0 0 0;
  }

  .donor-profile .bio-info ul li.completed:before {
    background-size: 17px auto;
  }

  .donor-profile .bio-info .extra-list ul {
    width: 50%;
  }

  .donor-profile .bio-info .extra-list aside {
    width: 50%;
  }

  .donor-profile .bio-info .extra-list aside p {
    line-height: 14px;
    padding: 0 0 15px 0;
  }

  .donor-profile .additional-list h4 {
    padding: 0 10px 15px 10px;
  }

  .donor-profile .additional-list ul li a {
    padding: 11px 10px 11px 40px;
  }

  .donor-profile .additional-list ul li a:before {
    width: 25px;
    left: 7px;
  }

  .donor-profile .additional-list ul li.tpa a:before {
    background-size: 20px auto;
  }

  .donor-profile .additional-list ul li.tpa a:hover:before {
    background-size: 20px auto;
  }

  .donor-profile .additional-list ul li.tmftd a:before {
    background-size: 20px auto;
  }

  .donor-profile .additional-list ul li.tmftd a:hover:before {
    background-size: 20px auto;
  }

  .donor-profile .additional-list ul li.tgt a:before {
    background-size: 21px auto;
  }

  .donor-profile .additional-list ul li.tgt a:hover:before {
    background-size: 21px auto;
  }

  .donor-profile .additional-list ul li.thi a:before {
    background-size: 21px auto;
  }

  .donor-profile .additional-list ul li.thi a:hover:before {
    background-size: 21px auto;
  }

  .donor-profile .additional-list ul li.tpia a:before {
    background-size: 18px auto;
  }

  .donor-profile .additional-list ul li.tpia a:hover:before {
    background-size: 18px auto;
  }

  .donor-profile .additional-list ul li.tkpa a:before {
    background-size: 20px auto;
  }

  .donor-profile .additional-list ul li.tkpa a:hover:before {
    background-size: 20px auto;
  }

  .donor-profile .additional-list ul li.tbe a:before {
    background-size: 21px auto;
  }

  .donor-profile .additional-list ul li.tbe a:hover:before {
    background-size: 21px auto;
  }

  .donor-profile .additional-list ul li.thd a:before {
    background-size: 14px auto;
  }

  .donor-profile .additional-list ul li.thd a:hover:before {
    background-size: 14px auto;
  }

  .donor-profile .additional-list ul li.tifmh a:before {
    background-size: 21px auto;
  }

  .donor-profile .additional-list ul li.tifmh a:hover:before {
    background-size: 21px auto;
  }

  .donor-profile .additional-list ul li.tpfmh a:before {
    background-size: 16px auto;
  }

  .donor-profile .additional-list ul li.tpfmh a:hover:before {
    background-size: 16px auto;
  }

  .donor-profile .additional-list ul li.tmfmh a:before {
    background-size: 20px auto;
  }

  .donor-profile .additional-list ul li.tmfmh a:hover:before {
    background-size: 20px auto;
  }
  .donor-profile .additional-list ul li.tpo a:before {
    background-size: 20px auto;
  }

  .donor-profile .additional-list ul li.tpo a:hover:before {
    background-size: 20px auto;
  }
}

@media (max-width: 429px) {
  .donor-profile .bio-info p strong {
    width: 65%;
  }

  .donor-profile .bio-info p span {
    width: 35%;
  }

  .donor-profile .bio-info .extra-list ul {
    width: 65%;
  }

  .donor-profile .bio-info .extra-list aside {
    width: 35%;
  }

  .donor-profile .bio-info .extra-list aside p strong {
    width: 100%;
    display: inline-block;
  }
}

.gth_count {
  font-size: 20px;
  text-align: center;
  margin: 20px 0px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  color: #19a2b5;
}
@media (max-width: 767px) {
  .gth_count {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .gth_count {
    font-size: 14px;
  }
}

/* Accordations */
.cont-accord {
  width: 100%;
  float: left;
}

.cont-accord p:last-child {
  padding: 0;
}

.cont-accord aside {
  width: 100%;
  float: left;
  padding: 0 0 30px 0;
}

.cont-accord aside p {
  padding: 0 0 5px 0;
}

.cont-accord aside:last-child {
  padding: 0;
}

.cont-accord .statics-info {
  width: 100%;
  float: left;
  padding: 0 0 60px 0;
}

.cont-accord .statics-info p {
  float: left;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #708396;
  line-height: 16px;
  letter-spacing: 0.01em;
  white-space: nowrap;
  overflow: hidden;
  padding: 3px 0 0 0;
}

.cont-accord .statics-info p.txt-left {
  width: 100px;
  text-align: right;
  margin: 0 -100px 0 0;
}

.cont-accord .statics-info p.txt-right {
  width: 190px;
  margin: 0 0 0 -190px;
}

.cont-accord .statics-info ul {
  width: 100%;
  float: left;
  padding: 0 196px 0 106px;
}

.cont-accord .statics-info ul li {
  width: 20%;
  height: 21px;
  float: left;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 14.44px;
  color: #acabab;
  line-height: 22px;
  text-align: center;
  background: #efeeee;
  border-right: 1px solid #d5d4d4;
  padding: 0;
}

.cont-accord .statics-info ul li.active {
  color: #ffffff;
  background: #708396;
}

.cont-accord .statics-info ul li:before {
  display: none;
}

.cont-accord .statics-info ul li:first-child {
  border-radius: 5px 0 0 5px;
}

.cont-accord .statics-info ul li:last-child {
  border: none;
  border-radius: 0 5px 5px 0;
}

.cont-accord .statics-info .txt-row {
  width: 100%;
  float: left;
  border-bottom: 1px solid #f4f4f4;
  padding: 0 0 7px 0;
  margin: 0 0 7px 0;
}

.cont-accord .statics-info .txt-row:last-child {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.cont-accord .bio-info {
  width: 100%;
  float: left;
}

.cont-accord .bio-info p {
  width: 100%;
  float: left;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #6d6d6d;
  line-height: 20px;
  padding: 0 0 11px 0;
}

.cont-accord .bio-info p:last-child {
  padding-bottom: 0;
}

.cont-accord .bio-info p strong {
  width: 52%;
  float: left;
  padding-right: 10px;
}

.cont-accord .bio-info p span {
  width: 48%;
  float: left;
}

.cont-accord .bio-info p em {
  font-size: 12px;
  color: #b4b4b4;
}

.cont-accord .accord-list {
  margin: 0;
}

@media (max-width: 1023px) {
  .cont-accord .accord-list {
    margin: -165px 0 0 0;
  }

  .cont-accord .statics-info {
    padding: 10px 0 50px 0;
  }
}

@media (max-width: 767px) {
  .cont-accord aside {
    padding: 0 0 25px 0;
  }

  .cont-accord .statics-info {
    max-width: 360px;
    padding: 5px 0 32px 0;
  }

  .cont-accord .statics-info p {
    font-size: 9px;
    line-height: 14px;
    letter-spacing: -0.02em;
    padding: 2px 0 0 0;
  }

  .cont-accord .statics-info p.txt-left {
    width: 60px;
  }

  .cont-accord .statics-info p.txt-right {
    width: 120px;
    margin-left: -120px;
  }

  .cont-accord .statics-info ul {
    padding: 0 126px 0 66px;
  }

  .cont-accord .statics-info ul li {
    width: 20%;
    height: 15px;
    font-size: 9px;
    line-height: 16px;
  }

  .cont-accord .statics-info .txt-row {
    width: 100%;
    float: left;
    border-bottom: 1px solid #f4f4f4;
    padding: 0 0 7px 0;
    margin: 0 0 7px 0;
  }

  .cont-accord .statics-info .txt-row:last-child {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .cont-accord .bio-info p {
    font-size: 12px;
    line-height: 16px;
    padding: 0 0 11px 0;
  }

  .cont-accord .bio-info p strong {
    width: 50%;
  }

  .cont-accord .bio-info p span {
    width: 50%;
  }

  .cont-accord .bio-info p em {
    font-size: 10px;
  }

  .cont-accord .accord-list {
    margin: -102px 0 0 0;
  }
}

/* Accordation - Left - Column */
.cont-accord .left-cl {
  width: 54%;
  float: left;
}

@media (max-width: 1199px) {
  .cont-accord .left-cl {
    width: 100%;
    max-width: 640px;
    padding: 0 0 40px 0;
  }
}

@media (max-width: 767px) {
  .cont-accord .left-cl {
    max-width: 100%;
    width: 100%;
    padding: 0 0 25px 0;
  }
}

/* Accordation - Right - Column */
.cont-accord .right-cl {
  width: 41%;
  float: right;
}

@media (max-width: 1199px) {
  .cont-accord .right-cl {
    width: 100%;
    max-width: 495px;
    float: left;
  }
}

@media (max-width: 767px) {
  .cont-accord .right-cl {
    max-width: 100%;
    width: 100%;
  }
}

/* Compare - Sticky */
.compare-sticky {
  width: 100%;
  float: left;
  background: rgba(0, 0, 0, 0.78);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  padding: 40px 0;
}

.compare-sticky .article {
  width: 220px;
  height: 123px;
  float: left;
  background: #f5f4f3;
  position: relative;
  overflow: hidden;
  margin: 0 16px 16px 0;
}

.compare-sticky .article figure {
  width: 123px;
  height: 123px;
  float: left;
  text-align: center;
  overflow: hidden;
  margin: 0;
}

.compare-sticky .article figure img {
  width: 123px;
  height: 123px;
}

.compare-sticky .article aside {
  width: 100%;
  height: 100%;
  float: left;
  font-family: "gothamexlightregular", Arial, Helvetica, sans-serif;
  font-size: 17px;
  color: #000000;
  line-height: 1.3em;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 0 123px;
}

.compare-sticky .article aside strong {
  font-size: 21.85px;
}

.compare-sticky .article .icon-close {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1em;
  position: absolute;
  top: 6px;
  right: 6px;
  cursor: pointer;
  z-index: 10;
}

.compare-sticky .article-bg {
  width: 100%;
  float: none;
  display: inline-block;
  vertical-align: middle;
  padding: 0 218px 0 0;
  margin: 0 -218px -16px 0;
}

.compare-sticky .btn-out {
  width: 218px;
  float: none;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 0 -218px 0 0;
}

.compare-sticky .btn-out .btn {
  width: 160px;
  height: 42px;
  font-size: 20.33px;
  line-height: 42px;
  padding: 0;
  margin: 8px 0;
}

.compare-sticky .btn-out .clear-all {
  font-family: "gothambookitalic", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #9e9c9b;
  padding: 8px 0;
}

.compare-sticky .btn-out .clear-all a {
  font-family: "gothambookitalic", Arial, Helvetica, sans-serif;
  color: #9e9c9b;
}

@media (max-width: 1199px) {
  .compare-sticky {
    display: none;
  }
}

/*
 4.1) My Account Donor - Pages
----------------------------------------*/

.account-info {
  width: 100%;
  float: left;
  position: relative;
  padding: 45px 0;
}

.sd-title {
  width: 45%;
  float: left;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #708396;
  line-height: 28px;
  letter-spacing: 0.02em;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e5e6;
  padding: 0 0 20px 0;
  margin: 0 0 35px 0;
}

@media (max-width: 1199px) {
  .sd-title {
    width: 100%;
    font-size: 20px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .account-info {
    padding: 23px 0 27px 0;
  }

  .sd-title {
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 13px 0;
    margin: 0 0 25px 0;
  }
}

/* Profile - Information */
.profile-info {
  width: 45%;
  float: left;
}

.profile-info figure {
  width: 190px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 -200px 0 0;
  position: relative;
}

.profile-info figure img.default-img {
  width: 190px;
  height: 190px;
  border-radius: 200px;
}

.profile-info aside {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 235px;
}

.profile-info aside h3 {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  color: #708396;
  padding: 0 0 11px 0;
}

.profile-info aside h3:last-child {
  padding-bottom: 0;
}

.profile-info aside p {
  color: #999999;
  padding: 0;
}

.profile-info aside p:last-child {
  padding-bottom: 0;
}

.profile-info aside p a {
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  color: #4e4e4e;
}

.profile-info aside p a:hover {
  color: #708396;
}

.profile-info aside p strong {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
}

.profile-info aside .status {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #999999;
  line-height: 18px;
  text-transform: uppercase;
  padding: 0 0 25px 0;
}

.profile-info aside .status:last-child {
  padding-bottom: 0;
}

.profile-info aside .status strong {
  color: #262729;
}

.profile-info aside .sml-txt {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #999999;
  line-height: 18px;
  text-transform: uppercase;
  padding: 0;
  margin-bottom: 28px;
}

.profile-info aside .sml-txt:last-child {
  padding-bottom: 0;
}

.profile-info aside .sml-txt span {
  color: #262729;
}

.profile-info aside .btn {
  font-size: 14px;
  padding-top: 11px;
  padding-bottom: 10px;
  margin: 0 7px 0 0;
}

@media (max-width: 1199px) {
  .profile-info {
    width: 80%;
    margin: 0;
  }

  .profile-info aside h3 {
    font-size: 26px;
    line-height: 30px;
  }

  .profile-info aside p {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .profile-info {
    width: 100%;
    text-align: center;
    margin: 0 0 25px 0;
  }

  .profile-info:last-child {
    margin-bottom: 0;
  }

  .profile-info figure {
    margin: 0 0 18px 0;
  }

  .profile-info aside {
    padding: 0;
  }

  .profile-info aside h3 {
    font-size: 20px;
    line-height: 24px;
    padding: 0 0 9px 0;
  }

  .profile-info aside p {
    font-size: 12px;
    line-height: 16px;
  }

  .profile-info aside .status {
    font-size: 14px;
    line-height: 16px;
    padding: 0 0 18px 0;
  }

  .profile-info aside .sml-txt {
    font-size: 12px;
    line-height: 16px;
    padding: 0 0 20px 0;
  }

  .profile-info aside .btn {
    margin: 2px 4px;
  }
}

/* Upload - Modal */
.modal-content1 {
  max-width: 450px;
}

.modal-content1 .upload-cont {
  width: 100%;
  text-align: center;
  display: inline-block;
  padding: 0;
}

.modal-content1 .upload-cont h4 {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #262729;
  line-height: 20px;
  padding: 0 0 10px 0;
}

.modal-content1 .upload-cont p {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #999999;
  line-height: 20px;
  padding: 0 0 15px 0;
}

.modal-content1 .upload-cont .icon-bg {
  width: 100%;
  float: left;
  margin: 0 0 20px 0;
}

.modal-content1 .upload-cont .icon-bg img {
  max-width: 82px;
}

.modal-content1 .upload-cont .btn {
  font-size: 14px;
  padding-top: 11px;
  padding-bottom: 10px;
}

/* Alert - Notification */
.alert-notify {
  width: 45%;
  float: right;
  background: #f8f9fb;
  border: 1px solid #cad1d9;
  margin: -93px 0 0 0;
}

.alert-notify .title-txt {
  width: 100%;
  height: 55px;
  float: left;
  line-height: 55px;
  background: #cad1d9;
  padding: 0 25px;
}

.alert-notify .title-txt h3 {
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0.02em;
  display: inline-table;
  vertical-align: middle;
  padding: 0 4px 0 0;
}

.alert-notify .title-txt .count {
  width: 17px;
  height: 17px;
  display: inline-table;
  vertical-align: middle;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
  line-height: 17px;
  text-align: center;
  background: #ff5122;
  border: 1px solid #ffffff;
  border-radius: 22px;
  padding: 0;
}

.alert-notify ul {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
}

.alert-notify ul li {
  width: 100%;
  float: left;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #55565a;
  line-height: normal;
  border-bottom: 1px solid #e5e5e3;
  padding: 0;
  margin: 0;
}

.alert-notify ul li:before {
  display: none;
}

.alert-notify ul li .pop-link {
  width: 100%;
  float: left;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #55565a;
  line-height: 50px;
}

.alert-notify ul li .date {
  width: 80px;
  float: left;
  font-size: 14px;
  padding-left: 5px;
  margin: 0 -80px 0 0;
}

.alert-notify ul li .title {
  width: 420px;
  height: 50px;
  float: left;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 0 0 85px;
}

.alert-notify ul li .icon-close {
  width: 10px;
  height: 50px;
  float: left;
  text-indent: -99999px;
  background: url(../img/icon-close5@2x.png) no-repeat center center;
  background-size: 10px auto;
  position: absolute;
  top: 0;
  right: 5px;
  display: none;
}

.alert-notify ul li:hover .title {
  text-decoration: underline;
}

.alert-notify ul li.read .title {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
}

.alert-notify ul li.read .icon-close {
  display: block;
}

.alert-notify aside {
  width: 100%;
  display: inline-block;
  padding: 0;
}

.alert-notify aside h3 {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #55565a;
  line-height: 22px;
  border-bottom: 1px solid #e5e5e3;
  padding: 0 10px 20px 10px;
  margin: 0 0 12px 0;
}

.alert-notify aside p {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #999999;
  line-height: 24px;
  padding: 0 10px 17px 10px;
}

.alert-notify aside p:last-child {
  padding-bottom: 0;
}

.alert-notify aside .btn {
  font-size: 14px;
  padding-top: 11px;
  padding-bottom: 10px;
  margin: 0 7px 0 0;
}

.alert-notify aside .btn-out {
  border-top: 1px solid #e5e5e3;
  padding: 20px 10px 0 10px;
}

.alert-notify .src-box {
  width: 100%;
  height: 200px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 15px 25px;
}

.alert-notify .modal-content {
  max-width: 515px;
  padding: 20px;
}

.alert-notify .modal-content .close {
  width: 9px;
  height: 10px;
  background: url(../img/icon-close4@2x.png) no-repeat center center;
  background-size: 9px auto;
  top: 10px;
  right: 10px;
}

.alert-notify.desktop {
  display: block;
}

.alert-notify.mobile {
  display: none;
}

@media (max-width: 1199px) {
  .alert-notify {
    background: none;
    border: none;
  }

  .alert-notify .title-txt {
    width: auto;
    line-height: normal;
    background: none;
    position: absolute;
    bottom: 0;
    left: 259px;
    cursor: pointer;
    padding: 0;
  }

  .alert-notify .title-txt h3 {
    font-size: 16px;
    color: #999999;
    line-height: 20px;
  }

  .alert-notify .title-txt .count {
    border: none;
  }

  .alert-notify ul li {
    background: none;
    border: none;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 0 5px 0 !important;
  }

  .alert-notify ul li .pop-link {
    line-height: 65px;
    background: #f5f5f5;
    padding: 0 30px;
  }

  .alert-notify ul li .date {
    padding-left: 0;
  }

  .alert-notify ul li .title {
    width: 420px;
    height: 65px;
  }

  .alert-notify ul li .icon-close {
    height: 65px;
    right: 40px;
  }

  .alert-notify ul li:hover .title {
    text-decoration: underline;
  }

  .alert-notify ul li a.active .title {
    text-decoration: underline;
  }

  .alert-notify aside {
    padding: 20px 30px;
  }

  .alert-notify aside h3 {
    border: none;
    padding: 0 0 12px 0;
    margin: 0;
  }

  .alert-notify aside p {
    padding: 0 0 14px 0;
  }

  .alert-notify aside .btn-out {
    border: none;
    padding: 0;
  }

  .alert-notify .accord-cont {
    width: 100%;
    float: left;
  }

  .alert-notify .box {
    width: 100%;
    height: 470px;
    display: inline-block;
    overflow: auto;
    overflow-x: hidden;
  }

  .alert-notify .modal-content {
    max-width: 555px;
    background: #ffffff;
    border: 2px solid #19a2b5;
    padding: 0;
  }

  .alert-notify .modal-content .close {
    width: 15px;
    height: 16px;
    background: url(../img/icon-close6@2x.png) no-repeat center center;
    background-size: 15px auto;

    top: 8px;
    right: 8px;
  }

  .alert-notify .modal-content .title-txt2 {
    width: 100%;
    height: 55px;
    float: left;
    font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #ffffff;
    line-height: 55px;
    background: #19a2b5;
    padding: 0 30px;
  }

  .alert-notify.desktop {
    display: none;
  }

  .alert-notify.mobile {
    display: block;
  }
}

@media (max-width: 767px) {
  .alert-notify.mobile {
    width: 100%;
    margin-top: -36px;
    text-align: center;
    margin-bottom: -18px;
  }
  .alert-notify .title-txt {
    position: relative;
    bottom: initial;
    left: initial;
    margin: 0 auto;
    float: none;
    display: inline-block;
  }

  .alert-notify .title-txt h3 {
    display: none;
  }

  .alert-notify ul li {
    font-size: 12px;
  }

  .alert-notify ul li .pop-link {
    line-height: 45px;
    padding: 0 15px;
  }

  .alert-notify ul li .date {
    width: 63px;
    font-size: 12px;
  }

  .alert-notify ul li .title {
    width: 90%;
    height: 45px;
    padding: 0 0 0 70px;
  }

  .alert-notify ul li .icon-close {
    width: 6px;
    height: 45px;
    background-size: 6px auto;
    right: 15px;
  }

  .alert-notify aside {
    padding: 15px;
  }

  .alert-notify aside h3 {
    font-size: 14px;
    line-height: 18px;
    padding: 0 0 8px 0;
  }

  .alert-notify aside p {
    font-size: 12px;
    line-height: 18px;
    padding: 0 0 17px 0;
  }

  .alert-notify aside .btn-out {
    border: none;
    padding: 0;
  }

  .alert-notify .box {
    height: 390px;
  }

  .alert-notify .modal-content {
    max-width: 390px;
    border-width: 1px;
  }

  .alert-notify .modal-content .title-txt2 {
    font-size: 14px;
    padding: 0 15px;
  }
}

/* Right - Btns */
.right-btns {
  width: 50%;
  float: left;
  border-left: 1px solid #e3e5e6;
  padding: 0 0 0 45px;
}

.right-btns .btns {
  width: 100%;
  float: left;
  margin: 0 0 8px 0;
}

.right-btns .btns .btn {
  width: 210px;
  padding-left: 0;
  padding-right: 0;
  margin: 0 16px 16px 0;
}

.button-flip[data-state="back"] {
  color: #999999;
  background: none;
}

.email-option {
  width: 100%;
  float: left;
  position: relative;
  margin: 20px 0 0 25px;
}

.email-option label {
  width: auto;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  color: #999999 !important;
  padding: 0 0 0 32px !important;
  margin: 0;
}

.email-option input[type="checkbox"] {
  display: none;
}

.email-option label:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url(../img/checkbox-03@2x.png) no-repeat top left;
  background-size: 25px auto;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -15px 0 0 0;
}

.email-option input[type="checkbox"]:checked + label:before {
  background: url(../img/checkbox-04@2x.png) no-repeat top left;
  background-size: 25px auto;
}

@media (max-width: 1199px) {
  .right-btns {
    width: 27%;
    border: none;
    padding: 0;
  }

  .right-btns .btns {
    margin: 0 0 -12px 0;
  }

  .right-btns .btns .btn {
    width: 100%;
    font-size: 14px;
    margin: 0 0 12px 0;
  }

  .right-btns .email-option {
    width: 205px;
    float: left;
    position: absolute;
    top: 42px;
    right: 30px;
    margin: 0;
  }

  .right-btns .email-option label {
    font-size: 12px;
    line-height: 15px;
    padding: 0 0 0 35px;
    margin: 0;
  }
}

@media (max-width: 767px) {
  .right-btns {
    width: 100%;
    max-width: 210px;
    float: none;
    border: none;
    padding: 0;
    margin: 0 auto;
  }

  .right-btns .btns {
    text-align: center;
    margin: 0;
  }

  .right-btns .btns .btn {
    width: 100%;
    max-width: 190px;
    font-size: 14px;
    margin: 0 0 10px 0;
  }

  .right-btns .email-option {
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
    margin: 13px 0 0 0;
  }
}

.page-xytex-api-my-account #myaccount input,
.page-xytex-api-my-account #myaccount select {
  margin-bottom: 5px;
}

.page-xytex-api-my-account #myaccount .tab-mid .btn-bg {
  height: 38px;
  line-height: 38px;
}

.page-xytex-api-my-account #myaccount .tab-mid .btn-bg a {
  vertical-align: top;
}

/* Tab - Content */
.tab-links {
  width: 100%;
  float: left;
  background: #eff4f5;
}

.tab-links .tabs {
  width: 100.4%;
  float: left;
  padding: 0;
  margin: 0 -0.2%;
}

.tab-links .tabs li {
  width: 13.885%;
  float: left;
  display: table;
  overflow: hidden;
  padding: 0;
  margin: 0 0.2%;
}

.tab-links .tabs li:before {
  display: none;
}

.tab-links .tabs li a {
  width: 100%;
  height: 105px;
  float: none;
  display: table-cell;
  vertical-align: middle;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  line-height: 18px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  background: #a4b3c0;
  overflow: hidden;
  padding: 0 5px;
}

.tab-links .tabs li a:hover,
.tab-links .tabs li.active a {
  background: #708396;
}

@media (max-width: 1199px) {
  .tab-links .tabs li a {
    height: 80px;
    font-size: 12px;
    line-height: 15px;
    padding: 0;
  }
}

@media (max-width: 1023px) {
  .tab-links .tabs li {
    width: 19.4%;
    margin: 0 0.3%;
  }
}

@media (max-width: 767px) {
  .tab-links .container {
    padding: 0;
  }

  .tab-links #myTab-accordion .panel {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .tab-links #myTab-accordion .panel-heading {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    border: none;
  }

  .tab-links #myTab-accordion .panel-title {
    width: 100%;
    float: left;
    border: none;
    padding: 0 !important;
    margin: 0;
  }

  .tab-links #myTab-accordion .panel-title a {
    width: 100%;
    float: left;
    font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    line-height: 16px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    text-decoration: none;
    background: #a4b3c0;
    overflow: hidden;
    border: none;
    position: relative;
    padding: 16px 10px;
    margin: 0;
  }

  .tab-links #myTab-accordion .panel-title a br {
    display: none;
  }

  .tab-links #myTab-accordion .panel-title a.js-tabcollapse-panel-heading {
    background: #708396;
  }

  .tab-links #myTab-accordion .panel-title a.active {
    background: #708396;
  }

  .tab-links #myTab-accordion .panel-title a.collapsed {
    background: #a4b3c0;
  }

  .tab-links #myTab-accordion .panel-default {
    width: 100%;
    float: left;
    background: #ffffff;
    border: none;
    border-radius: 0;
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
    position: static;
    z-index: 2;
  }

  .tab-links #myTab-accordion .panel-default > .panel-heading {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
  }

  .tab-links #myTab-accordion .panel-collapse {
    width: 100%;
    float: left;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
  }

  .tab-links #myTab-accordion .panel-collapse .panel-body {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
  }

  .tab-links
    #myTab-accordion
    .panel-default
    > .panel-heading
    + .panel-collapse
    > .panel-body {
    border: none;
  }
}

/* Tab Content */
.tab-content {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
}

.tab-content .tab-pane {
  width: 100%;
  float: left;
  display: none;
  padding: 0;
  margin: 0;
}

.tab-content .tab-pane.active {
  display: block;
}

.tab-content .accord-list {
  margin: -65px 0 0 0;
}

.tab-content .accord-list ul li.panel {
  padding: 65px 0 0 0 !important;
  margin: 0 0 -64px 0 !important;
}

.tab-content .accord-list ul li.panel:last-child {
  margin: 0 !important;
}

@media (max-width: 1199px) {
  .tab-content .accord-list {
    margin: -82px 0 0 0;
  }

  .tab-content .accord-list ul li.panel {
    padding: 82px 0 0 0 !important;
    margin: 0 0 -81px 0 !important;
  }

  .tab-content .accord-list ul li.panel:last-child {
    margin: 0 !important;
  }
}

@media (max-width: 767px) {
  .tab-links #myTab-accordion .accord-list {
    margin: -30px 0 0 0;
  }

  .tab-links #myTab-accordion .accord-list ul li.panel {
    padding: 30px 0 0 0 !important;
    margin: 0 0 -29px 0 !important;
  }

  .tab-links #myTab-accordion .accord-list ul li.panel:last-child {
    margin: 0 !important;
  }
}

/* Tab - Middle */
.tab-mid {
  width: 100%;
  float: left;
  padding: 55px 0;
}

.tab-mid h3 {
  width: 100%;
  float: left;
  color: #708396;
  padding: 0 0 25px 0;
}

.tab-mid .title-btns {
  width: 100%;
  float: left;
  border-bottom: 1px solid #e3e5e6;
  padding: 0 0 17px 0;
  margin: 0 0 20px 0;
}

.tab-mid .footer-btns {
  width: 100%;
  float: left;
  border-top: 1px solid #e3e5e6;
  padding: 17px 0 0 0;
  margin: 20px 0 0 0;
}

.tab-mid .title-btns h3 {
  width: auto;
  padding: 0 35px 0 0;
}

.tab-mid .title-btns .btn-bg, .tab-mid .footer-btns .btn-bg {
  width: auto;
  float: left;
  padding: 0;
  margin: -2px 0 0 0;
}

.tab-mid .title-btns .btn-bg .btn, .tab-mid .footer-btns .btn-bg .btn {
  font-size: 14px;
  padding-top: 11px;
  padding-bottom: 10px;
  margin: 0 0 0 10px;
}

@media (max-width: 1199px) {
  .tab-mid {
    padding: 40px 0;
  }

  .tab-mid h3 {
    font-size: 24px;
    line-height: 28px;
    padding: 0 0 23px 0;
  }

  .tab-mid .title-btns .btn-bg, .tab-mid .footer-btns .btn-bg {
    float: right;
    margin: -2px 0 0 -300px;
  }
}

@media (max-width: 767px) {
  .tab-mid {
    padding: 20px 10px;
  }

  .tab-mid h3 {
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 15px 0;
  }

  .tab-mid .title-btns, .tab-mid .footer-btns {
    border-bottom: none;
    padding: 0;
    margin: 0 0 30px 0;
  }

  .tab-mid .title-btns h3, .tab-mid .footer-btns h3 {
    width: 100%;
    border-bottom: 1px solid #e3e5e6;
    padding: 0 0 12px 0;
    margin: 0 0 17px 0;
  }

  .tab-mid .title-btns .btn-bg, .tab-mid .footer-btns .btn-bg {
    width: 100%;
    text-align: left;
    padding: 0;
    margin: 0 0 -12px 0;
  }

  .tab-mid .title-btns .btn-bg .btn, .tab-mid .footer-btns .btn-bg .btn {
    width: 100%;
    line-height: 20px;
    margin: 0 8px 12px 0;
  }
}

/* Donor - Myaccounts */
.bio-fields {
  width: 100%;
  float: left;
}

.bio-fields p {
  width: 100%;
  float: left;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #565656;
  line-height: 20px;
  padding: 0;
}

.bio-fields p.number {
  width: auto;
  height: 31px;
  line-height: 31px;
  background: #f0f6f6;
  padding: 0 12px;
  margin: -2px 0 -9px 0;
}

.bio-fields label {
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #565656;
  line-height: 20px;
  padding: 0 0 11px 0;
}
.bio-fields .field-label {
  float: left;
  margin: 10px 0 3px 0;
}
.bio-fields ul {
  width: 45%;
  float: left;
  padding: 0;
  margin: -18px 0 0 0;
}

.bio-fields ul:nth-child(even) {
  float: right;
}

.bio-fields ul li {
  width: 100%;
  float: left;
  border-bottom: 1px solid #e3e5e6;
  padding: 18px 0;
  margin: 0;
}

.bio-fields ul li:before {
  display: none;
}

@media (max-width: 767px) {
  .bio-fields p {
    font-size: 14px;
    line-height: 18px;
    padding: 0;
  }

  .bio-fields label {
    font-size: 14px;
    line-height: 18px;
    padding: 0 0 9px 0;
  }

  .bio-fields ul {
    width: 100%;
    margin: -14px 0 0 0;
  }

  .bio-fields ul:nth-child(even) {
    float: left;
  }

  .bio-fields ul li {
    padding: 14px 0;
    margin: 0;
  }
}

/* Donor - Mydocuments */
.documents-photos {
  width: 100%;
  float: left;
}

.documents-photos .title-btns .btn-bg {
  float: right;
  margin: -2px 0 0 -300px;
}

@media (max-width: 767px) {
  .documents-photos .title-btns .btn-bg {
    width: 100%;
    float: left;
    margin: 0;
  }
}

.documents-photos .left-cl {
  width: 60%;
  float: left;
}

.documents-photos .left-cl .title-btns {
  margin-bottom: 5px;
}

.documents-photos .left-cl aside {
  width: 100%;
  float: left;
}

.documents-photos .left-cl td img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  display: inline-block;
}

.documents-photos .left-cl td,
.documents-photos .left-cl th {
  width: 20%;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #565656;
  line-height: 22px;
  overflow: hidden;
  padding: 15px 0 15px 30px;
}

.documents-photos .left-cl td:nth-child(3),
.documents-photos .left-cl th:nth-child(3) {
  width: 29%;
}

.documents-photos .left-cl td:nth-child(4),
.documents-photos .left-cl th:nth-child(4) {
  width: 11%;
  padding-left: 0;
}

.documents-photos .left-cl tr {
  border-bottom: 1px solid #e3e5e6;
}

.documents-photos .left-cl thead th {
  font-weight: normal;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  /* cursor: pointer; */
}

.documents-photos .left-cl thead th span {
  /* background: url(../img/arrow-down2@2x.png) no-repeat right center; */
  background-size: 11px auto;
  padding: 0 18px 0 0;
}

.documents-photos .left-cl table.tablesorter thead tr .headerSortDown span,
.documents-photos .left-cl table.tablesorter thead tr .headerSortUp span {
  background: url(../img/arrow-down3@2x.png) no-repeat right center;
  background-size: 11px auto;
}

@media (max-width: 1199px) {
  .documents-photos .left-cl {
    width: 100%;
    padding: 0 0 50px 0;
  }
}

@media (max-width: 767px) {
  .documents-photos .left-cl {
    padding: 0 0 40px 0;
  }

  .documents-photos .left-cl aside {
    overflow: auto;
    overflow-y: hidden;
    margin-top: 10px;
  }

  .documents-photos .left-cl td,
  .documents-photos .left-cl th {
    width: 16%;
    font-size: 12px;
    line-height: 16px;
    padding: 15px 0 15px 5px;
  }

  .documents-photos .left-cl td:nth-child(2),
  .documents-photos .left-cl th:nth-child(2) {
    width: 28%;
  }

  .documents-photos .left-cl td:nth-child(3),
  .documents-photos .left-cl th:nth-child(3) {
    width: 32%;
  }

  .documents-photos .left-cl td:nth-child(4),
  .documents-photos .left-cl th:nth-child(4) {
    width: 14%;
    padding-left: 0;
  }

  .documents-photos .left-cl thead th {
    font-size: 14px;
  }

  .documents-photos .left-cl table {
    min-width: 450px;
  }
}

.documents-photos .right-cl {
  width: 32%;
  float: right;
}

.documents-photos .right-cl .title-btns {
  border: none;
  padding: 0;
}

.documents-photos .right-cl aside {
  width: 100%;
  float: left;
}

.documents-photos .right-cl aside ul {
  width: 104%;
  float: left;
  padding: 0;
  margin: -2%;
}

.documents-photos .right-cl aside ul li {
  width: 27.33%;
  position: relative;
  padding: 0;
  margin: 2%;
  display: inline-block;
  float: left;
}

.documents-photos .right-cl aside ul li:before {
  display: none;
}

.documents-photos .right-cl aside ul li img {
  width: 100%;
}

.documents-photos .right-cl aside ul li .icon-close {
  width: 15px;
  height: 15px;
  float: left;
  text-indent: -99999px;
  background: url(../img/icon-close7@2x.png) no-repeat center center;
  background-size: 15px auto;
  position: absolute;
  top: -7px;
  right: -7px;
  cursor: pointer;
  display: none;
}

.documents-photos .right-cl aside ul li:hover .icon-close {
  display: block;
}

.documents-photos .right-cl aside ul li:hover .icon-close:hover {
  opacity: 0.8;
}

@media (max-width: 1199px) {
  .documents-photos .right-cl {
    width: 100%;
    float: left;
  }

  .documents-photos .right-cl aside ul {
    width: 101.4%;
    margin: -0.7%;
  }

  .documents-photos .right-cl aside ul li {
    width: 15.266%;
    margin: 0.7%;
  }
}

@media (max-width: 767px) {
  .documents-photos .right-cl .title-btns {
    padding: 0;
    margin: 0 0 15px 0;
  }

  .documents-photos .right-cl .title-btns h3 {
    border: none;
    padding: 0;
    margin: 0;
  }

  .documents-photos .right-cl .title-btns .btn-bg {
    width: auto;
    float: right;
    margin: -7px 0 0 -300px;
  }

  .documents-photos .right-cl .title-btns .btn-bg .btn {
    margin: 0;
  }

  .documents-photos .right-cl aside ul {
    width: 104%;
    margin: -2%;
  }

  .documents-photos .right-cl aside ul li {
    width: 29.33%;
    margin: 2%;
  }
}

/* Donor - Donations */
.table-cont2 {
  width: 100%;
  float: left;
}

.table-cont2 h3 {
  width: 100%;
  float: left;
  color: #708396;
  padding: 0 0 25px 0;
}

.table-cont2 td,
.table-cont2 th {
  width: 22%;
  font-weight: normal;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #565656;
  line-height: 22px;
  overflow: hidden;
  padding: 20px 0 20px 45px;
}

.table-cont2 td strong {
  font-weight: normal;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  color: #708396;
}

.table-cont2 td:nth-child(3),
.table-cont2 th:nth-child(3) {
  width: 56%;
}

.table-cont2 tr:nth-child(even) {
  background: #f7f7f7;
}

.table-cont2 thead {
  background: #708396;
}

.table-cont2 thead td,
.table-cont2 thead th {
  font-weight: normal;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
}

.table-cont2 table {
  border: 1px solid #708396;
}

@media (max-width: 1199px) {
  .table-cont2 td,
  .table-cont2 th {
    width: 30%;
  }

  .table-cont2 td:nth-child(3),
  .table-cont2 th:nth-child(3) {
    width: 40%;
  }
}

@media (max-width: 767px) {
  .table-cont2 {
    overflow: auto;
    overflow-y: hidden;
  }

  .table-cont2 td,
  .table-cont2 th {
    width: 32.33%;
    font-size: 12px;
    line-height: 16px;
    padding: 17px 0 17px 30px;
  }

  .table-cont2 td:nth-child(2),
  .table-cont2 th:nth-child(2) {
    width: 27.33%;
    padding-left: 20px;
  }

  .table-cont2 td:nth-child(3),
  .table-cont2 th:nth-child(3) {
    width: 40.33%;
    padding-left: 20px;
  }

  .table-cont2 thead td,
  .table-cont2 thead th {
    font-size: 14px;
  }

  .table-cont2 table {
    min-width: 420px;
  }
}

/* Donor - Referrals */
.referral-form {
  width: 100%;
  float: left;
  border-bottom: 1px solid #e3e5e6;
  position: relative;
  padding: 0 0 50px 0;
  margin: 0 0 50px 0;
}

.referral-form ul {
  width: 100%;
  float: left;
  padding: 0 105px 0 0;
  margin: 0 0 -3.5% 0;
}

.referral-form ul li {
  width: 33.33%;
  float: left;
  padding: 0 3.5% 3.5% 0;
  margin: 0;
}

.referral-form ul li:before {
  display: none;
}

.referral-form label {
  padding: 0 0 7px 0;
}

.referral-form .input,
.referral-form .textarea,
.referral-form .select {
  height: 35px;
  font-size: 14px;
  color: #262729;
  line-height: 18px;
  background: #f1f5f6;
  border: 1px solid #d2d0ce;
  padding: 8px 14px;
}

.referral-form .select {
  padding-top: 0;
  padding-bottom: 0;
}

.referral-form .textarea {
  height: 110px;
}

.referral-form .input:focus,
.referral-form .textarea:focus,
.referral-form .select:focus {
  border-color: #68cbdb;
}

.referral-form :placeholder {
  color: #262729;
}

.referral-form ::-webkit-input-placeholder,
.referral-form ::-webkit-textarea-placeholder {
  color: #262729;
}

.referral-form input::-moz-placeholder,
.referral-form textarea::-moz-placeholder {
  color: #262729;
}

.referral-form ::-moz-placeholder {
  color: #262729;
}

.referral-form :-ms-input-placeholder {
  color: #262729;
}

.referral-form .btn-out {
  width: 105px;
  float: right;
  margin: 26px 0 0 -105px;
  position: relative;
  z-index: 1;
}

.referral-form .btn-out .btn {
  width: 100%;
  height: 35px;
  font-size: 14px;
  line-height: 36px;
  padding: 0;
}

@media (max-width: 1199px) {
  .referral-form {
    padding: 0 0 40px 0;
    margin: 0 0 40px 0;
  }
}

@media (max-width: 1199px) {
  .referral-form {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
  }

  .referral-form ul {
    padding: 0;
    margin: 0;
  }

  .referral-form ul li {
    width: 100%;
    padding: 0 0 20px 0;
  }

  .referral-form .btn-out {
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 767px) {
  .table-cont3 td,
  .table-cont3 th {
    width: 28.33%;
  }

  .table-cont3 td:nth-child(2),
  .table-cont3 th:nth-child(2) {
    width: 35.33%;
  }

  .table-cont3 td:nth-child(3),
  .table-cont3 th:nth-child(3) {
    width: 36.33%;
  }

  .table-cont3 table {
    min-width: 500px;
  }

  .referral-form .input,
  .referral-form .select {
    height: 40px;
    line-height: 20px;
    padding: 12px 14px;
  }

  .referral-form .select {
    padding-top: 0;
    padding-bottom: 0;
  }
}

/*
 4.1) My Account Patient - Pages
----------------------------------------*/

.acc-info2 .sd-title {
  width: 100%;
}

.acc-info2 .profile-info {
  width: 50%;
  padding: 0 25px 0 0;
  margin: 0;
}

.link-cancel {
  margin-left: 10px;
}

@media (max-width: 1199px) {
  .acc-info2 .profile-info {
    width: 73%;
    padding: 0;
    margin: 0;
  }

  .acc-info2 .profile-info aside {
    padding: 0 0 0 215px;
  }
}

@media (max-width: 767px) {
  .acc-info2 .profile-info {
    width: 100%;
    padding: 0;
    margin: 0 0 25px 0;
  }

  .acc-info2 .profile-info:last-child {
    margin-bottom: 0;
  }

  .acc-info2 .profile-info aside {
    padding: 0;
  }
}

/* Tab - Content */
@media (min-width: 768px) and (max-width: 1199px) {
  .tl-patient .container {
    padding: 0 15px;
  }

  .tl-patient .tabs li {
    width: 13.885%;
    margin: 0 0.2%;
  }
}

/* Patient - Order History */
.tab-content .tab-box-out {
  padding: 55px 0;
}

.tab-content .tab-box .tab-links3 {
  height: 50px;
  background: #f5f5f5;
}

.tab-content .tab-box .tab-links3 .tabs li {
  height: 49px;
}

.tab-content .tab-box .tab-links3 .tabs li a {
  height: 50px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  line-height: 50px;
}

@media (max-width: 1199px) {
  .tab-content .tab-box-out {
    padding: 40px 0;
  }
}

@media (max-width: 767px) {
  .tab-content .tab-box .tab-links3 {
    height: auto;
  }
}

/* Table - Cont4 */
.table-cont4 {
  width: 100%;
  float: left;
}

.table-cont4 td,
.table-cont4 th {
  font-weight: normal;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #565656;
  line-height: 22px;
  overflow: hidden;
}

.table-cont4 td strong {
  font-weight: normal;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
}

.table-cont4 td a {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  color: #565656;
  text-decoration: underline;
}

.table-cont4 td a:hover {
  color: #19a2b5;
}

.table-cont4 table tr {
  background: #ededed;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}

.table-cont4 table tr:last-child {
  border: none;
}

.table-cont4 table tr:nth-child(even) {
  background: none;
}

.table-cont4 table table tr:nth-child(even) {
  background: none;
  border: none;
}

.table-cont4 thead td,
.table-cont4 thead th {
  font-weight: normal;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding-top: 25px;
  padding-bottom: 20px;
}

.table-cont4 thead tr {
  background: none;
}

.table-cont4 table table td,
.table-cont4 table th {
  width: 20.9%;
  padding: 15px 10px 15px 0;
}

.table-cont4 thead td {
  padding: 0;
  margin: 0;
}

.table-cont4 table table td:nth-child(1),
.table-cont4 table th:nth-child(1) {
  width: 27.4%;
  padding-left: 40px;
}

.table-cont4 table table td:nth-child(2),
.table-cont4 table th:nth-child(2) {
  width: 16.3%;
}

.table-cont4 table table td:nth-child(3),
.table-cont4 table th:nth-child(3) {
  width: 17.8%;
}

.table-cont4 table table td:nth-child(4),
.table-cont4 table th:nth-child(4) {
  width: 17.6%;
}

.table-cont4 table table td:nth-child(5) span {
  width: 55%;
  display: inline-block;
  vertical-align: middle;
}

.table-cont4 table table td:nth-child(5) span.cancel {
  width: 40%;
}

.table-cont4 .tr-accord-link {
  display: none;
}

@media (max-width: 1099px) {
  .table-cont4 td,
  .table-cont4 th {
    font-size: 12px;
    line-height: 16px;
  }

  .table-cont4 thead td,
  .table-cont4 thead th {
    font-size: 14px;
  }

  .table-cont4 table table td:nth-child(1),
  .table-cont4 table th:nth-child(1) {
    padding-left: 20px;
  }
}

@media (max-width: 767px) {
  .table-cont4 thead {
    display: none;
  }

  .table-cont4 table tr {
    background: none;
    border: none;
  }

  .table-cont4 td a {
    font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  }

  .table-cont4 table,
  .table-cont4 table tr,
  .table-cont4 table td {
    width: 100%;
    float: left;
  }

  .table-cont4 table table tr.tr-accord-cont {
    border-bottom: 1px solid #d4d4d4;
    display: none;
    padding: 5px 35px;
  }

  .table-cont4 table table tr.tr-accord-cont.active {
    display: block;
  }

  .table-cont4 table table td {
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    padding: 35px 0 10px 0;
  }

  .table-cont4 table table td:last-child {
    border: none;
  }

  .table-cont4 table table td:before {
    content: "Total";
    width: 100%;
    float: left;
    font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
    position: absolute;
    top: 15px;
    left: 0;
  }

  .table-cont4 table table td:nth-child(1) {
    width: 100%;
    display: none;
    padding-left: 0;
  }

  .table-cont4 table table td:nth-child(2) {
    width: 100%;
  }

  .table-cont4 table table td:nth-child(2):before {
    content: "Quantity";
  }

  .table-cont4 table table td:nth-child(3) {
    width: 100%;
  }

  .table-cont4 table table td:nth-child(3):before {
    content: "Date";
  }

  .table-cont4 table table td:nth-child(4) {
    width: 100%;
  }

  .table-cont4 table table td:nth-child(4):before {
    content: "Price";
  }

  .table-cont4 .tr-accord-link {
    width: 100%;
    float: left;
    font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.03em;
    text-decoration: none;
    background: #f5f5f5;
    border-bottom: 1px solid #d4d4d4;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    padding: 16px 35px;
    margin: 0;
    display: block;
  }

  .table-cont4 .tr-accord-link.active,
  .table-cont4 .tr-accord-link.active td {
    color: #19a2b5;
  }

  .table-cont4 .tr-accord-link:before {
    content: "\f067";
    font-family: "FontAwesome";
    font-size: 10px;
    position: absolute;
    top: 50%;
    right: 30px;
    margin: -9px 0 0 0;
  }

  .table-cont4 .tr-accord-link.active:before {
    content: "\f068";
  }

  .table-cont4 .tr-accord-link td {
    display: block !important;
    padding: 0;
  }
}

/* Table - Cont5 */
@media (min-width: 768px) {
  .table-cont5 td.track-id {
    text-decoration: underline;
  }

  .table-cont5 td.track-id a {
    font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  }

  .table-cont5 td.track-id a:hover {
    color: #19a2b5;
  }

  .table-cont5 table table td,
  .table-cont5 table th {
    width: 16.1%;
  }

  .table-cont5 table table td:nth-child(2),
  .table-cont5 table th:nth-child(2) {
    width: 17.3%;
  }

  .table-cont5 table table td:nth-child(3),
  .table-cont5 table th:nth-child(3) {
    width: 20.2%;
  }

  .table-cont5 table table td:nth-child(4),
  .table-cont5 table th:nth-child(4) {
    width: 19%;
  }
}

@media (max-width: 767px) {
  .table-cont5 table table td:before {
    content: "Arrival Date";
  }

  .table-cont5 table table td:nth-child(3):before {
    content: "Left Facility";
  }

  .table-cont5 table table td:nth-child(4):before {
    content: "Tracking";
  }
}

/* Table - Cont6 */
@media (min-width: 768px) {
  .table-cont6 table table td,
  .table-cont6 table th {
    width: 20%;
  }

  .table-cont6 table table td:nth-child(2),
  .table-cont6 table th:nth-child(2) {
    width: 12.6%;
  }

  .table-cont6 table table td:nth-child(3),
  .table-cont6 table th:nth-child(3) {
    width: 40%;
  }

  .table-cont6 table td:nth-child(3) span {
    width: 40%;
    display: inline-block;
    vertical-align: middle;
    padding-right: 0;
    margin: 0 -3px 0 0;
  }

  .table-cont6 table td:nth-child(3) span:first-child {
    width: 35%;
    padding-right: 0;
  }

  .table-cont6 table td:nth-child(3) span.cancel {
    width: 17%;
    padding-right: 0;
  }
}

@media (min-width: 980px) {
  .table-cont6 table table td:nth-child(2),
  .table-cont6 table th:nth-child(2) {
    width: 14.6%;
  }

  .table-cont6 table table td:nth-child(3),
  .table-cont6 table th:nth-child(3) {
    width: 38%;
  }

  .table-cont6 table td:nth-child(3) span {
    width: 33%;
    padding-right: 0;
    margin: 0 -3px 0 0;
  }

  .table-cont6 table td:nth-child(3) span:first-child {
    width: 28%;
    padding-right: 0;
  }

  .table-cont6 table td:nth-child(3) span.cancel {
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .table-cont6 table table td:before {
    content: "Shipment";
  }

  .table-cont6 table table td:nth-child(3):before {
    content: "Paid Through";
  }

  .table-cont6 table table td:nth-child(4):before {
    content: "Shipment";
  }

  .table-cont6 table td:nth-child(3) span {
    padding-right: 10px;
  }

  .table-cont6 table td:nth-child(3) span.cancel {
    padding-right: 0;
  }
}

/* Table Cont4 - Modal */
.modal-content2 {
  max-width: 480px;
  padding-left: 60px;
  padding-right: 60px;
}

.modal-content2 .popup h2 {
  width: 100%;
  float: left;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #708396;
  line-height: 26px;
  text-align: left;
  border-bottom: 1px solid #d2d0ce;
  padding: 0 0 23px 0;
  margin: 0 0 30px 0;
}

.modal-content2 .popup .form-fields {
  max-width: 100%;
  width: 100%;
}

.modal-content2 .popup .form-fields ul li {
  padding: 0 0 12px 0;
}

.modal-content2 .popup .form-fields #frmPayment ul li {
  padding: 0 0 5px 0;
}

.modal-content2 .popup .form-fields label {
  color: #262729;
  padding-bottom: 10px;
}

.modal-content2 .popup .form-fields #frmPayment label {
  padding-bottom: 3px;
}

.modal-content2 .popup .form-fields .month {
  width: 46%;
}

.modal-content2 .popup .form-fields .year {
  width: 46%;
  float: right;
}

.modal-content2 .popup .form-fields .cvv {
  max-width: 46%;
}

.modal-content2 .popup .form-fields .card-types {
  width: 100%;
  float: left;
}

.modal-content2 .popup .form-fields .card-types .card {
  width: 48px;
  height: 31px;
  float: left;
  margin: 0 7px 0 0;
}

.modal-content2 .popup .form-fields .card-types .card img {
  width: 48px !important;
  height: 31px !important;
}

.modal-content2 .popup .form-fields .btn-out {
  width: 102%;
  padding: 0;
  margin: 5px 0 0 0;
}

.modal-content2 .popup .form-fields .btn {
  width: auto;
  min-width: 95px;
  margin: 10px 15px 0 0;
}

.modal-content2 .popup .form-fields .btn:last-child {
  margin-right: 0;
}

@media (max-width: 767px) {
  .modal-content2 {
    padding: 25px 15px 15px 15px;
  }

  .modal-content2 .popup h2 {
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 18px 0;
    margin: 0 0 25px 0;
  }

  .modal-content2 .popup .form-fields label {
    padding-bottom: 5px;
  }

  .modal-content2 .popup .form-fields .btn-out {
    width: 100%;
    margin: 0;
  }

  .modal-content2 .popup .form-fields .btn {
    width: 100%;
    margin: 10px 0 0 0;
  }
}

/* Sub - Accordation */
.sub-accord {
  width: 100%;
  float: left;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #707070;
  line-height: 18px;
  letter-spacing: 0.03em;
  text-decoration: none;
  background: #e5e5e5;
  border-bottom: 1px solid #cccccc;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  padding: 16px 23px;
  margin: 0;
  display: none;
}

.sub-accord.active {
  color: #19a2b5;
  display: none;
}

.sub-accord:before {
  content: "\f067";
  font-family: "FontAwesome";
  font-size: 10px;
  position: absolute;
  top: 50%;
  right: 30px;
  margin: -9px 0 0 0;
}

.sub-accord.active:before {
  content: "\f068";
}

@media (max-width: 767px) {
  .sub-accord {
    display: block;
  }

  .sub-accord.active {
    display: block;
  }
}

/* Patient - Pregnancy Reporting */
@media (min-width: 1200px) {
  .tab-mid .title-btns.t-btns2 .btn-bg {
    float: right;
    margin: -2px 0 0 -300px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .tab-mid .title-btns.t-btns2 {
    border-bottom: none;
    padding: 0;
    margin: 0 0 30px 0;
  }

  .tab-mid .title-btns.t-btns2 h3 {
    width: 100%;
    border-bottom: 1px solid #e3e5e6;
    padding: 0 0 20px 0;
    margin: 0 0 25px 0;
  }

  .tab-mid .title-btns.t-btns2 .btn-bg {
    width: 100%;
    text-align: left;
    padding: 0;
    margin: 0 0 -12px 0;
  }

  .tab-mid .title-btns.t-btns2 .btn-bg .btn {
    margin: 0 10px 12px 0;
  }
}

@media (max-width: 767px) {
  .tab-mid .title-btns.t-btns2 .btn-bg .btn {
    width: 100%;
    line-height: 20px;
    margin: 0 0 12px 0;
  }
}

/* Pregnancy - Report */
.pregnancy-report {
  width: 100%;
  float: left;
  padding: 80px 0 40px 0;
}

.pregnancy-report .date-title {
  width: 39%;
  float: left;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #999999;
  line-height: 24px;
  margin: 3px 0 0 0;
  position: relative;
}

.pregnancy-report .date-title .date {
  color: #55565a;
}

.pregnancy-report .graph {
  width: 58%;
  height: 30px;
  float: left;
  position: relative;
  padding: 0;
  margin: 0;
}

.pregnancy-report .graph ul {
  width: 100%;
  height: 30px;
  float: left;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
}

.pregnancy-report .graph ul:before {
  content: "";
  width: 100%;
  height: 1px;
  float: left;
  background: #bdc6cf;
  position: absolute;
  top: 15px;
  left: 0;
}

.pregnancy-report .graph ul li {
  width: 1px;
  height: 30px;
  float: left;
  background: #bdc6cf;
  position: relative;
  padding: 0;
  margin: 0 5.48%;
}

.pregnancy-report .graph ul li:first-child {
  margin-left: 0;
}

.pregnancy-report .graph ul li:last-child {
  float: right;
  margin-left: 0;
  margin-right: 0;
}

.pregnancy-report .graph ul li:before {
  display: none;
}

.pregnancy-report .graph ul li.current-date {
  background: none;
}

.pregnancy-report .graph ul li.current-date:before {
  content: "";
  width: 1px;
  height: 53px;
  float: left;
  background: none;
  border-left: 1px dashed #68cbdb;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  padding: 0;
  margin: -57px 0 0 0;
}

.pregnancy-report .graph ul li.current-date:after,
.pregnancy-report .graph ul li.past-date:after {
  content: "";
  width: 19px;
  height: 19px;
  float: left;
  background: #68cbdb;
  border: 2px solid #ffffff;
  border-radius: 30px;
  box-shadow: #68cbdb 0 0 0 1px;
  position: absolute;
  bottom: 6px;
  left: -9.5px;
  display: block;
  padding: 0;
}

.pregnancy-report .graph .txt {
  width: 200px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #68cbdb;
  line-height: 22px;
  text-align: center;
  position: absolute;
  bottom: 88px;
  left: -100px;
  padding: 0;
}

.pregnancy-report .graph .date {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #55565a;
  line-height: 20px;
  position: absolute;
  bottom: 50px;
  padding: 0;
}

.pregnancy-report .graph .start-date {
  left: -30px;
}

.pregnancy-report .graph .due-date {
  right: -30px;
}

.pregnancy-report .pregnancy-actions {
  margin-top: 20px;
  float: left;
}

@media (max-width: 1199px) {
  .pregnancy-report {
    padding: 10px 0 25px 0;
  }

  .pregnancy-report .date-title {
    width: 100%;
    margin: 0;
  }

  .pregnancy-report .graph {
    width: 86%;
    padding-top: 140px;
    margin: 0 7%;
  }
}

@media (max-width: 767px) {
  .pregnancy-report {
    padding: 0;
  }

  .pregnancy-report .date-title {
    font-size: 14px;
    line-height: 20px;
  }

  .pregnancy-report .date-title .date {
    color: #55565a;
    padding-right: 10px;
  }

  .pregnancy-report .graph {
    width: 100%;
    height: 25px;
    padding: 100px 0 0 0;
    margin: 0;
  }

  .pregnancy-report .graph ul {
    height: 25px;
  }

  .pregnancy-report .graph ul:before {
    top: 12.5px;
  }

  .pregnancy-report .graph ul li {
    height: 25px;
  }

  .pregnancy-report .graph ul li.current-date:after {
    bottom: 4px;
  }

  .pregnancy-report .graph .txt {
    font-size: 12px;
    line-height: 16px;
    bottom: 65px;
  }

  .pregnancy-report .graph .date {
    font-size: 10px;
    line-height: 14px;
    bottom: 50px;
  }

  .pregnancy-report .graph .start-date {
    left: 0;
  }

  .pregnancy-report .graph .due-date {
    right: 0;
  }
}

/* Pregnancy & Birth Report - Modal */
.modal-content3 {
  max-width: 1090px;
  padding-left: 60px;
  padding-right: 60px;
}

.modal-content3 .popup h2 {
  width: 100%;
  float: left;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 27px;
  color: #708396;
  line-height: 32px;
  border-bottom: 1px solid #d2d0ce;
  padding: 0 0 23px 0;
  margin: 0 0 15px 0;
}

.modal-content3 .popup p {
  text-align: left;
  padding: 0;
}

.modal-content3 .option-field {
  width: auto;
  float: left;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #55565a;
  position: relative;
  padding: 0 15px 0 25px;
  margin: 10px 0;
}

.modal-content3 .option-field label {
  width: auto;
  float: none;
  display: inline-block;
  vertical-align: middle;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #262729;
  text-transform: none;
  padding: 0 4px 0 0;
  margin: 0;
}

.modal-content3 .option-field input[type="radio"] {
  display: none;
}

.modal-content3 .option-field label:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 19px;
  background: url(../img/radio-01@2x.png) no-repeat top left;
  background-size: 18px auto;
  position: absolute;
  top: 2px;
  left: 0;
}

.modal-content3 .option-field input[type="radio"]:checked + label:before {
  background: url(../img/radio-02@2x.png) no-repeat bottom left;
  background-size: 18px auto;
}

.modal-content3 .popup .top-txt,
.modal-content3 .popup .terms-txt {
  width: 100%;
  float: left;
  color: #999999;
  text-align: left;
  padding: 0;
  margin: 0;
}

.modal-content3 .popup .top-txt span,
.modal-content3 .popup .terms-txt span {
  color: #000000;
}

.modal-content3 .popup .top-txt a,
.modal-content3 .popup .terms-txt a {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #19a2b5;
  text-decoration: underline;
}

.modal-content3 .popup .top-txt {
  padding: 0 0 35px 0;
}

.modal-content3 .popup .terms-txt {
  border-top: 1px solid #d2d0ce;
  padding: 25px 0 0 0;
  margin: 25px 0 0 0;
}

.modal-content3 .popup .form-fields {
  max-width: 100%;
  width: 100%;
}

.modal-content3 .popup .form-fields label {
  color: #262729;
  text-align: right;
  padding: 0;
  margin: 0;
}

.modal-content3 .popup .form-fields select {
  max-width: 220px;
}

.modal-content3 .popup .form-fields ul li {
  margin: 0 0 12px 0;
}

.modal-content3 .popup .form-fields .left-field {
  width: 200px;
  float: none;
  display: inline-block;
  vertical-align: middle;
  padding: 0 13px 0 0;
  margin: 0 -165px 0 -35px;
}

.modal-content3 .popup .form-fields .right-field {
  width: 100%;
  float: none;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 165px;
  margin: 0 -3px 0 -2px;
}

.modal-content3 .popup .form-fields .lrg-field .left-field {
  width: 290px;
  margin-right: -290px;
}

.modal-content3 .popup .form-fields .lrg-field .right-field {
  padding: 0 0 0 290px;
}

.modal-content3 .popup .form-fields .btn-out {
  width: 100%;
  text-align: right;
  padding: 0;
  margin: 15px 0 0 0;
}

.modal-content3 .popup .form-fields .btn-out .btn {
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.modal-content3 .popup .form-fields .left-cl {
  width: 47%;
  float: left;
  padding: 0;
}

.modal-content3 .popup .form-fields .right-cl {
  width: 47%;
  float: right;
  padding: 0;
}

@media (max-width: 1023px) {
  .modal-content3 {
    max-width: 620px;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 15px;
  }

  .modal-content3 .popup h2 {
  	padding-bottom: 15px;
  }

  .modal-content3 .popup .form-fields .left-cl {
    width: 100%;
    padding-bottom: 5px;
  }

  .modal-content3 .popup .form-fields .right-cl {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .modal-content3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .modal-content3 .popup h2 {
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 10px 0;
    margin: 0 0 15px 0;
  }

  .modal-content3 .option-field {
    margin: 5px 0;
  }

  .modal-content3 .popup .top-txt,
  .modal-content3 .popup .terms-txt {
    font-size: 12px;
    line-height: 16px;
  }

  .modal-content3 .popup .form-fields ul li {
    border: none;
    margin: 0 0 18px 0;
  }

  .modal-content3 .popup .form-fields label {
    text-align: left;
  }

  .modal-content3 .popup .form-fields select {
    max-width: 100%;
    width: 100%;
  }

  .modal-content3 .popup .form-fields .left-field {
    width: 100%;
    padding: 0;
    margin: 0 0 6px 0;
  }

  .modal-content3 .popup .form-fields .right-field {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .modal-content3 .popup .form-fields .lrg-field .left-field {
    width: 100%;
    margin: 0 0 8px 0;
  }

  .modal-content3 .popup .form-fields .lrg-field .right-field {
    padding: 0;
    margin: 0;
  }

  .modal-content3 .popup .form-fields .btn-out .btn {
    width: 100%;
  }
}

/* Patient - Birth Reporting */
.birth-report {
  width: 100%;
  float: left;
}

.birth-report aside {
  width: 100%;
  float: left;
}

.birth-report aside ul {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
}

.birth-report aside ul li {
  width: 100%;
  float: left;
  border-bottom: 1px solid #e3e5e6;
  padding: 16px 0;
  margin: 0;
}

.birth-report aside ul li:before {
  display: none;
}

.birth-report aside ul li:last-child {
  border: none;
  padding-bottom: 0;
}

.birth-report aside .date-title {
  width: 31.2%;
  display: inline-block;
  vertical-align: middle;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #999999;
  line-height: 20px;
  margin: 0 -4px 0 0;
}

.birth-report aside .date-title .date {
  color: #262729;
  padding-right: 10px;
}

.birth-report aside .donor-id {
  width: 13.4%;
  display: inline-block;
  vertical-align: middle;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #262729;
  line-height: 24px;
  margin: 0 -4px 0 0;
}

.birth-report aside .btns {
  width: 59%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  margin: -7px -3% -7px -3.5%;
}

.birth-report aside .btns .btn {
  height: 35px;
  font-size: 14px;
  line-height: 35px;
  background: #d1d0ce;
  padding-top: 0;
  padding-bottom: 0;
  margin: 7px 0 7px 14px;
}

.birth-report aside .btns .btn:hover,
.birth-report aside .btns .btn:focus,
.birth-report aside .btns .btn:active {
  background: #19a2b5;
}

@media (max-width: 1199px) {
  .birth-report aside ul li {
    padding: 22px 0;
  }

  .birth-report aside .date-title {
    width: 55%;
  }

  .birth-report aside .donor-id {
    width: 38%;
  }

  .birth-report aside .btns {
    width: 100%;
    text-align: left;
    margin: 10px 0 -7px 0;
  }

  .birth-report aside .btns .btn {
    margin: 7px 14px 7px 0;
  }
}

@media (max-width: 767px) {
  .birth-report aside ul li {
    text-align: center;
    padding: 22px 0;
  }

  .birth-report aside ul li:first-child {
    padding-top: 0;
  }

  .birth-report aside .date-title {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 12px 0;
  }

  .birth-report aside .donor-id {
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 15px 0;
  }

  .birth-report aside .btns {
    width: 100%;
    text-align: left;
    margin: 0 0 -10px 0;
  }

  .birth-report aside .btns .btn {
    width: 100%;
    background: #999999;
    margin: 0 0 10px 0;
  }

  .birth-report aside.btns .btn:hover,
  .birth-report aside .btns .btn:focus,
  .birth-report aside .btns .btn:active {
    background: #19a2b5;
  }
}

/* Offspring Content */
.offspring-cont {
  width: 100%;
  float: left;
}

.offspring-cont .top-txt {
  width: 100%;
  float: left;
  color: #999999;
  line-height: 22px;
  padding: 0 0 45px 0;
}

.offspring-cont .top-txt strong {
  color: #262729;
}

.offspring-cont .article {
  width: 100%;
  float: left;
  padding: 0 0 80px 0;
}

.offspring-cont .article:last-child {
  padding-bottom: 0;
}

.offspring-cont .article h2 {
  width: 100%;
  float: left;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 27px;
  color: #708396;
  line-height: 32px;
  border-bottom: 1px solid #d2d0ce;
  padding: 0 0 20px 0;
  margin: 0 0 22px 0;
}

.offspring-cont .article h2 span {
  color: #999999;
}

.offspring-cont .article h4 {
  width: 100%;
  float: left;
  font-size: 18px;
  color: #545454;
  line-height: 22px;
  padding: 0 0 25px 0;
}

.offspring-cont .article h4 span {
  color: #999999;
}

.offspring-cont .article .aside-bg {
  width: 110%;
  float: left;
  margin: 0 0 -30px 0;
}

.offspring-cont .article aside {
  float: left;
  position: relative;
  margin: 0 45px 30px 0;
}

.offspring-cont .article aside p {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #545454;
  display: inline-block;
  vertical-align: middle;
  padding: 0 14px 0 0;
}

.offspring-cont .article aside .btns {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0;
}

.offspring-cont .article aside .btns .check-opt {
  width: 48px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0;
  margin: 0 5px 0 0;
}

.offspring-cont .article aside .btns .check-opt label {
  width: 100%;
  height: 100%;
  float: left;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ffffff;
  line-height: 26px;
  letter-spacing: 0.011em;
  text-transform: uppercase;
  text-align: center;
  overflow: hidden;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.offspring-cont .article aside .btns .check-opt label span {
  position: relative;
  z-index: 10;
  cursor: pointer;
}

.offspring-cont .article aside .btns .check-opt input[type="radio"] {
  display: none;
}

.offspring-cont .article aside .btns .check-opt label:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #b5b8ba;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  z-index: 5;
}

.offspring-cont
  .article
  aside
  .btns
  .check-opt
  input[type="radio"]:checked
  + label:before {
  background: #19a2b5;
}

.offspring-cont .article aside .btns .btn {
  width: 48px;
  height: 25px;
  font-size: 11px;
  line-height: 26px;
  padding: 0;
  margin: 0 2px;
}

.offspring-cont .article aside .btns .tooltip-icon {
  margin: -15px 0 0 0;
}

.offspring-cont .article aside.disabled {
  cursor: default;
}

.offspring-cont .article aside.disabled p {
  color: #d0d0d0;
}

.offspring-cont .article aside.disabled .btns .check-opt label {
  cursor: default;
  pointer-events: none;
}

.offspring-cont .article aside.disabled .btns .check-opt label:before {
  background: #b5b8ba;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
  pointer-events: none;
}

@media (max-width: 1023px) {
  .offspring-cont .top-txt {
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 30px 0;
  }

  .offspring-cont .article {
    padding: 0 0 60px 0;
  }

  .offspring-cont .article:last-child {
    padding-bottom: 0;
  }

  .offspring-cont .article h2 {
    font-size: 24px;
    line-height: 28px;
    padding: 0 0 15px 0;
    margin: 0 0 18px 0;
  }

  .offspring-cont .article .aside-bg {
    margin: 0 0 -30px 0;
  }

  .offspring-cont .article aside {
    margin: 0 30px 30px 0;
  }

  .offspring-cont .article aside p {
    padding: 0 6px 0 0;
  }

  .offspring-cont .article aside .btns .check-opt {
    width: 45px;
    margin: 0 2px 0 0;
  }

  .offspring-cont .article aside .btns .btn {
    width: 45px;
    margin: 0;
  }

  .offspring-cont .article aside .btns .tooltip-icon {
    position: absolute;
    top: -20px;
    right: 0;
    margin: 0;
  }

  .offspring-cont .article aside .btns .tooltip-icon .tl-box {
    top: auto;
    left: auto;
    bottom: 13px;
    right: 13px;
  }
}

@media (max-width: 767px) {
  .offspring-cont .top-txt {
    font-size: 12px;
    line-height: 16px;
    padding: 0 0 20px 0;
  }

  .offspring-cont .article {
    padding: 0 0 40px 0;
  }

  .offspring-cont .article:last-child {
    padding-bottom: 0;
  }

  .offspring-cont .article h2 {
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 10px 0;
    margin: 0 0 15px 0;
  }

  .offspring-cont .article h2 span {
    font-size: 14px;
  }

  .offspring-cont .article h4 {
    font-size: 14px;
    line-height: 18px;
    padding: 0 0 20px 0;
  }

  .offspring-cont .article .aside-bg {
    width: 100%;
    margin: 0 0 -20px 0;
  }

  .offspring-cont .article aside {
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
  }

  .offspring-cont .article aside p {
    width: 100%;
    float: left;
    font-size: 12px;
    line-height: 16px;
    padding: 0 0 5px 0;
  }

  .offspring-cont .article aside .btns {
    width: 102%;
    padding: 0;
    margin: 0 -1%;
  }

  .offspring-cont .article aside .btns .check-opt {
    width: 47%;
    height: 30px;
    margin: 0 1%;
  }

  .offspring-cont .article aside .btns .btn {
    width: 47%;
    height: 30px;
    margin: 0 1%;
  }

  .offspring-cont .article aside .btns .tooltip-icon {
    display: none;
  }
}

/* Email - Modal */
.modal-content4 {
  max-width: 450px;
  padding: 20px;
}

.modal-content4 h3 {
  width: 100%;
  float: left;
  font-size: 16px;
  color: #545454;
  line-height: 20px;
  border-bottom: 1px solid #e5e5e3;
  padding: 0 0 16px 0;
  margin: 0 0 12px 0;
}

.modal-content4 p {
  width: 100%;
  float: left;
  font-family: "gothambookitalic", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #999999;
  text-align: left;
  line-height: 18px;
  padding: 0 0 22px 0;
}

.modal-content4 .form-fields {
  max-width: 100%;
  width: 100%;
}

.modal-content4 .form-fields ul {
  width: 102%;
}

.modal-content4 .form-fields ul li {
  width: 48%;
  margin-right: 2%;
}

.modal-content4 .form-fields ul li.full {
  width: 98%;
  margin-right: 0;
}

.modal-content4 .form-fields .input,
.modal-content4 .form-fields .textarea,
.modal-content4 .form-fields select {
  background: #ffffff;
  border: none;
}

.modal-content4 .form-fields .btn-out {
  text-align: right;
}

.modal-content4 .form-fields .btn {
  width: auto;
}

@media (max-width: 767px) {
  .modal-content4 {
    padding: 25px 15px 15px 15px;
  }

  .modal-content4 .form-fields ul {
    width: 100%;
  }

  .modal-content4 .form-fields ul li {
    width: 100%;
    margin-right: 0;
  }

  .modal-content4 .form-fields ul li.full {
    width: 100%;
  }
}

/* Email - Modal */
.modal-content5 {
  max-width: 905px;
  padding: 25px 50px;
}

.modal-content5 .logo img {
  width: 100%;
  max-width: 300px;
}

.modal-content5 .down-opt {
  position: absolute;
  top: 15px;
  left: 18px;
}

.modal-content5 .down-opt a {
  font-size: 14px;
  text-transform: uppercase;
  background: url(../img/icon-pdf-01@2x.png) no-repeat left center;
  background-size: 21px auto;
  padding: 8px 0 3px 31px;
}

.modal-content5 .top-txt {
  width: 100%;
  float: left;
  border-bottom: 1px solid #d2d0ce;
  padding: 0 0 25px 0;
  margin: 0 0 25px 0;
}

.modal-content5 .top-txt p {
  text-align: left;
  padding: 0 0 12px 0;
}

.modal-content5 .top-txt p:last-child {
  padding: 0;
}

.modal-content5 .src-box2 {
  width: 100%;
  height: 450px;
  float: left;
  overflow: auto;
  overflow-x: hidden;
  padding: 0 20px 0 0;
}

.modal-content5 .src-box2::-webkit-scrollbar {
  width: 4px;
}

.modal-content5 .src-box2::-webkit-scrollbar-track {
  border-radius: 0;
}

.modal-content5 .src-box2::-webkit-scrollbar-thumb {
  background: #d1d0ce;
  border-radius: 0;
}

.modal-content5 .form-fields {
  max-width: 100%;
  width: 100%;
}

.modal-content5 .form-fields .terms-check {
  float: none;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 30px 28px 0;
}

.modal-content5 .form-fields .terms-check label {
  width: auto;
  padding: 0 41px 0 0;
  margin: 0;
}

.modal-content5 .form-fields .terms-check input[type="checkbox"] {
  display: none;
}

.modal-content5 .form-fields .terms-check label:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url(../img/checkbox-03@2x.png) no-repeat top left;
  background-size: 18px auto;
  position: absolute;
  top: 50%;
  right: 0;
  margin: -10px 0 0 0;
}

.modal-content5
  .form-fields
  .terms-check
  input[type="checkbox"]:checked
  + label:before {
  background: url(../img/checkbox-04@2x.png) no-repeat top left;
  background-size: 18px auto;
}

.modal-content5 .form-fields .date-box {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 28px 0;
}

.modal-content5 .form-fields .date-box label {
  width: 63px;
  float: left;
  padding: 8px 0 0 0;
}

.modal-content5 .form-fields .date-box .input {
  width: 170px;
}

.modal-content5 .form-fields ul {
  width: 103%;
  margin: 0 -3% -10px 0;
}

.modal-content5 .form-fields ul li {
  width: 30.33%;
  margin: 0 3% 28px 0;
}

.modal-content5 .form-fields label {
  color: #262729;
}

.modal-content5 .form-fields .btn {
  width: auto;
}

@media (max-width: 1023px) {
  .modal-content5 .logo img {
    width: 100%;
    max-width: 200px;
  }

  .modal-content5 .top-txt p {
    font-size: 14px;
    line-height: 18px;
  }

  .modal-content5 .src-box2 {
    height: 350px;
  }
}

@media (max-width: 767px) {
  .modal-content5 {
    max-width: 460px;
    padding: 55px 15px 20px 15px;
  }

  #OrderUnits .modal-content5 {
    padding-top: 25px;
  }

  .modal-content5 .logo img {
    width: 100%;
    max-width: 200px;
  }

  .modal-content5 .down-opt {
    top: 10px;
    left: 10px;
  }

  .modal-content5 .top-txt {
    padding: 0 0 25px 0;
    margin: 0 0 25px 0;
  }

  .modal-content5 .top-txt p {
    font-size: 14px;
    line-height: 18px;
  }

  .modal-content5 .src-box2 {
    height: 300px;
  }

  .modal-content5 .form-fields .terms-check {
    margin: 0 0 28px 0;
  }

  .modal-content5 .form-fields ul {
    width: 100%;
    margin: 0 0 -10px 0;
  }

  .modal-content5 .form-fields ul li {
    width: 100%;
    margin: 0 0 25px 0;
  }
}

/*

 4.1) Donor Search - Page
----------------------------------------*/

.search-info {
  width: 100%;
  float: left;
  position: relative;
}

.search-info:before {
  content: "";
  width: 2px;
  height: 76.5%;
  float: left;
  background: #f3f2f2;
  position: absolute;
  top: 160px;
  left: 60%;
}

.search-info .left-cl {
  width: 58%;
  float: left;
}

.search-info .right-cl {
  width: 35.5%;
  float: right;
}

@media (max-width: 992px) {
  .search-info:before {
    display: none;
  }

  .search-info .left-cl {
    width: 100%;
    max-width: 645px;
  }

  .search-info .right-cl {
    width: 100%;
    float: left;
  }
  .search-info .bottom .right-cl {
    border-top: 2px solid #f3f2f2;
    padding: 40px 0 0 0;
    margin: 25px 0 0 0;
  }
}

@media (max-width: 767px) {
  .search-info .left-cl {
    max-width: 100%;
    width: 100%;
  }

  .search-info .bottom .right-cl {
    padding: 35px 0 0 0;
    margin: 35px 0 0 0;
  }
}

.search-info .left-cl .separator {
  display: none;
  position: relative;
  margin-bottom: 30px;
}
.search-info .left-cl .separator hr {
}
.search-info .left-cl .separator span {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 0;
  left: 50%;
  background-color: #fff;
  padding: 0px 4px;
}
@media (max-width: 992px) {
  .search-info .left-cl .separator {
    display: block;
  }
}

/* Top - Txt */
.search-info .tl-txt {
  width: 100%;
  /*min-height: 160px;*/
  float: left;
  font-family: "gothamexlightregular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 29px;
  color: #606060;
  padding: 0 0 25px 0;
}

.search-info .tl-txt a {
  color: #19a2b5;
}

.search-info .tl-txt strong {
  color: #19a2b5;
}

@media (max-width: 1199px) {
  .search-info .tl-txt {
    min-height: inherit;
    font-size: 18px;
    padding: 0 0 50px 0;
  }
}

@media (max-width: 767px) {
  .search-info .tl-txt {
    font-size: 14px;
    line-height: 24px;
    padding: 0 0 30px 0;
  }
}

/* Search - Donor */
.search-info .search-donor {
  width: 100%;
  margin: 0;
}

.search-info .search-donor .form-fields {
  padding: 0;
}

.search-info .search-donor .fields {
  padding: 0 0 55px 0;
}

.search-info .search-donor .fields .lab-title {
  font-family: "gothamlightregular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #55565a;
  padding: 0 0 15px 0;
}

.search-info .search-donor .adv-options {
  width: 100%;
  float: left;
  margin: 15px 0 24px 0;
}

.search-info .search-donor .adv-options .box {
  width: 100%;
  max-width: 603px;
  float: left;
  border: 2px solid #708396;
  position: relative;
  padding: 30px 20px;
}

.search-info .search-donor .adv-options .box .sup-txt {
  width: 100%;
  float: left;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #708396;
  line-height: 1em;
  letter-spacing: 0.02em;
  text-align: center;
  position: absolute;
  top: -12px;
  left: 0;
}

.search-info .search-donor .adv-options .box .sup-txt span {
  display: inline-block;
  vertical-align: middle;
  background: #ffffff;
  padding: 0 5px;
}

.search-info .search-donor .adv-options .box ul {
  width: 100%;
  float: left;
  padding: 0;
}

.search-info .search-donor .adv-options .box ul li {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0 0 24px 0;
}

.search-info .search-donor .adv-options .box ul li:before {
  display: none;
}

.search-info .search-donor .adv-options .box ul li:last-child {
  margin-bottom: 0;
}

.search-info .search-donor .adv-options .box ul li .left-field {
  width: 170px;
  float: left;
}

.search-info .search-donor .adv-options .box ul li .right-field {
  width: calc(100% - 170px);
  float: left;
}

.search-info .search-donor .adv-options .box label {
  width: auto;
  float: none;
  display: inline-block;
  vertical-align: middle;
  font-family: "gothamlightregular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #55565a;
  text-transform: uppercase;
  padding: 13px 7px 0 0;
}

.search-info .search-donor .adv-options .box .tooltip-icon {
  margin: 14px 0 0 0;
}

.search-info .search-donor .adv-options .box .weight-field input {
  width: 25%;
}

.search-info .search-donor .adv-options .box .weight-field .to {
  width: 13%;
  float: left;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #55565a;
  line-height: 46px;
  text-align: center;
}

.search-info .search-donor .adv-options .box .weight-type {
  width: 37%;
  float: left;
  padding-left: 5%;
}

.search-info .search-donor .adv-options .box .weight-type .check-opt {
  width: 50%;
  height: 46px;
  float: left;
  position: relative;
}

.search-info .search-donor .adv-options .box .weight-type .check-opt label {
  width: 100%;
  height: 100%;
  float: left;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.2);
  line-height: 46px;
  letter-spacing: normal;
  text-transform: uppercase;
  text-align: center;
  overflow: hidden;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  text-indent: -99999px;
}

.search-info
  .search-donor
  .adv-options
  .box
  .weight-type
  .check-opt
  label
  span {
  position: relative;
  z-index: 10;
  cursor: pointer;
}

.search-info
  .search-donor
  .adv-options
  .box
  .weight-type
  .check-opt
  input[type="radio"] {
  display: none;
}

.search-info
  .search-donor
  .adv-options
  .box
  .weight-type
  .check-opt
  label:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  color: rgba(0, 0, 0, 0.2);
  background: #f3f3f3;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  z-index: 5;
  text-indent: 0;
}

.search-info
  .search-donor
  .adv-options
  .box
  .weight-type
  .check-opt
  input[type="radio"]:checked
  + label:before {
  color: #ffffff;
  background: #b7b5b3;
  box-shadow: inset #9f9d9c 0 0 0 2px;
}

.search-info
  .search-donor
  .adv-options
  .box
  .weight-type
  .check-opt:nth-child(1)
  label:before {
  content: "LBS";
}

.search-info
  .search-donor
  .adv-options
  .box
  .weight-type
  .check-opt:nth-child(2)
  label:before {
  content: "KG";
}

.search-info
  .search-donor
  .adv-options
  .box
  .jewish-ancestry-field
  .left-field {
  width: calc(100% - 130px);
}
.search-info
  .search-donor
  .adv-options
  .box
  .jewish-ancestry-field
  .right-field {
  width: 130px;
}

.search-info .search-donor .adv-options .box .jewish-ancestry {
  width: 130px;
  float: left;
}

.search-info .search-donor .adv-options .box .jewish-ancestry .check-opt {
  width: 50%;
  height: 46px;
  float: left;
  position: relative;
}

.search-info .search-donor .adv-options .box .jewish-ancestry .check-opt label {
  width: 100%;
  height: 100%;
  float: left;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.2);
  line-height: 46px;
  letter-spacing: normal;
  text-transform: uppercase;
  text-align: center;
  overflow: hidden;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  text-indent: -99999px;
}

.search-info
  .search-donor
  .adv-options
  .box
  .jewish-ancestry
  .check-opt
  label
  span {
  position: relative;
  z-index: 10;
  cursor: pointer;
}

.search-info
  .search-donor
  .adv-options
  .box
  .jewish-ancestry
  .check-opt
  input[type="radio"] {
  display: none;
}

.search-info
  .search-donor
  .adv-options
  .box
  .jewish-ancestry
  .check-opt
  label:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  color: rgba(0, 0, 0, 0.2);
  background: #f3f3f3;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  z-index: 5;
  text-indent: 0;
}

.search-info
  .search-donor
  .adv-options
  .box
  .jewish-ancestry
  .check-opt
  input[type="radio"]:checked
  + label:before {
  color: #ffffff;
  background: #b7b5b3;
  box-shadow: inset #9f9d9c 0 0 0 2px;
}

.search-info
  .search-donor
  .adv-options
  .box
  .jewish-ancestry
  .check-opt:nth-child(1)
  label:before {
  content: "YES";
}

.search-info
  .search-donor
  .adv-options
  .box
  .jewish-ancestry
  .check-opt:nth-child(2)
  label:before {
  content: "NO";
}

.search-info .search-donor .btn-out {
  padding: 0;
}

.search-info .search-donor .adv-options .box ul li.genetic-field {
}
.search-info .search-donor .adv-options .box ul li.genetic-field .left-field {
  width: 320px;
  float: left;
}

.search-info .search-donor .adv-options .box ul li.genetic-field .right-field {
  width: 238px;
  float: left;
  padding-top: 14px;
  text-align: right;
}
.search-info .search-donor .adv-options .box ul li.genetic-field label {
  line-height: 1.3em;
}

.search-info .search-donor .btn-out .btn,
.search-info .btn-out .btn {
  width: 100%;
  max-width: 603px;
  height: 70px;
  line-height: 70px;
  margin: 0;
}

.self-reported {
  text-transform: none;
  font-size: 14px;
}
.results-list .table-head .col span.self-reported {
  padding: 0;
  display: inline-block;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
}
.donor-profile .bio-info p span.self-reported {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  float: none;
  width: auto;
}

#GeneticConditionsModal .modal-content {
    padding-top: 5px;
    padding-bottom: 0px;
}
#GeneticConditionsModal #txt-search-genetic-conditions {
	background: white; border: 1px solid #ccc; border-radius: 4px;
}
#GeneticConditionsModal h2 {
    font-size: 16px;
    padding-bottom: 5px;
}
@media (max-width: 767px) {
	#GeneticConditionsModal a.show-selected-genetic-conditions {
		margin-bottom: 5px;
	}
}
ul.genetic-conditions {
	height: 60vh; 
	overflow-y: scroll;
}
ul.genetic-conditions li {
  cursor: pointer;
  display: inline-block;
/*  max-width: 295px;*/
	width: 95%;
  margin-right: 20px !important;
}
ul.genetic-conditions li .fa {
  margin-right: 5px;
  font-size: 18px;
}
.selected-genetic-conditions {
  margin-top: 5px;
}
.selected-genetic-conditions span {
  display: inline-block;
  font-size: 13px;
  margin-bottom: 5px;
  margin-right: 6px;
  border: 1px solid #ccc;
  border-radius: 20px;
  padding: 2px 4px 3px 10px;
}
.selected-genetic-conditions span .fa {
  margin-left: 10px;
  cursor: pointer;
  background-color: #888;
  color: #fff;
  padding: 2px 4px 3px;
  border-radius: 10px;
  font-size: 14px;
}

@media (max-width: 1199px) {
  .search-info .search-donor {
    background: none;
  }
}

@media (max-width: 767px) {
  .search-info .search-donor .fields {
    padding: 0 0 45px 0;
  }

  .search-info .search-donor .fields .lab-title {
    font-size: 16px;
    padding-bottom: 12px;
  }

  .search-info .search-donor .adv-options {
    margin: 20px 0 24px 0;
  }

  .search-info .search-donor .adv-options .box {
    max-width: 100%;
    width: 100%;
    padding: 30px 3% 3% 3%;
  }

  .search-info .search-donor .adv-options .box .sup-txt {
    font-size: 15px;
  }

  .search-info .search-donor .adv-options .box ul li .left-field {
    width: 100%;
  }

  .search-info .search-donor .adv-options .box ul li .right-field {
    width: 100%;
  }

  .search-info .search-donor .adv-options .box label {
    font-size: 16px;
    padding: 0 7px 10px 14px;
  }

  .search-info .search-donor .adv-options .box .tooltip-icon {
    margin: 1px 0 10px 0;
  }

  .search-info .search-donor .adv-options .box .input,
  .search-info .search-donor .adv-options .box select {
    font-size: 14px;
  }

  .search-info .search-donor .adv-options .box .weight-field .to {
    font-size: 14px;
    line-height: 40px;
  }

  .search-info .search-donor .adv-options .box .weight-type .check-opt {
    height: 40px;
    font-size: 14px;
    line-height: 40px;
  }

  .search-info .search-donor .adv-options .box .weight-type .check-opt label {
    font-size: 14px;
    line-height: 40px;
  }

  .search-info .search-donor .adv-options .box .jewish-ancestry .check-opt {
    height: 40px;
    font-size: 14px;
    line-height: 40px;
  }

  .search-info
    .search-donor
    .adv-options
    .box
    .jewish-ancestry
    .check-opt
    label {
    font-size: 14px;
    line-height: 40px;
  }

  .search-info .search-donor .btn-out {
    max-width: 100%;
    width: 100%;
    padding: 0;
  }

  .search-info .search-donor .btn-out .btn,
  .search-info .btn-out .btn {
    max-width: 100%;
    width: 100%;
    height: 56px;
    line-height: 56px;
    margin: 0;
  }
}
@media (max-width: 480px) {
  .search-info .search-donor .adv-options .box label {
    font-size: 14px;
    padding: 0 7px 4px 0px;
  }
}

/* Search - Box - Donor */
.search-box-donor {
  width: 100%;
  float: left;
  background: #708396;
  position: relative;
  padding: 15px 20px;
  margin: 0 0 52px 0;
}

.search-box-donor h4 {
  width: 100%;
  float: left;
  font-size: 20px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 0 0 8px 0;
}

.search-box-donor .tooltip-icon {
  background: url(../img/icon-tooltip-white@2x.png) no-repeat;
  background-size: 13px auto;
  position: absolute;
  top: 24px;
  right: 20px;
}

.search-box-donor .form-fields {
  width: 100%;
  height: 38px;
  float: left;
  background: #ffffff;
  position: relative;
  padding: 0 70px 0 20px;
}

.search-box-donor .form-fields .input {
  width: 100%;
  height: 38px;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #708396;
  line-height: 20px;
  background: none;
  border: none;
  padding: 5px 0;
}

.search-box-donor .form-fields :placeholder {
  color: #708396;
}

.search-box-donor .form-fields ::-webkit-input-placeholder,
.search-box-donor .form-fields ::-webkit-textarea-placeholder {
  color: #708396;
}

.search-box-donor .form-fields input::-moz-placeholder,
.search-box-donor .form-fields textarea::-moz-placeholder {
  color: #708396;
}

.search-box-donor .form-fields ::-moz-placeholder {
  color: #708396;
}

.search-box-donor .form-fields :-ms-input-placeholder {
  color: #708396;
}

.search-box-donor .form-fields .btn-go {
  width: 70px;
  height: 38px;
  float: left;
  font-family: "gothamblackregular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #708396;
  line-height: 38px;
  background: none;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
}

.search-box-donor .form-fields .btn-go:hover,
.search-box-donor .form-fields .btn-go:focus {
  color: #708396;
  background: none;
}

@media (max-width: 1199px) {
  .search-box-donor {
    max-width: 440px;
    margin: 0 0 30px 0;
  }
}

@media (max-width: 767px) {
  .search-box-donor {
    max-width: 100%;
    width: 100%;
    padding: 14px;
    margin: 0 0 45px 0;
  }

  .search-box-donor h4 {
    font-size: 18px;
    padding: 6px 0 15px 0;
  }

  .search-box-donor .tooltip-icon {
    top: 24px;
    right: 14px;
  }

  .search-box-donor .form-fields {
    padding: 0 70px 0 20px;
  }

  .search-box-donor .form-fields .input {
    font-size: 18px;
  }

  .search-box-donor .form-fields .btn-go {
    font-size: 18px;
  }
}

/* Search - Filter */
.search-filter {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}

.search-filter h4 {
  width: 100%;
  float: left;
  font-family: "gothamlightregular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #55565a;
  padding: 0 0 15px 0;
}

.search-filter ul {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0 0 -13px 0;
}

.search-filter ul li {
  width: 100%;
  float: left;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #55565a;
  position: relative;
  padding: 0 0 0 25px;
  margin: 0 0 19px 0;
}

.search-filter ul li:before {
  display: none;
}

.search-filter ul li label {
  width: auto;
  float: none;
  display: inline-block;
  vertical-align: middle;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #55565a;
  text-transform: none;
  padding: 0 4px 0 0;
  margin: 0;
}

.advanced-filter.search-filter ul li label {
  color: #fff;
}

.advanced-filter .search-by-donor {
  position: absolute;
  left: 74%;
  background-color: #fff;
  padding: 14px 18px 12px 18px;
  margin-top: -20px;
  z-index: 10;
}

.advanced-filter .search-by-donor .top {
  padding-bottom: 2px;
}

.advanced-filter .search-by-donor .top span {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #ddb36d;
  text-transform: uppercase;
  letter-spacing: -0.5px;
  display: inline-block;
}

.advanced-filter .search-by-donor .top .tooltip-icon {
  background: url(../img/icon-tooltip-orange.png) no-repeat;
  margin-left: 19px;
}

.advanced-filter .search-by-donor .input-container {
  border: 1px solid #f2c58e;
  border-top-color: #f8d8b2;
  border-bottom-color: #edb16b;
  padding: 1px 10px;
}

.advanced-filter .search-by-donor .input-container input {
  float: none;
  display: inline;
  max-width: 149px;
  background-color: #fff;
  padding: 0;
  color: #6f8495;
  font-size: 14px;
  line-height: 14px;
  height: auto;
}

.advanced-filter .search-by-donor .input-container span {
  font-family: "gothamblackregular", Arial, Helvetica, sans-serif;
  color: #708396;
  text-transform: uppercase;
  font-size: 17px;
  letter-spacing: 0.011em;
  display: inline-block;
  cursor: pointer;
}

@media (max-width: 1199px) {
  .advanced-filter.search-filter ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 13px !important;
  }

  .advanced-filter.search-filter ul li:nth-child(1) {
    order: 1;
  }
  .advanced-filter.search-filter ul li:nth-child(2) {
    order: 3;
  }
  .advanced-filter.search-filter ul li:nth-child(3) {
    order: 5;
  }
  .advanced-filter.search-filter ul li:nth-child(4) {
    order: 6;
  }
  .advanced-filter.search-filter ul li:nth-child(5) {
    order: 7;
  }
  .advanced-filter.search-filter ul li:nth-child(6) {
    order: 8;
  }
  .advanced-filter.search-filter ul li:nth-child(7) {
    order: 9;
  }
  .advanced-filter.search-filter ul li:nth-child(8) {
    order: 10;
  }
  .advanced-filter.search-filter ul li:nth-child(9) {
    order: 11;
  }
  .advanced-filter.search-filter ul li:nth-child(10) {
    order: 12;
  }
  .advanced-filter.search-filter ul li:nth-child(11) {
    order: 13;
  }
  .advanced-filter.search-filter ul li:nth-child(12) {
    order: 14;
  }
  .advanced-filter.search-filter ul li:nth-child(13) {
    order: 15;
  }
  .advanced-filter.search-filter ul li:nth-child(14) {
    order: 16;
  }
  .advanced-filter.search-filter ul li:nth-child(15) {
    order: 17;
  }
  .advanced-filter.search-filter ul li:nth-child(16) {
    order: 18;
  }
  .advanced-filter.search-filter ul li:nth-child(17) {
    order: 19;
  }
  .advanced-filter.search-filter ul li:nth-child(18) {
    order: 20;
  }
  .advanced-filter.search-filter ul li:nth-child(19) {
    order: 21;
  }
  .advanced-filter.search-filter ul li:nth-child(20) {
    order: 22;
  }
  .advanced-filter.search-filter ul li:nth-child(21) {
    order: 23;
  }
  .advanced-filter.search-filter ul li:nth-child(22) {
    order: 24;
  }

  .advanced-filter.search-filter ul li.search-by-donor-placeholder-1 {
    order: 2;
  }
  .advanced-filter.search-filter ul li.search-by-donor-placeholder-2 {
    order: 4;
  }

  .advanced-filter .search-by-donor {
    left: 48%;
  }
}

.search-filter ul li input[type="checkbox"] {
  display: none;
}

.search-filter ul li label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/checkbox-01@2x.png) no-repeat top left;
  background-size: 16px auto;
  position: absolute;
  top: 2px;
  left: 0;
}

.search-filter ul li input[type="checkbox"]:checked + label:before {
  background: url(../img/checkbox-02@2x.png) no-repeat top left;
  background-size: 16px auto;
}

.search-filter .tooltip-icon {
  background: url(../img/icon-tooltip-black@2x.png) no-repeat;
  background-size: 13px auto;
  margin: -2px 0 0 0;
}

.search-filter .tooltip-icon:hover {
  background: url(../img/icon-tooltip-navy@2x.png) no-repeat;
  background-size: 13px auto;
}

.search-filter .new-label {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #ef5252;
  text-transform: uppercase;
  top: -3px;
}

.search-info .right-cl .btn-out {
  display: none;
}
@media (max-width: 992px) {
  .search-info .right-cl .btn-out {
    display: block;
    margin-top: 30px;
  }
  .search-info .left-cl .btn-out {
    display: none;
  }
}

@media (min-width: 768px) {
  .search-filter ul li .tooltip-inner {
    width: 160px !important;
  }
}

@media (min-width: 1024px) {
  .search-filter ul li .tooltip-inner {
    width: 250px !important;
  }
}

@media (min-width: 1200px) {
  .search-filter ul li .tooltip-inner {
    width: 160px !important;
  }
}

@media (min-width: 1359px) {
  .search-filter ul li .tooltip-inner {
    width: 210px !important;
  }
}

@media (min-width: 1360px) {
  .search-filter ul li .tooltip-inner {
    width: 290px !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .search-filter ul li {
    width: 49%;
    float: none;
    display: inline-block;
    vertical-align: top;
    padding-right: 15px;
  }
}

@media (max-width: 767px) {
  .search-filter h4 {
    font-size: 16px;
    padding-bottom: 18px;
  }

  .search-filter ul li .tooltip-inner {
    width: 150px !important;
  }

  .search-filter ul li .tooltip.right {
    top: auto !important;
    bottom: 25px !important;
    margin: 0 0 0 -86px !important;
  }

  .search-filter .tooltip.right .tooltip-arrow {
    top: auto !important;
    bottom: 0 !important;
    right: auto !important;
    left: 50% !important;
    margin: 0 0 -5px -5px !important;
    border: none;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #babdc3;
  }
}

/* CTA - Cont */
.cta-cont {
  width: 100%;
  float: left;
  background: #f7f6f6;
  overflow: hidden;
  padding: 0;
}

.cta-cont figure {
  width: 40%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  margin: -2px;
}

.cta-cont figure img {
  width: 100%;
  min-width: 628px;
  margin: 0 -314px;
}

.cta-cont aside {
  width: 60%;
  display: inline-block;
  vertical-align: middle;
  padding: 0 2% 0 4.5%;
  margin: -2px;
}

.cta-cont aside h2 {
  display: inline-block;
  color: #19a2b5;
  /*background: url(../img/icon-like4@2x.png) no-repeat right center;*/
  background-size: 27px auto;
  padding: 0 40px 0 0;
  margin: 0 0 13px 0;
}

.cta-cont aside h2 a {
  color: #19a2b5;
}

.cta-cont aside p {
  font-family: "gothamexlightregular", Arial, Helvetica, sans-serif;
  font-size: 23px;
  color: #606060;
  line-height: 33px;
  padding: 0 0 35px 0;
}

.cta-cont aside p a {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #efab58;
  text-decoration: underline;
}

.cta-cont aside p a:hover {
  color: #19a2b5;
}

.cta-cont aside p:last-child {
  padding: 0;
}

@media (max-width: 1199px) {
  .cta-cont figure {
    width: 50%;
  }

  .cta-cont aside {
    width: 50%;
  }

  .cta-cont aside h2 {
    font-size: 26px;
    background-size: 23px auto;
    padding: 0 32px 0 0;
  }

  .cta-cont aside p {
    font-size: 20px;
    padding: 0 0 35px 0;
  }
}

@media (max-width: 767px) {
  .cta-cont figure {
    width: 100%;
    margin: 0;
  }

  .cta-cont figure img {
    min-width: 500px;
    margin: 0 -250px;
  }

  .cta-cont aside {
    width: 100%;
    padding: 30px 15px;
  }

  .cta-cont aside h2 {
    font-size: 24px;
    letter-spacing: normal;
    background-size: 20px auto;
    padding: 0 28px 0 0;
  }

  .cta-cont aside p {
    font-size: 18px;
    line-height: 30px;
    padding: 0 0 35px 0;
  }
}

/* CTA - Info */
.cta-info {
  width: 100%;
  float: left;
  background: #efab58;
  padding: 60px 0;
}

.cta-info aside {
  width: 100%;
  float: none;
  display: inline-block;
  vertical-align: middle;
  padding: 0 385px 0 5%;
  margin: 0 -3px;
}

.cta-info aside h3 {
  font-size: 26px;
  color: #ffffff;
  padding: 0 0 20px 0;
}

.cta-info aside h3:last-child {
  padding: 0;
}

.cta-info aside p {
  font-family: "gothamexlightregular", Arial, Helvetica, sans-serif;
  font-size: 23px;
  color: #ffffff;
  line-height: 28px;
}

.cta-info aside p:last-child {
  padding-bottom: 0;
}

.cta-info .btn-subscribe {
  width: 100%;
  height: 90px;
  float: left;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #efab58;
  line-height: 27px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background: #ffffff;
  padding: 20px 0 0 0;
}

.cta-info .btn-subscribe strong {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font-size: 29px;
  letter-spacing: 4px;
}

.cta-info .btn-subscribe:hover,
.cta-info .btn-subscribe:focus {
  background: rgba(255, 255, 255, 0.9);
}

.cta-info .btn-out {
  width: 257px;
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 -2px 0 -257px;
}

@media (max-width: 1279px) {
  .cta-info aside {
    padding-left: 0;
  }
}

@media (max-width: 1023px) {
  .cta-info aside {
    padding: 0 280px 0 0;
  }

  .cta-info aside h3 {
    font-size: 24px;
    line-height: 28px;
    padding: 0 0 17px 0;
  }

  .cta-info aside p {
    font-size: 20px;
    line-height: 25px;
  }
}

@media (max-width: 767px) {
  .cta-info {
    padding: 25px 5px 30px 5px;
  }

  .cta-info aside {
    padding: 0 0 20px 0;
    margin: 0;
  }

  .cta-info aside h3 {
    font-size: 22px;
    line-height: 26px;
    padding: 0 0 15px 0;
  }

  .cta-info aside p {
    font-size: 18px;
    line-height: 23px;
  }

  .cta-info .btn-subscribe {
    height: 80px;
    font-size: 14.18px;
    line-height: 28px;
    padding: 14px 0 0 0;
  }

  .cta-info .btn-subscribe strong {
    font-size: 25.69px;
    letter-spacing: 3px;
  }

  .cta-info .btn-out {
    width: 230px;
    margin: 0;
  }
}

/* Subscribe - Modal */
.modal-subscribe {
  max-width: 640px;
  padding: 35px 45px;
}

.modal-subscribe .popup h2 {
  font-size: 27px;
  line-height: 32px;
  text-align: left;
  padding-bottom: 15px;
  margin-bottom: 25px;
}

.modal-subscribe .offer-list {
  width: 100%;
  float: left;
  border-bottom: 1px solid #d2d0ce;
  padding: 0 0 15px 0;
  margin: 0 0 27px 0;
}

.modal-subscribe .offer-list h5 {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 22px;
  line-height: 26px;
  padding: 0 0 20px 0;
}

.modal-subscribe .offer-list ol {
  padding: 0;
}

.modal-subscribe .offer-list ol li {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #708396;
}

.modal-subscribe .offer-list ol li:before {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
}

.modal-subscribe .pricing-boxes {
  width: 110%;
  float: left;
  text-align: center;
  margin: 0 -5%;
}

.modal-subscribe .pricing-boxes .article {
  width: 100%;
  max-width: 278px;
  float: none;
  display: inline-block;
  vertical-align: top;
  padding: 5px 9px;
}

.modal-subscribe .pricing-boxes .article p {
  font-size: 12px;
  color: #999999;
  line-height: 16px;
  padding: 0;
}

.modal-subscribe .pricing-boxes .article h4 {
  width: 100%;
  height: 45px;
  float: left;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #ffffff;
  line-height: 45px;
  text-align: center;
  background: #708396;
  padding: 0;
  margin: 0 0 3px 0;
}

.modal-subscribe .pricing-boxes .article .box {
  width: 100%;
  height: 212px;
  float: left;
  text-align: center;
  background: #e5e5e5;
  border: 1px solid #708396;
  padding: 12px;
  margin: 0 0 10px 0;
}

.modal-subscribe .pricing-boxes .article .box p {
  font-size: 16px;
  color: #262729;
  line-height: 22px;
  padding: 0 0 14px 0;
  height: 80px;
}

.modal-subscribe .pricing-boxes .article .box .price {
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 60px;
  color: #708396;
  line-height: 60px;
  padding: 0 0 12px 0;
}

.modal-subscribe .pricing-boxes .article.premium h4 {
  background: #19a2b5;
}

.modal-subscribe .pricing-boxes .article.premium .box {
  border-color: #19a2b5;
}

.modal-subscribe .pricing-boxes .article.premium .box .price {
  color: #19a2b5;
}

@media (max-width: 767px) {
  .modal-subscribe {
    max-width: 360px;
    padding: 25px 15px 15px 15px;
  }

  .modal-subscribe .popup h2 {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 12px;
    margin-bottom: 18px;
  }

  .modal-subscribe .offer-list {
    padding: 0 0 7px 0;
    margin: 0 0 18px 0;
  }

  .modal-subscribe .offer-list h5 {
    font-size: 14px;
    line-height: 18px;
    padding: 0 0 15px 0;
  }

  .modal-subscribe .offer-list ol {
    padding: 0;
  }

  .modal-subscribe .offer-list ol li {
    font-size: 12px;
    line-height: 16px;
  }

  .modal-subscribe .pricing-boxes {
    width: 100%;
    margin: 0;
  }

  .modal-subscribe .pricing-boxes .article {
    max-width: 360px;
    padding-left: 0;
    padding-right: 0;
  }
}

/*
 4.1) Donor Search Results - Page
----------------------------------------*/

.search-info2 {
  width: 100%;
  float: left;
  padding: 50px 0 75px 0;
}

.results-list .table-row .btm-row .btns .label-new-lower-pricing {
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 0 9px;
  color: #efab58;
  width: auto;
  float: none;
}
@media (max-width: 1199px) {
  .search-info2 {
    padding: 55px 0;
  }
}

@media (max-width: 767px) {
  .search-info2 {
    padding: 0;
  }

  .search-info2 .container {
    padding: 0;
  }
}

/* Search - Filter 2 (search results) */

.search-filter2 {
  width: 100%;
  float: left;
  margin: 15px 0 37px 0;
}

.search-filter2 .box {
  width: 100%;
  float: left;
  border: 2px solid #b7c1cb;
  position: relative;
  padding: 30px 20px;
}

.search-filter2 .box .sup-txt {
  width: 100%;
  float: left;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #678397;
  line-height: 1em;
  letter-spacing: 0.01em;
  text-align: center;
  position: absolute;
  top: -12px;
  left: 0;
}

.search-filter2 .box .sup-txt span {
  display: inline-block;
  vertical-align: middle;
  background: #ffffff;
  padding: 0 15px;
}

.search-filter2 .box ul {
  width: 100%;
  float: left;
  padding: 0 30px 0 0;
  margin: 0 0 -16px 0;
}

.search-filter2 .box ul li {
  width: 33.33%;
  float: none;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin: 0 -2px 16px -2px;
}

.search-filter2 .box ul.dropdown-menu li {
  width: 100%;
  display: block;
}

.bootstrap-select .dropdown-toggle .filter-option {
  padding: 8px 33px 8px 17px !important;
}

.search-filter2 .box ul li:before {
  display: none;
}

.search-filter2 .box ul li .left-field {
  width: 42%;
  float: left;
  text-align: right;
  padding: 6px 22px 0 0;
}

.search-filter2 .box ul li .right-field {
  width: 58%;
  float: left;
}

.search-filter2 .box label {
  font-family: "gothamlightregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #999999;
  line-height: 20px;
  text-transform: uppercase;
  padding: 0;
}

.search-filter2 .box .input,
.search-filter2 .box .textarea,
.search-filter2 .box select {
  width: 100%;
  height: 31px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #999999;
  padding: 8px 13px;
}

.search-filter2 .box .textarea {
  height: 110px;
}

.search-filter2 .box select {
  background-size: 23px auto;
  background-repeat: no-repeat;
  padding-right: 25px;
  padding-top: 0;
  padding-bottom: 0;
}

.search-filter2 .box select option {
  padding: 6px 13px !important;
}

.search-filter2 .box .height,
.search-filter2 .box .weight {
  width: 48%;
}

.search-filter2 .box .weight {
  float: right;
}

.search-filter2 .box .search-box {
  width: 100%;
  height: 31px;
  float: left;
  background: #ffffff;
  border: 1px solid #d1d0cc;
  overflow: hidden;
  position: relative;
  padding: 0 35px 0 15px;
}

.search-filter2 .box .search-box .input {
  width: 100%;
  height: 29px;
  font-family: "gothammediumitalic", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #999999;
  line-height: 16px;
  background: none;
  border: none;
  padding: 5px 0;
}

.search-filter2 .box .search-box .icon-search {
  width: 35px;
  height: 29px;
  float: left;
  text-indent: -9999px;
  background: url(../img/icon-search2@2x.png) no-repeat center center;
  background-size: 14px auto;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
}

.search-filter2 .box .search-box :placeholder {
  color: #999999;
}

.search-filter2 .box .search-box ::-webkit-input-placeholder,
.search-filter2 .box .search-box ::-webkit-textarea-placeholder {
  color: #999999;
}

.search-filter2 .box .search-box input::-moz-placeholder,
.search-filter2 .box .search-box textarea::-moz-placeholder {
  color: #999999;
}

.search-filter2 .box .search-box ::-moz-placeholder {
  color: #999999;
}

.search-filter2 .box .search-box :-ms-input-placeholder {
  color: #999999;
}

.search-filter2 .box .weight * {
  float: left;
  margin-right: 6px;
}

.search-filter2 .box .weight input {
  width: 59px;
}

.search-filter2 .box .weight span {
  width: 15px;
  text-align: center;
  color: #ccc;
  line-height: 31px;
}

.search-filter2 .box .weight select {
  width: 66px;
  margin-right: 0;
}

.search-filter2 .box ul li.genetic-field {
  width: 100%;
}
.search-filter2 .box ul li.genetic-field .left-field {
  width: auto;
  padding-top: 12px;
}
.search-filter2 .box ul li.genetic-field .right-field {
  width: auto;
}

.search-filter2 .box .jewish-ancestry-field .left-field {
  width: calc(100% - 165px);
}
.search-filter2 .box .jewish-ancestry-field .right-field {
  width: 165px;
  padding-left: 65px;
}

.search-filter2 .box .jewish-ancestry {
  width: 100px;
  float: left;
}

.search-filter2 .box .jewish-ancestry .check-opt {
  width: 50%;
  height: 31px;
  float: left;
  position: relative;
}

.search-filter2 .box .jewish-ancestry .check-opt label {
  width: 100%;
  height: 100%;
  float: left;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.2);
  line-height: 31px;
  letter-spacing: normal;
  text-transform: uppercase;
  text-align: center;
  overflow: hidden;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  text-indent: -99999px;
}

.search-filter2 .box .jewish-ancestry .check-opt label span {
  position: relative;
  z-index: 10;
  cursor: pointer;
}

.search-filter2 .box .jewish-ancestry .check-opt input[type="radio"] {
  display: none;
}

.search-filter2 .box .jewish-ancestry .check-opt label:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  color: rgba(0, 0, 0, 0.2);
  background: #f3f3f3;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  z-index: 5;
  text-indent: 0;
}

.search-filter2
  .box
  .jewish-ancestry
  .check-opt
  input[type="radio"]:checked
  + label:before {
  color: #ffffff;
  background: #b7b5b3;
  box-shadow: inset #9f9d9c 0 0 0 2px;
}

.search-filter2 .box .jewish-ancestry .check-opt:nth-child(1) label:before {
  content: "YES";
}

.search-filter2 .box .jewish-ancestry .check-opt:nth-child(2) label:before {
  content: "NO";
}

@media (min-width: 900px) and (max-width: 1199px) {
  .search-filter2 .box .weight input {
    width: 23%;
  }

  .search-filter2 .box .weight span {
    width: 4%;
  }

  .search-filter2 .box .weight select {
    width: 41%;
  }
}

@media (min-width: 769px) and (max-width: 899px) {
  .search-filter2 .box .weight input {
    width: 38%;
  }

  .search-filter2 .box .weight select {
    margin-top: 5px;
  }
}

@media (max-width: 1199px) {
  .search-filter2 .box ul {
    padding: 0;
  }

  .search-filter2 .box ul li {
    width: 50%;
  }

  .search-filter2 .box ul li .left-field {
    width: 47%;
    padding: 6px 15px 0 0;
  }

  .search-filter2 .box ul li .right-field {
    width: 53%;
  }
}

@media (max-width: 767px) {
  .search-filter2 {
    padding: 0 10px;
    margin: 30px 0 15px 0;
  }

  .search-filter2 .box {
    border-width: 1px;
    padding: 20px 15px;
  }

  .search-filter2 .box ul {
    padding: 0;
  }

  .search-filter2 .box ul li {
    width: 100%;
  }

  .search-filter2 .box ul li .left-field {
    width: 100%;
    padding: 0 0 5px 0;
    display: none;
  }

  .search-filter2 .box ul li .right-field {
    width: 100%;
  }

  .search-filter2 .box .input,
  .search-filter2 .box .textarea,
  .search-filter2 .box select {
    height: 40px;
  }

  .search-filter2 .box .textarea {
    height: 110px;
  }

  .search-filter2 .box select {
    padding-top: 0;
    padding-bottom: 0;
  }

  .search-filter2 .box .search-box {
    height: 40px;
    padding: 0 35px 0 15px;
  }

  .search-filter2 .box .search-box .input {
    height: 39px;
    font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
    padding: 10px 0;
  }

  .search-filter2 .box .search-box .icon-search {
    height: 39px;
  }
}

#table-updater {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #eaeaea;
  z-index: 9999;
  display: none;
}
#table-updater td:first-child {
  text-align: center !important;
  width: 100% !important;
  position: absolute;
  padding-top: 40px;
}

/* Advanced Search Filter */
.advanced-filter {
  background: #efab58;
  padding: 0;
  margin: -20px 0 25px 0;
}

.advanced-filter .accord-filter-title {
  width: 100%;
  float: left;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  line-height: 20px;
  letter-spacing: 0.01em;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  padding: 13px;
  margin: 0;
}

.advanced-filter .accord-filter-title span {
  display: inline-block;
  position: relative;
  padding: 0 10px 0 0;
}

.advanced-filter .accord-filter-title i.fa-chevron-down {
  display: inline-block;
}

.advanced-filter .accord-filter-title i.fa-chevron-up {
  display: none;
}

.advanced-filter .accord-filter-title.active i.fa-chevron-down {
  display: none;
}

.advanced-filter .accord-filter-title.active i.fa-chevron-up {
  display: inline-block;
}

.advanced-filter .accord-filter-cont {
  width: 100%;
  float: left;
  display: none;
  padding: 25px;
  margin: 0;
  position: relative;
}

.advanced-filter .accord-filter-cont.active {
  display: block;
}

.advanced-filter .accord-filter-cont ul {
  padding: 0;
  margin: 0;
}

.advanced-filter .accord-filter-cont ul li {
  width: 25%;
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-left: -2px;
  margin-right: -2px;
}

.advanced-filter .accord-filter-cont ul li:nth-child(3),
.advanced-filter .accord-filter-cont ul li:nth-child(6) {
  width: 50%;
}

.advanced-filter .accord-filter-cont .tooltip-icon {
  width: 15px;
  height: 15px;
  background: url(../img/icon-tooltip-white@2x.png) no-repeat;
  background-size: 15px auto !important;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .advanced-filter .accord-filter-cont ul li {
    width: 49%;
    float: none;
    display: inline-block;
    vertical-align: top;
    padding-right: 15px;
  }

  .advanced-filter .accord-filter-cont ul li:nth-child(1),
  .advanced-filter .accord-filter-cont ul li:nth-child(2) {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .advanced-filter {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 20px 0;
  }

  .advanced-filter .accord-filter-title {
    font-size: 15px;
    line-height: 20px;
  }

  .advanced-filter .accord-filter-cont {
    padding: 15px;
  }

  .advanced-filter .accord-filter-cont ul li {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

/* View Results Button */
.view-results-fxd {
  width: 100%;
  float: left;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.view-results-fxd .btn {
  width: 100%;
  height: 40px;
  float: left;
  line-height: 40px;
  padding: 0;
}

.row-offcanvas-left.active .view-results-fxd {
  left: 245px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

span.filtered-results-count,
span#donors-txt {
  font-family: inherit !important;
}
.pagination-pages a.disabled {
  color: gray !important;
  pointer-events: none !important;
}

/* Search - Table */
.search-table {
  width: 100%;
  float: left;
}

.title-btns2 {
  width: 100%;
  float: left;
  border-bottom: 1px solid #e3e5e6;
  position: relative;
  padding: 0 0 17px 0;
  margin: 0 0 20px 0;
}

.title-btns2 h2 {
  width: 100%;
  float: left;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #19a2b5;
  line-height: 28px;
  padding: 4px 0 0 0;
}

.title-btns2 .btn-bg {
  width: auto;
  float: right;
  padding: 0;
  margin: 0 0 0 -800px;
}

.title-btns2 .btn-bg .btn {
  font-size: 14px;
  padding-top: 11px;
  padding-bottom: 10px;
  margin: 0 0 0 8px;
}

.title-btns2 .btn-bg .btn-gray {
  background: #999999;
}

.title-btns2 .btn-bg .btn-gray:hover,
.title-btns2 .btn-bg .btn-gray:focus,
.title-btns2 .btn-bg .btn-gray:active {
  background: #676767;
}

.title-btns2 .filter-btn {
  display: none;
  position: absolute;
  top: 8.5px;
  right: 10px;
}

.title-btns2 .filter-btn .btn {
  font-size: 12px;
  padding: 8px 15px;
  margin: 0;
}

@media (max-width: 1199px) {
  .title-btns2 {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e3e5e6;
    padding: 0 0 17px 0;
    margin: 0 0 20px 0;
  }

  .title-btns2 h2 {
    font-size: 20px;
    line-height: 24px;
    padding: 0;
  }

  .title-btns2 .btn-bg .btn {
    font-size: 12px;
    padding: 8px 15px;
    margin: 0 0 0 6px;
  }
}
@media (max-width: 992px) {
  .title-btns2 h2 {
    float: none;
  }
}
@media (max-width: 767px) {
  .title-btns2 {
    width: 100%;
    float: left;
    border: none;
    padding: 0;
    margin: 0;
  }

  .title-btns2 h2 {
    width: 100%;
    float: left;
    font-size: 12px;
    line-height: 16px;
    padding: 15px 10px;
  }

  .title-btns2 .btn-bg {
    width: 100%;
    float: left;
    background: #f5f5f5;
    padding: 10px 10px;
    margin: 0;
  }

  .title-btns2 .btn-bg .btn {
    float: left;
    font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #262729;
    text-transform: none;
    text-decoration: underline;
    background: none;
    padding: 0;
    margin: 5px 15px 5px 0;
  }

  .title-btns2 .btn-bg .btn:hover,
  .title-btns2 .btn-bg .btn.active {
    color: #19a2b5;
    text-decoration: underline;
  }

  .title-btns2 .btn-bg .btn-gray {
    background: none;
  }

  .title-btns2 .btn-bg .btn-gray:hover,
  .title-btns2 .btn-bg .btn-gray:focus,
  .title-btns2 .btn-bg .btn-gray:active {
    background: none;
  }

  .title-btns2 .filter-btn {
    display: block;
  }

  .title-btns3 .btn-bg {
    background: none;
    padding-bottom: 5px;
  }
}

/* Table Outer Top */
.table-out-top {
  width: 100%;
  float: left;
  margin: 0 0 25px 0;
}

.table-out-top p {
  float: left;
  font-size: 14px;
  line-height: 16px;
  padding: 3px 0 0 40px;
}

.table-out-top .donor-countires {
  float: left;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #999999;
  line-height: 22px;
}

.table-out-top .donor-countires a {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #999999;
  text-decoration: underline;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px auto;
  padding: 4px 0 4px 30px;
  margin: 0 36px 0 0;
}

.table-out-top .donor-countires a:hover {
  color: #708396;
}

.table-out-top .donor-countires a.uk {
  background-image: url(../img/icon-flag-01@2x.png);
  background-size: 24px auto;
}

.table-out-top .donor-countires a.canadian {
  background-image: url(../img/icon-flag-02@2x.png);
  background-size: 24px auto;
}

.table-out-top .donor-countires a.active {
  color: #708396;
  font-weight: bold;
}

.table-out-top .pager-right {
  float: right;
}

.table-out-top .pager-right .show-option {
  float: left;
}

.table-out-top .pager-right .show-option p {
  padding-left: 7px;
}

.table-out-top .pager-right .show-option select {
  width: 43px;
  height: 21px;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-image: url(../img/arrow-down5@2x.png);
  background-size: 13px auto;
  background-repeat: no-repeat;
  background-position: right center;
  padding: 0 0 0 8px;
  margin: 0;
}

.table-out-top .pager-right .show-option select option {
  padding: 4px 8px !important;
}

.table-out-top .new-donor-drop {
  height: 24px;
  float: right;
  position: relative;
  padding: 0;
  margin: 2px 0 0 0;
  display: none;
}

.table-out-top .new-donor-drop .dropdown-toggle {
  float: left;
  height: 24px;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #262729;
  line-height: 22px;
  cursor: pointer;
  position: relative;
  padding: 0 19px 0 0;
}

.table-out-top .new-donor-drop .dropdown-toggle:after {
  content: "";
  width: 12px;
  height: 24px;
  float: left;
  background: url(../img/arrow-down6@2x.png) no-repeat right center;
  background-size: 12px auto;
  position: absolute;
  top: 0;
  right: 0;
}

.table-out-top .new-donor-drop .dropdown-menu {
  min-width: 100%;
  width: 150px;
  background: #ffffff;
  top: 24px;
  left: -15px;
  border-radius: 0;
  z-index: 100;
  padding: 5px 15px;
  margin: 0;
}

.table-out-top .new-donor-drop .dropdown-menu ul {
  width: 100%;
  float: left;
  padding: 3px 0;
  margin: 0;
}

.table-out-top .new-donor-drop .dropdown-menu ul li {
  width: 100%;
  float: left;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #262729;
  line-height: 20px;
  padding: 0;
  margin: 4px 0;
}

.table-out-top .new-donor-drop .dropdown-menu ul li:before {
  display: none;
}

.table-out-top .new-donor-drop .dropdown-menu ul li a {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #262729;
}

.table-out-top .new-donor-drop .dropdown-menu ul li a:hover,
.table-out-top .new-donor-drop .dropdown-menu ul li a.active {
  color: #19a2b5;
}

@media (max-width: 1199px) {
  .table-out-top .donor-countires a {
    margin: 0 22px 0 0;
  }

  .table-out-top .pager-right {
    display: none;
  }

  .table-out-top .new-donor-drop {
    display: block;
  }
}

@media (max-width: 767px) {
  .table-out-top {
    padding: 15px 10px 12px 10px;
    margin: 0;
  }

  .table-out-top .donor-countires {
    width: 100%;
    display: none;
  }

  .table-out-top .donor-countires a {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    padding: 4px 0 4px 30px;
    margin: 2px 0;
  }

  .table-out-top .new-donor-drop {
    height: 20px;
  }

  .table-out-top .new-donor-drop .dropdown-toggle {
    height: 20px;
    font-size: 12px;
    line-height: 16px;
    padding: 0 15px 0 0;
  }

  .table-out-top .new-donor-drop .dropdown-toggle:after {
    width: 8px;
    height: 18px;
    background-size: 8px auto;
  }

  .table-out-top .new-donor-drop .dropdown-menu {
    width: 115px;
    top: 20px;
    left: -10px;
    padding: 5px 10px;
  }

  .table-out-top .new-donor-drop .dropdown-menu ul li {
    font-size: 12px;
    line-height: 16px;
    margin: 3px 0;
  }
}

/* Results - List */

.pagination-hidden {
  display: none;
}

.results-list {
  width: 100%;
  float: left;
  padding: 0 0 10px 0;
}

.results-list .tablesorter {
  width: 100%;
  float: left;
}

.results-list .table-head {
  width: 100%;
  float: left;
  position: relative;
  margin: 0 0 5px 0;
}

.results-list .table-head:before {
  content: "";
  width: 10100%;
  height: 100%;
  float: left;
  background: #eff4f5;
  position: absolute;
  top: 0;
  left: -5000%;
}

.results-list .table-head .col-bg {
  width: 100%;
  float: left;
  position: relative;
  z-index: 5;
  overflow: hidden;
}

.results-list .table-head .col {
  width: 11.11%;
  height: 60px;
  float: left;
  display: table;
  vertical-align: middle;
  font-weight: normal;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
  line-height: 18px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  background: #a4b3c0;
  cursor: pointer;
  position: relative;
  padding: 0;
}

.results-list .table-head .col:after {
  content: "";
  width: 4px;
  height: 100%;
  float: left;
  background: #eff4f5;
  position: absolute;
  top: 0;
  right: -4px;
  z-index: 10;
}

.results-list .table-head .col:last-child:after {
  display: none;
}

.results-list .table-head .col span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px 0 9px;
}

.results-list .table-head .col.active {
  background: #708396;
}

.results-list table.tablesorter thead tr .headerSort span,
.results-list table.tablesorter thead tr .headerSortDown span,
.results-list table.tablesorter thead tr .headerSortUp span {
  background: #708396;
}

.results-list .table-cont {
  width: 100%;
  float: left;
}

.results-list .table-row {
  width: 100%;
  height: 145px;
  float: left;
  background: #f5f5f5;
  position: relative;
  padding: 0 0 40px 0;
  margin: 0 0 15px 0;
}

.results-list .table-row .col-bg {
  width: 100%;
  float: left;
}

.results-list .table-row .col {
  width: 11.11%;
  /*max-width: 170px;*/
  height: 105px;
  float: left;
  display: table;
  vertical-align: middle;
  position: relative;
  padding: 0;
  margin: 0;
}

@media (max-width: 1400px) {
  .results-list .table-row .col {
  }
}

.results-list .table-row .col:after {
  content: "";
  width: 1px;
  height: 80%;
  float: left;
  background: #ededed;
  position: absolute;
  top: 10%;
  right: -2.8px;
  z-index: 10;
}

.results-list .table-row .col:first-child:after,
.results-list .table-row .col:last-child:after,
.results-list .table-row .col:nth-child(9):after {
  display: none;
}

.results-list .table-row .col-mid {
  width: 100%;
  max-width: 120px;
  height: 100%;
  float: none;
  display: table-cell;
  vertical-align: middle;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #565656;
  line-height: 18px;
  text-align: center;
  padding: 0 5px;
}

.results-list .table-row .col-mid .donor-id {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #19a2b5;
}
.results-list .table-row .col-mid .tagline {
  display: none;
}
.results-list .table-row .figure-bg {
  width: 100%;
  height: 145px;
  float: left;
  position: relative;
  z-index: 1;
}

.results-list .table-row.new-donor .figure-bg .new-txt {
  height: 11px;
  float: right;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 8px;
  color: #ffffff;
  line-height: 11px;
  text-transform: uppercase;
  background: #ecb269;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 4px;
}

.results-list .table-row.new-donor .figure-bg .new-txt strong {
  font-family: "gothamblackregular", Arial, Helvetica, sans-serif;
}

.results-list .table-row .figure-bg figure {
  width: 100%;
  height: 145px;
  float: left;
  text-align: center;
  overflow: hidden;
  margin: 0;
}

.results-list .table-row .figure-bg figure img {
  margin: 0 -60px;
  object-fit: cover;
  height: 145px;
  width: 100%;
  object-position: top;
}

.results-list .table-row .figure-bg .txt {
  width: 100%;
  height: 100%;
  float: left;
  display: table;
  vertical-align: middle;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
}

.results-list .table-row .figure-bg .txt a {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  color: #ffffff;
}

.results-list .table-row .figure-bg .txt span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px 40px 20px;
}

.results-list .table-row .figure-bg .view-control {
  width: 100%;
  height: 40px;
  float: left;
  line-height: 39px;
  text-align: center;
  background: #67cbdb;
  position: absolute;
  bottom: 0;
  left: 100%;
  z-index: 5;
}

.results-list .table-row.new-donor .figure-bg .view-control {
  border-left: 3px solid #ecb269;
}
@media (max-width: 1226px) {
  .results-list .table-row.new-donor .figure-bg .view-control {
    border-left: 0px;
  }
}

.results-list .table-row .figure-bg .view-control a {
  width: 21px;
  height: 21px;
  font-size: 21px;
  color: #ddf3f7;
  display: inline-table;
  vertical-align: middle;
  line-height: 1em;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0;
  margin: 0 5px;
}

.results-list .table-row .figure-bg .view-control a:hover {
  text-decoration: none;
  color: #f6feff;
}

.results-list .table-row .btm-row {
  width: 100%;
  height: 40px;
  float: left;
  background: #eaeaea;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 0 0 22%;
}

.results-list .table-row .btm-row .tagline {
  position: absolute;
  top: -26px;
  width: max-content;
  background-color: #efab58;
  color: #fff;
  padding: 0px 10px;
  z-index: 11;
  font-size: 14px;
}

.results-list .table-row .btm-row .btns {
  float: left;
  margin: 6px 0 0 16px;
}

.results-list .table-row .btm-row .btns .btn {
  height: 21px;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 22px;
  padding: 0 9px;
  margin: 0;
}

.results-list .table-row .btm-row .icons {
  height: 40px;
  float: right;
  white-space: nowrap;
  overflow: hidden;
  line-height: 37px;
  margin: 0 5px 0 -600px;
}

.results-list .table-row .btm-row .icons a {
  display: inline-block;
  vertical-align: middle;
  line-height: 23px;
  text-align: center;
  overflow: hidden;
  margin: 0 7px;
}

.results-list .table-row .btm-row .icons img {
  max-width: 22px;
  max-height: 22px;

  display: inline-block;
  vertical-align: middle;
  line-height: 23px;
  text-align: center;
  overflow: hidden;
  margin: 0 7px;
}

.results-list .table-row .btm-row .icons .spl-icon {
  margin: 0 3px;
}

.results-list .table-row .btm-row .icons .spl-icon:last-child {
  margin-right: 10px;
}

.results-list .table-row .btm-row .icons .spl-icon img {
  max-width: 100%;
  max-height: none;
  width: 100%;
}

.results-list .table-row .btm-row .icons a.new-donor {
  width: 33px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 6px;
  color: #ffffff;
  line-height: 1em;
  text-transform: uppercase;
  text-align: center;
  white-space: normal;
  background: #ed0505;
  padding: 4px 0 0 0;
}

.results-list .table-row .btm-row .icons a.new-donor strong {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 1em;
}

.results-list .table-row.new-donor .figure-bg {
  box-shadow: #ecb269 0 0 0 3px;
}

.results-list .table-row.new-donor .figure-bg .new-txt {
  display: block;
}

/* Configurable Better Donors tag banner. Position/typography are fixed here; the
   background, text color and the figure-bg ring are applied inline per tag (from
   tblDonorTags BgColor/TextColor) so any staff-created tag renders correctly. */
.results-list .table-row.better-tag-donor .figure-bg .better-tag-txt {
  height: 11px;
  float: right;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 8px;
  line-height: 11px;
  text-transform: uppercase;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 4px;
}
.results-list .table-row.better-tag-donor .figure-bg .better-tag-txt strong {
  font-family: "gothamblackregular", Arial, Helvetica, sans-serif;
}

@media (max-width: 1199px) {
  .results-list .table-head {
    display: none;
  }

  .results-list .table-row {
    height: 190px;
    padding: 15px 0 40px 183px;
  }

  .results-list .table-row .col {
    width: 32.33%;
    height: auto;
    float: none;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px 0 0;
    margin: 0 -3px 12px -3px;
  }

  .results-list .table-row .col:after {
    display: none;
  }

  .results-list .table-row .col:before {
    font-family: "gothambookregular", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #565656;
    line-height: 18px;
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
  }

  .results-list .table-row .col:nth-child(2) {
    padding-left: 61px;
  }

  .results-list .table-row .col:nth-child(2):before {
    content: "Donor ID:";
  }

  .results-list .table-row .col:nth-child(3) {
    padding-left: 68px;
  }

  .results-list .table-row .col:nth-child(3):before {
    content: "Hair Color:";
  }

  .results-list .table-row .col:nth-child(4) {
    padding-left: 68px;
  }

  .results-list .table-row .col:nth-child(4):before {
    content: "Eye Color:";
  }

  .results-list .table-row .col:nth-child(5) {
    padding-left: 74px;
  }

  .results-list .table-row .col:nth-child(5):before {
    content: "Nationality: \A (Self Reported)";
    white-space: pre-wrap;
    line-height: 13px;
    text-align: left;
  }

  .results-list .table-row .col:nth-child(5) .col-mid {
    line-height: 13px;
  }

  .results-list .table-row .col:nth-child(6) {
    padding-left: 56px;
  }

  .results-list .table-row .col:nth-child(6):before {
    content: "Religion:";
  }

  /*.results-list .table-row .col:nth-child(7) {
	padding-left: 77px;
}

.results-list .table-row .col:nth-child(7):before {
	content: "Occupation:";
}*/

  .results-list .table-row .col:nth-child(7) {
    padding-left: 78px;
  }

  .results-list .table-row .col:nth-child(7):before {
    content: "Blood Type:";
  }

  .results-list .table-row .col:nth-child(8) {
    padding-left: 77px;
  }

  .results-list .table-row .col:nth-child(8):before {
    content: "CMV Status:";
  }

  .results-list .table-row .col:nth-child(9) {
    padding-left: 96px;
  }

  .results-list .table-row .col:nth-child(9):before {
    content: "Height/Weight:";
  }

  .results-list .table-row .col-mid {
    width: auto;
    height: auto;
    float: none;
    white-space: nowrap;
    overflow: hidden;
    font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
    padding: 0;
    text-overflow: ellipsis;
  }

  .results-list .table-row .col-mid br {
    display: none;
  }

  .results-list .table-row .col-mid .donor-id {
    margin-top: -2px;
  }

  .results-list .table-row .figure-col {
    width: 130px;
    height: 190px;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    padding: 0;
    margin: 0;
  }

  .results-list .table-row .figure-col:before {
    display: none;
  }

  .results-list .table-row .figure-bg {
    width: 130px;
    height: 190px;
  }

  .results-list .table-row .figure-bg figure {
    width: 100%;
    height: 150px;
    float: left;
    text-align: center;
    overflow: hidden;
    margin: 0;
  }

  .results-list .table-row .figure-bg figure img {
    width: 130px;
    /*min-width: 158px;*/
    height: 155px;
    margin: 0 -79px;
  }

  .results-list .table-row .figure-bg .view-control {
    bottom: 0;
    left: 0;
  }

  .results-list .table-row .btm-row {
    padding: 0 20px 0 183px;
  }

  .results-list .table-row .btm-row .btns {
    width: auto;
    margin: 5px 0px 0px 0px;
  }

  .results-list .table-row .btm-row .btns .btn {
    height: 21px;
    font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 22px;
    padding: 0 9px;
    margin: 0;
  }

  .results-list .table-row .btm-row .icons {
    margin-right: -11px;
  }
}

@media (max-width: 980px) {
  .results-list .table-row .btm-row .btns .button-add-to-compare,
  .button-add-to-compare {
    display: none;
  }
}

@media (max-width: 767px) {
  .results-list .table-cont {
    text-align: center;
    padding: 0 10px;
  }

  .results-list .table-row {
    height: auto;
    min-height: 325px;
    padding: 10px 10px 40px 142px;
    margin-bottom: 25px;
  }

  .results-list .table-row .col {
    width: 100%;
    padding: 0;
    margin: 0 0 12px 0;
  }

  .results-list .table-row .col:before {
    font-size: 11px;
    line-height: 15px;
  }

  .results-list .table-row .col:nth-child(2) {
    padding-left: 57px;
  }

  .results-list .table-row .col:nth-child(3) {
    padding-left: 65px;
  }

  .results-list .table-row .col:nth-child(4) {
    padding-left: 62px;
  }

  .results-list .table-row .col:nth-child(5) {
    padding-left: 68px;
  }

  .results-list .table-row .col:nth-child(6) {
    padding-left: 52px;
  }

  /*.results-list .table-row .col:nth-child(7) {
	padding-left: 70px;
}*/

  .results-list .table-row .col:nth-child(7) {
    padding-left: 70px;
  }

  .results-list .table-row .col:nth-child(8) {
    padding-left: 70px;
  }

  .results-list .table-row .col:nth-child(9) {
    padding-left: 90px;
  }

  .results-list .table-row .col-mid {
    font-size: 11px;
    line-height: 15px;
    overflow: visible;
    text-align: left;
  }

  .results-list .table-row .col-mid .donor-id {
    font-size: 11px;
    margin-top: 0;
  }

  .results-list .table-row .figure-col {
    width: 130px;
    height: 155px;
  }

  .results-list .table-row .figure-bg {
    width: 130px;
    height: 195px;
  }

  .results-list .table-row .figure-bg figure {
    height: 155px;
  }

  .results-list .table-row .figure-bg figure img {
    /*min-width: 130px;*/
    height: 155px;
    margin: 0 -65px;
  }

  .results-list .table-row .btm-row {
    background: none;
    position: static;
    padding: 0;
    height: 15px;
  }
  .results-list .table-row .btm-row .tagline {
    display: none;
  }
  .results-list .table-row .col-mid .tagline {
    display: inline-block;
    background: #efab58;
    color: #fff;
    padding: 2px 8px;
    position: absolute;
    left: 0;
    top: 18px;
  }
  .results-list .table-row .btm-row .btns {
    width: 130px;
    position: absolute;
    bottom: auto;
    top: 195px;
    left: 0;
    padding: 0;
    margin: 0;
  }

  .results-list .table-row .btm-row .btns .btn {
    width: 100%;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    padding: 0;
    margin: 5px 0 0 0;
  }

  .results-list .table-row .btm-row .icons {
    width: 100%;
    height: 45px;
    float: left;
    line-height: 45px;
    text-align: left;
    border-top: 1px solid #e6e6e6;
    position: absolute;
    bottom: 8px;
    left: 0;
    padding: 0 10px;
    margin: 0;
  }
}

/* Quick View - Modal */
.modal-content6 {
  max-width: 920px;
  padding: 40px;
}

.modal-content6 .figure2-bg {
  width: 240px;
  height: auto;
  float: left;
  position: relative;
  margin: 0 -240px 0 0;
}

.modal-content6 .figure2-bg figure {
  width: 240px;
  min-height: 200px;
  float: left;
  text-align: center;
  overflow: hidden;
  margin: 0;
}

.modal-content6 .figure2-bg figure img {
  margin: 0 -120px;
}

.modal-content6 .figure2-bg figure .sale-info {
/*  background-image: url("../img/badge-sale-2.png");*/
  background-repeat: no-repeat;
  background-size: 36px auto;
  background-position: 6px 12px;
  background-color: #efab58;
  color: #fff;
  font-variant: small-caps;
  font-family: "gothammediumregular";
  font-size: 14px;
  line-height: 20px;
/*  padding: 10px 0 10px 40px;*/
  padding: 10px 0 10px 0px;
}

.modal-content6 .figure2-bg .txt {
  width: 100%;
  height: 100%;
  float: left;
  display: table;
  vertical-align: middle;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #ffffff;
  line-height: 26px;
  letter-spacing: 0.02em;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 25px;
}

.modal-content6 .figure2-bg .txt a {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  color: #ffffff;
}

.modal-content6 .figure2-bg .txt span {
  display: table-cell;
  vertical-align: middle;
}

.modal-content6 .cont-rcl {
  width: 100%;
  float: left;
  padding: 0 0 0 275px;
}

.modal-content6 .cont-rcl p {
  text-align: left;
  padding: 0 0 10px 0;
}

.modal-content6 .donorid-icons {
  width: 100%;
  float: left;
  padding: 0 0 15px 0;
  margin: -7px 0 0 0;
}

.modal-content6 .donor-id {
  display: inline-block;
  vertical-align: middle;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #19a2b5;
  line-height: 24px;
  padding: 2px 40px 0 0;
}

.modal-content6 .view-control2 {
  display: inline-block;
  vertical-align: middle;
}

.modal-content6 .view-control2 a {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #5999b0;
  float: left;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0;
  margin: 0 20px 0 0;
}

#QuickView .modal-content6 .view-control2 img {
  width: 32px;
  float: left;
  margin-right: 20px;
}
#QuickView .modal-content6 .donor-content div {
  word-break: break-word;
  hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
}
#QuickView.modal .figure2-bg .inventory-status,
#QuickView.modal .figure2-bg .uk-family-slots-remaining {
	clear: both;
	display: flex;
	margin-top: 20px;
}
#QuickView.modal .figure2-bg .inventory-status .vial-icon,
#QuickView.modal .figure2-bg .uk-family-slots-remaining .icon {
	flex: 2.5;
}
#QuickView.modal .figure2-bg .inventory-status .description,
#QuickView.modal .figure2-bg .uk-family-slots-remaining .description {
	flex: 7.5;
	font-size: 12px;
	line-height: 16px;
	padding-top: 10px;
}
#QuickView.modal .figure2-bg .uk-family-slots-remaining .description {
	padding-left: 5px;
}
#QuickView.modal .figure2-bg .uk-family-slots-remaining .icon span {
	position: absolute;
    top: 14px;
    left: 20px;
    font-weight: bold;
    color: white;
    width: 20px;
    text-align: center;
    font-size: 14px;
}
#QuickView.modal .figure2-bg .uk-family-slots-remaining .icon {
	position:relative;
}

.modal-content6 .view-control2 a:hover {
  text-decoration: none;
  color: #68b0ca;
}

.modal-content6 .popup .btn-out {
  padding: 0;
  margin: 0;
}

.modal-content6 .popup .btn-out .btn {
  width: auto;
  margin: 8px 4px 0 0;
}

@media (min-width: 768px) and (max-width: 1099px) {
  .modal-content6 {
    padding: 75px 20px 20px 20px;
  }

  .modal-content6 .figure2-bg figure {
    margin-top: 5px;
  }

  .modal-content6 .donorid-icons {
    width: 260px;
    float: left;
    position: absolute;
    top: 30px;
    left: 0;
    padding: 0 0 0 25px;
    margin: 0;
  }

  .modal-content6 .donor-id {
    float: left;
    font-size: 20px;
    padding: 0;
    margin-right: -50px;
  }

  .modal-content6 .view-control2 {
    float: right;
    margin: 0;
  }

  .modal-content6 .view-control2 a {
    width: 21px;
    height: 21px;
    margin: 2px 0 0 15px;
  }

  .modal-content6 .view-control2 a.icon1 {
    background-image: url(../img/icon-hide-gray@2x.png);
    background-size: 19px auto;
  }

  .modal-content6 .view-control2 a.icon2 {
    background-image: url(../img/icon-favorite-blue@2x.png);
    background-size: 21px auto;
  }
}

@media (max-width: 767px) {
  .modal-content6 {
    max-width: 300px;
    padding: 70px 30px 30px 30px;
  }

  .modal-content6 .figure2-bg {
    width: 100%;
    margin: 0 0 15px 0;
  }

  .modal-content6 .cont-rcl {
    padding: 0;
  }

  .modal-content6 .cont-rcl p {
    font-size: 12px;
    line-height: 20px;
  }

  .modal-content6 .donorid-icons {
    width: 100%;
    float: left;
    position: absolute;
    top: 30px;
    left: 0;
    padding: 0 30px;
    margin: 0;
  }

  .modal-content6 .donor-id {
    float: left;
    font-size: 20px;
    line-height: 22px;
    padding: 0;
  }

  .modal-content6 .view-control2 {
    float: right;
    margin: 0 0 0 -50px;
  }

  .modal-content6 .view-control2 a {
    width: 21px;
    height: 21px;
    margin: 0 0 0 15px;
  }

  .modal-content6 .view-control2 a.icon1 {
    background-image: url(../img/icon-hide-gray@2x.png);
    background-size: 19px auto;
  }

  .modal-content6 .view-control2 a.icon2 {
    background-image: url(../img/icon-favorite-blue@2x.png);
    background-size: 21px auto;
  }

  .modal-content6 .popup .btn-out {
    padding: 0;
    margin: 0;
  }

  .modal-content6 .popup .btn-out .btn {
    width: 100%;
    margin: 8px 0 0 0;
  }
}

/* Btn - Load More */

.btn-loadmore {
  width: 100%;
  float: left;
  text-align: center;
  display: none;
  margin: 0 0 20px 0;
}

.btn-loadmore .btn {
  width: 130px;
  height: 40px;
  line-height: 41px;
  padding: 0;
}

@media (max-width: 767px) {
  .btn-loadmore {
    display: block;
  }
}

/* Table Outer Top */
.table-out-bottom {
  width: 100%;
  float: left;
}

.table-out-bottom ul {
  float: right;
  padding: 0;
  margin: 0;
}

.table-out-bottom ul li {
  float: left;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 0;
  margin: 0 0 0 4px;
}

.table-out-bottom ul li:before {
  display: none;
}

.table-out-bottom ul li a {
  width: 22px;
  height: 22px;
  float: left;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #262729;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #e5e5e5;
}

.table-out-bottom ul li.current a {
  background: #f4f4f4;
}

.table-out-bottom ul li.prev {
  margin: 0 13px 0 0;
}

.table-out-bottom ul li.next {
  margin: 0 0 0 13px;
}

.table-out-bottom ul li.prev a,
.table-out-bottom ul li.next a {
  width: auto;
  color: #19a2b5;
  border: none;
}

.table-out-bottom ul li.prev a:hover,
.table-out-bottom ul li.next a:hover {
  text-decoration: underline;
}

@media (max-width: 1199px) {
  .table-out-bottom {
    padding-right: 20px;
  }
}

/* Search - Links */
.search-links {
  width: 100%;
  float: left;
  border-top: 1px solid #e3e5e6;
  padding: 40px 0 0 0;
  margin: 35px 0 0 0;
}
.page-xytex-api-search .search-links {
  padding: 40px 40px 0px;
}
.search-links ul {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0 0 -22px 0;
}

.search-links ul li {
  width: 16.667%;
  float: none;
  display: inline-block;
  vertical-align: top;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  padding: 0;
  margin: 0 -3px 22px -3px;
}

.search-links ul li:before {
  display: none;
}

.search-links ul li a {
  width: 100%;
  float: left;
  text-decoration: none;
  position: relative;
  padding: 0 0 0 32px;
  margin: 0;
}

.search-links ul li a:hover {
  color: #708396;
}

.search-links ul li .icon-bg {
  width: 24px;
  float: left;
  line-height: 23px;
  text-align: center;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -13px 0 0 0;
}

.search-links ul li .icon-bg img {
  max-width: 22px;
  max-height: 22px;
}

.search-links ul li .icon-bg.spl-icon {
  background: none;
}

.search-links ul li .icon-bg.spl-icon img {
  max-width: 100%;
  max-height: none;
  width: 100%;
}

@media (max-width: 1199px) {
  .search-links {
    padding: 35px 0 0 0;
    margin: 10px 0 0 0;
  }

  .search-links ul li {
    width: 33.33%;
  }
  .page-xytex-api-search .search-links ul {
    float: none;
    width: auto;
    text-align: center;
  }
  .page-xytex-api-search .search-links ul li {
    max-width: 220px;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .search-links {
    padding: 20px 15px 40px 15px;
  }

  .search-links ul li {
    width: 100%;
  }
}

/* Compare donors widget */
#compare-container {
  position: fixed;
  z-index: 990;
  right: 0;
  bottom: -120px;
  left: 0;
  background: rgba(0, 0, 0, 0.78);
}
body.modal-open #compare-container {
  left: -17px;
}
#compare-container .compare {
  position: relative;
  width: 1010px;
  height: 120px;
  margin: 0 auto;
  padding: 15px 0;
}
#compare-container ul {
  list-style: none;
  padding: 0;
  float: left;
}
#compare-container li {
  display: block;
  float: left;
  position: relative;
  width: 180px;
  height: 90px;
  margin: 0 15px 0 0;
  padding: 0;
  background: #fff;
}
#compare-container li:before {
  background: none;
}
#compare-container li.empty {
  background-color: #231f20;
}
#compare-container li.empty * {
  display: none !important;
}
#compare-container li .thumbnail {
  float: left;
  position: relative;
  border: 0;
  padding: 10px 0 0 10px;
  width: 80px;
  height: 80px;
}
#compare-container li .thumbnail img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#compare-container li .link {
  color: #000;
  margin: 24px 0 0 10px;
  display: inline-block;
  font-size: 17px;
  font-family: "gothamexlightregular", Arial, Helvetica, sans-serif;
}
#compare-container li .link strong {
  font-size: 19px;
}
#compare-container li .remove {
  position: absolute;
  top: 1px;
  right: 4px;
  font-size: 13px;
}
#compare-container li .remove:hover {
  text-decoration: none;
}
#compare-container .button-compare {
  float: left;
  margin: 25px 0 0 2px;
  font-size: 14px;
  padding: 12px 15px;
}
#compare-container .clear-all {
  float: left;
  color: #a9e0ea;
  line-height: 90px;
  margin-left: 16px;
  font-size: 16px;
  font-family: "gothambookitalic", Arial, Helvetica, sans-serif;
  color: #9e9c9b;
}
@media (max-width: 980px) {
  #compare-container {
    display: none !important;
  }
}

/*
 4.1) Faq - Page
----------------------------------------*/

/* FAQ - Info */

body.page-template-faq em {
  font-style: inherit;
  font-family: inherit;
}
.faq-info {
  width: 100%;
  float: left;
}

.faq-info .row-full {
  width: 100%;
  float: left;
  position: relative;
}

.faq-info .row-full:before {
  content: "";
  width: 10235px;
  height: 100%;
  float: left;
  background: #f9fafa;
  border-right: 2px solid #ebecec;
  position: absolute;
  top: 0;
  left: -10000px;
}

.faq-info .left-cl {
  width: 235px;
  float: left;
  margin: 0 -235px 0 0;
  /*position: relative;*/
  z-index: 1;
}

.faq-info .right-cl {
  width: 100%;
  float: right;
  padding: 30px 0 60px 295px;
}

@media (max-width: 767px) {
  .faq-info .container {
    padding: 0;
  }

  .faq-info .row-full:before {
    display: none;
  }

  .faq-info .left-cl {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .faq-info .right-cl {
    width: 100%;
    padding: 0;
  }
}

/* Tab - Content */
.tab-links2 {
  width: 100%;
  float: left;
}

.tab-links2 .tabs {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
}

.tab-links2 .tabs li {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
}

.tab-links2 .tabs li:before {
  width: 10235px;
  height: 2px;
  float: left;
  background: #f1f2f2;
  position: absolute;
  top: 0;
  left: -10000px;
}

.tab-links2 .tabs li:first-child:before {
  display: none;
}

.tab-links2 .tabs li a {
  width: 100%;
  float: left;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #404446;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 26px 15px 26px 0;
}

.tab-links2 .tabs li a:hover,
.tab-links2 .tabs li.active a {
  box-shadow: inset #68cbdb -8px 0 0;
}

@media (max-width: 1023px) {
  .tab-links2 .tabs li a {
    font-size: 18px;
    line-height: 22px;
  }
}

@media (max-width: 767px) {
  .tab-links2 #myTab-accordion .panel-heading {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    border: none;
  }

  .tab-links2 #myTab-accordion .panel-title {
    width: 100%;
    float: left;
    border: none;
    padding: 0 !important;
    margin: 0;
  }

  .tab-links2 #myTab-accordion .panel-title a {
    width: 100%;
    float: left;
    font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #404446;
    line-height: 16px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    text-decoration: none;
    background: #f9fafa;
    border: none;
    border-bottom: 1px solid #f1f2f2;
    overflow: hidden;
    position: relative;
    padding: 21px 10px;
    margin: 0;
  }

  .tab-links2 #myTab-accordion .panel-title a.js-tabcollapse-panel-heading {
    background: #ffffff;
    border-bottom: none;
    box-shadow: inset #68cbdb 0 -5px 0;
  }

  .tab-links2 #myTab-accordion .panel-title a.active {
    background: #ffffff;
    border-bottom: none;
    box-shadow: inset #68cbdb 0 -5px 0;
  }

  .tab-links2 #myTab-accordion .panel-title a.collapsed {
    background: #f9fafa;
    border-bottom: 1px solid #f1f2f2;
    box-shadow: inset #f9fafa 0 -5px 0;
  }

  .tab-links2 #myTab-accordion .panel-default {
    width: 100%;
    float: left;
    background: #ffffff;
    border: none;
    border-radius: 0;
    margin: 0 !important;
    padding: 0 !important;
    position: static;
    z-index: 2;
  }

  .tab-links2 #myTab-accordion .panel-default > .panel-heading {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
  }

  .tab-links2 #myTab-accordion .panel-collapse {
    width: 100%;
    float: left;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
  }

  .tab-links2 #myTab-accordion .panel-collapse .panel-body {
    width: 100%;
    float: left;
    padding: 30px 10px;
    margin: 0;
  }

  .tab-links2
    #myTab-accordion
    .panel-default
    > .panel-heading
    + .panel-collapse
    > .panel-body {
    border: none;
  }
}

/*
4.1) Donor Screening Process page
----------------------------------------*/
ol.donor-screening-process-list li {
  margin-bottom: 20px;
}

/*
 4.1) Blog - Page
----------------------------------------*/

.blog-info {
  width: 100%;
  float: left;
  padding: 0 50px 0 0;
}

.blog-info p {
  color: #4b4e53;
}

.blog-info p a {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  color: #19a2b5;
}

.blog-info p:last-child {
  padding-bottom: 0;
}

.blog-info figure {
  width: 100%;
  float: left;
  text-align: center;
  overflow: hidden;
  position: relative;
  margin: 0 0 30px 0;
}

.blog-info figure img {
  width: 100%;
  height: inherit !important;
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.blog-info aside {
  width: 100%;
  float: left;
  border-bottom: 1px solid #e4e4e4;
  padding: 0 0 20px 0;
  margin: 0 0 15px 0;
}

.blog-info aside h3 {
  font-size: 24px;
  line-height: 28px;
  padding-bottom: 10px;
}

.blog-info aside h3 a {
  color: #678397;
}

.blog-info aside p {
  font-size: 14px;
  color: #262729;
  line-height: 18px;
  text-transform: uppercase;
  padding: 0 0 7px 0;
}

.blog-info aside p span {
  color: #999999;
}

.blog-info aside p a {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #262729;
}

.blog-info aside p a:hover {
  color: #19a2b5;
}

.blog-info aside p:last-child {
  padding-bottom: 0;
}

.blog-info .article {
  width: 50%;
  padding: 0 2.5%;
  margin: 0 0 45px 0;
}

.blog-info .article figure {
  margin: 0 0 25px 0;
}

.blog-info .article:hover figure img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.blog-info .article-bg {
  width: 105%;
  float: left;
  margin: 0 -2.5% -45px -2.5%;
}

/* Grid - View */
.blog-info #tiles {
  width: 100%;
  float: left;
  list-style-type: none;
  position: relative;
  padding: 0;
  margin: 0;
}

.blog-info article.inactive {
  visibility: hidden;
  opacity: 0;
}

.blog-info article {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media (max-width: 1199px) {
  .blog-info {
    border-bottom: 1px solid #eae9e0;
    padding: 0 25px 15px 0;
  }

  .blog-info aside h3 {
    font-size: 20px;
    line-height: 24px;
  }

  .blog-info p {
    font-size: 15px;
    line-height: 22px;
  }

  .blog-info aside p {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (max-width: 1023px) {
  .blog-info {
    padding: 0 0 20px 0;
  }
}

@media (max-width: 767px) {
  .blog-info {
    padding: 0 0 25px 0;
  }

  .blog-info figure {
    margin: 0 0 22px 0;
  }

  .blog-info aside {
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
  }

  .blog-info aside h3 {
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 15px;
  }

  .blog-info aside p {
    font-size: 12px;
    line-height: 16px;
  }

  .blog-info .article {
    width: 100%;
    padding: 0;
    margin: 0 0 40px 0;
  }

  .blog-info .article figure {
    margin: 0 0 15px 0;
  }

  .blog-info .article-bg {
    width: 100%;
    margin: 0 0 -40px 0;
  }
}

/* Post - Pager */
.pager-post {
  width: 100%;
  float: left;
  position: relative;
  padding: 45px 0 0 0;
}

.pager-post .previous-post {
  float: left;
}

.pager-post .next-post {
  float: right;
}

@media (max-width: 1199px) {
  .pager-post {
    padding: 45px 0 0 0;
    margin-bottom: 10px;
  }
}

@media (max-width: 479px) {
  .pager-post {
    text-align: center;
    padding: 35px 0 0 0;
  }

  .pager-post .btn {
    margin: 10px;
  }

  .pager-post .previous-post {
    float: none;
  }

  .pager-post .next-post {
    float: none;
  }
}

/* News - Letter */
.newsletter {
  width: 100%;
  float: left;
  position: relative;
}

.newsletter .ginput_container,
.newsletter ul,
.newsletter li {
  margin: 0 !important;
  padding: 0 !important;
}
.newsletter li label {
  display: none;
}

.newsletter input[type="text"],
.newsletter input[type="email"],
.newsletter .input {
  width: 60%;
  height: 36px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #262729;
  line-height: 18px;
  background: #f1f5f6;
  border: 1px solid #dadada;
  padding: 8px 14px;
  margin: 0 5px 0 0;
}

.newsletter input[type="text"],
.newsletter input[type="email"] {
  width: 100%;
  margin: 0;
}

.newsletter .gform_body {
  float: left;
  width: 60%;
}
.newsletter .gform_footer {
  float: right;
  width: 35%;
}

.newsletter input[type="text"]:focus,
.newsletter input[type="email"]:focus,
.newsletter .input:focus {
  border-color: #68cbdb;
}

.newsletter :placeholder {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #262729;
}

.newsletter ::-webkit-input-placeholder,
.newsletter ::-webkit-textarea-placeholder {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #262729;
}

.newsletter input::-moz-placeholder,
.newsletter textarea::-moz-placeholder {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #262729;
}

.newsletter ::-moz-placeholder {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #262729;
}

.newsletter :-ms-input-placeholder {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #262729;
}

.newsletter input[type="submit"],
.newsletter .btn {
  width: 35%;
  height: 36px;
  font-size: 14px;
  line-height: 36px;
  padding: 0;
  margin: 0 0 0 5px;
}

.newsletter input.gform_button {
  width: 100%;
  margin: 0;
  background: #19a2b5;
}
.newsletter input.gform_button:hover {
  background: rgba(25, 162, 181, 0.9);
}
.newsletter .validation_message {
  font-size: 13px;
  padding-top: 5px;
}

/* Side - Bar */
.side-bar {
  width: 100%;
  max-width: 340px;
  float: left;
  padding: 0 0 0 20px;
}

.side-bar aside {
  width: 100%;
  float: left;
  margin: 0 0 50px 0;
}

.side-bar aside:last-child {
  margin: 0;
}

.side-bar aside h4 {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 22px;
  line-height: 26px;
  color: #708396;
  text-transform: none;
  padding-bottom: 12px;
}

.side-bar aside ul {
  width: 100%;
  float: left;
  padding: 0 0 30px 0;
  margin: 3px 0 -8px 0;
}

.side-bar aside ul:last-child {
  padding-bottom: 0;
}

.side-bar aside ul li {
  width: 100%;
  float: left;
  font-size: 14px;
  line-height: 18px;
  padding: 0 0 12px 0;
}

.side-bar aside ul li:before {
  display: none;
}

.side-bar aside ul li:last-child {
  padding-bottom: 0;
}

.side-bar aside ul li a {
  width: 100%;
  float: left;
  color: #262729;
}

.side-bar aside ul li a:hover,
.side-bar aside ul li.active a {
  color: #19a2b5;
  text-decoration: none;
}

.side-bar aside .social-links ul {
  padding: 0;
  margin-bottom: -20px;
}

.side-bar aside .social-links ul li {
  width: auto;
  padding: 0;
  margin: 0 20px 15px 0;
}

.side-bar aside select {
  height: 32px;
  background: #f6f6f6 url(../img/arrow-down7@2x.png) no-repeat right center;
  background-size: 32px 32px;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #262729;
  line-height: 32px;
  border: none;
  padding: 0 0 0 14px;
}

.side-bar aside select::-ms-expand {
  display: none;
}

.side-bar aside select option {
  padding: 5px 14px !important;
}

@media (max-width: 1199px) {
  .side-bar {
    width: 105%;
    padding: 0;
    margin-left: -5%;
  }
}

@media (max-width: 1023px) {
  .side-bar {
    width: 100%;
    padding: 0;
    margin: 25px 0 0 0;
  }

  .side-bar aside {
    margin: 0 0 40px 0;
  }
}

@media (max-width: 767px) {
  .side-bar aside h4 {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 12px;
  }
}

/*
 4.1) Contact - Page
----------------------------------------*/

.contact-info {
  width: 100%;
  float: left;
}

.contact-info .row-full {
  width: 100%;
  float: left;
  position: relative;
  padding: 50px 0;
}

.contact-info .row-full:before {
  content: "";
  width: 10347px;
  height: 100%;
  float: left;
  background: #f9fafa;
  border-right: 2px solid #ebecec;
  position: absolute;
  top: 0;
  left: -10000px;
}

.contact-info .left-cl {
  width: 347px;
  float: left;
  padding: 0 0 0 30px;
  margin: 0 -347px 0 0;
  position: relative;
  z-index: 1;
}

.contact-info .schedule-cont {
  width: 100%;
  float: left;
  padding: 0 0 5px 0;
}

.contact-info .schedule-cont h4 {
  font-size: 20px;
  color: #19a2b5;
  line-height: 22px;
  padding: 0 0 3px 0;
}

.contact-info .schedule-cont p {
  color: #2b3033;
  line-height: 23px;
  padding: 0;
}

.contact-info .schedule-cont p a {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #2b3033;
}

.contact-info .schedule-cont p span {
  font-size: 12px;
}

.contact-info .schedule-cont p a:hover {
  color: #19a2b5;
}

.contact-info .schedule-cont aside {
  width: 100%;
  float: left;
  padding: 0 0 25px 0;
}

.contact-info .schedule-cont aside:last-child {
  padding-bottom: 0;
}

.contact-info .address-cont {
  width: 100%;
  float: left;
}

.contact-info .address-cont h4 {
  font-size: 18px;
  color: #efab58;
  line-height: 22px;
  padding: 0 0 3px 0;
}

.contact-info .address-cont p {
  font-family: "gothamlightregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #2b3033;
  line-height: 19px;
  padding: 0;
}

.contact-info .address-cont aside {
  width: 101%;
  float: left;
  background: url(../img/icon-footer-location2@2x.png) no-repeat 0 0;
  background-size: 19px auto;
  padding: 1px 0 27px 29px;
  margin: 0 -1% 0 0;
}

.contact-info .address-cont aside:last-child {
  padding-bottom: 0;
}

.contact-info .right-cl {
  width: 100%;
  float: right;
  padding: 0 0 0 386px;
}

.contact-info .right-cl h3 {
  width: 100%;
  float: left;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #000000;
  line-height: 24px;
  padding: 0 0 35px 0;
}

.contact-info .right-cl .form-fields {
  width: 100%;
  float: left;
}

.contact-info .right-cl .form-fields ul {
  width: 100%;
  float: left;
  padding: 0;
}

.contact-info .right-cl .form-fields ul li {
  width: 100%;
  float: left;
  padding: 0 0 14px 0;
  margin: 0;
}

.contact-info .right-cl .form-fields ul li.half-left {
  width: 50%;
  padding-right: 5px;
}

.contact-info .right-cl .form-fields ul li.half-right {
  width: 50%;
  /*padding-left: 5px;*/
}

.contact-info .right-cl .form-fields .btn-out {
  text-align: right;
}

.contact-info .right-cl .form-fields .gform_button,
.contact-info .right-cl .form-fields .btn-out .btn {
  width: 110px;
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  padding: 0;
}

.contact-info .right-cl .form-fields .gfield_label {
  display: none;
}

.contact-info .right-cl .gform_footer,
.contact-info .right-cl .gform_body {
  float: left;
  width: 100%;
}
.contact-info .right-cl .gform_footer {
  text-align: right;
}

@media (max-width: 1279px) {
  .contact-info .left-cl {
    padding: 0;
  }

  .contact-info .right-cl {
    padding: 0 0 0 376px;
  }
}

@media (max-width: 1023px) {
  .contact-info .container {
    padding: 0;
  }

  .contact-info .row-full {
    padding: 0;
  }

  .contact-info .row-full:before {
    display: none;
  }

  .contact-info .left-cl {
    width: 100%;
    background: #f9fafa;
    border-top: 2px solid #ebecec;
    padding: 50px 30px;
    margin: 0;
  }

  .contact-info .schedule-cont {
    width: 255px;
    padding: 0;
  }

  .contact-info .address-cont {
    width: 350px;
  }

  .contact-info .right-cl {
    width: 100%;
    padding: 30px;
    margin: 0;
  }
}

@media (max-width: 767px) {
  .contact-info .left-cl {
    padding: 30px 20px;
    margin: 0;
  }

  .contact-info .schedule-cont {
    width: 100%;
    padding: 0 0 50px 0;
  }

  .contact-info .schedule-cont h4 {
    font-size: 16px;
    line-height: 20px;
  }

  .contact-info .address-cont {
    width: 100%;
  }

  .contact-info .address-cont h4 {
    font-size: 16px;
    line-height: 20px;
    padding: 2px 0 5px 0;
  }

  .contact-info .right-cl {
    width: 100%;
    padding: 20px 20px 30px 20px;
  }

  .contact-info .right-cl h3 {
    font-size: 16px;
    line-height: 20px;
    padding: 0 5% 20px 0;
  }

  .contact-info .right-cl .form-fields ul li.half-left {
    width: 100%;
    padding-right: 0;
  }

  .contact-info .right-cl .form-fields ul li.half-right {
    width: 100%;
    padding-left: 0;
  }

  .contact-info .right-cl .form-fields .btn-out {
    text-align: center;
  }

  .contact-info .right-cl .form-fields .gform_button,
  .contact-info .right-cl .form-fields .btn-out .btn {
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    padding: 0;
  }
}

/*
 5.) Background and Text - Colors
----------------------------------------*/

/* Text - Colors */
.yellow {
  color: #efab58;
}

.slate {
  color: #708396;
}

.light-slate {
  color: #a4b3c0;
}

.teal {
  color: #19a2b5;
}

.navy {
  color: #1d3b58;
}

.red {
  color: #ff5122;
}

.gray {
  color: #676767;
}

.light-gray {
  color: #e7e7e7;
}

.mid-gray {
  color: #c4c4c4;
}

.dark-gray {
  color: #262729;
}

.foot-gray {
  color: #eaeaea;
}

.anb {
  color: #eff4f5;
}

/* Background - Colors */
.yellow-bg h1,
.yellow-bg h2,
.yellow-bg h3,
.yellow-bg h4,
.yellow-bg h5,
.yellow-bg h6,
.yellow-bg p,
.yellow-bg ul li,
.yellow-bg ul li a,
.yellow-bg ul li::before,
.slate-bg h1,
.slate-bg h2,
.slate-bg h3,
.slate-bg h4,
.slate-bg h5,
.slate-bg h6,
.slate-bg p,
.slate-bg ul li,
.slate-bg ul li a,
.slate-bg ul li::before,
.light-slate-bg h1,
.light-slate-bg h2,
.light-slate-bg h3,
.light-slate-bg h4,
.light-slate-bg h5,
.light-slate-bg h6,
.light-slate-bg p,
.light-slate-bg ul li,
.light-slate-bg ul li a,
.light-slate-bg ul li::before,
.teal-bg h1,
.teal-bg h2,
.teal-bg h3,
.teal-bg h4,
.teal-bg h5,
.teal-bg h6,
.teal-bg p,
.teal-bg ul li,
.teal-bg ul li a,
.teal-bg ul li::before,
.navy-bg h1,
.navy-bg h2,
.navy-bg h3,
.navy-bg h4,
.navy-bg h5,
.navy-bg h6,
.navy-bg p,
.navy-bg ul li,
.navy-bg ul li a,
.navy-bg ul li::before,
.gray-bg h1,
.gray-bg h2,
.gray-bg h3,
.gray-bg h4,
.gray-bg h5,
.gray-bg h6,
.gray-bg p,
.gray-bg ul li,
.gray-bg ul li a,
.gray-bg ul li::before,
.mid-gray-bg h1,
.mid-gray-bg h2,
.mid-gray-bg h3,
.mid-gray-bg h4,
.mid-gray-bg h5,
.mid-gray-bg h6,
.mid-gray-bg p,
.mid-gray-bg ul li,
.mid-gray-bg ul li a,
.mid-gray-bg ul li::before,
.dark-gray-bg h1,
.dark-gray-bg h2,
.dark-gray-bg h3,
.dark-gray-bg h4,
.dark-gray-bg h5,
.dark-gray-bg h6,
.dark-gray-bg p,
.dark-gray-bg ul li,
.dark-gray-bg ul li a,
.dark-gray-bg ul li::before {
  color: #ffffff;
}

.yellow-bg {
  background: #efab58 !important;
}

.slate-bg {
  background: #708396 !important;
}

.light-slate-bg {
  background: #a4b3c0 !important;
}

.teal-bg {
  background: #19a2b5 !important;
}

.navy-bg {
  background: #1d3b58 !important;
}

.gray-bg {
  background: #676767 !important;
}

.light-gray-bg {
  background: #e7e7e7 !important;
}

.mid-gray-bg {
  background: #c4c4c4 !important;
}

.dark-gray-bg {
  background: #262729 !important;
}

/* ---------------------------- Begin WordPress Core ---------------------------- */

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

@media (max-width: 600px) {
  .alignleft,
  .alignright,
  .aligncenter,
  .alignnone {
    float: none;
    margin: 5px auto;
    display: block;
  }
}

/* Xyconnects - Tabs */
.xyconnects-cont {
  width: 100%;
  float: left;
}

/* Xyconnects - Title - Btns */
.xyconnects-cont .title-btns {
  margin-bottom: 50px;
}

.tab-mid .title-btns .icon-controls {
  width: auto;
  float: right;
  padding: 0;
  margin: 2px 0 0 -300px;
}

.tab-mid .title-btns .icon-controls .icon {
  float: left;
  position: relative;
  margin: 0 0 0 20px;
}

.tab-mid .title-btns .icon-controls .icon > a {
  width: 28px;
  height: 29px;
  float: left;
  text-indent: -99999px;
  background: url(../img/icon-xyconnects-home.png) no-repeat center center;
  background-size: auto 28px;
}

.tab-mid .title-btns .icon-controls .icon.settings > a {
  background-image: url(../img/icon-xyconnects-settings.png);
}

.tab-mid .title-btns .icon-controls .icon > a:hover {
  opacity: 0.9;
}

.tab-mid .title-btns .icon-controls .icon .dropdown-menu {
  width: 170px;
  background: #f1f5f6;
  border-color: #19a2b5;
  top: 38px;
  left: auto;
  right: -13.5px;
  padding: 7px 0;
  margin: 0;
}

.tab-mid .title-btns .icon-controls .icon .dropdown-menu:before {
  content: "";
  width: 14px;
  height: 9px;
  float: left;
  background: url(../img/xyconnects-curve.png) no-repeat top center;
  position: absolute;
  top: -8px;
  right: 19px;
}

.tab-mid .title-btns .icon-controls .icon .dropdown-menu a {
  width: 100%;
  float: left;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #575757;
  line-height: 1.3em;
  text-decoration: none;
  padding: 6px 20px;
  margin: 0;
}

.tab-mid .title-btns .icon-controls .icon .dropdown-menu a:hover {
  color: #ffffff;
  background: #19a2b5;
}

@media (max-width: 991px) {
  .xyconnects-cont .title-btns {
    margin-bottom: 25px;
  }
}

@media (max-width: 767px) {
  .xyconnects-cont .title-btns {
    margin-bottom: 0;
  }

  .tab-mid .title-btns .icon-controls {
    margin-top: 0;
    margin-bottom: -3px;
  }

  .tab-mid .title-btns .icon-controls .icon {
    margin: 0 0 0 13px;
  }

  .tab-mid .title-btns .icon-controls .icon > a {
    width: 20px;
    height: 21px;
    background-size: auto 20px;
  }

  .tab-mid .title-btns .icon-controls .icon .dropdown-menu {
    top: 31px;
    right: -8px;
  }

  .tab-mid .title-btns .icon-controls .icon .dropdown-menu:before {
    right: 10px;
  }
}

/* Left - Column */
.xyconnects-cont .left-cl {
  width: 69.3%;
  float: left;
}

@media (max-width: 991px) {
  .xyconnects-cont .left-cl {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .xyconnects-cont .xyconnects-page-view-private-messages .left-cl {
    width: calc(100% - 44px);
  }
  .xyconnects-cont .xyconnects-page-view-private-messages .right-cl {
    width: calc(100% - 72px);
    max-width: none;
    margin-right: 60px;
    margin-top: 40px;
  }
}

/* Article - Box */
.article-box {
  width: 100%;
  float: left;
  border-top: 1px solid #dadada;
  padding: 45px 0 0 0;
  margin: 45px 0 0 0;
}

.article-box:first-child,
.article-box.post-update {
  border: none;
  padding-top: 0;
  margin-top: 0;
}

.article-box .box {
  width: 100%;
  float: left;
  background: #f5f5f5;
  padding: 25px;
}

.article-box input[type="text"],
.article-box .input,
.article-box textarea,
.article-box select {
  background: #ffffff;
  margin: 0;
}

.article-box :placeholder {
  color: #999999;
}

.article-box ::-webkit-input-placeholder,
.article-box ::-webkit-textarea-placeholder {
  color: #999999;
}

.article-box input::-moz-placeholder,
.article-box textarea::-moz-placeholder {
  color: #999999;
}

.article-box ::-moz-placeholder {
  color: #666666;
}

.article-box :-ms-input-placeholder {
  color: #666666;
}

.article-box .box-header {
  width: 100%;
  float: left;
  position: relative;
  margin: 0 0 25px 0;
}

.article-box .box-header figure {
  width: 79px;
  float: none;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0 -89px 0 0;
}

.article-box .box-header aside {
  width: 100%;
  float: none;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 114px;
  margin: 0 -4px 0 0;
}

.article-box .box-header aside h4 {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  padding: 0 0 5px 0;
  margin: 0;
}

.article-box .box-header aside p {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #999999;
  line-height: 18px;
  padding: 0;
  margin: 0;
}

.article-box .box-header .top-icons {
  position: absolute;
  top: 0;
  right: 0;
}

.article-box .box-header .top-icons .remove-icon {
  float: left;
  margin: 0 0 0 10px;
}

.article-box .box-header .top-icons .remove-icon > a {
  width: 28px;
  height: 28px;
  float: left;
  text-indent: -9999px;
  background: url(../img/icon-xyconnects-close.png) no-repeat center center;
  background-size: 28px auto;
}

.article-box .box-header .top-icons .icon {
  float: left;
  position: relative;
  margin: 0 0 0 10px;
}

.article-box .box-header .top-icons .icon > a {
  width: 28px;
  height: 28px;
  float: left;
  text-indent: -9999px;
  background: #b5b8ba url(../img/icon-xyconnects-m.png) no-repeat center center;
  border-radius: 60px;
}

.article-box .box-header .top-icons .icon.approved > a {
  background-color: #19a2b5;
}

.article-box .box-header .top-icons .icon.rejected > a {
  background-color: #b51919;
}

.article-box .box-header .top-icons .icon .dropdown-menu {
  width: 170px;
  background: #f1f5f6;
  border-color: #acb7c2;
  top: -25px;
  left: auto;
  right: 38px;
  padding: 12px 3px 10px 3px;
  margin: 0;
}

.article-box .box-header .top-icons .icon .dropdown-menu:before {
  content: "";
  width: 8px;
  height: 12px;
  float: left;
  background: url(../img/xyconnects-curve2.png) no-repeat top center;
  position: absolute;
  top: 31px;
  right: -8px;
}

.article-box .box-header .top-icons .icon .dropdown-menu h5 {
  width: 100%;
  float: left;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #575757;
  line-height: 1.3em;
  text-transform: none;
  border-bottom: 1px solid #e2e4e5;
  padding: 0 14px 6px 14px;
  margin: 0 0 8px 0;
}

.article-box .box-header .top-icons .icon .dropdown-menu p {
  width: 100%;
  float: left;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #575757;
  line-height: 1.3em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 14px;
  margin: 0;
}

.article-box .box-header .top-icons .icon.approved p {
  color: #19a2b5;
}

.article-box .box-cont {
  width: 100%;
  float: left;
  background: #ffffff;
  padding: 25px;
  margin: 0 0 20px 0;
}

.article-box .box-cont p {
  width: 100%;
  float: left;
  padding: 0 0 30px 0;
}

.article-box .box-cont figure {
  width: 100%;
  float: left;
}

.article-box .box-cont figure img {
  width: 100%;
}

.article-box .box-footer {
  width: 100%;
  min-height: 46px;
  float: left;
  position: relative;
  padding: 0 118px 0 0;
}

.article-box .box-footer .preview {
  background-size: cover;
  background-position: center;
  display: none;
  width: 150px;
  height: 150px;
  float: left;
}
.article-box .box-footer .add-photos {
  height: 46px;
  /*float: right;*/
}

.article-box .box-footer .add-photos > a,
.article-box .box-footer .add-private-message-photo > a {
  height: 46px;
  /*float: right;*/
  font-size: 16px;
  color: #19a2b5;
  line-height: 46px;
  background: url(../img/icon-xyconnects-camera-white.png) no-repeat left center;
  background-size: 26px auto;
  padding: 0 0 0 38px;
}

.article-box .box-footer .add-photos > a:hover {
  opacity: 0.9;
}

.article-box .box-footer .input-bg {
  width: 100%;
  float: left;
  background: #ffffff;
  position: relative;
  padding: 0;
}

.article-box .box-footer .input-bg .icon {
  width: 65px;
  height: 46px;
  float: left;
  text-indent: -9999px;
  background: url(../img/icon-xyconnects-camera-gray.png) no-repeat center
    center;
  background-size: 27px auto;
  position: absolute;
  top: 0;
  right: 0;
}

.article-box .box-footer .pst {
  width: 96px;
  height: 46px;
  line-height: 46px;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.article-box.post-update .box-header aside h4.gray {
  color: #545454;
}

.article-box.post-update .box-cont {
  padding: 0;
}

.btn-more {
  width: 100%;
  float: left;
  text-align: center;
  padding: 75px 0 0 0;
}

.btn-more .btn {
  background: #708396;
}

.btn-more .btn:hover,
.btn-more .btn:focus,
.btn-more .btn:active {
  background: #a4b3c0;
}

@media (max-width: 991px) {
  .article-box .box-header {
    margin: 0 0 22px 0;
  }

  .article-box .box-header figure {
    width: 69px;
    margin: 0 -79px 0 0;
  }

  .article-box .box-header aside {
    padding: 0 0 0 95px;
  }

  .article-box .box-header aside h4 {
    font-size: 16px;
  }

  .article-box .box-header aside p {
    font-size: 13px;
  }

  .article-box .box-header .top-icons .remove-icon {
    margin: 0 0 0 8px;
  }

  .article-box .box-header .top-icons .remove-icon > a {
    width: 24px;
    height: 24px;
    background-size: 24px auto;
  }

  .article-box .box-header .top-icons .icon {
    margin: 0 0 0 8px;
  }

  .article-box .box-header .top-icons .icon > a {
    width: 24px;
    height: 24px;
    background-size: 11px auto;
  }

  .article-box .box-header .top-icons .icon.approved > a {
    background-color: #19a2b5;
  }

  .article-box .box-header .top-icons .icon .dropdown-menu {
    top: -26px;
    right: 32px;
  }

  .article-box .box-footer .add-photos > a {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .article-box .box {
    padding: 15px;
  }

  .article-box .box-header {
    margin: 0 0 15px 0;
  }

  .article-box .box-header figure {
    width: 59px;
    margin: 0 -69px 0 0;
  }

  .article-box .box-header aside {
    padding: 0 0 0 80px;
  }

  .article-box .box-header aside h4 {
    font-size: 14px;
    line-height: 17px;
  }

  .article-box .box-header aside p {
    font-size: 11px;
    line-height: 14px;
  }

  .article-box .box-header .top-icons .remove-icon {
    margin: 0 0 0 6px;
  }

  .article-box .box-header .top-icons .remove-icon > a {
    width: 18px;
    height: 18px;
    background-size: 18px auto;
  }

  .article-box .box-header .top-icons .icon {
    margin: 0 0 0 6px;
  }

  .article-box .box-header .top-icons .icon > a {
    width: 18px;
    height: 18px;
    background-size: 8px auto;
  }

  .article-box .box-header .top-icons .icon.approved > a {
    background-color: #19a2b5;
  }

  .article-box .box-header .top-icons .icon .dropdown-menu {
    top: -28px;
    right: 26px;
  }

  .article-box .box-cont {
    padding: 15px;
    margin-bottom: 15px;
  }

  .article-box .box-cont p {
    padding-bottom: 20px;
  }

  .article-box .box-footer {
    min-height: 40px;
    padding: 0;
  }

  .article-box .box-footer .add-photos {
    height: 40px;
    float: right;
  }

  .article-box .box-footer .add-photos > a {
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    background-size: 25px auto;
    padding: 0 0 0 33px;
  }

  .article-box .box-footer .input-bg {
    padding: 0 45px 0 0;
    margin-bottom: 15px;
  }

  .article-box .box-footer .input-bg .icon {
    width: 45px;
    height: 40px;
    background-size: 25px auto;
  }

  .article-box .box-footer .pst {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0;
    position: relative;
  }

  .article-box.post-update .box-footer {
    padding: 0 98px 0 0;
  }

  .article-box.post-update .box-footer .pst {
    width: 77px;
    position: absolute;
  }
}

/* Add - Photos - Modal */
#addphotos .modal-content {
  max-width: 675px;
}

.addphotos h3 {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #55565a;
  line-height: 22px;
  padding: 0;
  margin: 0 0 35px 0;
}

.addphotos ul {
  width: 103%;
  float: left;
  padding: 0 0 30px 0;
  margin: 0 -3% -3% 0;
  display: flex;
  flex-wrap: wrap;
}

.addphotos ul li {
  width: 22%;
  float: left;
  padding: 0;
  margin: 0 3% 3% 0;
}

.addphotos ul li:before,
.addphotos ul li:after {
  display: none;
}

.addphotos ul li img {
  width: 100%;
}

.addphotos ul li a {
  width: 100%;
  float: left;
  position: relative;
}

.addphotos ul li a:before {
  content: "";
  width: 100%;
  height: 100%;
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.addphotos ul li:hover a:before,
.addphotos ul li.active a:before {
  border: 4px solid #19a2b5;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.addphotos .btn {
  font-size: 14px;
  padding-top: 11px;
  padding-bottom: 10px;
  margin: 0 7px 0 0;
}

.addphotos .btn-out {
  text-align: right;
  padding: 0;
}

@media (max-width: 767px) {
  .addphotos h3 {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 20px 0;
  }

  .addphotos .btn {
    font-size: 12px;
    padding-top: 11px;
    padding-bottom: 10px;
  }

  .addphotos ul {
    width: 103%;
    padding: 0 0 20px 0;
    margin: 0 -3% -3% 0;
  }

  .addphotos ul li {
    width: 30.33%;
    margin: 0 3% 3% 0;
  }
}

/* Delete - Post - Modal */
#deletepost .modal-content {
  max-width: 515px;
}

.deletepost h3 {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #55565a;
  line-height: 22px;
  border-bottom: 1px solid #d5d5d5;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
}

.deletepost .btn {
  font-size: 14px;
  padding-top: 11px;
  padding-bottom: 10px;
  margin: 0 7px 0 0;
}

.deletepost .btn-out {
  padding: 0;
}

@media (max-width: 767px) {
  .deletepost h3 {
    font-size: 14px;
    line-height: 18px;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
  }

  .deletepost .btn {
    font-size: 12px;
    padding-top: 11px;
    padding-bottom: 10px;
  }
}

/* Right - Column */
.xyconnects-cont .right-cl {
  width: 24.5%;
  float: right;
}

.xyconnects-cont .right-cl h3 {
  width: 100%;
  float: left;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 21px;
  color: #262729;
  line-height: 1.2em;
  position: relative;
  padding: 0;
  margin: -5px 0 29px 0;
}

.xyconnects-cont .right-cl h3 span {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  color: #708396;
}

.xyconnects-cont .right-cl ul {
  width: 105%;
  float: left;
  padding: 0;
  margin: 0 -5% -5% 0;
}

.xyconnects-cont .right-cl ul li {
  width: 28.33%;
  float: left;
  padding: 0;
  margin: 0 5% 5% 0;
}

.xyconnects-cont .right-cl ul li:before,
.xyconnects-cont .right-cl ul li:after {
  display: none;
}

.xyconnects-cont .right-cl ul li img {
  width: 100%;
}

.xyconnects-cont .right-cl .btn-out {
  padding: 20px 0 0 0;
}

.xyconnects-cont .right-cl .btn-out .btn {
  width: 100%;
}

.xyconnects-cont .right-cl .accord-connect {
  width: 100%;
  float: left;
  margin-bottom: 70px;
}

@media (max-width: 991px) {
  .xyconnects-cont .right-cl .accord-connect {
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .xyconnects-cont .right-cl h3 {
    cursor: default;
    pointer-events: none;
  }

  .xyconnects-cont .right-cl .accord-connect {
    height: auto;
    display: block;
  }
}

@media (min-width: 1024px) and (max-width: 1039px) {
  .xyconnects-cont .right-cl h3 {
    font-size: 19px;
  }
}

@media (max-width: 991px) {
  .xyconnects-cont .right-cl {
    width: 100%;
    border-bottom: 1px solid #e3e5e6;
    margin: 0 0 40px 0;
  }

  .xyconnects-cont .right-cl h3 {
    cursor: pointer;
    margin: 0 0 25px 0;
  }

  .xyconnects-cont .right-cl h3:after {
    content: "\f067";
    float: right;
    font-family: "FontAwesome";
    font-size: 20px;
    color: #19a2b5;
    line-height: 26px;
    position: absolute;
    top: 3px;
    right: 0;
  }

  .xyconnects-cont .right-cl h3.active:after {
    content: "\f068";
  }

  .xyconnects-cont .right-cl ul {
    width: 102.5%;
    margin: 0 -2.5% -2.5% 0;
  }

  .xyconnects-cont .right-cl ul li {
    width: 17.5%;
    margin: 0 2.5% 2.5% 0;
  }

  .xyconnects-cont .right-cl .btn-out {
    text-align: center;
    padding: 40px 0;
  }

  .xyconnects-cont .right-cl .btn-out .btn {
    width: 100%;
    max-width: 165px;
  }
}

@media (max-width: 767px) {
  .xyconnects-cont .right-cl {
    margin: 0 0 20px 0;
  }

  .xyconnects-cont .right-cl h3 {
    font-size: 16px;
    margin: 0 0 20px 0;
  }

  .xyconnects-cont .right-cl h3:after {
    font-size: 14px;
    top: -1px;
  }

  .xyconnects-cont .right-cl ul {
    width: 105%;
    margin: 0 -5% -5% 0;
  }

  .xyconnects-cont .right-cl ul li {
    width: 28.33%;
    margin: 0 5% 5% 0;
  }

  .xyconnects-cont .right-cl .btn-out {
    padding: 20px 0 25px 0;
  }

  .xyconnects-cont .right-cl .btn-out .btn {
    width: 100%;
    max-width: 100%;
  }
}

/* Xyconnects - Myconnections */
.my-connections {
  width: 100%;
  float: left;
}

.my-connections h3 {
  font-size: 27px;
  line-height: 32px;
  padding: 0 0 25px 0;
  float: none;
}

.my-connections h4 {
  margin-top: 25px;
  margin-bottom: 9px;
}

.my-connections ul {
  width: 102%;
  float: none;
  padding: 0;
  margin: 0 -2% -2% 0;
}

.my-connections ul li {
  width: 14.66%;
  float: left;
  padding: 0;
  margin: 0 2% 2% 0;
}

.my-connections ul li:before,
.my-connections ul li:after {
  display: none;
}

.my-connections ul li img {
  width: 100%;
}

@media (max-width: 991px) {
  .my-connections h3 {
    font-size: 22px;
    line-height: 26px;
    padding: 0 0 15px 0;
  }

  .my-connections ul li {
    width: 18%;
  }
}

@media (max-width: 767px) {
  .my-connections {
    padding-top: 10px;
  }

  .my-connections h3 {
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 15px 0;
  }

  .my-connections ul {
    width: 104%;
    margin: 0 -4% -4% 0;
  }

  .my-connections ul li {
    width: 29.33%;
    margin: 0 4% 4% 0;
  }
}

/* Tab - Box2 */
@media (min-width: 768px) {
  .xyconnects-cont .tab-box-out {
    padding: 0 !important;
  }

  .xyconnects-cont .tab-box-out .tab-box {
    background: none;
    border: none;
  }

  .xyconnects-cont .tab-box-out .tab-box .tab-links3 {
    background: none;
  }

  .xyconnects-cont .tab-box-out .tab-box .tab-links3 .tabs li {
    background: #fafafa;
    border-top: 1px solid #dddddd;
  }

  .xyconnects-cont .tab-box-out .tab-box .tab-links3 .tabs li:first-child {
    border-left: 1px solid #dddddd;
  }
}

@media (max-width: 767px) {
  .xyconnects-cont .tab-box-out {
    width: 108%;
    padding: 0 !important;
    margin: 0 -4% !important;
  }

  .xyconnects-cont .tab-box-out .tab-box {
    background: none;
    border: none;
    border-top: 1px solid #d0d0d0;
  }

  .xyconnects-cont .sub-accord {
    padding-left: 6%;
    padding-right: 6%;
  }
}

/* Xyconnects - Individual Connection */
.individual-connection {
  width: 100%;
  max-width: 790px;
  float: left;
}

.individual-connection h3 {
  font-size: 27px;
  line-height: 32px;
  padding: 0 0 25px 0;
}

.individual-connection ul {
  padding: 0;
  margin: 0;
}

.individual-connection ul li {
  padding: 0;
  margin: 0;
}

.individual-connection ul li:before,
.individual-connection ul li:after {
  display: none;
}

.individual-connection ul li img {
  width: 100%;
}

.individual-connection .slider-bg {
  width: 100%;
  float: left;
  position: relative;
}

.individual-connection .owl-buttons {
  margin-top: 35px;
}

.individual-connection .owl-buttons div {
  width: auto;
  height: auto;
  float: left;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #545454;
  position: relative;
  top: 0;
  z-index: 10;
  cursor: pointer;
  text-indent: 0;
  margin: 0;
}

.individual-connection .owl-buttons .owl-prev {
  background: none;
  left: 0;
}

.individual-connection .owl-buttons .owl-next {
  background: none;
  right: 0;
  float: right;
}
.blog-cta {
  padding-top: 30px;
  text-align: center;
  clear: both;
}
.blog-cta .btn {
  width: 100%;
  max-width: 400px;
  height: 70px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: rgba(239, 171, 88, 0.5);
  line-height: 64px;
  background: none;
  border: 3px solid rgba(239, 171, 88, 0.35);
  border-radius: 3px;
  padding: 0;
}
.blog-cta .btn:hover {
  color: rgba(239, 171, 88, 1);
  border-color: rgba(239, 171, 88, 1);
}

@media (max-width: 991px) {
  .individual-connection h3 {
    font-size: 22px;
    line-height: 26px;
    padding: 0 0 15px 0;
  }

  .individual-connection .owl-buttons {
    margin-top: 25px;
  }

  .individual-connection .owl-buttons div {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .individual-connection {
    padding-top: 10px;
  }

  .individual-connection h3 {
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 15px 0;
  }

  .individual-connection .owl-buttons {
    margin-top: 15px;
  }

  .individual-connection .owl-buttons div {
    font-size: 14px;
  }
}

/* Xyconnects - Faqs */
.cont-top {
  width: 100%;
  float: left;
  padding: 0 0 35px 0;
}

.cont-top h3 {
  font-size: 27px;
  line-height: 32px;
  padding: 0 0 25px 0;
}

.cont-top h3:last-child {
  padding: 0;
}

.cont-top p {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  padding: 0;
}

.cont-top p a {
  color: #19a2b5;
}

.cont-top p:last-child {
  padding: 0 0 15px 0;
}

@media (max-width: 991px) {
  .cont-top {
    padding: 15px 0 20px 0;
  }

  .cont-top h3 {
    font-size: 22px;
    line-height: 26px;
    padding: 0 0 15px 0;
  }

  .cont-top p {
    font-size: 16px;
    line-height: 24px;
  }

  .cont-top p:last-child {
    padding: 0 0 5px 0;
  }
}

@media (max-width: 767px) {
  .cont-top {
    padding: 10px 0 15px 0;
  }

  .cont-top h3 {
    font-size: 16px;
    line-height: 22px;
    padding: 0 0 10px 0;
  }

  .cont-top p {
    font-size: 14px;
    line-height: 22px;
  }
}

/* FAQ - List */
.faq-list {
  width: 100%;
  float: left;
  padding: 50px 0 0 0;
}

.faq-list h4 {
  padding: 0 0 13px 0;
}

.faq-list p {
  padding: 0 0 35px 0;
}

.faq-list p:last-child {
  padding: 0;
}

.faq-list p a {
  color: #19a2b5;
}

@media (min-width: 768px) and (max-width: 991px) {
  .faq-list h4 {
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 8px;
  }

  .faq-list p {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .faq-list {
    padding: 20px 6%;
  }

  .faq-list h4 {
    padding: 0 0 7px 0;
  }

  .faq-list p {
    padding: 0 0 25px 0;
  }

  .faq-list p:last-child {
    padding: 0;
  }
}

/* Preferences Contact - Modal */
#preferences-contact .modal-content {
  max-width: 520px;
}

.preferences-contact h3 {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #55565a;
  line-height: 22px;
  border-bottom: 1px solid #d5d5d5;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
}

.preferences-contact input[type="text"],
.preferences-contact .input,
.preferences-contact textarea,
.preferences-contact select {
  font-size: 14px;
  background: #ffffff;
  margin: 0 0 15px 0;
}

.preferences-contact textarea {
  height: 121px;
}

.preferences-contact :placeholder {
  color: #999999;
}

.preferences-contact ::-webkit-input-placeholder,
.preferences-contact ::-webkit-textarea-placeholder {
  color: #999999;
}

.preferences-contact input::-moz-placeholder,
.preferences-contact textarea::-moz-placeholder {
  color: #999999;
}

.preferences-contact ::-moz-placeholder {
  color: #666666;
}

.preferences-contact :-ms-input-placeholder {
  color: #666666;
}

.preferences-contact .cnt-option {
  width: 100%;
  float: left;
  margin: 8px -105px -15px 0;
}

.preferences-contact .cnt-option a {
  height: 23px;
  float: left;
  line-height: 23px;
  position: relative;
  background: url(../img/icon-xyconnects-phone.png) no-repeat left center;
  padding: 0 0 0 25px;
  margin: 0 38px 15px 0;
}

.preferences-contact .cnt-option a.chat {
  background: url(../img/icon-xyconnects-chat.png) no-repeat left center;
  padding: 0 0 0 35px;
}

.preferences-contact .btn {
  width: 100%;
  font-size: 14px;
  padding: 11px 0 10px 0;
  margin: 0;
}

.preferences-contact .btn-out {
  width: 95px;
  float: right;
  text-align: right;
  padding: 0;
  margin: 0;
}

@media (max-width: 767px) {
  .preferences-contact h3 {
    font-size: 14px;
    line-height: 18px;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
  }

  .preferences-contact .btn {
    font-size: 12px;
  }
}

/* Xyconnects - Preferences */
@media (min-width: 768px) {
  .xyconnects-cont .tab-alg1 .tab-box .tab-links3 .tabs li a {
    padding: 0 30px;
  }

  .xyconnects-cont .tab-alg1 .tab-box .tab-links3 .tabs li a:hover:before,
  .xyconnects-cont .tab-alg1 .tab-box .tab-links3 .tabs li.active a:before {
    width: 56%;
    left: 22%;
  }
}

.pref-cont {
  width: 100%;
  float: left;
  padding: 45px 35px;
}

.pref-cont li,
.pref-cont p,
.pref-cont label {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 26px;
  padding: 0;
  margin: 0;
}

.pref-cont li a,
.pref-cont p a,
.pref-cont label a {
  color: #19a2b5;
}

.pref-cont p {
  padding: 0 0 30px 0;
}

.pref-cont p:last-child {
  padding: 0;
}

.pref-cont ul {
  width: 100%;
  float: left;
  padding: 0 0 15px 0;
  margin: 0;
}

.pref-cont ul li {
  width: 100%;
  float: left;
  position: relative;
  padding: 0 0 0 30px;
  margin: 0 0 20px 0;
}

.pref-cont ul li:before,
.pref-cont ul li:after {
  display: none;
}

.pref-cont ul li input[type="radio"] {
  display: none;
}

.pref-cont ul li label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 21px;
  background: url(../img/radio-01@2x.png) no-repeat top left;
  background-size: 20px auto;
  position: absolute;
  top: 2px;
  left: 0;
}

.pref-cont ul li input[type="radio"]:checked + label:before {
  background: url(../img/radio-02@2x.png) no-repeat bottom left;
  background-size: 20px auto;
}

@media (max-width: 991px) {
  .pref-cont li,
  .pref-cont p,
  .pref-cont label {
    font-size: 16px;
    line-height: 24px;
  }

  .pref-cont p {
    padding: 0 0 20px 0;
  }

  .pref-cont ul {
    width: 100%;
    float: left;
    padding: 0 0 10px 0;
    margin: 0;
  }

  .pref-cont ul li {
    padding: 0 0 0 28px;
    margin: 0 0 15px 0;
  }

  .pref-cont ul li label:before {
    width: 18px;
    height: 19px;
    background-size: 18px auto;
    top: 3px;
  }

  .pref-cont ul li input[type="radio"]:checked + label:before {
    background-size: 18px auto;
  }
}

@media (max-width: 767px) {
  .pref-cont {
    padding: 20px 6%;
  }

  .pref-cont li,
  .pref-cont p,
  .pref-cont label {
    font-size: 14px;
    line-height: 20px;
  }

  .pref-cont p {
    padding: 0 0 20px 0;
  }

  .pref-cont ul {
    width: 100%;
    float: left;
    padding: 0 0 10px 0;
    margin: 0;
  }

  .pref-cont ul li {
    padding: 0 0 0 24px;
    margin: 0 0 15px 0;
  }

  .pref-cont ul li label:before {
    width: 16px;
    height: 17px;
    background-size: 16px auto;
    top: 2px;
  }

  .pref-cont ul li input[type="radio"]:checked + label:before {
    background-size: 16px auto;
  }

  .pref-cont .btn-out .btn {
    width: 100%;
  }
}

/* ---------------------------- Text meant only for screen readers ---------------------------- */

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
/* ---------------------------- End WordPress Core ---------------------------- */

/* bootstrap-select customizations */

.glyphicon-ok:before {
  content: "\f00c";
  font-family: FontAwesome;
  color: #999;
}

.bootstrap-select.btn-group .dropdown-menu li {
  width: 100%;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
}

.bootstrap-select > .dropdown-toggle {
  padding: 0 !important;
  font-size: 12px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  background-color: #f3f3f3;
  color: #999;
  text-transform: none;
  box-sizing: border-box;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
  color: #bebcba;
  border-width: 5px;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  position: relative;
  top: 8px;
  left: 13px;
  color: #999;
}

.bootstrap-select .dropdown-toggle.btn-default,
.bootstrap-select .dropdown-toggle.btn-default:focus,
.bootstrap-select .dropdown-toggle.btn-default:active {
  outline-width: 0 !important;
  outline: 0 !important;
  background-color: #f3f3f3;
}

.bootstrap-select.open > .dropdown-toggle.btn-default,
.bootstrap-select.open > .dropdown-toggle.btn-default:focus {
  outline-width: 0 !important;
  outline: 0 !important;
  background-color: #f3f3f3;
  box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu {
  background-color: #f3f3f3;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  box-shadow: none !important;
  border-radius: 0 !important;
  border-color: #799bd2 !important;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  font-size: 12px;
  color: #999;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100% !important;
}

.bootstrap-select.btn-group .dropdown-menu li a {
  transition: none;
}

.bootstrap-select.btn-group .dropdown-menu li a:hover {
  background-color: #1e90ff;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a:hover span.text {
  color: #fff;
}

.bootstrap-select.btn-group .dropdown-menu li a:hover .glyphicon-ok:before {
  color: #fff;
}
.search-filter2 .bootstrap-select .dropdown-toggle {
  height: 31px;
}
.search-filter2 .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  top: 0;
}

/* /bootstrap-select customizations */

/* 3mediaweb updates */
.container ul ul {
  margin-top: 12px;
  padding-bottom: 0;
}
.su-spoiler-icon,
.su-spoiler-title {
  color: #00acc8;
}

.xytex-iframe {
  width: 100%;
}

.donor-message {
  /*background: url('../img/message-quote-open.png') 0 0 no-repeat, url('../img/message-quote-close.png') bottom right no-repeat;*/
  padding: 20px 75px;
}

.physical-attributes td {
  vertical-align: top;
}

#mhq .header {
  background-color: #708396;
  color: #fff;
}

#mhq td {
  padding: 5px;
  line-height: 130%;
  min-width: 100px;
  font-weight: bold;
  vertical-align: middle;
  border: 1px solid gainsboro;
}

.table-medical-history {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .table-medical-history {
    table-layout: fixed;
  }
}

.table-medical-history .bolded {
  font-weight: bold;
}

.table-medical-history .header {
  background-color: #708396;
  color: #fff;
}

.table-medical-history td {
  padding: 5px;
  line-height: 130%;
  min-width: 100px;
  font-weight: bold;
  vertical-align: middle;
  border: 1px solid gainsboro;
}

.is_stuck {
  top: 66px !important;
}

.button-delete {
  background-color: #d9534f;
  border-color: #d9534f;
}

.button-delete:hover,
.button-delete:active,
.button-delete:focus,
.button-delete:active:focus {
  background-color: #c12e2a;
}

form.xytex-file-upload {
  border: 2px dashed #f5f5f5;
  padding: 10px 0;
  margin-bottom: 15px;
}

form.xytex-file-upload.dz-drag-hover {
  border-color: gray;
}

.red-error-message {
  padding: 10px 21px 10px 10px !important;
  background-color: #ff5123;
  color: #fff;
  text-align: left;
  float: left;
  margin: 15px 0;
  clear: both;
  width: 100%;
}

.xytex-api-loading-container {
  display: inline-block;
  width: 40px;
  height: 38px;
}

.anchor {
  display: block;
  position: relative;
  top: -90px;
  visibility: hidden;
}

.pricing-list .list ul li {
  width: 100%;
}
.pricing-list .list ul li:nth-child(odd) {
  background-color: #e6e6e6;
}

.su-row.even,
.su-row.odd {
  padding: 5px;
  margin-bottom: 0.5em !important;
}
.su-row.even {
  background: #efefef;
}
.su-row.table-head {
  border-bottom: 1px solid #efefef;
  margin-bottom: 0.5em;
  padding-bottom: 1em;
}
.validation_message {
  color: red;
}
.fa-icons {
  color: #8b8b8b;
}
.row-offcanvas.no-padding {
  padding-top: 65px;
  transition: all 0.5s ease;
}
.accord-list2 ul li.panel .acc-link a.active.collapsed:before {
  background: #d2d0ce !important;
  content: "\f067" !important;
}
.error404 #s,
.search #s {
  max-width: 150px;
  height: 41px;
}
.youtube {
  position: relative;
}
.play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(47, 37, 37, 1);
  opacity: 0.8;
}
.vspace {
  margin-bottom: 15px;
}
.gfield_visibility_ {
  display: none !important;
}
body.page-xytex-api-donor-comparison footer .have-a-favorite h2 {
  margin-top: 15px;
  padding-bottom: 6px;
}
@media (min-width: 480px) {
  .video-container {
    float: right;
    width: 360px;
  }
  .testimonial-info {
    padding: 0 20px 20px;
  }
}
.video-container img {
  width: 100%;
}

.single-testimonial .container-main,
.page-template-testimonials .container-main {
  background: #f6f5f4;
}
.testimonial-content p:first-of-type {
  color: #bc9f87;
  font-size: 19px;
  font-weight: bold;
}
.testimonial-info {
  background: #fff;
  padding: 0 75px 75px;
  margin-top: 40px;
}
.testimonial-info .testimonial-header {
  padding: 50px 0px;
}
.testimonial-info .testimonial-header .media {
  width: calc(50% - 5px);
  float: left;
  height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}
.testimonial-info .testimonial-header .names {
  float: left;
  width: calc(50% - 5px);
  margin-left: 10px;
  height: 500px;
  background-color: #69cada;
  position: relative;
}
.testimonial-info .testimonial-header .names h1 {
  text-align: center;
  color: #fff;
  font-size: 48px;
  position: absolute;
  width: 100%;
  padding: 0px 50px;
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
  line-height: 58px;
}
.testimonial-info p {
  padding-bottom: 21px;
}
.testimonial-info figure {
  text-align: center;
}
.testimonial-info figure img {
  text-align: center;
  height: 220px;
  width: auto;
  margin-top: -100px;
}
@media (max-width: 1199px) {
  .testimonial-info .testimonial-header .media,
  .testimonial-info .testimonial-header .names {
    height: 380px;
  }
  .testimonial-info .testimonial-header .names h1 {
    font-size: 42px;
    line-height: 52px;
  }
}
@media (max-width: 992px) {
  .testimonial-info .testimonial-header .media {
    width: 100%;
  }
  .testimonial-info .testimonial-header .names {
    height: 200px;
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 768px) {
  .testimonial-info {
    padding: 0 20px 50px;
    margin-top: 25px;
  }
}
@media (max-width: 480px) {
  .testimonial-info .testimonial-header {
    padding: 20px 0px;
  }
  .testimonial-info .testimonial-header .media,
  .testimonial-info .testimonial-header .names {
    height: 220px;
  }
  .testimonial-info .testimonial-header .names h1 {
    font-size: 24px;
    line-height: 34px;
  }
  .testimonial-info .testimonial-header .names {
    height: 120px;
  }
}
.img-circle {
  border-radius: 50%;
}

.page-template-testimonials .content-inner2 {
  padding-top: 100px;
}
.page-template-testimonials .banner-inner .title-bar {
  background: transparent;
  width: 100%;
  height: 100%;
}
.page-template-testimonials .outer-bg {
  width: 100%;
  height: 100%;
  float: none;
  display: table;
  margin: 0 auto;
}
.page-template-testimonials .inner-bg {
  width: 100%;
  height: 100%;
  float: none;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.page-template-testimonials .banner-inner .title-bar h1 {
  color: #69cada;
  font-size: 35px;
  margin: 0 0 5px 0;
}
.page-template-testimonials .banner-inner .title-bar h2 {
  color: #fff;
  font-size: 55px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
}
.testimonial-item {
  border-bottom: 1px solid #d0d0d0;
  padding: 50px 0;
}
.testimonial-item:first-child {
  padding-top: 0;
}
.testimonial-item:last-child {
  border: 0px none;
  padding-bottom: 0;
}
.testimonial-thumb {
  /*max-width:220px;*/
}
.testimonial-list {
  background: #fff;
  padding: 75px 75px 75px;
}
.testimonial-item h2.entry-title a {
  color: #b09176;
  font-size: 19px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
}
.testimonial-link {
  margin-top: 30px;
}
.back-link {
  float: left;
}
.paginav {
  float: right;
}
.back-link,
.paginav a {
  color: #9a9799;
  text-transform: uppercase;
  float: none;
}

@media (max-width: 1023px) {
  .testimonial-item {
    text-align: center;
  }
  .testimonial-item figure {
    display: inline-block;
  }
}

.testimonial-with-content {
  padding: 50px 0 70px;
  clear: both;
}
.testimonial-with-content h2 {
  color: #68cbdb;
  padding-bottom: 36px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 36px;
  line-height: 45px;
}
.testimonial-with-content p {
  padding-bottom: 32px;
}
.testimonial-with-content h3 {
  font-size: 20px;
  color: #b09176;
  line-height: 36px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
}
.testimonial-with-content .content {
  padding-right: 30px;
}
.testimonial-with-content figure img {
  text-align: center;
  height: 136px;
  width: auto;
  margin-top: -100px;
  border: 6px solid #fff;
}
.testimonial-with-content .testimonial-box {
  border: 2px solid #68cbdb;
  border-radius: 6px;
  text-align: center;
  padding: 30px;
  margin-top: 120px;
}
.testimonial-with-content .testimonial-box .quote {
  color: #68cada;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  padding-top: 20px;
  padding-bottom: 24px;
  line-height: 28px;
}
.testimonial-with-content .cite {
  ont-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.3px;
}
.testimonial-with-content .cta {
  text-align: center;
  margin-top: 33px;
}
.testimonial-with-content .cta .btn {
  padding: 22px 46px;
}
@media (max-width: 992px) {
  .testimonial-with-content .testimonial-box {
    margin-top: 0
  }
}
@media (max-width: 680px) {
  .testimonial-with-content .testimonial-box {
    padding: 10px 25px 25px;
  }
  .testimonial-with-content .testimonial-box .quote {
    font-size: 16px;
    padding-bottom: 10px;
    line-height: 24px;
  }
  .committed-to-quality .su-row {
    text-align: center;
  }
  .committed-to-quality .su-row .su-column img{
    display: inline-block;
    margin: 0;
  }
}

.external-news {
  padding: 60px 0;
}
.external-news .container {
  max-width: 1122px;
}
.external-news h2 {
  background: #b19278;
  color: #fff;
  text-align: center;
  padding: 28px 0;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 36px;
  line-height: 45px;
  letter-spacing: 0.1px;
}
.external-news .row-wrapper {
  padding: 45px 45px 0;
  background: #fff;
}
.external-news .row-wrapper:last-child {
  padding-bottom: 45px;
}
.external-news .news-title {
  color: #68cada;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 36px;
  letter-spacing: 0.3px;
}
.external-news .desc {
  padding-bottom: 29px;
  padding-top: 12px;
}
.external-news .desc p {
  line-height: 24px;
}
.external-news .desc p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.external-news .txt-wrapper {
  padding-left: 20px;
}

.poll-band {
  padding: 60px 0;
  background-color: #f8f8f7;
}
.poll-band .content-txt {
  text-align: center;
}
.poll-band h2 {
  color: #68cada;
  padding-bottom: 16px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 36px;
  line-height: 45px;
  letter-spacing: 0.1px;
}
.poll-band h3 {
  font-size: 20px;
  color: #b09176;
  line-height: 36px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  letter-spacing: 0.3px;
  padding-bottom: 28px;
}

.btn-rounded,
.pregnancy-poll .button,
.switch-field .button,
#PregnancyPollSubmitted .btn-out .btn {
  border-radius: 6px;
}
.btn-aqua,
.pregnancy-poll .button,
.switch-field .button,
#PregnancyPollSubmitted .btn-out .btn {
  background: #65cada;
}
.btn-aqua:hover,
.btn-aqua:focus,
.pregnancy-poll .button:hover,
.pregnancy-poll .button:focus,
.switch-field .button:hover,
.switch-field .button:focus,
#PregnancyPollSubmitted .btn-out .btn:hover,
#PregnancyPollSubmitted .btn-out .btn:focus {
  background: rgba(101, 202, 218, 0.9);
}
.btn-white-aqua {
  background: transparent;
  border: 1px solid #68cada;
  color: #65cada;
}
.btn-white-aqua:hover,
.btn-white-aqua:focus {
  color: #65cada;
  background: rgba(225, 225, 225, 0.9);
}
.btn-large,
.pregnancy-poll .button,
.switch-field .button,
#PregnancyPollSubmitted .btn-out .btn {
  padding: 22px 20px;
  min-width: 300px;
}
.btn-medium {
  padding: 22px 20px;
  min-width: 220px;
}

.switch-field .gfield_radio {
  text-align: center;
  margin: 0 auto;
}
.switch-field .gfield_radio li {
  display: inline-block;
  width: 33%;
  margin-right: 80px;
  padding: 0;
  margin-bottom: 5px;
}
.switch-field .gfield_label {
  display: none !important;
}
.switch-field .gfield_radio input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.switch-field label,
.pregnancy-poll .options label {
  display: inline-block;
  min-width: 248px;
  background-color: #fff;
  color: #000;
  letter-spacing: 1.6px;

  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  text-shadow: none;
  padding: 15px 30px;
  border: 1px solid #e5e3e0;

  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.switch-field label:hover,
.pregnancy-poll .options label:hover {
  cursor: pointer;
}
.switch-field input:checked + label,
.pregnancy-poll .options li.active label {
  background: rgba(239, 171, 88, 0.9);
  color: #fff;
}

.pregnancy-poll {
  position: relative;
}
.pregnancy-poll .options {
  padding: 0;
  margin-bottom: 20px;
}
.pregnancy-poll .options li::before {
  display: none;
}
.pregnancy-poll .options li {
  display: inline-block;
  width: 40%;
  padding: 0;
  margin-bottom: 5px;
}
.pregnancy-poll .options li label {
  width: 250px;
  margin: 5px auto;
  float: none;
}
.pregnancy-poll .options li.active {
}
.pregnancy-poll .error {
  color: #f00;
}
.pregnancy-poll .processing {
  margin: 15px 0px;
}

#PregnancyPollSubmitted .modal-content {
  border: 0;
}
#PregnancyPollSubmitted .modal-content {
  border-top: 10px solid #68cada;
}
#PregnancyPollSubmitted h2 {
  color: #68cada;
  font-size: 36px;
  border: 0;
  margin-bottom: 0px;
}
#PregnancyPollSubmitted h3 {
  color: #b09176;
  font-size: 20px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 10px;
}

.two-column-with-image {
  padding: 63px 0;
  clear: both;
}
.two-column-with-image h2,
h2.blue-heading {
  color: #68cbdb;
  padding-bottom: 24px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 36px;
  line-height: 45px;
}
.two-column-with-image h3 {
  font-size: 20px;
  color: #b09176;
  line-height: 36px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  letter-spacing: 0.6px;
  padding-bottom: 16px;
}
.two-column-with-image p {
  padding-bottom: 44px;
  line-height: 30px;
}
.two-column-with-image .content-image {
  height: 100%;
  text-align: center;
}
.two-column-with-image .image-caption {
  color: #262729;
  padding-top: 16px;
  font-size: 18px;
}
.info-box {
  border-left: 5px solid #65cada;
  padding-left: 40px;
}
.two-column-with-image .info-box p:last-child {
  padding-bottom: 0;
}
.two-column-with-image .su-column-size-5-6 {
  width: 89.66%;
}
.two-column-with-image .su-column-size-1-6 {
  width: 8.33%;
}
.two-column-with-image .su-row .su-column {
  margin: 0 0 0 2%;
}
.top-cont p:last-child {
  padding-bottom: 0;
}

.two-third-column-with-image .container {
  width: 1166px;
}

@media (max-width: 680px) {
  .two-column-with-image p {
    padding-bottom: 25px;
    line-height: 22px;
  }
}

.banner-inner.splash .title-bar {
  background: transparent;
  width: 100%;
  height: 100%;
}
.banner-inner.splash .outer-bg {
  width: 100%;
  height: 100%;
  float: none;
  display: table;
  margin: 0 auto;
}
.banner-inner.splash .inner-bg {
  width: 100%;
  height: 100%;
  float: none;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.banner-inner.splash .title-bar h1 {
  color: #68cada;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 36px;
  margin: 0 0 17px 0;
  line-height: 45px;
  letter-spacing: 0.25px;
  padding: 6px 0;
}
.banner-inner.splash .title-bar h2 {
  color: #fff;
  font-size: 55px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
}

.su-spoiler-style-fancy {
  border: 1px solid #e8e6e3 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0 !important;
}
.su-spoiler-style-fancy > .su-spoiler-title {
  border-radius: 0 !important;
  background: transparent !important;
  border-bottom: 0px none !important;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px !important;
  line-height: 30px;
  letter-spacing: 0.25px;
  color: #232221;
}
.su-spoiler-icon {
  left: auto !important;
  right: 13px;
  top: 19px !important;
  font-size: 10px !important;
}
.su-spoiler-title {
  padding: 10px 13px 8px 28px !important;
  font-size: 1em;
}
.su-spoiler-style-fancy > .su-spoiler-content {
  padding: 3px 13px 0px 30px !important;
}
.su-spoiler-icon,
.su-spoiler-title {
  color: #4a4a4a;
}

.faq-band .container {
  width: 1166px;
}
.faq-band {
  padding: 70px 0;
  background: #f8f8f7;
}
.faq-band .blue-heading {
  padding-bottom: 39px;
}
.faq-band .right-cl {
  padding-top: 0;
}
.faq-band .row-full:before,
.faq-band .tab-links2 .tabs li:before {
  display: none !important;
}
.faq-band .tab-links2 .tabs li a:hover,
.faq-band .tab-links2 .tabs li.active a {
  box-shadow: inset transparent 0 0 0;
}
.faq-band .accord-list2 h3 {
  font-size: 19px;
  color: #bc9f87;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  float: none;
  padding: 0 0 14px 0;
}
.faq-band .accord-list2 ul {
  padding-left: 28px;
  margin-bottom: 0;
  float: none;
}
.faq-band .accord-list2 ul li.panel {
  padding: 15px 0 !important;
  float: none;
  display: inline-block;
}
.faq-band .accord-list2 ul li.panel:first-child {
  padding-top: 18px !important;
}
.faq-band .accord-list2 ul li.panel .acc-link a {
  padding: 0px 60px 0px 0px;
  font-size: 16px;
  letter-spacing: 0.4px;
  line-height: 22px;
}
.faq-band .accord-list2 ul li.panel .acc-link a:before {
  left: auto;
  right: 0;
  background: transparent;
  color: #4a4a4a;
  font-size: 10px;
}
.faq-band .accord-list2 .accord-cont .cont-in {
  padding-left: 0px;
}
.faq-band .tab-links2 .tabs li a {
  padding: 17px 13px 15px 30px !important;
  font-size: 19px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  line-height: normal;
  text-transform: none;
  color: #bc9f88;
  letter-spacing: 1px;
}
.faq-band .tab-links2 .tabs li {
  border: 1px solid #e8e6e3 !important;
  margin-bottom: 10px;
  background: #ffffff;
}
.faq-band .faq-content-wrapper {
  border: 1px solid #e8e6e3 !important;
  background: #ffffff;
  padding: 23px 40px 5px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 480px) {
  .faq-band {
    padding: 20px 0;
  }
  .faq-band .blue-heading {
    padding-bottom: 20px;
    font-size: 24px;
    line-height: 30px;
  }
  .faq-band .accord-list2 ul {
    padding-left: 0;
  }
}

ul.simple-list {
  padding-left: 15px;
}
ul.simple-list li {
  padding-left: 0px;
  list-style: disc;
}
ul.simple-list li::before {
  display: none;
}
ul.simple-list li a {
  text-decoration: underline;
}

ul.black-with-large-gap {
  margin-top: 11px;
}
ul.black-with-large-gap li {
  padding-bottom: 28px;
  font-size: 16px;
}
ul.black-with-large-gap li a {
  color: #000;
}

.licenses-page .section .container {
  max-width: 1166px;
}
.licenses-page .two-column-with-image h2 {
  padding-bottom: 27px;
}
.licenses-page .two-column-with-image h3 {
  padding-bottom: 5px;
}
.licenses-page .two-column-with-image p {
  line-height: 24px;
  padding-bottom: 30px;
}
.licenses-page .two-column-with-image p a {
  color: #000;
}

@media (min-width: 768px) {
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  section.image {
    display: block;
    margin: 0 auto 1em;
    height: 100%;
    border-radius: 0.2em;
    position: relative;
    color: white;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

  .image .image-wrapper {
    position: relative;
  }
}

@media (max-width: 1023px) {
  .pregnancy-poll .options li {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .page-template-testimonials .banner-inner .title-bar h1 {
    font-size: 15px;
    margin: 0;
    padding-bottom: 6px;
  }
  .page-template-testimonials .banner-inner .title-bar h2 {
    font-size: 20px;
  }
  .two-column-with-image h2,
  .testimonial-with-content h2 {
    line-height: normal;
  }
  .testimonial-with-content {
    padding: 0 0 30px;
  }
}
@media (max-width: 680px) {
  .testimonial-with-content .content {
    padding-right: 0;
  }
  .testimonial-with-content {
    padding-top: 20px;
  }
  .two-column-with-image {
    padding: 25px 0;
  }
  .two-column-with-image h2,
  .testimonial-with-content h2 {
    font-size: 28px;
    padding-bottom: 15px;
  }
}

@media (max-width: 480px) {
  .page-template-testimonials .content-inner2 {
    padding-top: 15px;
  }
  .testimonial-item h2.entry-title,
  .testimonial-link {
    text-align: center;
  }
  .testimonial-list {
    padding: 15px 30px 30px;
  }
  .content-inner2 .container {
    padding: 0;
  }
  .single .content-inner2 .container {
    padding: 0px 17px;
  }
  .testimonial-info {
    padding: 0 20px 20px;
  }
  .back-link,
  .paginav {
    float: none;
    text-align: center;
    display: block;
    margin: 8px auto;
  }
  .testimonial-thumb {
    margin-bottom: 15px;
    width: 100%;
  }
  #PregnancyPollSubmitted h2 {
    font-size: 24px;
  }
  #PregnancyPollSubmitted h3 {
    font-size: 16px;
  }
  #PregnancyPollSubmitted .btn-out .btn {
    padding: 5px 15px;
    min-width: 120px;
    line-height: 24px;
  }
}
/* For IE Edge Compatibility */
@supports (-ms-ime-align: auto) {
  .results-list .table-row {
    margin: 0 0 45px 0;
  }
  .results-list .table-row .btm-row {
    position: inherit;
    margin-top: -40px;
  }
}

@media (max-width: 767px) {
  .btn-large,
  .pregnancy-poll .button,
  .switch-field .button {
    line-height: 30px;
  }
}
/* 3mediaweb updates */

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

@media (max-width: 1023px) {
  .two-third-column-with-image .container {
    width: 100%;
  }
  .banner-inner.splash .title-bar h1 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 0px;
  }
  .banner-inner.splash .title-bar h2 {
    font-size: 36px;
    padding-bottom: 6px;
  }
  .switch-field label {
    min-width: 200px;
  }
}

@media (max-width: 767px) {
  .banner-inner.splash .title-bar h1 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px;
  }
  .banner-inner.splash .title-bar h2 {
    font-size: 22px;
  }
  .faq-info .left-cl {
    width: 100%;
    margin: 0;
  }
  .faq-info .right-cl {
    width: 100%;
    padding: 0px;
  }
  .faq-info .container {
    padding: 15px;
  }
  .external-news .txt-wrapper {
    padding-left: 0;
    margin-top: 10px;
  }
  .external-news,
  .poll-band {
    padding: 30px 0;
  }
  .poll-band .content-image {
    text-align: center;
    padding-bottom: 15px;
  }
  .btn-large,
  .btn-medium,
  .pregnancy-poll .button,
  .switch-field .button,
  #PregnancyPollSubmitted .btn-out .btn {
    padding: 10px 15px;
    min-width: 220px;
    line-height: 30px;
  }
}

@media (max-width: 417px) {
  p {
    word-wrap: break-word;
  }
  .two-column-with-image {
    padding: 35px 0;
  }
  .faq-band {
    padding: 35px 0;
  }
  .two-column-with-image h2,
  h2.blue-heading {
    font-size: 24px;
    line-height: 28px;
  }
  .faq-band .faq-content-wrapper {
    padding: 23px 15px 5px;
    margin-bottom: 15px;
  }
  .faq-band .accord-list2 ul {
    padding-left: 10px;
  }
  .switch-field ul {
    padding: 0 !important;
  }
  .switch-field ul li {
    padding: 0 !important;
    margin-right: 0px !important;
    width: 100% !important;
  }
  .poll-band h2 {
    font-size: 24px;
    line-height: 28px;
  }
  .poll-band h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .external-news h2 {
    font-size: 24px;
    line-height: 30px;
  }
  .content-txt img.alignleft {
    float: none;
  }
}

@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    /*background: transparent !important;*/
    color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: none !important;
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

.page-template-landing-page-babynames {
  background-color: #fff;
}
.page-template-landing-page-babynames .row-offcanvas {
  padding: 0px;
}
.page-template-landing-page-babynames header,
.page-template-landing-page-babynames .footer-main {
  display: none !important;
}
.page-template-landing-page-babynames .row-full {
  position: relative;
}
.babynames {
}
.babynames .banner {
  height: 472px;
  background-size: cover;
  background-position: center;
}
.babynames .names {
  text-align: center;
  padding: 40px 0px 40px 0px;
  font-size: 18px;
  line-height: 32px;
}
.babynames .names .baby-girl-names {
  max-width: 358px;
  margin-right: 25px;
  display: inline-block;
  width: 100%;
  text-align: center;
  background-color: #f3d1d1;
  padding: 20px 0px;
}
.babynames .names .baby-boy-names {
  display: inline-block;
  max-width: 358px;
  width: 100%;
  text-align: center;
  background-color: #c3eaf0;
  padding: 20px 0px;
}
.babynames .cta {
  text-align: center;
  font-size: 18px;
}
.babynames .xytex-logo {
  text-align: center;
  margin: 30px 0px;
}
.babynames .xytex-logo img {
  max-width: 300px;
}
.babynames .baby-photo {
  position: absolute;
  bottom: 100px;
  right: 0;
}
.babynames .footer {
  background-color: #c8af9a;
  text-align: center;
  margin-top: 30px;
  padding: 25px 0px;
}
.babynames .footer a {
  color: #fff;
}
@media only screen and (max-width: 1366px) {
  .babynames .banner {
    height: 430px;
  }
}
@media only screen and (max-width: 1200px) {
  .babynames .banner {
    height: 380px;
  }
  .babynames .baby-photo {
    width: 240px;
  }
}
@media only screen and (max-width: 992px) {
  .babynames .banner {
    height: 300px;
  }
  .babynames .baby-photo {
    width: 200px;
    bottom: 144px;
  }
  .babynames .names .baby-girl-names,
  .babynames .names .baby-boy-names {
    width: 300px;
  }
}
@media only screen and (max-width: 768px) {
  .babynames .banner {
    height: 240px;
  }
  .babynames .baby-photo {
    width: 150px;
    bottom: 144px;
  }
}
@media only screen and (max-width: 767px) {
  .babynames .names .baby-girl-names {
    margin: 0px 0px 30px 0px;
  }
  .babynames .baby-photo {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .babynames .banner {
    height: 160px;
  }
}
@media only screen and (max-width: 360px) {
  .babynames .banner {
    height: 140px;
  }
}

/* Resources Page Banner
	- What You Need To Know
	- Our Pledge To You
*/
@media only screen and (max-width: 1200px) {
  .page-id-3430 .banner-inner figure img,
  .page-id-3383 .banner-inner figure img {
    margin: 0 0 0 -170px;
  }
}
@media only screen and (max-width: 900px) {
  .page-id-3430 .banner-inner figure img,
  .page-id-3383 .banner-inner figure img {
    margin: 0 0 0 -250px;
  }
}
@media only screen and (max-width: 767px) {
  .page-id-3430 .banner-inner figure img,
  .page-id-3383 .banner-inner figure img {
    margin: 0 0 0 -30px;
  }
}
@media only screen and (max-width: 680px) {
  .page-id-3430 .banner-inner figure img,
  .page-id-3383 .banner-inner figure img {
    margin: 0 0 0 -100px;
  }
}
@media only screen and (max-width: 480px) {
  .page-id-3430 .banner-inner figure img,
  .page-id-3383 .banner-inner figure img {
    margin: 0 0 0 -250px;
  }
}

.xy-banner {
  position: relative;
}

/*
Website issue Banner
*/
.banner.website-issue p {
  padding: 0;
}
.banner-maintenance {
  background-color: #8bc9d8;
  color: #fff;
  display: flex;
  padding: 10px 15px;
  justify-content: center;
}
.banner-maintenance .fa {
  font-size: 24px;
  display: inline-block;
  vertical-align: top;
}
.banner-maintenance p.copy {
  padding: 0 0 0 10px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  width: calc(100% - 30px);display: inline-block;
}


/*
Breaking News Banner, General Notification Banner
*/
.banner.breaking-news .banner-text p,
.banner.general p,
.banner.shipping p,
.banner.thanksgiving p,
.banner.labor-day p,
.banner.national-nurses-week p,
.banner.memorial-day-banner p,
.banner.custom-bkg-general p,
.banner.fourth-july-2 p,
.banner.fourth-july-3 p,
.banner.pride-banner p {
  padding: 0;
}
.banner.general p {
  padding: 0;
  line-height: 21px;
}
.banner.breaking-news .banner-text a {
  text-decoration: underline;
  color: #65cada;
  white-space: nowrap;
}
.banner.breaking-news .banner-heading a.xy-close,
.banner.memorial-day-banner a.xy-close,
.banner.general a.xy-close,
.banner.shipping a.xy-close,
.banner a.xy-close {
  background: white;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 13px;
  color: #65cada;
  position: absolute;
  top: 5px;
  right: 15px;
  text-decoration: none;
  font-size: 12px;
  font-family: Verdana, sans-serif;
}
.banner.pride-banner a.xy-close {
  color: #999;
  font-weight: bold;
  border: 1px solid #999;
  line-height: 11px;
}
.banner.fourth-july-3 a.xy-close {
  background: #333;
  color: white;
  font-weight: bold;
}
.banner.fourth-july-2 {
  background-color: #000;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: cover;
}
.banner.fourth-july-2 h3,
.banner.fourth-july-3 h3,
.banner.pride-banner h5 {
  color: white;
  padding: 0;
  margin: 0;
}
.banner.fourth-july-2 .xy-banner-content-container {
  color: white;
  text-shadow: 4px 4px 6px #000, -4px -4px 6px #000;
}
/*.banner.fourth-july-2 .xy-banner-content-container h3,
.banner.fourth-july-2 .xy-banner-content-container p {
	text-shadow: 4px 4px 6px #000, -4px -4px 6px #000;
}*/
.banner.fourth-july-2 a.xy-close {
  color: black;
  font-weight: bold;
}
@media only screen and (min-width: 400px) and (max-width: 467px) {
  .banner.thanksgiving {
    padding: 5px 50px 5px 80px !important;
  }
  .banner.christmas {
    padding: 10px 40px 40px 20px !important;
    background-size: 150% !important;
  }
}
@media only screen and (min-width: 468px) and (max-width: 600px) {
  .banner.thanksgiving {
    font-size: 14px !important;
    line-height: 22px;
    padding: 10px 60px 10px 100px !important;
    min-height: 130px;
  }
  .banner.christmas {
    font-size: 14px !important;
    padding: 10px 40px 50px 20px !important;
    text-align: center !important;
    line-height: 20px !important;
    background-size: 150% !important;
  }
}
@media only screen and (min-width: 601px) and (max-width: 700px) {
  .banner.thanksgiving {
    font-size: 16px !important;
    padding: 10px 60px 10px 115px !important;
    min-height: 130px;
    background-position-y: 50% !important;
  }
  .banner.christmas {
    font-size: 14px !important;
    padding: 10px 40px 35px 20px !important;
    text-align: center !important;
    line-height: 20px !important;
    background-size: 100% !important;
  }
}
@media only screen and (min-width: 701px) and (max-width: 767px) {
  .banner.thanksgiving {
    font-size: 14px !important;
    line-height: 22px;
    padding: 20px 100px 10px 150px !important;
    min-height: 130px;
    background-position-y: 50% !important;
  }
  .banner.christmas {
    font-size: 14px !important;
    padding: 10px 40px 40px 20px !important;
    text-align: center !important;
    line-height: 20px !important;
    background-size: 100% !important;
  }
}
@media only screen and (min-width: 800px) and (max-width: 991px) {
  .banner.thanksgiving {
    padding: 10px 120px 10px 170px !important;
  }
}
/*
Remove top margin from footer in the Donor Profile page
*/
body.page-xytex-api-donor-profile .footer-main {
  margin-top: 0;
}

.conditions-banner {
/*  float: left;*/
  width: 100%;
  margin-top: 35px;
}
.conditions-banner .copy {
  background-color: #65cada;
  color: #fff;
  padding: 10px 15px;
  text-align: center;
}
.page-xytex-api-search .conditions-banner {
  margin: 0 0 10px 0;
  width: 100%;
}

/* Memorial Day Banner */
.banner.memorial-day-banner a.xy-close {
  color: #c84a5a;
}

.order-form {
}
.order-form h3 {
  padding-bottom: 10px;
}
.order-form h4 {
}
.order-form .prices_usd {
  font-size: 13px;
  padding: 0 !important;
  margin-bottom: -15px;
  text-align: right;
}
.order-form .units-table {
  float: left;
  width: 100%;
  border: 1px solid #ddd;
  margin: 20px 0px;
}
.order-form .units-table .header {
  font-weight: bold;
  background-color: #ddd;
  padding: 6px 15px;
}
.order-form .units-table .item {
  padding: 6px 15px;
}
.order-form .units-table .col {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}
.order-form .units-table .type {
  width: calc(100% - 438px);
}
.order-form .units-table .type .tooltip-icon {
  margin-left: 5px;
}
.order-form .units-table .motility {
  width: 100px;
  text-align: center;
}
.order-form .units-table .stock {
  width: 70px;
  text-align: center;
}
.order-form .units-table .price {
  width: 70px;
  text-align: right;
}
.order-form .units-table .header .price span {
  display: inline-block;
  font-weight: normal;
  font-size: 11px;
  line-height: normal;
}
.order-form .units-table .qty {
  display: inline-block;
  width: 100px;
  text-align: center;
}
.order-form .units-table .less_than_5_note {
  font-style: italic;
  font-size: 13px;
}
.order-form .units-table .lte767 {
  display: none;
}
.order-form .buyxgety-sale-info,
.order-form .family-slot-tiered-pricing {
  background: #efab58;
  margin-bottom: 12px;
  padding: 5px 20px 8px;
}
.order-form .buyxgety-sale-info h3,
.order-form .family-slot-tiered-pricing h3 {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
.order-form .buyxgety-sale-info p,
.order-form .family-slot-tiered-pricing p {
  padding: 0 !important;
  color: #fff !important;
}
.popup .clinics-note {
  margin-top: 15px;
  float: left;
  width: 100%;
  font-size: 13px;
  line-height: 17px;
}
.popup .clinics-note .clinic-name {
  margin-top: 4px;
  font-size: 11px;
}
.popup .clinic-not-allowed {
}
.popup .clinic-not-allowed p {
  color: #313131 !important;
}
#OrderUnits .order-form .units-table .qty select option:first-child {
  display: inline-block !important;
}
.cart {
  float: left;
  width: 100%;
  margin-top: 35px;
  position: relative;
}
.cart .processing {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 999;
}
.cart .processing i {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
}
.cart .red-error-message {
  float: none;
}
.cart .cart-notification {
  background-color: #19a2b5;
  color: #fff;
  padding: 8px 15px;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.cart .units-note, 
.cart .featured-donor-quantity-disclaimer,
.cart #uk-tiered-pricing-disclaimer {
  background-color: #8bc9d8;
  color: #fff;
  font-size: 15px;
  padding: 6px 10px;
  margin-bottom: 10px;
}
.cart .cart-table {
  float: left;
  width: 100%;
}
.cart.storage .cart-table {
  width: calc(100% - 300px);
}
.cart .cart-table .header {
  text-transform: uppercase;
  background-color: #f0f0f0;
}
.cart .cart-table .item {
  border-top: 1px solid #ddd;
  margin-bottom: 10px;
}
.cart .cart-table .item.has-note {
  border: 1px solid #ff5123;
}
.cart .cart-table .item .note {
  padding: 0px 10px;
  font-size: 14px;
  color: #fff;
  background-color: #ff5123;
}
.cart .cart-table .col {
  display: inline-block;
  width: 120px;
  padding: 10px;
  vertical-align: top;
}
.cart .cart-table .product {
  width: calc(100% - 410px);
}
.cart.storage .cart-table .product {
  width: calc(100% - 380px);
}
.cart .cart-table .product .product-title,
.cart .cart-table .product .product-title a {
  color: #19a2b5;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  text-decoration: none;
}
.cart .cart-table .product .attributes {
  font-size: 13px;
  line-height: 16px;
  margin-top: 8px;
}
.cart .cart-table .product .attributes .attr {
  display: inline-block;
  margin-right: 10px;
  border-right: 1px solid #ddd;
  padding-right: 10px;
}
.cart .cart-table .product .attributes .attr:last-child {
  border: none;
  margin-right: 0;
  padding-right: 0;
}
.cart .cart-table .product .attributes .attr .attr_lbl {
  display: inline-block;
  font-weight: bold;
}
.cart .cart-table .product .attributes .attr .attr_val {
  display: inline-block;
}
.cart .cart-table .qty,
.cart .cart-table .storage,
.cart .cart-table .shipping {
  text-align: center;
}
.cart .cart-table .item .qty,
.cart .cart-table .item .storage,
.cart .cart-table .item .shipping {
  line-height: 48px;
}
.cart .cart-table .item .storage {
  position: relative;
}
.cart .cart-table .item .storage .block {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: not-allowed;
}
.cart .cart-table .item .qty {
  position: relative;
}
.cart .cart-table .item .qty .buyxgety-notice {
  position: absolute;
  background-color: rgb(255, 181, 71);
  color: #fff;
  width: 220px;
  padding: 10px;
  font-size: 13px;
  line-height: 18px;
  border-radius: 8px;
  top: 100%;
  z-index: 1;
}
.cart .cart-table .item .qty .buyxgety-notice:after {
  content: " ";
  position: absolute;
  left: 40px;
  top: -10px;
  border-top: none;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid rgb(255, 181, 71);
}
.cart .cart-table .price {
  text-align: right;
}
.cart .cart-table .item .price .off {
  display: block;
  font-size: 12px;
  color: red;
}
.cart .cart-table .header .price span {
  display: block;
  font-size: 11px;
}
.cart .cart-table .subtotal {
  text-align: right;
}
.cart .cart-table .delete-cart-item {
  display: inline-block;
  width: 20px;
}
.cart .cart-table .delete-cart-item a {
  display: inline-block;
  margin-top: 10px;
}
.cart .cart-table .total {
  padding: 6px 45px 6px 10px;
  text-align: right;
  font-weight: bold;
  border-top: 1px solid #ddd;
  border-bottom: 3px double #ddd;
}
.cart .cart-table .total-after-discount,
.cart .cart-table .total-after-family-slot-fee {
  padding: 6px 45px 6px 10px;
  text-align: right;
  font-weight: bold;
  border-top: 1px solid #ddd;
  border-bottom: 3px double #ddd;
}
.cart .cart-table .promo-code-wrapper {
}
.cart .cart-table .promo-code-wrapper .promo-code-inner {
  float: left;
  width: 100%;
  max-width: 300px;
  margin-top: 10px;
}
.cart .cart-table .promo-code-wrapper .promo-code-inner input {
  width: calc(100% - 100px);
  padding: 11px 20px 10px;
  height: 41px;
}
.cart .cart-table .promo-code-wrapper .promo-code-inner .btn {
  border-radius: 0;
  padding: 0px 15px;
  line-height: 41px;
}
.cart .cart-table .promo-code-wrapper .promo-code-inner .fa {
  vertical-align: top;
  margin: 11px 0px 0px 10px;
}
.cart .cart-table .promo-code-wrapper .promo-code-inner .coupon-info {
  color: #19a2b5;
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
  border: 1px solid;
  display: inline-block;
  padding: 5px 10px;
}
.cart .cart-table .promo-code-wrapper .currency {
  float: right;
}
@media only screen and (max-width: 480px) {
  .cart .cart-table .promo-code-wrapper .promo-code-inner {
    max-width: none;
  }
  .cart .cart-table .promo-code-wrapper .promo-code-inner .btn {
    width: 85px;
  }
  .cart .cart-table .promo-code-wrapper .promo-code-inner input {
    width: calc(100% - 85px);
  }
  .cart .cart-table .promo-code-wrapper .promo-code-inner .coupon-info {
    width: 100%;
  }
}
.cart .cart-table .checkout-btn-wrapper,
.cart .shipping-storage-options .btn-wrapper {
  text-align: center;
  padding: 40px 0px;
}
.cart .cart-table .checkout-btn-wrapper .btn,
.cart .shipping-storage-options .btn-wrapper .btn {
  margin-right: 10px;
}
.cart .cart-table .update_note {
  margin: 8px 0px 0px 0px;
  font-size: 14px;
  font-style: italic;
}
.cart .cart-table .prices_usd {
  padding: 0;
  font-size: 13px;
  text-align: right;
}
.qty-field {
  position: relative;
  height: 46px;
  width: 100px;
}
.qty-field .minus,
.qty-field .plus {
  font-size: 12px;
  width: 24px;
  text-align: center;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  display: inline-block;
  line-height: 44px;
  vertical-align: bottom;
  cursor: pointer;
  position: absolute;
}
.qty-field .minus {
  border-left: 1px solid #aaa;
  left: 0;
}
.qty-field .plus {
  border-right: 1px solid #aaa;
  right: 0;
}
.qty-field input {
  border: 1px solid #aaa;
  text-align: center;
  float: none;
  display: inline-block;
  width: calc(100% - 48px);
  padding: 10px 5px;
  position: absolute;
  top: 0;
  left: 24px;
}
.cart.storage .info {
  text-align: center;
  font-size: 22px;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  color: #19a2b5;
  margin: 20px 0px;
}
.checkout-addresses, .checkout-addresses-sfs {
  float: left;
  width: calc(100% - 300px);
}
.checkout-addresses .left-cl, .checkout-addresses-sfs .left-cl {
  float: left;
  width: calc(50% - 20px);
  margin-right: 40px;
}
.checkout-addresses .left-cl h3, .checkout-addresses-sfs .left-cl h3 {
  margin-bottom: 41px;
}
.checkout-addresses .right-cl, .checkout-addresses-sfs .right-cl {
  float: left;
  width: calc(50% - 20px);
}
.checkout-addresses .left-cl p,
.checkout-addresses .right-cl p,
.checkout-addresses-sfs .left-cl p,
.checkout-addresses-sfs .right-cl p {
  padding-bottom: 15px;
}
.checkout-addresses input,
.checkout-addresses .input,
.checkout-addresses-sfs input,
.checkout-addresses-sfs .input {
  float: none;
}
.checkout-addresses .country,
.checkout-addresses .input-readonly,
.checkout-addresses-sfs .country,
.checkout-addresses-sfs .input-readonly {
  padding: 10px 20px;
  background: #f3f3f3;
  display: inline-block;
  width: 100%;
}
.checkout-addresses .ship_to, .checkout-addresses-sfs .ship_to {
  padding-bottom: 10px;
}
.checkout-addresses .ship_to label, .checkout-addresses-sfs .ship_to label {
  display: block;
}
.checkout-addresses .ship_to .option, .checkout-addresses-sfs .ship_to .option {
  display: inline-block;
  margin-right: 10px;
}
.checkout-addresses .ship_to .option label, .checkout-addresses-sfs .ship_to .option label {
  float: none;
  display: inline-block;
  width: auto;
  font-weight: normal;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 13px;
}

.checkout-addresses .submit-wrapper, .checkout-addresses-sfs .submit-wrapper {
  float: left;
  margin-top: 20px;
  width: 100%;
}
.checkout-addresses .submit-wrapper .btn, .checkout-addresses-sfs .submit-wrapper .btn {
  margin-right: 10px;
}
.checkout-addresses input.error,
.checkout-addresses select.error,
.checkout-addresses-sfs input.error,
.checkout-addresses-sfs select.error,
.checkout-payment input.error,
.checkout-payment select.error {
  border-width: 1px !important;
}
.checkout-addresses label.error,
.checkout-addresses-sfs label.error,
.checkout-payment label.error {
  color: #ff5123;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 13px;
}
.cart .order-summary, .ship-from-storage-page .order-summary-sfs {
  float: left;
  width: 290px;
  padding: 10px;
  margin-left: 10px;
  background-color: #f0f0f0;
  font-size: 13px;
  letter-spacing: -0.6px;
  position: relative;
}
.cart.addresses .order-summary, .ship-from-storage-page.addresses .order-summary-sfs {
  margin-top: 42px;
}
.cart .order-summary .updating, .ship-from-storage-page .order-summary-sfs .updating {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 1;
}
.cart .order-summary .updating .fa, .ship-from-storage-page .order-summary-sfs .updating .fa {
  font-size: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cart .order-summary .title, .ship-from-storage-page .order-summary-sfs .title {
  letter-spacing: normal;
  font-size: 18px;
}
.cart .order-summary .cart-notification, .ship-from-storage-page .order-summary-sfs .cart-notification {
  line-height: 19px;
}
.cart .order-summary fieldset, .ship-from-storage-page .order-summary-sfs fieldset {
  border: 1px solid #888;
  padding: 5px 10px;
  margin-top: 6px;
}
.cart .order-summary fieldset legend, .ship-from-storage-page .order-summary-sfs fieldset legend {
  border: 0;
  display: inline-block;
  width: auto;
  padding: 0px 3px;
  font-size: 14px;
  margin: 0px;
}
.cart .order-summary .item, .ship-from-storage-page .order-summary-sfs .item {
  line-height: 18px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 6px;
  padding-bottom: 6px;
}
.cart .order-summary .item .product,
.cart .order-summary .item .product a, 
.ship-from-storage-page .order-summary-sfs .item .product, 
.ship-from-storage-page .order-summary-sfs .item .product a {
  display: inline-block;
  width: calc(100% - 130px);
  text-decoration: none;
  color: inherit;
}
.cart .order-summary .item .qty_price, .ship-from-storage-page .order-summary-sfs .item .qty {
  display: inline-block;
  width: 60px;
  text-align: right;
}
.ship-from-storage-page .order-summary-sfs .item .qty { 
  width: 120px;
}
.cart .order-summary .item .subtotal, .ship-from-storage-page .order-summary-sfs .item .subtotal {
  display: inline-block;
  width: 60px;
  text-align: right;
  float: right;
}
.cart .order-summary > .subtotal, .ship-from-storage-page .order-summary-sfs > .subtotal {
  border-top: 1px solid #ccc;
  margin-top: 8px;
  padding-top: 3px;
  font-weight: bold;
  letter-spacing: normal;
}
.cart .order-summary .ss_item,
.cart .order-summary .discount_item, 
.ship-from-storage-page .order-summary-sfs .ss_item, 
.ship-from-storage-page .order-summary-sfs .discount_item {
  line-height: 18px;
  margin-top: 5px;
}
.cart .order-summary .ss_desc,
.cart .order-summary .discount_desc, 
.ship-from-storage-page .order-summary-sfs .ss_desc, 
.ship-from-storage-page .order-summary-sfs .discount_desc {
  line-height: 18px;
}
.cart .order-summary .total,
.cart .order-summary .storage-total, 
.ship-from-storage-page .order-summary-sfs .total, 
.ship-from-storage-page .order-summary-sfs .storage-total {
  border-top: 1px solid #ccc;
  margin-top: 8px;
  padding: 3px 0px 0px 0px;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: normal;
}
.cart .order-summary .ss_item .lbl,
.cart .order-summary .discount_item .lbl,
.cart .order-summary .subtotal .lbl,
.cart .order-summary .total .lbl,
.cart .order-summary .storage-total .lbl, 
.cart .order-summary .uk_tiered_pricing_fee .lbl, 
.ship-from-storage-page .order-summary-sfs .ss_item .lbl, 
.ship-from-storage-page .order-summary-sfs .discount_item .lbl, 
.ship-from-storage-page .order-summary-sfs .subtotal .lbl, 
.ship-from-storage-page .order-summary-sfs .total .lbl, 
.ship-from-storage-page .order-summary-sfs .storage-total .lbl {
  float: left;
}
.cart .order-summary .ss_item .amount,
.cart .order-summary .discount_item .amount,
.cart .order-summary .subtotal .amount,
.cart .order-summary .total .amount,
.cart .order-summary .storage-total .amount, 
.cart .order-summary .uk_tiered_pricing_fee .amount,
.ship-from-storage-page .order-summary-sfs .ss_item .amount, 
.ship-from-storage-page .order-summary-sfs .discount_item .amount, 
.ship-from-storage-page .order-summary-sfs .subtotal .amount, 
.ship-from-storage-page .order-summary-sfs .total .amount, 
.ship-from-storage-page .order-summary-sfs .storage-total .amount {
  float: right;
}
.cart .order-summary .tank_deposit, .ship-from-storage-page .order-summary-sfs .tank_deposit {
  margin-top: 8px;
}
.cart .order-summary .tank_deposit .lbl, .ship-from-storage-page .order-summary-sfs .tank_deposit .lbl {
  float: left;
}
.cart .order-summary .tank_deposit .amount, .ship-from-storage-page .order-summary-sfs .tank_deposit .amount {
  float: right;
}
.cart .order-summary .note, .ship-from-storage-page .order-summary-sfs .note {
  line-height: 15px;
  display: inline-block;
  margin-top: 10px;
}
.cart .order-summary .grand-total, .ship-from-storage-page .order-summary-sfs .grand-total {
  padding: 2px 11px;
  background-color: #19a2b5;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}
.cart .order-summary .grand-total .lbl, .ship-from-storage-page .order-summary-sfs .grand-total .lbl {
  float: left;
}
.cart .order-summary .grand-total .amount, .ship-from-storage-page .order-summary-sfs .grand-total .amount {
  float: right;
}
.cart .order-summary .exch, .ship-from-storage-page .order-summary-sfs .exch {
  padding: 2px 11px;
  margin-top: 10px;
}
.cart .order-summary .exch .all-prices, .ship-from-storage-page .order-summary-sfs .exch .all-prices {
  font-size: 14px;
  font-weight: bold;
}
.cart .order-summary .exch .approx, .ship-from-storage-page .order-summary-sfs .exch .approx {
  font-size: 16px;
  font-weight: bold;
}
.cart .order-summary .exch .approx .lbl, .ship-from-storage-page .order-summary-sfs .exch .approx .lbl {
  float: left;
}
.cart .order-summary .exch .approx .amount, .ship-from-storage-page .order-summary-sfs .exch .approx .amount {
  float: right;
}
.checkout-payment {
  float: left;
  width: calc(100% - 300px);
}
.checkout-payment h3 {
  margin: 25px 0px;
}
.checkout-payment .submit-wrapper {
  margin: 30px 0px;
}
.checkout-payment .submit-wrapper .btn {
  margin-right: 10px;
}

.checkout-payment .submit-wrapper .btn[disabled],
.checkout-payment .submit-wrapper .btn[disabled]:hover {
  background: #dbd9d6;
}
.hcf-info .lbl {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 24px;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  color: #19a2b5;
}
.ss-options .shipping-storage-options, .sfs-page-shipping-options {
  width: calc(100% - 300px);
  float: left;
}
.ss-options .shipping-options {
  margin-bottom: 40px;
}
.ss-options .additional-info {
  max-width: 470px;
}
.ss-options .additional-info .item {
  float: left;
  width: calc(50% - 10px);
  margin-bottom: 15px;
}
.ss-options .additional-info .item.left-margin {
  margin-left: 20px;
}
.ss-options .additional-info .item.full {
  width: 100%;
  margin-left: 0;
}
.ss-options .additional-info .item .lbl {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 4px;
}
.ss-options .additional-info .item label.error {
  font-family: "gotham", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: red;
}
@media only screen and (max-width: 480px) {
  .ss-options .additional-info .item {
    width: 100%;
  }
  .ss-options .additional-info .item.left-margin {
    margin-left: 0;
  }
}
.ss-options h3 {
  margin-bottom: 15px;
}
.ss-options .ss_options {
  width: 100%;
  max-width: 470px;
  border-bottom: 1px solid #f0f0f0;
}
.ss-options .ss_options .item {
  padding: 15px 0px;
  border-top: 1px solid #f0f0f0;
}
.ss-options .ss_options .item .rb {
  display: inline-block;
  width: 20px;
  vertical-align: top;
}
.ss-options .ss_options .item .lbl {
  display: inline-block;
  width: calc(100% - 100px);
  cursor: pointer;
  vertical-align: top;
}
.ss-options .ss_options .item .price {
  display: inline-block;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  width: 65px;
  text-align: right;
  vertical-align: top;
}
.ss-options .ss_options .item .disclaimer {
  font-size: 13px;
  line-height: 18px;
  margin-top: 6px;
  width: calc(100% - 100px);
  margin-left: 25px;
}
.cart .shipping-date {
  margin-top: 15px;
  max-width: 470px;
}
.cart .shipping-date label {
  float: none;
  display: inline-block;
  width: calc(100% - 200px);
}
.cart .shipping-date input[type="text"] {
  float: none;
  width: 200px;
  display: inline-block;
}
.ui-datepicker .ui-datepicker-header {
  border: 1px solid #19a2b5;
  background: #19a2b5;
}
.ui-datepicker .ui-state-default {
  border: 1px solid #f0f0f0;
  background: #f0f0f0;
  font-weight: normal;
  color: #333;
  text-align: center;
}
.ui-datepicker .ui-state-highlight {
  border: 1px solid #fad42e;
  background: #fbec88;
  color: #363636;
}
.ui-datepicker .ui-state-default:hover {
  border: 1px solid #888;
}
.ui-datepicker .ui-state-active {
  border: 1px solid #333;
  background: #ddd;
}
@media only screen and (max-width: 480px) {
  .cart .shipping-date label {
    width: 100%;
  }
  .cart .shipping-date input[type="text"] {
    width: 100%;
  }
}
.order-review .review-header {
  color: #65cada;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  text-align: center;
  margin: 30px 0px;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 30px;
}
.order-review .block-title,
.cart .order-review .order-summary .title, .ship-from-storage-page .order-review .order-summary-sfs .title {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
  margin-bottom: 8px;
  margin-top: 20px;
}
.cart .order-review .order-summary .title, .ship-from-storage-page .order-review .order-summary-sfs .title {
  border-bottom: 0 none;
  padding: 0;
  margin: 0;
}
.order-review .order-info {
  float: left;
  width: 610px;
  margin-right: 30px;
}
.order-review .order-info .edit_info {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
.order-review .order-info .edit_info .btn,
.cart .order-summary .title .btn, .ship-from-storage-page .order-summary-sfs .title .btn {
  font-size: 11px;
  padding: 5px 10px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
}
.cart .order-summary .title .btn, .ship-from-storage-page .order-summary-sfs .title .btn {
  float: right;
}
.order-review .order-info .addresses .shipping_addr,
.order-review .order-info .addresses .billing_addr,
.order-review .order-info .ss_info .shipping_method,
.order-review .order-info .ss_info .storage_option {
  width: calc(50% - 15px);
  float: left;
  margin-bottom: 30px;
}
.order-review .order-info .addresses .billing_addr,
.order-review .order-info .ss_info .storage_option {
  margin-left: 30px;
}
.order-review .order-info .addresses .full-width,
.order-review .order-info .ss_info .full-width {
  margin-left: 0;
  width: 100%;
}
.order-review .order-info .payment_info {
}
.order-review .order-info .payment_info .payment_method {
  margin-bottom: 30px;
}
.order-review .order-info .payment_info .payment_method img {
  height: 30px;
  margin-right: 3px;
}
.cart .order-review .order-summary, .ship-from-storage-page .order-review .order-summary-sfs {
  padding: 20px 25px;
  font-size: 15px;
  width: calc(100% - 640px);
  margin: 0;
}
.cart .order-review .order-summary .item, .ship-from-storage-page .order-review .order-summary-sfs .item {
  line-height: 24px;
}
.cart .order-review .order-summary .item .product, .ship-from-storage-page .order-review .order-summary-sfs .item .product {
  width: calc(100% - 168px);
}
.cart .order-review .order-summary .item .qty_price {
  width: 90px;
}
.ship-from-storage-page .order-review .order-summary-sfs .item .qty {
  width: 160px;
}
.cart .order-review .order-summary .item .subtotal, .ship-from-storage-page .order-review .order-summary-sfs .item .subtotal {
  width: 70px;
}
.order-review .submit-wrapper {
  border-top: 1px solid #f0f0f0;
  float: left;
  width: 100%;
  margin-top: 30px;
  padding-top: 30px;
  text-align: center;
}
@media (max-width: 992px) {
  .cart .cart-table .product .attributes .attr {
    border-right: 0 none;
    display: block;
    padding-right: 0;
    margin-bottom: 5px;
  }
  .cart.storage .cart-table,
  .checkout-addresses,
  .checkout-addresses-sfs,
  .checkout-payment {
    width: 100%;
  }
  .cart.addresses .order-summary,
  .cart.payment .order-summary,
  .ship-from-storage-page.addresses .order-summary-sfs,
  .ship-from-storage-page.payment .order-summary-sfs  {
    margin-top: 30px;
    margin-left: 0;
  }
  .order-review .order-info {
    width: 100%;
    margin-right: 0;
  }
  .cart .order-review .order-summary, .ship-from-storage-page .order-review .order-summary-sfs {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .order-form h4 {
    font-size: 15px;
  }
  .order-form .units-table .col {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .order-form .units-table .lte767 {
    display: block;
  }
  .order-form .units-table .col .lbl {
    font-weight: bold;
    margin-right: 4px;
  }
  .order-form .units-table .col:last-child {
    margin-right: 0px;
  }
  .order-form .units-table .type {
    width: calc(100% - 170px);
  }
  .order-form .units-table .motility,
  .order-form .units-table .stock {
    display: none;
  }
  .order-form .units-table .price {
    width: 50px;
  }
  .order-form .units-table .qty {
    width: 80px;
  }
  .qty-field {
    height: 40px;
    width: 80px;
  }
  .qty-field .minus,
  .qty-field .plus {
    line-height: 38px;
    vertical-align: middle;
  }
  .qty-field input {
    padding: 10px 0px;
    vertical-align: middle;
  }
  .cart .cart-table {
    font-size: 13px;
  }
  .cart .cart-table .product {
    width: calc(100% - 307px);
  }
  .cart .cart-table .qty {
    width: 100px;
  }
  .cart .cart-table .price {
    width: 70px;
  }
  .cart .cart-table .subtotal {
    width: 90px;
  }

  .cart.storage .cart-table .product {
    width: calc(100% - 300px);
  }
  .cart.storage .cart-table .qty {
    width: 90px;
  }
  .cart.storage .cart-table .storage {
    width: 100px;
  }
  .cart.storage .cart-table .shipping {
    width: 90px;
  }

  .checkout-addresses .left-cl, .checkout-addresses-sfs .left-cl {
    width: 100%;
    margin-right: 0;
  }
  .checkout-addresses .right-cl, .checkout-addresses-sfs .right-cl {
    width: 100%;
  }
  .checkout-addresses .country, .checkout-addresses-sfs .country {
    padding: 10px 12px;
    font-size: 12px;
    line-height: 20px;
  }

  .checkout-payment .exp_yyyy {
    display: none;
  }

  .ss-options .shipping-storage-options, .sfs-page-shipping-options {
    width: 100%;
  }
  .cart.ss-options .order-summary, .ship-from-storage-page.ss-options .order-summary-sfs {
    margin-left: 0;
  }
}
@media (max-width: 680px) {
  .order-review .review-header {
    margin: 15px 0px;
    padding-bottom: 15px;
  }
  .order-review .order-info .addresses .shipping_addr,
  .order-review .order-info .addresses .billing_addr,
  .order-review .order-info .ss_info .shipping_method,
  .order-review .order-info .ss_info .storage_option {
    width: 100%;
    margin-bottom: 20px;
  }
  .order-review .order-info .addresses .billing_addr,
  .order-review .order-info .ss_info .storage_option {
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  .cart .cart-table .col {
    padding: 5px;
  }
  .cart .cart-table .delete-cart-item a {
    margin-top: 5px;
  }
  .cart .cart-table .product {
    width: calc(100% - 225px);
  }
  .cart .cart-table .qty,
  .cart .cart-table .storage,
  .cart .cart-table .shipping {
    width: 50px;
  }
  .cart .cart-table .price {
    width: 60px;
  }
  .cart .cart-table .subtotal {
    width: 80px;
  }
  .cart .cart-table .delete-cart-item {
    width: 12px;
  }
  .cart .cart-table .total {
    padding-right: 28px;
  }
  .qty-field {
    height: 86px;
    width: 50px;
  }
  .qty-field .minus,
  .qty-field .plus {
    line-height: 22px;
    display: inline-block;
    width: 100%;
  }
  .qty-field input {
    width: 100%;
    top: 23px;
    left: 0;
  }
  .qty-field .minus {
    border-right: 1px solid #aaa;
    border-top: 0;
    bottom: 0;
  }
  .qty-field .plus {
    border-left: 1px solid #aaa;
    border-bottom: 0;
  }
  .order-form .units-table .type {
    width: calc(100% - 142px);
  }
  .order-form .units-table .qty {
    width: 50px;
  }
  .cart .cart-table .product .attributes {
    font-size: 12px;
    margin-top: 0px;
  }
  .cart .cart-table .product .attributes .attr .attr_lbl {
    display: block;
  }

  .cart.storage .cart-table .header {
    font-size: 11px;
  }
  .cart.storage .cart-table .product {
    width: calc(100% - 205px);
  }
  .cart.storage .cart-table .qty {
    width: 50px;
  }
  .cart.storage .cart-table .storage {
    width: 68px;
  }
  .cart.storage .cart-table .shipping {
    width: 68px;
  }
  .cart.storage .cart-table .checkout-btn-wrapper,
  .cart.addresses .submit-wrapper,
  .cart.payment .submit-wrapper {
    text-align: center !important;
  }
  .cart.storage .cart-table .checkout-btn-wrapper .btn,
  .cart.addresses .submit-wrapper .btn .cart.payment .submit-wrapper .btn {
    display: block;
    margin: 0 auto 10px;
    width: 80%;
  }
  .cart.storage .order-summary, .ship-from-storage-page.storage .order-summary-sfs {
    width: calc(100% - 20px);
  }
  .cart.addresses .order-summary, .ship-from-storage-page.addresses .order-summary-sfs {
    width: 100%;
  }
  .cart.payment .order-summary, .ship-from-storage-page.payment .order-summary-sfs {
    width: 100%;
  }
  .cart.ss-options .order-summary, .ship-from-storage-page.ss-options .order-summary-sfs {
    width: 100%;
  }
}
@media (max-width: 360px) {
  .order-form .units-table .col {
    margin-right: 8px;
    font-size: 12px;
  }
  .order-form .units-table .type {
    width: calc(100% - 127px);
  }
}
@media only screen and (max-width: 680px) {
  .container-main .su-table table td {
    padding: 0.5em 0.5em !important;
  }
  .pricing-list .list {
    padding: 0 10px;
  }
  .pricing-list .list ul li {
    padding: 8px 0px;
  }
  .pricing-list .list ul li .col-sm-6 {
    width: calc(100% - 130px);
    display: inline-block;
  }
  .pricing-list .list ul li .col-sm-2 {
    width: 120px;
    display: inline-block;
    text-align: right;
    vertical-align: top;
  }
  .pricing-list .list ul li .col-sm-2:last-child {
    width: auto;
  }
  .search-info
    .search-donor
    .adv-options
    .box
    ul
    li.genetic-field
    .right-field {
    text-align: left;
    padding: 0px;
  }
  .search-info .search-donor .adv-options {
    margin-bottom: 0px;
  }
}
.registration-form {
  float: left;
  width: 100%;
}
.registration-form .registration-inner {
  display: block;
  max-width: 500px;
  width: 100%;
  margin: 30px auto;
}
.registration-form .registration-inner small {
  line-height: 20px;
  display: inline-block;
  margin-top: 5px;
}
.registration-form .registration-inner .btn-out {
  float: none;
}
.registration-form .registration-inner .term-txt {
  font-size: 11px;
  line-height: 16px;
}
.registration-form .registration-inner .trial-access-message {
  font-size: 14px;
  background: #65cada;
  color: white;
  padding: 10px;
  clear: both;
  position: relative;
  top: -15px;
  text-align: center;
}

.registration-form .registration-inner .tooltip-icon.reg-form-tooltips {
  top: 42px;
  right: -8px;
}

.registration-form .registration-inner .row.required label:after {
  color: #d00;
  content: "*";
  font-size: 18px;
  margin-left: 2px;
}

.registration-form .registration-inner .error-message {
  padding: 10px 21px 10px 10px !important;
  background-color: #ff5123;
  color: #fff;
  text-align: left;
  margin-bottom: 15px;
}

.xytex-countries {
  float: left;
  font-size: 13px;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 158px;
  position: relative;
  z-index: 1;
}
.xytex-countries .icon {
  background-image: url("../img/icon-flags/stripe.png?20211006");
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: auto 22px;
  vertical-align: top;
  margin: 2px 8px 0px 0px;
}
.xytex-countries .uk {
  background-position: -44px 0px;
}
.xytex-countries .us {
  background-position: -22px 0px;
}
.xytex-countries .ca {
  background-position: 0px 0px;
}
.xytex-countries .current {
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0px 10px 0px 6px;
  cursor: pointer;
}
.xytex-countries .country-options {
  border: 1px solid #ccc;
  background-color: #fff;
  display: none;
  position: absolute;
  width: 100%;
}
.xytex-countries:hover .country-options {
  display: block;
}
.xytex-countries .country-options .country.active,
.xytex-countries .country-options .country:hover {
  background-color: #f0f0f0;
}
.xytex-countries .country-options .country {
  cursor: pointer;
  padding: 0px 10px 0px 6px;
}
.xytex-countries a {
  color: #262729;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  text-decoration: none;
}

.sp-form .sp-field {
  display: grid;
}

.donor-sperm-prices {
  float: left;
}
.donor-sperm-prices .item {
  float: left;
  width: 100%;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 50px;
}
.donor-sperm-prices .item .donor_type {
  float: left;
  width: 100%;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 21px;
  line-height: 31px;
  margin-bottom: 8px;
}
.donor-sperm-prices .item .heading-row {
  float: left;
  width: 100%;
  background-color: #65cada;
  color: #fff;
  padding: 5px 10px;
}
.donor-sperm-prices .item .heading-row .type {
  float: left;
  width: 300px;
}
.donor-sperm-prices .item .heading-row .sample-type {
  float: left;
  width: calc((100% - 300px) / 2);
}
.donor-sperm-prices .item .units-row {
  float: left;
  width: 100%;
  padding: 5px 10px;
  border-bottom: 1px solid #e6e6e6;
}
.donor-sperm-prices .item .units-row .units {
  float: left;
  width: 300px;
}
.donor-sperm-prices .item .units-row .unit-type {
  float: left;
  width: calc((100% - 300px) / 4);
}
.donor-sperm-prices .item .data-row {
  float: left;
  width: 100%;
  padding: 5px 10px;
  border-bottom: 1px solid #e6e6e6;
}
.donor-sperm-prices .item .data-row .identification {
  float: left;
  width: 300px;
}
.donor-sperm-prices .item .data-row .price {
  float: left;
  width: calc((100% - 300px) / 4);
}
.donor-sperm-prices .item .data-row .price .ss_label {
  display: none;
}
@media (max-width: 992px) {
  .donor-sperm-prices .item .heading-row .type,
  .donor-sperm-prices .item .units-row .units,
  .donor-sperm-prices .item .data-row .identification {
    width: 240px;
  }
  .donor-sperm-prices .item .heading-row .sample-type {
    width: calc((100% - 240px) / 2);
  }
  .donor-sperm-prices .item .units-row .unit-type,
  .donor-sperm-prices .item .data-row .price {
    width: calc((100% - 240px) / 4);
  }
  .donor-sperm-prices .item {
    font-size: 15px;
  }
}
@media (max-width: 680px) {
  .donor-sperm-prices .item .heading-row,
  .donor-sperm-prices .item .units-row,
  .donor-sperm-prices .item .data-row .identification {
    display: none;
  }
  .donor-sperm-prices .item .data-row {
    border-bottom: 0 none;
    padding: 0;
  }
  .donor-sperm-prices .item .data-row .price {
    width: 100%;
    text-align: right;
    border-bottom: 1px solid #e6e6e6;
    padding: 8px 0px;
  }
  .donor-sperm-prices .item .data-row .price .ss_label {
    float: left;
    display: inline-block;
  }
}
.form-ship-from-storage {
  width: 100%;
  max-width: 600px;
}
.form-ship-from-storage .gform_fields {
  padding: 0;
  margin: 0;
}
.form-ship-from-storage .gform_fields .gfield {
  float: left;
  padding: 0;
  width: 100%;
  margin-bottom: 15px;
}
.form-ship-from-storage .gform_fields .gfield .gfield_label {
  float: left;
  padding-bottom: 6px;
}
.form-ship-from-storage .gform_fields .gfield .ginput_container {
  float: left;
  width: 100%;
}
.form-ship-from-storage .name_first {
  width: calc(50% - 10px);
  float: left;
  margin-right: 20px;
}
.form-ship-from-storage .name_last {
  float: left;
  width: calc(50% - 10px);
}
.form-ship-from-storage textarea#input_3_4 {
  height: 100px;
}
.form-ship-from-storage .gform_validation_container {
  display: none;
}
.form-ship-from-storage #field_3_7 .ginput_container {
  width: calc(50% - 10px);
}
@media (max-width: 480px) {
  .form-ship-from-storage .name_first,
  .form-ship-from-storage .name_last,
  .form-ship-from-storage #field_3_7 .ginput_container {
    width: 100%;
    margin: 0;
  }
}
/* Cookie Dialog */
#gdpr-cookie-message {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  padding: 20px;
  border-radius: 0;
  z-index: 9999;
}
#gdpr-cookie-message h4 {
  display: none;
}
#gdpr-cookie-message h5 {
  color: #19a2b5;
  font-family: "Quicksand", sans-serif;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
}
#gdpr-cookie-message p,
#gdpr-cookie-message ul {
  color: white;
  font-size: 15px;
  line-height: 1.5em;
  padding: 0;
  display: inline-block;
  width: calc(100% - 30px);
}
#gdpr-cookie-message p:last-child {
  margin-bottom: 0;
  text-align: right;
  width: 30px;
  vertical-align: top;
}
#gdpr-cookie-message li {
  width: 49%;
  display: inline-block;
}
#gdpr-cookie-message a {
  color: #19a2b5;
  text-decoration: none;
  font-size: 15px;
  padding-bottom: 2px;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.75);
  transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
  color: white;
  border-bottom-color: #19a2b5;
  transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
  border: none;
  background: #19a2b5;
  color: white;
  font-size: 10px;
  font-weight: bold;
  padding: 0;
  border-radius: 10px;
  margin-left: 15px;
  cursor: pointer;
  transition: all 0.3s ease-in;
  width: 20px;
  line-height: 20px;
}
#gdpr-cookie-message button:hover {
  background: white;
  color: #19a2b5;
  transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
  display: none;
}
#gdpr-cookie-message button:disabled {
  opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
  float: none;
  margin-top: 0;
  margin-right: 5px;
}
@media (max-width: 480px) {
  #gdpr-cookie-message {
    padding: 14px 20px 14px 12px;
  }
  #gdpr-cookie-message p,
  #gdpr-cookie-message p a {
    font-size: 14px;
  }
}
.hero .rainbow {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  background-image: url(../img/rainbow-corner.png);
  background-size: 91.5px auto;
  background-position: top right;
  background-repeat: no-repeat;
  height: 92px;
  color: #fff;
  text-shadow: 0px 0px 8px #000, 0px 0px 10px #000, 0px 0px 12px #000,
    0px 0px 14px #000;
  padding: 50px 50px 0px 0px;
  width: 260px;
  text-align: center;
  line-height: 18px;
}
@media (max-width: 1199px) {
  .hero .rainbow {
    background-size: 75px;
    font-size: 14px;
    width: 220px;
    padding: 38px 34px 0px 0px;
  }
}
@media (max-width: 991px) {
  .hero .rainbow {
    background-size: 65px;
    font-size: 12px;
    width: 210px;
    padding: 24px 28px 0px 0px;
    line-height: 16px;
    text-shadow: 0px 0px 8px #000, 0px 0px 10px #000, 0px 0px 12px #000;
  }
}
@media (max-width: 680px) {
  .hero .rainbow {
    background-size: 65px;
    font-size: 12px;
    width: 210px;
    padding: 24px 28px 0px 0px;
    line-height: 16px;
  }
}
@media (max-width: 550px) {
  .hero .rainbow {
    background-size: 52px;
    font-size: 12px;
    width: auto;
    padding: 15px 35px 0px 0px;
    line-height: 16px;
  }
  .xy-site-outreach .hero .rainbow {
    color: #000;
    text-shadow: 0px 0px 8px #fff, 0px 0px 8px #fff, 0px 0px 8px #fff,
      0px 0px 8px #fff;
  }
}
.orange-disclaimer-large {
  background-color: #efab58;
  color: #fff;
  font-family: gothamboldregular;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  margin-bottom: 35px;
  padding: 30px;
}
@media (max-width: 767px) {
  .orange-disclaimer-large {
    font-size: 18px;
    padding: 20px;
    line-height: 28px;
  }
}
@media (max-width: 480px) {
  .orange-disclaimer-large {
    padding: 15px;
    line-height: 25px;
    margin-bottom: 25px;
  }
}
.testimonial-gallery {
}
.testimonial-gallery h1 {
  color: #65cada;
  text-align: center;
  margin-bottom: 50px;
}
.testimonial-gallery .item {
  width: calc(25% - 20px);
  height: 311px;
  float: left;
  margin: 15px 10px;
}
.testimonial-gallery .item a {
  text-decoration: none;
  margin-bottom: 0px !important;
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 18px;
}
.testimonial-gallery .item .names {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.testimonial-gallery .item .media {
  width: 100%;
  height: calc(100% - 31px);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  margin-top: 5px;
  position: relative;
  overflow: hidden;
}
.testimonial-gallery .item .media .desc {
  background-color: rgba(255, 181, 71, 0.9);
  color: #fff;
  font-family: "gothambookitalic", Arial, Helvetica, sans-serif;
  width: 100%;
  height: 100%;
  font-size: 16px;
  overflow: hidden;
  position: absolute;
  top: 100%;

  transition: top 0.2s ease;
}
.testimonial-gallery .item .media .desc span {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0px 15px;
}
.testimonial-gallery .item:hover .media .desc {
  top: 0;
}
@media (max-width: 1024px) {
  .testimonial-gallery .item {
    width: calc(33.33% - 20px);
  }
}
@media (max-width: 900px) {
  .testimonial-gallery h1 {
    font-size: 32px;
  }
  .testimonial-gallery .item {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .page-template-testimonials .content-inner2 {
    padding-top: 30px;
  }
  .testimonial-gallery h1 {
    font-size: 24px;
    margin-bottom: 0;
  }
  .testimonial-gallery .item {
    width: calc(100% - 10px);
  }
}
.testimonial-video {
  background: #d7ccbc;
  padding: 100px 0 60px 0 !important;
}
.canam-disclaimer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 9999;
}
.canam-disclaimer .inner {
  background-color: #fff;
  position: absolute;
  width: 90%;
  top: 5%;
  height: auto;
  transform: translateX(-50%);
  left: 50%;
  overflow: auto;
  padding: 40px 30px 5px;
  max-width: 500px;
  box-shadow: 3px 3px 10px 3px #555;
}
.canam-disclaimer .inner h2 {
  font-size: 23px;
}
.canam-disclaimer .inner .msg {
  font-weight: normal;
  color: red;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 15px;
}
.canam-disclaimer .inner .pdf-link {
  background: url(../img/icon-pdf-01@2x.png) no-repeat;
  line-height: 24px;
  display: block;
  padding-left: 30px;
}
body.no-scroll {
  overflow: hidden;
}
.search-page-banner {
  height: 80px;
}
.search-page-banner .title-bar {
  height: 100%;
  position: relative;
}
.search-page-banner .title-bar h1 {
  width: auto;
  margin: 0;
}
.search-page-banner .title-bar p {
  width: auto;
  display: inline-block;
  margin: 20px 0 0 30px;
  color: #fff;
  line-height: 1.3em;
  padding: 0;
  vertical-align: top;
}
.search-page-banner .title-bar p a {
  color: #fff;
  text-decoration: underline;
}
.search-page-banner .title-bar p a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .search-page-banner {
    height: auto;
  }
  .search-page-banner .title-bar h1 {
    width: 100%;
    text-align: center;
  }
  .search-page-banner .title-bar p {
    display: block;
    margin: 0;
    text-align: center;
    font-size: 12px;
    padding-bottom: 8px;
  }
}
.donor-search {
  margin-top: 10px;
}
.donor-search .filters {
  float: left;
  width: 320px;
}
.donor-search .filters-inner {
  border: 1px solid #ddd;
  margin-left: 10px;
  width: calc(100% - 10px);
}
.donor-search .filters .id-name-wrapper {
  padding: 10px;
}
.donor-search .filters .id-name-wrapper .id-name {
}
.donor-search .filters .id-name-wrapper .id-name input[type="text"] {
  float: none;
  background-color: transparent;
  display: inline-block;
  width: calc(100% - 30px);
  font-size: 12px;
  padding: 4px 10px;
  height: auto;
  border: 1px solid #efab58;
}
.donor-search .filters .id-name-wrapper .id-name input[type="button"] {
  display: inline-block;
  font-size: 12px;
  padding: 9px 0px 9px 0px;
  width: 30px;
  vertical-align: top;
  border-radius: 0;
  height: 30px;
}
.donor-search .filters .id-name-wrapper .id-name-error {
  color: red;
  font-size: 13px;
}
.donor-search .filters .filter {
}
.donor-search .filters .filter .filter-label {
  font-size: 14px;
  background-color: #f6f6f6;
  padding: 3px 10px;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  position: relative;
  cursor: pointer;
}
.donor-search .filters .filter .filter-label span {
  background-image: url(../img/arrow-down6.png);
  width: 12px;
  height: 6px;
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 12px;

  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.donor-search .filters .filter .options {
  padding: 4px 10px;
}
.donor-search .filters .filter.expanded .filter-label span {
  rotate: 180deg;
}
.donor-search .filters .filter .options .option {
  width: 100%;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #55565a;
  position: relative;
  padding: 0 0 0 25px;
  margin: 6px 0px;
  line-height: 20px;
  letter-spacing: normal;
}
.donor-search .filters .filter .options .option input[type="checkbox"] {
  display: none;
}
.donor-search .filters .filter .options .option label {
  width: auto;
  float: none;
  display: inline-block;
  vertical-align: middle;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #55565a;
  text-transform: none;
  padding: 0 4px 0 0;
  margin: 0;
  cursor: pointer;
}
.donor-search .filters .filter .options .option label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/checkbox-01@2x.png) no-repeat top left;
  background-size: 16px auto;
  position: absolute;
  top: 2px;
  left: 0;
}
.donor-search
  .filters
  .filter
  .options
  .option
  input[type="checkbox"]:checked
  + label:before {
  background: url(../img/checkbox-02@2x.png) no-repeat top left;
  background-size: 16px auto;
}
.donor-search .filters .tooltip-icon {
  background: url(../img/icon-tooltip-black@2x.png) no-repeat;
  background-size: 13px auto;
  margin: -2px 0 0 5px;
}
.donor-search .filters .tooltip-icon:hover {
  background: url(../img/icon-tooltip-navy@2x.png) no-repeat;
  background-size: 13px auto;
}
@media (min-width: 767px) {
	.donor-search .filters .tooltip-inner {
	  width: 200px !important;
	}
}
.donor-search .filters .filter .options .desc {
  font-size: 12px;
  line-height: 18px;
  display: inline-block;
  margin-top: 10px;
}
.donor-search .filters .filter .options [name="btn_select_conditions"] {
  font-size: 12px;
  padding: 8px 0px 7px 0px;
  width: 100%;
  margin: 10px 0px;
}
.donor-search .results {
  float: left;
  width: calc(100% - 350px);
}
.donor-search .results .donor-search-tabs {
  margin: 0px 0px 0px 10px;
  padding: 10px 10px 0px 10px;
}
.donor-search .results .donor-search-tabs .tab {
  display: inline-block;
  background-color: #ccc;
  padding: 9px 10px 6px;
  font-weight: bold;
  border-radius: 6px 6px 0 0;
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
  width: 100px;
  cursor: pointer;
  margin-right: 8px;
}
.donor-search .results .donor-search-tabs .tab.all {
  background-color: #003B71;
}
.donor-search .results .donor-search-tabs .tab.xy-limited {
  background-color: #00ACC8;
}
.donor-search .results .donor-search-tabs .tab.exclusive {
  background-color: #FFB547;
}
.donor-search .results .donor-search-tabs .tab.active {}
.donor-search .results .tab-desc {
  margin-left: 10px;
  color: #fff;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 2px 10px;
}
.donor-search .results .tab-desc .acc-options { display: none; }
@media only screen and (max-width: 1250px) {
  .donor-search .results .tab-desc .acc-options { display: block; }
  .donor-search .results .tab-desc .acc-options a {
    color: #fff;
    font-weight: normal;
    letter-spacing: 0.6px;
    font-family: "gothambookregular", Arial, Helvetica, sans-serif;
}
}
.donor-search .results .donor-search-tabs .acc-options {
  text-align: right;
  float: right;
  margin-top: 8px;
}
@media only screen and (max-width: 1250px) {
  .donor-search .results .donor-search-tabs .acc-options { display: none; }
}
.donor-search .results .donor-search-tabs .acc-options a {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  color: #232222;
  margin-left: 25px;
  font-size: 15px;
}
.donor-search .results .donor-search-tabs .acc-options a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .donor-search .results .donor-search-tabs {
    text-align: center;
  }
  .donor-search .results .tab-desc {
    text-align: center;
    padding: 10px;
  }
  .donor-search .results .tab-desc .acc-options {
    margin: 8px auto 0;
  }

}
@media (max-width: 500px) {
  .donor-search .results .tab-desc .acc-options {
    max-width: 250px;
  }
  .donor-search .results .tab-desc .acc-options a {
    width: 120px;
    margin: 0;
  }
}
@media (max-width: 480px) {
  .donor-search .results .donor-search-tabs .tab {
    font-size: 13px;
    padding: 9px 6px 6px;
    width: 92px;
    margin-right: 5px;
  }
}
.donor-search .results .count_sort,
.donor-search .results .load-more,
.donor-search .results .active-filters {
  float: left;
  width: calc(100% - 10px);
  margin: 0px 10px 10px;
  background-color: #f6f6f6;
  padding: 8px 10px;
}
.donor-search .results .load-more {
  background-color: transparent;
  padding: 8px 0px;
  text-align: center;
  margin-top: 30px;
}
.donor-search .results .load-more .btn-load-more {
  margin-right: 10px;
}
.donor-search .results .count_sort .donor_count {
  color: #00acc8;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  float: left;
  margin-right: 5px;
}
.donor-search .results .count_sort .inc-exc-discarded-donor-notice {
	color: #676767;
}
.donor-search .results .count_sort .results_sort {
  float: right;
  font-size: 15px;
}
.donor-search .results .count_sort .results_sort select {
  background-color: #fff;
  padding: 0px 36px 0px 8px;
  line-height: 26px;
  height: auto;
  width: 170px;
  float: none;
  border: 1px solid #ccc;
  background-size: 24px auto;
}
.donor-search .results .count_sort .subscribe-to-future-promotions-container {
  float: right;
  margin: 0px 10px 0px 0px;
  border-right: 1px solid #ccc;
  padding-right: 10px;
}
.donor-search
  .results
  .count_sort
  .subscribe-to-future-promotions-container
  label {
  padding: 0;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  font-size: 15px;
}
.donor-search .results .active-filters {
  background-color: transparent;
  padding: 8px 0px;
}
.donor-search .results .active-filters .active-filter {
  float: left;
  font-size: 13px;
  margin-right: 15px;
}
.donor-search .results .active-filters .active-filter .filter {
  float: left;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  margin-right: 3px;
}
.donor-search .results .active-filters .active-filter .option {
  float: left;
}
.donor-search .results .active-filters .active-filter .clear {
  background-image: url(../img/icon-close4@2x.png);
  width: 9px;
  height: 26px;
  float: left;
  margin-left: 6px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
}
.donor-search .results .active-filters .clear-all {
  float: left;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 13px;
  cursor: pointer;
  text-decoration: underline;
}
.donor-search .results .donors .no_results {
  padding: 10px;
}
.donor-search .results .donors .card {
  border: 1px solid #ddd;
  float: left;
  margin: 0px 0px 10px 10px;
  width: calc(20% - 10px);

  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s east;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 1350px) {
  .donor-search .results .donors .card {
    width: calc(25% - 10px);
  }
}
@media only screen and (max-width: 1150px) {
  .donor-search .results .donors .card {
    width: calc(33.33% - 10px);
  }
}
@media only screen and (max-width: 950px) {
  .donor-search .results .donors .card {
    width: calc(50% - 10px);
  }
}
.donor-search .results .donors .card:hover {
  -webkit-box-shadow: 0px 0px 5px 0px #bbb; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px 0px 5px 0px #bbb; /* Firefox 3.5 - 3.6 */
  box-shadow: 0px 0px 5px 0px #bbb; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.donor-search .results .donors .card.newdonor,
.donor-search .results .donors .card.featureddonor {
  border-color: #efab58;
}
/* Dashboard-featured (tblBetterDonors.Featured): navy banner + matching card border,
   distinct from the orange New Donor / carousel banners. The span keeps the .featured
   class for its base position/size styling; the `span` selector below is more specific
   than `.featured`, so it overrides just the colour to navy. */
.donor-search .results .donors .card.betterfeatureddonor {
  border-color: #003B71;
}
.donor-search .results .donors .card .media span.better-featured {
  background-color: #003B71;
}
.donor-search .results .donors .card a {
  font-family: inherit;
  color: inherit;
  text-decoration: none;
}
.donor-search .results .donors .card .media {
  position: relative;
  height: 18vw;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}
@media only screen and (max-width: 1350px) {
  .donor-search .results .donors .card .media {
    height: 22vw;
  }
}
@media only screen and (max-width: 1150px) {
  .donor-search .results .donors .card .media {
    height: 28vw;
  }
}
@media only screen and (max-width: 950px) {
  .donor-search .results .donors .card .media {
    height: 38vw;
  }
}
.donor-search .results .donors .card .media img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  object-position: top;
}
.donor-search .results .donors .card .media .overlay {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  top: 0;
  left: 0;

  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.donor-search .results .donors .card:hover .media .overlay {
  opacity: 1;
}
.donor-search .results .donors .card .media .sale-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #ffb547;
  color: #fff;
  font-variant: small-caps;
  font-family: "gothammediumregular";
  text-align: center;
/*  background-image: url("../img/badge-sale-2.png");*/
  background-repeat: no-repeat;
  background-size: 36px auto;
  background-position: 6px 12px;
  padding: 8px 45px;
  font-size: 17px;
  line-height: 20px;
  min-height: 56px;
}
@media only screen and (max-width: 950px) {
  .donor-search .results .donors .card .media .sale-info {
    font-size: 16px;
    /*padding: 8px 10px 8px 50px;
    text-align: left;*/
    padding: 8px;
    text-align: center;
  }
}
.donor-search .results .donors .card .media .quick-view {
  position: absolute;
  display: none;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  background-color: #00acc8;
  font-size: 13px;
  line-height: 20px;
  padding: 0px 8px;
  cursor: pointer;
}
.donor-search .results .donors .card .media .sale-info + .quick-view {
  bottom: 70px;
}
.donor-search .results .donors .card:hover .media .quick-view {
  display: block;
}
.donor-search .results .donors .card .media .new,
.donor-search .results .donors .card .media .featured {
  display: block;
  position: absolute;
  z-index: 999;
  background-color: #efab58;
  top: 0;
  right: 0;
  color: #fff;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  padding: 4px 6px;
}
.donor-search .results .donors .card .desc {
  font-size: 12px;
  padding: 10px;
  line-height: 20px;
  position: relative;
  min-height: 138px;
}
.donor-search .results .donors .card .desc .name {
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  color: #00acc8;
  font-size: 15px;
}
.donor-search .results .donors .card .desc .name span {
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
  margin-left: 10px;
}
.donor-search .results .donors .card .desc .hwb {
}
.donor-search .results .donors .card .desc .hwb span {
  margin-left: 10px;
  border-left: 1px solid #ddd;
  padding-left: 10px;
}
.donor-search .results .donors .card .desc .hair strong,
.donor-search .results .donors .card .desc .eyes strong {
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  width: 42px;
  display: inline-block;
}
.donor-search .results .donors .card .desc .icons {
  position: absolute;
  bottom: 5px;
  width: calc(100% - 20px);
}
.donor-search .results .donors .card .desc .icons img {
  max-width: 16px;
  max-height: 16px;
  display: inline-block;
  vertical-align: middle;
  line-height: 23px;
  text-align: center;
  overflow: hidden;
  margin-right: 8px;
}
@media only screen and (min-width: 768px) {
	.donor-search .results .donors .card .desc .icons img.icon-inventory-available-status {
		max-width: none;
		max-height: none;
		position: absolute;
		top: -90px;
		right: 0;
	}

	.donor-search .results .donors .card .desc .icons span.family-slot-icon-container {
		width: 50px;
		position: absolute;
		top: -45px;
		right: 0;
	}
	.donor-search .results .donors .card .desc .icons span.family-slot-icon-container img {
		width: 100%;
		max-width: none;
		max-height: none;
	}
	.donor-search .results .donors .card .desc .icons span.family-slots-remaining {
		position: absolute;
	    top: 13.5px;
	    left: 15px;
	    font-weight: bold;
	    color: white;
	    width: 20px;
	    text-align: center;
	}
}
.donor-search .results .donors .card .options {
  background-color: #f6f6f6;
  padding: 3px 10px;
}
.donor-search .results .donors .card .options .view-control {
  float: left;
}
.donor-search .results .donors .card .options .view-control span {
  margin-right: 8px;
}
.donor-search
  .results
  .donors
  .card
  .options
  .view-control
  span.icon-like:hover,
.donor-search
  .results
  .donors
  .card
  .options
  .view-control
  span.icon-dislike:hover {
  color: #00acc8;
}
.donor-search .results .donors .card .options .button-add-to-compare,
.donor-search .results .donors .card .options .quick-view {
  float: right;
  font-size: 13px;
  background-color: #00acc8;
  color: #fff;
  line-height: 21px;
  padding: 0px 10px;
  margin-top: 3px;
  cursor: pointer;
}
.donor-search .results .donors .card .options .button-add-to-compare:hover {
  opacity: 0.75;
}
.donor-search .results .donors .card .options .quick-view {
  display: none;
}
.donor-search .results .count_sort .show-filters {
  display: none;
}
@media only screen and (max-width: 1100px) {
  .donor-search .results .count_sort .subscribe-to-future-promotions-container {
    float: none;
    margin: 0;
    padding: 0;
    border: 0;
  }
}
@media only screen and (max-width: 768px) {
  .donor-search .filters {
    display: none;
    float: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 1001;
    padding: 48px 10px 10px 10px;
  }
  .donor-search .filters .filters-inner {
    margin: 0;
    width: 100%;
  }
  .donor-search .filters .close {
    display: block;
    background-image: url(../img/icon-xyconnects-close.png);
    width: 28px;
    height: 28px;
    opacity: 0.5;
    margin: 0px 0px 0px 0px;
    float: none;
    position: absolute;
    top: 10px;
    right: 23px;
    cursor: pointer;
  }
  .donor-search .filters .close:hover {
    opacity: 1;
  }
  .donor-search .results {
    float: none;
    width: calc(100% - 10px);
  }
  .donor-search .results .count_sort .donor_count {
    float: none;
    margin: 0 0 5px 0;
  }
  .donor-search .results .count_sort {
    position: relative;
    min-height: 70px;
  }
  .donor-search .results .count_sort .results_sort {
    float: none;
  }
  .donor-search .results .count_sort .show-filters {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .donor-search .results .donors .card .media {
    height: 230px;
    float: left;
    width: calc(100% - 170px);
    border-bottom: 0;
    border-right: 1px solid #ddd;
  }
  .donor-search .results .donors .card .desc {
    width: 170px;
    float: left;
    min-height: 198px;
  }
  .donor-search .results .donors .card .options {
    float: left;
    width: 170px;
  }
  .donor-search .results .count_sort .subscribe-to-future-promotions-container {
    margin-top: 5px;
  }
  .donor-search .results .donors .card .options .quick-view {
    display: inline-block;
  }
}
@media only screen and (max-width: 680px) {
  .donor-search .results .donors {
    padding-left: 10px;
  }
  .donor-search .results .donors .card {
    width: 100%;
    display: block;
    margin: 10px auto;
    float: none;
    max-width: 360px;
  }
  .donor-search .results .acc-options,
  .donor-search .results .count_sort,
  .donor-search .results .load-more,
  .donor-search .results .active-filters {
    float: none;
  }
  .donor-search .results .active-filters .active-filter .clear {
    height: 22px;
    width: 22px;
    background-size: auto;
  }
  .donor-search .filters .filter .options .option {
    margin: 15px 0px;
  }
  .donor-search .filters .filter .filter-label {
    padding: 10px;
  }
  .donor-search .filters .filter .filter-label span {
    top: 20px;
  }
  .donor-search .results .acc-options {
    text-align: left;
  }
  .donor-search .results .acc-options a {
    margin: 0px 10px 0px 10px;
    white-space: nowrap;
    display: inline-block;
  }
  .donor-search .results .count_sort .show-filters {
    padding: 10px 12px;
  }
  .donor-search .results .load-more {
    text-align: center;
  }
  .donor-search .results .load-more a {
    margin: 0 !important;
  }
  .donor-search .results .donors .card a {
  }
  .donor-search .results .donors .card .media {
    width: calc(100% - 180px);
  }
  .donor-search .results .donors .card .desc {
    font-size: 13px;
    line-height: 22px;
    min-height: 193px;
    width: 180px;
  }
  .donor-search .results .donors .card .desc .name {
    font-size: 17px;
    line-height: 24px;
  }
  .donor-search .results .donors .card .desc .icons img {
    max-width: 20px;
    max-height: 20px;
    margin: 2px 12px 2px 0px;
  }

  	.donor-search .results .donors .card .desc .icons img.icon-inventory-available-status {
		max-width: none;
		max-height: none;
		position: absolute;
		top: -35px !important;
		left: 0;
		width: 24px;
	}
  	.donor-search .results .donors .card .desc .icons span.family-slot-icon-container {
		width: 50px;
		position: absolute;
		top: -45px;
		left: 50px;
	}
	.donor-search .results .donors .card .desc .icons span.family-slot-icon-container img {
		width: 100%;
		max-width: none;
		max-height: none;
	}
	.donor-search .results .donors .card .desc .icons span.family-slots-remaining {
		position: absolute;
	    top: 14.5px;
	    left: 15px;
	    font-weight: bold;
	    color: white;
	    width: 20px;
	    text-align: center;
	}
  .donor-search .results .donors .card .options {
    width: 180px;
  }
  .donor-search .results .donors .card .options .view-control span {
    font-size: 20px;
    line-height: 30px;
    margin-right: 12px;
  }
  .donor-search .results .donors .card .options .quick-view {
    font-size: 14px;
    line-height: 30px;
    margin-top: 1px;
  }
  .donor-search .results .donors .card:hover .media .overlay {
    opacity: 0;
  }
  .donor-search .results .donors .card:hover .media .quick-view {
    display: none;
  }
}
.page-template-careers .banner-title,
.page-template-open-position .banner-title {
  font-size: 44px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  margin: 3vw 0px 0px 32px;
  color: #99999a;
}
.page-template-careers .banner-subtitle,
.page-template-open-position .banner-subtitle {
  font-size: 27px;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  margin: 27px 0px 0px 67px;
  color: #99999a;
}
.careers-page {
  float: left;
  width: 100%;
}
.careers-page .intro {
  padding-bottom: 72px;
}
.careers-page .intro .copy {
  padding: 91px 40px 0px 40px;
}
.careers-page .intro .copy .btn {
  margin-left: 65px;
  margin-top: 44px;
}
.careers-page .intro .media {
}
.careers-page .intro .media img {
  border: 10px solid #efab58;
  max-width: 405px;
  margin: 77px auto 0;
  display: block;
}
.careers-page .intro .media .caption {
  color: #99999a;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  text-align: center;
  margin-top: 17px;
}
.benefits-wrapper {
  padding-top: 70px;
  padding-bottom: 38px;
  background-color: #f7f6f6;
}
.benefits-wrapper h2 {
  color: #63d0df;
  text-transform: uppercase;
  text-align: center;
}
.benefits-wrapper .benefits {
  text-align: center;
}
.benefits-wrapper .benefits .item {
  display: inline-block;
  width: 33%;
  margin-bottom: 35px;
}
.benefits-wrapper .benefits .item .media {
  width: 100px;
  height: 100px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  margin-top: 40px;
}
.benefits-wrapper .benefits .item .desc {
  color: #99999a;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  margin-top: 8px;
}
.positions-wrapper {
  padding-top: 83px;
  background-image: url(../img/positions-bg.jpg);
  background-position: top right;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 30px;
}
.positions-wrapper h2 {
  color: #63d0df;
  text-transform: uppercase;
  text-align: center;
}
.positions-wrapper .left img {
  border: 10px solid #63d0df;
  margin: 66px auto 0;
  max-width: 477px;
  display: block;
}
.positions-wrapper .left .btn-apply {
  display: block;
  width: 140px;
  margin: 40px auto 0;
}
.positions-wrapper .open-positions {
  padding: 50px 0px 0px 42px;
}
.positions-wrapper .open-positions .item {
  margin-bottom: 54px;
}
.positions-wrapper .open-positions .item .title a {
  color: #efab58;
  text-decoration: underline;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 20px;
}

@media only screen and (max-width: 1100px) {
  .page-template-careers .banner-subtitle,
  .page-template-open-position .banner-subtitle {
    font-size: 20px;
    margin: 12px 0px 0px 67px;
  }
  .page-template-careers .banner-title,
  .page-template-open-position .banner-title {
    font-size: 32px;
    margin: 60px 0px 0px 32px;
  }
  .careers-page .intro {
    padding-bottom: 50px;
  }
  .careers-page .intro .copy {
    padding: 55px 40px 0px 40px;
  }
  .careers-page .intro .copy .btn {
    margin: 25px 0 0;
  }
  .careers-page .intro .media img {
    max-width: 320px;
    margin: 41px auto 0;
  }
  .careers-page .intro .media .caption {
    margin-top: 11px;
  }
  .benefits-wrapper {
    padding-top: 50px;
    padding-bottom: 18px;
  }
  .benefits-wrapper .benefits .item .media {
    width: 80px;
    height: 80px;
    margin-top: 30px;
  }
  .positions-wrapper {
    padding-top: 53px;
  }
  .positions-wrapper .left img {
    margin: 45px auto 0;
    max-width: 80%;
  }
  .positions-wrapper .open-positions {
    padding: 44px 0px 0px 32px;
  }
}
@media only screen and (max-width: 1024px) {
  .page-template-careers .banner-title,
  .page-template-open-position .banner-title {
    font-size: 26px;
    margin: 50px 0px 0px 32px;
  }
  .page-template-careers .banner-subtitle,
  .page-template-open-position .banner-subtitle {
    font-size: 18px;
    margin: 6px 0px 0px 57px;
  }
}
@media only screen and (max-width: 991px) {
  .careers-page .intro .media img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .careers-page .intro {
    padding-bottom: 30px;
  }
  .careers-page .intro .copy .btn {
    margin: 15px 0 0;
  }
  .benefits-wrapper {
    padding-top: 40px;
    padding-bottom: 18px;
  }
  .benefits-wrapper .benefits .item .media {
    width: 64px;
    height: 64px;
    margin-top: 25px;
  }
  .benefits-wrapper .benefits .item {
    margin-bottom: 25px;
  }
  .positions-wrapper {
    padding-top: 45px;
  }
  .positions-wrapper .open-positions {
    padding: 44px 0px 0px 12px;
  }
  .positions-wrapper .open-positions .item {
    margin-bottom: 35px;
  }
  .positions-wrapper .left .btn-apply {
    width: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .page-template-careers .banner-title,
  .page-template-open-position .banner-title {
    font-size: 20px;
    margin: 18px 0px 0px 32px;
  }
  .page-template-careers .banner-subtitle,
  .page-template-open-position .banner-subtitle {
    font-size: 15px;
    margin: 3px 0px 0px 57px;
  }
  .careers-page .intro .copy {
    text-align: center;
  }
  .careers-page .intro .media img {
    max-width: 300px;
  }
  .benefits-wrapper .benefits .item {
    width: 100%;
    margin-bottom: 15px;
  }
  .positions-wrapper .left img {
    margin: 15px auto 0;
    max-width: 300px;
  }
  .positions-wrapper .left .btn-apply {
    margin: 17px auto 0;
  }
}
@media only screen and (max-width: 500px) {
  .page-template-careers .banner-inner .banner-cont,
  .page-template-open-position .banner-inner .banner-cont {
    padding: 42px 0 0 0;
  }
  .page-template-careers .banner-title,
  .page-template-open-position .banner-title {
    font-size: 20px;
    margin: 16px 0px 0px 10px;
    color: #55565a;
  }
  .page-template-careers .banner-subtitle,
  .page-template-open-position .banner-subtitle {
    font-size: 15px;
    margin: 2px 0px 0px 9px;
    color: #55565a;
  }
  .page-template-careers .banner-inner.right-al figure img,
  .page-template-open-position .banner-inner.right-al figure img {
    margin: 0 -240px 0 0;
  }
}

.page-template-open-position .top-cont h2.teal {
  color: #19a2b5;
  text-align: center;
  text-transform: uppercase;
  font-size: 36px;
}
.page-template-open-position .top-cont h1.yellow {
  float: left;
  width: 100%;
  text-align: center;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  font-size: 28px;
}
@media only screen and (max-width: 991px) {
  .page-template-open-position .top-cont h2.teal {
    font-size: 32px;
  }
  .page-template-open-position .top-cont h1.yellow {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .page-template-open-position .top-cont h2.teal {
    font-size: 26px;
  }
  .page-template-open-position .top-cont h1.yellow {
    font-size: 20px;
  }
}
#ui-datepicker-div {
  font-size: 1em;
}
.wpcf7 form.sent .wpcf7-response-output {
  border-color: #00a0d2;
}

.upsell-banner {
  background-image: url(../img/bg-upsell-banner.jpg);
  margin-bottom: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  height: 360px;
}
.upsell-banner .upsell-content {
  width: 518px;
  margin-left: 90px;
  position: relative;
  height: 100%;
}
.upsell-banner .upsell-content .top-bar {
  background-color: #8bc9d8;
  height: 35px;
  width: 100%;
  position: relative;
  float: none;
  top: auto;
  left: auto;
  right: auto;
}
.upsell-banner .upsell-content .copy {
  color: #808080;
  font-size: 21px;
  min-height: 153px;
}
.upsell-banner .upsell-content .copy h3 {
  color: #808080;
  text-transform: uppercase;
  font-size: 33px;
  margin-top: 25px;
  margin-bottom: 5px;
}
.upsell-banner .upsell-content .offers {
  color: #fff;
  font-size: 21px;
  padding: 14px 0 0 30px;
  min-height: 147px;
  background-color: #8bc9d8;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.upsell-banner .upsell-content .offers .offers-heading {
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  font-size: 24px;
}
.upsell-banner .upsell-content .offers .items .item {
  margin-top: 11px;
}
.upsell-banner .upsell-content .offers .items .item .label {
  display: inline-block;
  font-size: 19.4px;
  text-align: left;
  padding: 0;
  font-family: "gothammediumregular", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  width: 134px;
}
.upsell-banner .upsell-content .offers .items .item .offer {
  display: inline-block;
  font-size: 19px;
}
.responsive-embed-wrapper {
  width: calc(50% - 20px);
  border: 3px solid #65cada;
  float: left;
}
.responsive-embed-wrapper:nth-child(2n+1) {
  margin-left: 40px;
}
.responsive-embed {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.responsive-embed iframe,
.responsive-embed video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .responsive-embed-wrapper {
    width: calc(100% - 30px);
    margin: 15px auto !important;
    float: none;
  }
}

@media only screen and (max-width: 1199px) {
  .upsell-banner .upsell-content {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .upsell-banner {
    background-image: url(../img/bg-upsell-banner-small.jpg);
    height: 275px;
  }
  .upsell-banner .upsell-content .top-bar {
    display: none;
  }
  .upsell-banner .upsell-content {
    margin-left: 30px;
  }
  .upsell-banner .upsell-content .copy {
    min-height: 0;
    display: inline-block;
  }
  .upsell-banner .upsell-content .copy .inner {
    width: 400px;
    font-size: 17px;
  }
  .upsell-banner .upsell-content .offers {
    font-size: 21px;
    padding: 10px 20px;
    min-height: auto;
    width: auto;
  }
  .upsell-banner .upsell-content .offers .offers-heading {
    font-size: 20px;
    margin-bottom: 6px;
  }
  .upsell-banner .upsell-content .offers .items .item {
    margin-top: 0px;
  }
  .upsell-banner .upsell-content .offers .items .item .label {
    font-size: 16px;
    width: 100px;
  }
  .upsell-banner .upsell-content .offers .items .item .offer {
    font-size: 16px;
  }
}
@media only screen and (max-width: 680px) {
  .upsell-banner {
    height: 280px;
    background-size: contain;
    background-position: right 0px;
  }
  .upsell-banner .upsell-content {
    margin: 0;
    width: 100%;
    padding: 0 0 0 15px;
  }
  .upsell-banner .upsell-content .copy h3 {
    font-size: 24px;
    margin-top: 25px;
  }
  .upsell-banner .upsell-content .copy .inner {
    width: 260px;
    font-size: 16px;
    margin-top: 14px;
  }
  .upsell-banner .upsell-content .offers {
    font-size: 12px;
    padding: 5px 15px;
    width: 100%;
  }
  .upsell-banner .upsell-content .offers .offers-heading {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .upsell-banner .upsell-content .offers .items .item .label {
    font-size: 14px;
    width: 95px;
  }
  .upsell-banner .upsell-content .offers .items .item .offer {
    font-size: 14px;
  }
}
@media only screen and (max-width: 550px) {
  .upsell-banner {
    height: 240px;
    background-size: contain;
    background-position: right 0px;
  }
  .upsell-banner .upsell-content {
    margin: 0;
    width: 100%;
    padding: 0 0 0 15px;
  }
  .upsell-banner .upsell-content .copy h3 {
    font-size: 20px;
    margin-top: 15px;
  }
  .upsell-banner .upsell-content .copy .inner {
    width: 220px;
    font-size: 14px;
    margin-top: 12px;
  }
  .upsell-banner .upsell-content .offers {
    font-size: 12px;
    padding: 5px 15px;
    width: 100%;
  }
  .upsell-banner .upsell-content .offers .offers-heading {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .upsell-banner .upsell-content .offers .items .item .label {
    font-size: 14px;
    width: 95px;
  }
  .upsell-banner .upsell-content .offers .items .item .offer {
    font-size: 14px;
  }
}
@media only screen and (max-width: 430px) {
  .upsell-banner {
    height: 207px;
    background-size: contain;
    background-position: top right;
  }
  .upsell-banner .upsell-content {
    margin: 0;
    width: 100%;
    padding: 0 0 0 15px;
  }
  .upsell-banner .upsell-content .copy h3 {
    font-size: 17px;
    margin-top: 12px;
  }
  .upsell-banner .upsell-content .copy .inner {
    width: 190px;
    font-size: 13px;
    margin: 0;
  }
  .upsell-banner .upsell-content .offers {
    font-size: 12px;
    padding: 5px 15px;
    width: 100%;
  }
  .upsell-banner .upsell-content .offers .offers-heading {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .upsell-banner .upsell-content .offers .items .item .label {
    font-size: 12px;
    width: 75px;
  }
  .upsell-banner .upsell-content .offers .items .item .offer {
    font-size: 12px;
  }
}

.donor-profile-gallery-header {
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.donor-profile-gallery-header .title {
  color: #65cada;
}
.donor-profile-gallery-header .donor_id {}
.donor-gallery {
  text-align: center;
}
.donor-gallery .gallery_img {
  display: inline-block;
  margin: 15px 15px 0 0;
  height: 180px;
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
}
.donor-gallery .gallery_img img {
  height: 100%;
}
.donor-gallery .gallery_img .thumb {
  display: inline-block;
  height: 100%;
}
.donor-gallery .gallery_img .ddl_img {
  background-image: url(../img/icon-download-white.png);
  display: block;
  position: absolute;
  width: 32px;
  height: 32px;
  z-index: 1;
  bottom: -32px;
  right: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 16px;
  background-size: 18px;

  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; 
}
.donor-gallery .gallery_img:hover .ddl_img {
  bottom: 10px;
}

@media only screen and (max-width : 768px) {
  .donor-gallery .gallery_img .ddl_img {
    bottom: 10px;
  }
}

.lightboxOverlay {
  background-color: #00ACC8;
}
.lb-data .lb-number {
  color: #fff;
}

.lb-nav .lb-ddl {
  background-image: url(../img/icon-download-white.png);
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 1;
  bottom: 25px;
  right: 25px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  background-size: 24px;
  opacity: 0.7;
}

.lb-nav .lb-ddl:hover {
  opacity: 1;
}

.cut_off_text {
  font-size: 15px;
  width: 100%;
  float: left;
  margin: 10px 0;
  color: #708396;
  line-height: 18px;
}
.comparison-cont .cta-box .cut_off_text { color: #fff; }

.donor-search .filters .options label[for="common_filters_xyclassic_limited_donors"]::after,
.donor-search .filters .options label[for="common_filters_non-carrier_donors"]::after,
.donor-search .filters .options label[for="common_filters_ramq"]::after {
    content: "NEW";
    position: absolute;
    left: 214px;
    background: #ffb547;
    color: white;
    padding: 0px 5px;
    border-radius: 4px;
    font-size: 10px;
}

.donor-search .filters .options label[for="common_filters_colorado_compliant"]::after {
    content: "NEW";
    position: absolute;
    left: 182px;
    background: #ffb547;
    color: white;
    padding: 0px 5px;
    border-radius: 4px;
    font-size: 10px;
}

.donor-search .filters .xyclassic-icon {
	display: inline-block;
}

.donor-search .filters .options label[for="common_filters_ramq"]::after {
	left: 95px;
}

/*  dusty@hale.group: I added this for the new Non Carrier donor search filter.    */
.donor-search .filters .options label[for="common_filters_non-carrier_donors"]::after {
  content: "NEW";
  position: absolute;
  left: 177px;
  background: #ffb547;
  color: white;
  padding: 0px 5px;
  border-radius: 4px;
  font-size: 10px;
}

@media (min-width: 700px) {
	.xyclassic-icon .tooltip-inner,
	.donor-search .filters .xyclassic-icon .tooltip-inner {
		width: 400px !important;
		max-width: 400px !important;
	}
}
.popup .validated-address {}
.popup .validated-address p {
  text-align: left;
  padding: 0;
  margin: 8px 0;
}
.popup .validated-address p label {
  font-size: 14px;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
}
.popup .validated-address input,
.popup .validated-address select {
  border: 1px solid #ccc;
  padding: 8px 14px;
  font-size: 14px;
  line-height: 20px;
  font-family: "gothambookregular", Arial, Helvetica, sans-serif;
}
.select2-container--default .select2-selection--single {
  background-color: #f3f3f3;
  border: 0 none;
  border-radius: 0;
  height: auto;
}
.select2-container--default .select2-results > .select2-results__options {
  overflow-y: auto;
}
.select2-results__option:before {
  display: none;
}
.select2-search--dropdown .select2-search__field {
  float: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #262729;
  line-height: 20px;
  padding: 10px 50px 10px 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px;
  position: absolute;
  top: 1px;
  right: 11px;
  width: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #bbb transparent transparent transparent;
  border-style: solid;
  border-width: 8px 7px 0 7px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #bbb transparent;
  border-width: 0 7px 8px 7px;
}

.container.page404 .col-lg-12.content {
  color: #55565a;
  font-family: gothambookregular;
  font-size: 37px;
  line-height: 45px;
  padding-bottom: 12px;
  margin-top: 22px;
  letter-spacing: normal;
  text-align: center;
}

.client-acknowledgement {
  text-align: center;
  padding: 50px 0 0 0;
  border-top: 1px solid #65cada;
}
.client-acknowledgement h1 {
  font-size: 32px;
}
.client-acknowledgement h1 span{}
.client-acknowledgement .inner-content {
  display: inline-block;
  max-width: 800px;
}
.client-acknowledgement ul {
  display: inline-block;
  margin-top: 20px;
  max-width: 450px;
}
.client-acknowledgement ul li {
  display: inline-block;
}
.client-acknowledgement .vid_wrapper {
  max-width: 800px;
  display: inline-block;
  margin-top: 20px;
}

.full-width-financing-partner { padding-top: 40px;}
.financing-partner {
  padding: 30px;
  background-image: linear-gradient(145deg, #fff 30%, #c0e8ee 100%);
}
.financing-partner .info {
  float: left;
  width: 50%;
  padding-right: 30px;
}
.financing-partner .info .fp-logo {}
.financing-partner .info .fp-logo img {
  max-width: 200px;
}
.financing-partner .info .intro {
  margin-top: 20px;
}
.financing-partner .info .btns {
  margin-top: 20px;
}
.financing-partner .info .bottom_content {
  margin-top: 20px;
}
.financing-partner .info .intro p,
.financing-partner .info .bottom_content p {
  font-size: 14px;
  line-height: 23px;
  padding-bottom: 20px;
}

.financing-partner .info .btns a {
  text-transform: none;
  font-size: 15px;
  padding: 12px;
  border-radius: 10px;
  margin-right: 10px;
}
.financing-partner .info .learn-more a .fa,
.financing-partner .info .apply-cta a .fa {
  margin-left: 6px;
}
.financing-partner .media {
  float: left;
  width: 50%;
  margin: 0;
}
.financing-partner .media img {}

@media only screen and (max-width : 800px) {
  .financing-partner .info {
    width: 100%;
    padding-right: 0;
  }
  .financing-partner .media {
    margin-top: 30px;
    width: 100%;
  }
}
@media only screen and (max-width : 480px) {
  .page-id-39918 .banner-inner figure img {
    margin: 0 0 0 -240px;
  }
  .page-id-39918 .banner-inner.splash .inner-bg {
    text-align: left;
    padding-left: 30px;
  }
  .page-id-39918 .banner-inner.splash .title-bar h1 {
    width: 200px;
  }
}
@media only screen and (max-width : 375px) {
  .page-id-39918 .banner-inner figure img {
    margin: 0 0 0 -350px;
  }
}

#download-test-results-container {
	border: 1px solid #d2d0ce;
	padding: 10px;
	text-align: center;
}
#download-test-results-container p {
	max-width: 700px;
  text-align: center;
  margin: auto;
  line-height: 14px;
  margin-top: 10px;
}

@media only screen and (max-width : 480px) {
  .general-template {
    text-align: center;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1300px)  {
	.nav-bar nav ul li {
		margin: 0 0 0 30px;
	}
}

.page-xytex-api-search .notice-donor-photos-off {
  background-color: #65cada;
  color: #fff;
  padding: 10px 15px;
  text-align: center;
	margin: 0px 10px 10px 10px;
}

/* ========================================
  Helper Classes
 ======================================== */
.mb-0 {
  margin-bottom: 0;
}

.mb-15 {
  margin-bottom: 15px;
}

.clearfix::after {
   display: block;
   clear: both;
   content: '';
 }

@media (max-width: 767px) {
  .text-xs-center {
    text-align: center;
  }

  .hide-on-mobile {
    display: none;
  }
}

@media (min-width: 768px) {
  .hide-on-desktop {
    display: none;
  }
}

/* ========================================
  Progress Bar
 ======================================== */

.loading-bar {
  background: rgba(0, 172, 200, .5);
  border: 1px solid #ddd;
  clear: both;
  height: 20px;
  width: 100%;
}

.loading-bar .in {
  animation: fill 30s linear 1;
  height: 100%;
  background-color: #00acc8;
}

@keyframes fill {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

/* ========================================
  Modal Overlay
 ======================================== */
.modal-backdrop.in {
  opacity: 0.7 !important;
  position: fixed;
  height: 100%;
}

/* ========================================
  Modal Full-width
 ======================================== */
@media (max-width: 767px) {
  .modal-fullscreen-xs-down {
    padding: 0 !important;
  }

  .modal-fullscreen-xs-down .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0;
  }

  .modal-fullscreen-xs-down .modal-content {
    height: auto;
    min-height: 100%;
    margin-top: 0;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
  }
}

@media (max-width: 991px) {
  .modal-fullscreen-sm-down {
    padding: 0 !important;
  }

  .modal-fullscreen-sm-down .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }

  .modal-fullscreen-sm-down .modal-content {
    height: auto;
    min-height: 100%;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
  }
}

@media (max-width: 1199px) {
  .modal-fullscreen-md-down {
    padding: 0 !important;
  }

  .modal-fullscreen-md-down .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }

  .modal-fullscreen-md-down .modal-content {
    height: auto;
    min-height: 100%;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
  }
}

.modal-fullscreen {
  padding: 0 !important;
}

.modal-fullscreen .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.modal-fullscreen .modal-content {
  height: auto;
  min-height: 100%;
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
}

.page-xytex-api-donor-profile #btn-genetic-testing-results,
.page-xytex-api-donor-profile #btn-genetic-eval-summary,
.page-xytex-api-donor-profile #btn-genetic-update-report {
	text-align: center;
	margin-bottom: 10px;
}
.page-xytex-api-donor-profile #btn-genetic-testing-results a,
.page-xytex-api-donor-profile #btn-genetic-eval-summary a,
.page-xytex-api-donor-profile #btn-genetic-update-report a {
	width: 100%;
	max-width: 610px;
}
.page-xytex-api-donor-profile #btn-genetic-testing-results a {
	line-height: 20px;
}

/******************************
SYNOVUS SPECIFIC STYLING
******************************/

/* Online Ordering Credit Card Form */
div.checkout-payment div#ccnumber, 
div.checkout-payment div#ccexp, 
div.checkout-payment div#cvv {
	height: 46px; 
	background: #f3f3f3;
}
div.checkout-payment div#ccnumber.error .CollectJSInlineIframe, 
div.checkout-payment div#ccexp.error .CollectJSInlineIframe, 
div.checkout-payment div#cvv.error .CollectJSInlineIframe {
	border: 1px solid #ff5123;
}

/* Subscription Sales Payments Modal */
div.modal#Payment #ccnumber .CollectJSInlineIframe,
div.modal#Payment #ccexp .CollectJSInlineIframe,
div.modal#Payment #cvv .CollectJSInlineIframe {
	height: 32px !important;
	width: 99%;
}
.modal#Payment #ccnumber,
.modal#Payment #ccexp,
.modal#Payment #cvv {
	height: 36px;
	border: 1px solid #d2d0ce;
	width: 101%;
}
.modal#Payment #ccnumber.error,
.modal#Payment #ccexp.error,
.modal#Payment #cvv.error {
	border: 2px solid #ff5123;
}
.modal#Payment div#ccnumber.error .CollectJSInlineIframe, 
.modal#Payment div#ccexp.error .CollectJSInlineIframe, 
.modal#Payment div#cvv.error .CollectJSInlineIframe {
	border: none !important;
}
@media (max-width: 992px) {
	.modal#Payment div.col-sm-12 {
	    float: none;
	}
}
.modal#Payment .btn-submit,
.modal#Payment .btn-cancel {
	width: 100%;
}
/******************************
END SYNOVUS SPECIFIC STYLING
******************************/

@media only screen and (max-width: 480px) {
  .cart .cut_off_text {
    margin-top: 25px;
  }
  .checkout-addresses .right-cl, .checkout-addresses-sfs .right-cl {
    margin-top: 25px;
  }
  .checkout-addresses .ship_to, .checkout-addresses-sfs .ship_to {
    margin: 10px 0 5px 0;
  }
}

.get-in-view {
  border: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999;
}

.docusigndocs-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 99999;
  height: 100vh;
  display: none;
  background-color: rgba(0, 0, 0, 0.85);
}
.docusigndocs-wrapper #DocuSignDocs {
  position: absolute;
  width: 100%;
  max-width: 1200px;
  height: calc(100vh - 100px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}

@media only screen and (max-width : 992px) {
  .docusigndocs-wrapper #DocuSignDocs {
    height: 100vh;
  }
}

table .btn-order-details, table .btn-offline-order-details {
  font-size: 12px;
  padding: 6px 10px;
}

.order-detail {
  padding: 15px 0;
}
.order-detail h3 {
  color: #708396;
}
.order-detail u {
  text-decoration: none;
}
.order-detail .btn-print-order {
  margin-left: 15px;
  padding: 8px 20px;
  font-size: 16px;
}
.order-detail .btn-print-order .fa {
  margin-right: 10px;
}
.order-detail .order-id{
  padding: 0;
}
.order-detail .order-info {}
.order-detail .order-info .ids {
  float: left;
  width: 50%;
  min-width: 300px;
}
.order-detail .order-info .customer-info {
  float: left;
}
.order-detail .order-date {
  display: block !important;
  border-bottom: 1px solid #ccc;
  padding: 0 0 5px 0;
  margin-bottom: 20px;
}
.order-detail .units-to-be-shipped .heading,
.order-detail .vials-to-be-stored .heading {
  color: #708396;
  font-size: 20px;
  font-weight: normal;
}
.order-detail .billing-shipping-info {
  border-top: 1px solid #ccc;
  padding-top: 20px;
}
.order-detail .billing-shipping-info h3 {
  font-size: 20px;
  font-weight: normal;
}
.order-detail .billing-shipping-info {
  display: flex;
  flex-wrap: wrap;
  page-break-inside: avoid; /* Prevent page break inside the flex container */
}

.order-detail .billing-shipping-info .billing-information,
.order-detail .billing-shipping-info .shipping-information {
  flex: 1;
  min-width: 300px;
  page-break-inside: avoid; /* Prevent page break inside each flex item */
}

@media only screen and (max-width : 768px) {
  .order-detail .btn-print-order {
    margin-left: 15px;
    padding: 6px 14px;
    font-size: 13px;
  }
  .order-detail .units-to-be-shipped .heading, .order-detail .vials-to-be-stored .heading {
    font-size: 15px;
  }
  .order-detail .billing-shipping-info h3 { 
    font-size: 15px;
  }
}

.ship-from-storage-option-wrapper {
  border-top: 1px solid #ccc;
  padding-top: 30px;
  margin-top: 25px;
}
.ship-from-storage-option-wrapper .btn {
  font-size: 14px;
  padding-top: 11px;
  padding-bottom: 10px;
}
.ship-from-storage {}
.ship-from-storage .order-form h3 {
  width: 100%;
  float: left;
  font-size: 24px;
  color: #efab58;
  line-height: 28px;
  letter-spacing: 0.02em;
}
.ship-from-storage .order-form .units-table .donorid {
  width: 85px;
}
.ship-from-storage .order-form .units-table .type {
  width: calc(100% - 465px);
}
.ship-from-storage .order-form .units-table .motility {
  width: 80px;
}
.ship-from-storage .order-form .units-table .stock {
  width: 100px;
}
.ship-from-storage-page {
  float: left;
  width: 100%;
  margin-top: 35px;
  position: relative;
}
.sfs-btn-wrapper {
  margin-top: 20px;
  width: 100%;
  text-align: center;
}
.sfs-btn-wrapper .btn {
  margin-right: 10px;
}
.sfs-page-shipping-options .shipping-options {
  margin-bottom: 40px;
}
.sfs-page-shipping-options .additional-info {
  max-width: 470px;
}
.sfs-page-shipping-options .additional-info .item {
  float: left;
  width: calc(50% - 10px);
  margin-bottom: 15px;
}
.sfs-page-shipping-options .additional-info .item.left-margin {
  margin-left: 20px;
}
.sfs-page-shipping-options .additional-info .item.full {
  width: 100%;
  margin-left: 0;
}
.sfs-page-shipping-options .additional-info .item .lbl {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 4px;
}
.sfs-page-shipping-options .additional-info .item label.error {
  font-family: "gotham", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: red;
}
@media only screen and (max-width: 480px) {
  .sfs-page-shipping-options .additional-info .item {
    width: 100%;
  }
  .sfs-page-shipping-options .additional-info .item.left-margin {
    margin-left: 0;
  }
}
.sfs-page-shipping-options h3 {
  margin-bottom: 15px;
}
.sfs-page-shipping-options .ss_options {
  width: 100%;
  max-width: 470px;
  border-bottom: 1px solid #f0f0f0;
}
.sfs-page-shipping-options .ss_options .item {
  padding: 15px 0px;
  border-top: 1px solid #f0f0f0;
}
.sfs-page-shipping-options .ss_options .item .rb {
  display: inline-block;
  width: 20px;
  vertical-align: top;
}
.sfs-page-shipping-options .ss_options .item .lbl {
  display: inline-block;
  width: calc(100% - 100px);
  cursor: pointer;
  vertical-align: top;
}
.sfs-page-shipping-options .ss_options .item .price {
  display: inline-block;
  font-family: "gothamboldregular", Arial, Helvetica, sans-serif;
  width: 65px;
  text-align: right;
  vertical-align: top;
}
.sfs-page-shipping-options .ss_options .item .disclaimer {
  font-size: 13px;
  line-height: 18px;
  margin-top: 6px;
  width: calc(100% - 100px);
  margin-left: 25px;
}
.ship-from-storage-page .shipping-date {
  margin-top: 15px;
  max-width: 470px;
}
.ship-from-storage-page .shipping-date label {
  float: none;
  display: inline-block;
  width: calc(100% - 200px);
}
.ship-from-storage-page .shipping-date input[type="text"] {
  float: none;
  width: 200px;
  display: inline-block;
}
@media only screen and (max-width: 480px) {
  .ship-from-storage-page .shipping-date label {
    width: 100%;
  }
  .ship-from-storage-page .shipping-date input[type="text"] {
    width: 100%;
  }
}

.sfs-order-tabs {
  margin-top: 10px !important;
}
.sfs-order-tabs .sfs-tab-item {
  width: auto;
  margin: 0 2px 0 0;
}
.sfs-order-tabs .sfs-tab-item .sfs-tab-link {
  background-color: #a4b3c0;
  color: #fff;
  display: inline-block;
  padding: 12px 20px;
}
.sfs-order-tabs .sfs-tab-item .sfs-tab-link:hover {
  text-decoration: none;
  background-color: #708396;
}
.sfs-order-tabs .sfs-tab-item .sfs-tab-link.active {
  background-color: #708396;
}
.sfs-tab-content {
  float: left;
  width: 100%;
  padding: 15px 10px 0px;
  border: 1px solid #708396;
  margin-bottom: 10px;
}
.sfs-tab-content .sfs-tab-pane {
  float: left;
  width: 100%;
  display: none;
}
.sfs-tab-content .sfs-tab-pane .units-table {
  margin-top: 0;
}
.sfs-tab-content .sfs-tab-pane.active {
  display: block;
}