/*
	Theme Name: ZacksAdvantage
	Author: Marchburn Design
	Description: Welcome to your WordPress websitee.
	Version: 1.0
*/

html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

.wrapper {
  width: 100%;
  margin: 0;
  padding: 0 20px; }
  .wrapper::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 767px) {
    .wrapper {
      width: 750px;
      margin: 0 auto;
      padding: 0; } }
  @media screen and (min-width: 1023px) {
    .wrapper {
      width: 960px; } }
  @media screen and (min-width: 1279px) {
    .wrapper {
      width: 1140px; } }

/* -----------------------------------------------------------------
    RESET - NORMALIZE.CSS (v3.0.0)
------------------------------------------------------------------*/
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/* -----------------------------------------------------------------
    RESET ELEMENTS - HTML5 BOILERPLATE (4.3.0)
------------------------------------------------------------------*/
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  color: #222;
  font-size: 1em;
  line-height: 1.628571429; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

audio,
canvas,
img,
svg,
video {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

address {
  font-style: normal; }

span.skype_pnh_container {
  display: none !important; }

span.skype_pnh_print_container {
  display: inline !important; }

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  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; } }
.button, #nav > ul > li > a.cta {
  display: inline-block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .large.button, #nav > ul > li > a.large.cta {
    padding: 15px 25px;
    font-size: 16px; }
  .small.button, #nav > ul > li > a.small.cta {
    padding: 5px 10px;
    font-size: 12px; }

.left {
  float: left; }

.right {
  float: right; }

.five {
  width: 5%; }

.ten {
  width: 10%; }

.fifteen {
  width: 15%; }

.twenty {
  width: 20%; }

.twentyfive {
  width: 25%; }

.thirty {
  width: 30%; }

.thirtyfive {
  width: 35%; }

.fourty {
  width: 40%; }

.fourtyfive {
  width: 45%; }

.fifty {
  width: 50%; }

.fiftyfive {
  width: 55%; }

.sixty {
  width: 60%; }

.sixtyfive {
  width: 65%; }

.seventy {
  width: 70%; }

.seventyfive {
  width: 75%; }

.eighty {
  width: 80%; }

.eightyfive {
  width: 85%; }

.ninety {
  width: 90%; }

.ninetyfive {
  width: 95%; }

.onehundred {
  width: 100%; }

#browserAlert {
  display: none;
  font-size: 14px;
  color: #fff;
  padding: 10px 0;
  background: #941111;
  text-align: center;
  border-bottom: 1px solid #000;
  line-height: 18px; }

#browserAlert a {
  color: #faabab;
  font-weight: bold; }

#browserAlert a:hover {
  color: #fff; }

.lt-ie9 #browserAlert {
  display: block; }

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

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    display: table;
    content: ""; }
  .clearfix:after {
    clear: both; }

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px; }
  .ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%; }

.hidden {
  display: none !important;
  visibility: hidden; }

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

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.visible-mobile {
  display: block; }
  @media screen and (min-width: 1023px) {
    .visible-mobile {
      display: none; } }

.visible-desktop {
  display: none; }
  @media screen and (min-width: 1023px) {
    .visible-desktop {
      display: block; } }

/* -----------------------------------------------------------------
	TYPOGRAPHY ELEMENTS
------------------------------------------------------------------*/
a {
  color: #20a8cd;
  text-decoration: none !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  a:hover {
    color: #3fbee1; }

.text-error {
  color: #c82727; }

.text-success {
  color: #62b51f; }

.text-warning {
  color: #e4be4c; }

.text-info {
  color: #5bc0de; }

::-moz-selection {
  background: #20a8cd;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #20a8cd;
  color: #fff;
  text-shadow: none; }

h1, h2, h3, h4, h5, h6 {
  color: #b7985b;
  line-height: 1.1;
  font-weight: 600;
  font-family: "freight-macro-pro", sans-serif; }
  h1 + .sub, h2 + .sub, h3 + .sub, h4 + .sub, h5 + .sub, h6 + .sub {
    font-size: 20px;
    font-weight: 700;
    margin-top: -30px;
    margin-bottom: 30px; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-weight: normal;
  line-height: 1;
  color: gray; }

h1, h2, h4, h5, h6 {
  margin-top: 1.5em;
  margin-bottom: .75em; }

h3 {
  margin-top: 0px;
}

h1 {
  font-size: 36px; }

h2 {
  font-size: 32px; }

  h2 a {
    color: #b7985b;
    text-decoration: none !important;
}

h3 {
  font-size: 28px;
  margin-bottom: 0;
}

h3 + ul, h3 + p {
    margin-top: 0;
}

h4 {
  font-size: 24px; }

h5 {
  font-size: 22px; }

h6 {
  font-size: 20px; }

h1 small {
  font-size: 24px; }

h2 small {
  font-size: 18px; }

h3 small, h4 small {
  font-size: 14px; }

blockquote {
  padding-left: 65px;
  position: relative;
  margin: 2em 0;
  font-style: italic;
  font-size: 22px; }
  blockquote:after {
    font-style: normal;
    position: absolute;
    top: 0;
    left: 0;
    content: "\f10d";
    font-family: "FontAwesome";
    font-size: 36px;
    line-height: 1;
    color: #0a3642; }
  blockquote cite {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    margin: 30px 0 0;
    font-style: normal; }

hr {
  border-color: #ccc; }

/* -----------------------------------------------------------------
	FORM ELEMENTS
------------------------------------------------------------------*/
label {
  display: block;
  padding: 10px 0;
  font-size: 14px;
  text-transform: uppercase; }
  label .required {
    margin-left: 5px;
    color: #c82727; }
  label.error {
    color: #c82727; }

input,
textarea {
  display: inline-block;
  width: 100%;
  padding: 10px;
  border: 1px solid #e6e6e6;
  font-family: "freight-sans-pro", sans-serif;
  color: #0a3642;
  font-size: 18px;
  background: #fff;
  margin: 0 0 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  input:focus,
  textarea:focus {
    background: #f2f2f2; }
  input.error,
  textarea.error {
    border: 1px solid #c82727; }
  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #e6e6e6; }
  input::-moz-placeholder,
  textarea::-moz-placeholder {
    color: #e6e6e6; }
  input:-moz-placeholder,
  textarea:-moz-placeholder {
    color: #e6e6e6; }
  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #e6e6e6; }

input[type="text"], input[type="password"], input[type="file"], textarea {
  outline: none; }

select {
  width: 100%; }
  select.error {
    border: 1px solid #c82727; }

.radio label,
.checkbox label {
  font-family: "freight-sans-pro", sans-serif;
  display: inline-block;
  padding: 0;
  margin-right: 20px; }
.radio input,
.checkbox input {
  width: auto;
  margin-right: 5px;
  display: inline-block; }

button.button,
input.button {
  border: none;
  display: inline-block;
  width: auto; }

.errormsg,
.successmsg {
  margin: 20px 0 0;
  font-size: 14px; }
  .errormsg span,
  .successmsg span {
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 10px 0 0; }

.errormsg span {
  background: #c82727; }

.successmsg span {
  background: #62b51f; }

 input[type='submit'] {
    width: 100% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    background: #b7985b;
    color: #ffffff;
    font-size: 1.5em;
    font-weight: bold;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.6);
    padding: 9px 0px 9px;
    cursor: pointer;
    margin-top: 18px;
}

.mlab-modal-content {
    position: relative;
    background-color: rgba(32,169,206,0.25) !important;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: none;
    color: #fff;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.mlab-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999991;
    display: none;
    overflow: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background-color: rgba(33, 67, 74, .95) !important;
}

input[type='text'], select {
    background: rgba(0,0,0,0.5);
    color: #ffffff;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.6) inset, 0px 1px 1px rgba(255,255,255,0.3);
    padding: 12px 9px;
    font-size: 1em;
}

p.disclosure {
    font-size: .6em;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-weight: normal;
    margin-top: 1em;
}

.field-wrap, #ninja_forms_required_items {
    margin-bottom: 0px !important;
}

.mlab-modal-dialog {
    width: 600px;
    margin: 150px auto;
    margin-top: 15px !important;
}

.ninja-forms-cont {
    position: relative;
    background-color: #07242c;
    padding: 15px;
    color: #fff;
    margin: 30px 30px 30px 30px;
    border-radius: 8px;
    opacity: 0.90;
}

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

#foot-form {
   background-color: #07242c !important;
   width: 100%;
   padding: 25px;
   display: flex;
   opacity: 0.90;
   color: #fff;
   border-radius: 6px;
}

#foot-form h1{
   padding-bottom: 25px;
}

.foot-form-left {
    margin-top: 15px;
    width: 48%;
    float: left;
}

.foot-form-right {
    width: 50%;
    float: right;
}
}

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

  #foot-form {
   background-color: #07242c !important;
   padding: 25px;
   opacity: 0.90;
   color: #fff;
   border-radius: 6px;
}

  .foot-form-left {
    margin-top: 15px;
    width: 100%;
   
}

.foot-form-right {
    width: 100%;

}
}

div#spu-1302 {
    top: 125px !important;
}

.blogform {
    background: #07242c;
    padding: 0px 25px 0px 25px;
    width: 100%;
    font-family: 600;
  font-family: "freight-macro-pro", sans-serif !important;
    
}

.blogform2 {
    
    padding: 0px 25px 0px 25px;
    width: 50%;
    font-family: 600;
  font-family: "freight-macro-pro", sans-serif !important;
}

@media screen and (max-width: 600px) {
      .blogform2 {
        width: 100%;
         } }

.contactform {
    background: #07242c;
    padding: 0px 25px 0px 25px;
    width: 100%;
    
}

.blog-disclosure {
  font-size: .7em;
  color: #a0a0a0;
}


.blog-banner {
    margin-bottom: 3vh;
}

.blog-nav {
  margin-bottom: 3vh;
}
/* -----------------------------------------------------------------
REUSABLE ELEMENTS & CLASSES
------------------------------------------------------------------*/
img,
iframe {
  display: block;
  max-width: 100%; }

  iframe {
    border: 0px !important;
}

#iframe-border {
    display: block;
    max-width: 400px;
    border: 2px solid #b7985b !important;
    border-radius: 10px;
    padding: 20px;
    margin-left: 20px;
    margin-top: 10px;
}

#iframe-border-interstitial {
    display: block;
    border: 2px solid #b7985b !important;
    border-radius: 10px;
    margin-left: 20px;
    margin-top: 10px;
}

#iframe-border h2{
    margin-top: 0px;
}

#myiframe {
  width: 100%;
}

.interstitial{
  border: 1px solid #b7985b !important;
  border-radius: 10px;
  padding: 30px 15px 20px 15px;
}

.content-left img {
  height: auto !important; }

.button, #nav > ul > li > a.cta {
  padding: 7px 13px 8px;
  font-family: "freight-sans-pro", sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none !important;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.1em;
  border-radius: 4px;
  border: 2px solid; }
  .button span, #nav > ul > li > a.cta span {
    letter-spacing: 0;
    display: block;
    font-size: 13px;
    font-weight: 400;
    text-transform: none; }
  .button.blue, #nav > ul > li > a.blue.cta {
    background: #20a8cd;
    border-color: #20a8cd;
    color: #fff; }
    .button.blue:hover, #nav > ul > li > a.blue.cta:hover {
      background: 0; }
    .button.blue.hollow, #nav > ul > li > a.blue.hollow.cta {
      background: 0;
      color: #20a8cd; }
      .button.blue.hollow:hover, #nav > ul > li > a.blue.hollow.cta:hover {
        background: #20a8cd;
        color: #fff !important; }
  .button.gold, #nav > ul > li > a.gold.cta {
    background: #b7985b;
    border-color: #b7985b;
    color: #fff !important; }
    .button.gold:hover, #nav > ul > li > a.gold.cta:hover {
      background: 0;
      color: #b7985b !important; }
    .button.gold.hollow, #nav > ul > li > a.gold.hollow.cta {
      background: 0;
      color: #b7985b !important; }
      .button.gold.hollow:hover, #nav > ul > li > a.gold.hollow.cta:hover {
        background: #b7985b;
        color: #fff !important; }
  .button.big, #nav > ul > li > a.big.cta {
    letter-spacing: 0;
    padding: 7px 33px 8px; }

.mega {
  text-transform: uppercase;
  display: inline-block;
  font-weight: 600;
  font-size: 20px;
  text-decoration: none !important; }

.alignleft,
.alignright,
.aligncenter {
  margin: 20px auto;
  display: table;
  font-size: 12px;
  white-space: pre-line;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .alignleft img,
  .alignright img,
  .aligncenter img {
    margin-bottom: 5px; }
  .alignleft span,
  .alignright span,
  .aligncenter span {
    display: table-caption;
    caption-side: bottom;
    width: 100%;
    line-height: 1.2; }

@media screen and (min-width: 767px) {
  .alignleft {
    float: left;
    margin: 0 30px 10px 0; } }

@media screen and (min-width: 767px) {
  .alignright {
    float: right;
    margin: 0 0 10px 30px; } }

a .alignleft:hover,
a .alignright:hover,
a .aligncenter:hover {
  border-color: #bfbfbf; }

.press img {box-shadow: 2px 2px 10px #000;
}

.press img:hover {

	-webkit-filter: blur(2px) grayscale(100%);

-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;

          box-shadow: 2px 2px 5px #000;
}

.press a{
	color: #000;
}
.press p.wp-caption-text {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 35px;
}

.split-content {
    margin: 0px 0 !important;
}

/* -----------------------------------------------------------------
	GENERAL ELEMENTS
------------------------------------------------------------------*/
html {
  background: #fff; }

body {
  color: #0a3642;
  font-size: 18px;
  font-family: "freight-sans-pro", sans-serif;
  background: #fff; }

p, ul, ol {
  margin: .2em 0 1.2em 0; }

ul, ol {
  padding-left: 22px; }

.video-wrap {
  margin: 60px 0; }

p:first-child, ul:first-child, ol:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, blockquote:first-child, .mega:first-child, .split-content:first-child, .video-wrap:first-child {
  margin-top: 0; }
p:last-child, ul:last-child, ol:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, blockquote:last-child, .mega:last-child, .split-content:last-child, .video-wrap:last-child {
  margin-bottom: 0; }

.video-wrap {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  z-index: 5000; }
  .video-wrap iframe {
    z-index: 5000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

    video {
    vertical-align: middle;
    max-width: 600px;
}

span.gold {
    color: #b7985b; }

span.black {
    color: #292929; }

span.blue {
    color: #20a8cd; }

span.larger {
    font-size: 36px; }

.blog-charts {
    border: 3px solid #07242c;
}

.social {
    margin: 0 30px 10px 0;
    float: left;
}

.rightpull {
  font-family: "freight-macro-pro", sans-serif;
  max-width: 375px;
  width: 100%;
  font-size: 1.7em;
  line-height: 1em;
  color: #b7985b;
  float: right;
  border-top: 3px solid #b7985b;
  border-bottom: 3px solid #b7985b;
  padding: 5px 0 10px 0;
  margin-left: 15px;
}
/* -----------------------------------------------------------------
	ACCESSIBILITY ELEMENTS
------------------------------------------------------------------*/
/* -----------------------------------------------------------------
	HEADER ELEMENTS
------------------------------------------------------------------*/
#header {
  background: #292929;
  padding: 10px 0;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  @media screen and (min-width: 767px) {
    #header {
      z-index: 9999;
      position: fixed;
      background: rgba(0, 0, 0, 0.6);
      top: 0;
      left: 0;
      right: 0; } }
      
  #header.dark {
    background: #292929; }

   
  	@-webkit-keyframes pushDown {
  0% {
    height: 3em;
  }

  100% {
    height: 0em;
  }
}

 #header.dark #top-nav{
    visibility: hidden;
    border-bottom: 0px;
    margin-bottom: 0px;
  	opacity: 0;
  	 -webkit-animation: pushDown .5s forwards linear; }

.dark {
  background: #113641;
}
.logo {
  display: block;
  margin: 14px 0 0;
  width: 230px;
  height: 30px;
  float: left; }
  @media screen and (min-width: 767px) {
    .logo {
      width: 350px;
      height: 39px; } }

/* -----------------------------------------------------------------
	NAVIGATION ELEMENTS
------------------------------------------------------------------*/
#nav {
  float: right;
  font-weight: 400;
  text-transform: uppercase; }
  #nav #trigger {
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    line-height: 52px; }
    #nav #trigger i {
      margin-left: 5px; }
    @media screen and (min-width: 767px) {
      #nav #trigger {
        line-height: 58px; } }
    @media screen and (min-width: 1023px) {
      #nav #trigger {
        display: none; } }
  #nav > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 8000;
    background: rgba(0, 0, 0, 0.8); }
    @media screen and (min-width: 1023px) {
      #nav > ul {
        display: block !important;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        background: 0; } }
    #nav > ul > li {
      border-top: 1px solid #555; }
      @media screen and (min-width: 1023px) {
        #nav > ul > li {
          float: left;
          border: 0;
          margin-left: 20px; } }
      @media screen and (min-width: 1279px) {
        #nav > ul > li {
          margin-left: 40px; } }
      #nav > ul > li > a {
        color: #fff;
        font-size: 14px;
        display: block;
        padding: 10px 20px; }
        @media screen and (min-width: 1023px) {
          #nav > ul > li > a {
            padding: 18px 0; }
            #nav > ul > li > a:hover {
              color: #20a8cd; } }
        #nav > ul > li > a.cta {
          border-radius: 0;
          text-align: left;
          width: 100%; }
          @media screen and (min-width: 1023px) {
            #nav > ul > li > a.cta {
              border-radius: 4px;
              text-align: center; }
              #nav > ul > li > a.cta:hover {
                color: #fff; }

		#nav ul ul { 
			  display: none;
			  position: absolute;
			  background-color: rgba(30,168,205,0.75); 
			  color: #fff !important;
			  top: 40px;
			  padding: 15px auto;
			  box-shadow: 2px 2px 25px #000;
			  
			  }
			#nav ul ul li { 
			  float: none;
			  list-style-type: none; 
			  width: 150px; }
			#nav ul ul li a{
			  color: #fff;
			  font-size: 14px; 
			  list-style-type: none; } 
			#nav ul li:hover > ul {
		  	  display: block; 
			  color: #fff; }
		}

/* -----------------------------------------------------------------
  TOP NAV ELEMENTS
------------------------------------------------------------------*/
#top-nav {
  float: right;
  font-size: 14px;
  font-weight: 400;
  text-align: right;
  margin-top: -10px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  /* background: #113641; */
 }

 #top-nav ul {
  list-style: none;
 }

 .wrapper > ul {
  	list-style: none;
  	padding-right: 15px;
  }

  .wrapper > ul > li > a{
  	color: #20a8cd;
  }

  .wrapper > ul > li > a:hover {
              color: #eaeaea; }

.hero {
  line-height: 1.2;
  font-weight: 500;
  color: #fff;
  font-family: "freight-macro-pro", sans-serif;
  padding: 60px 0 140px; }
  @media screen and (min-width: 767px) {
    .hero {
      padding-top: -webkit-calc(200px + 5px);
      padding-top: calc(200px + 5px);
      padding-bottom: 80px; } }
  .hero.internal {
    padding: 6vh 0; }
    @media screen and (min-width: 767px) {
      .hero.internal {
        padding-top: -webkit-calc(6vh + 78px);
        padding-top: calc(6vh + 78px); } }
    .hero.internal .title {
      font-size: 30px; }
      @media screen and (min-width: 767px) {
        .hero.internal .title {
          font-size: 45px; } }
    .hero.internal .sub {
      font-size: 18px; }
      @media screen and (min-width: 767px) {
        .hero.internal .sub {
          font-size: 20px; } }
  @media screen and (min-width: 1023px) {
    .hero .inner {
      width: 50%; } }
  .hero .title {
    line-height: 1;
    margin-bottom: 50px;
    font-size: 30px; 
    text-shadow: 2px 2px 10px #333; }
    @media screen and (min-width: 767px) {
      .hero .title {
        font-size: 2em;
         } }
    @media screen and (min-width: 1023px) {
      .hero .title {
        font-size: 2em; } }
    @media screen and (min-width: 1279px) {
      .hero .title {
        font-size: 3em; font-weight: 600; } }
  .hero .sub {
    font-size: 18px; font-family: "freight-sans-pro", sans-serif; padding-bottom: 15px; }
    @media screen and (min-width: 767px) {
      .hero .sub {
    font-size: 1.1em;
    line-height: 28px; } }
    .hero .sub.plain {
      font-size: 18px;
      font-family: "freight-sans-pro", sans-serif; }
      @media screen and (min-width: 767px) {
        .hero .sub.plain {
          font-size: 18px; } }


.hero .sub.plain2 {
      font-size: 20px;
      font-family: "freight-sans-pro", sans-serif;
      font-weight: 300;
      line-height: 32px;
      padding-top: 20px; }
      @media screen and (min-width: 767px) {
        .hero .sub.plain2 {
          font-size: 24px;
          font-weight: 300;
          padding-top: 20px;
          line-height: 32px; } }

  .hero hr {
    border-top: 2px solid #fff;
    margin: 20px 0; }
    @media screen and (min-width: 767px) {
      .hero hr {
        border-width: 4px;
        margin: 30px 0; } }
  .hero .button, .hero #nav > ul > li > a.cta {
    margin-top: 30px; }
.inner.content, .inner.badges{
	display: inline-block;
	width:45%;
}
.inner.badges {
    vertical-align: top;
}
@media screen and (max-width: 767px) {
.inner.content, .inner.badges{
	display: block;
	width:100%;
}
}
.intro-wrap {
  background: #292929; }
  .intro-wrap .wrapper {
    position: relative; }
  .intro-wrap .tagline {
    padding: 20px;
    font-size: 22px;
    font-family: "freight-macro-pro", sans-serif;
    line-height: 1.2;
    text-align: center;
    color: #292929;
    background: rgba(223, 223, 223, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media screen and (min-width: 1023px) {
      .intro-wrap .tagline {
        padding: 54px 30px;
        font-size: 30px; } }
  .intro-wrap .button, .intro-wrap #nav > ul > li > a.cta {
    color: #fff !important; }
  .intro-wrap .intro {
    padding: 50px 8% 75px;
    color: #fff; }
    .intro-wrap .intro::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (min-width: 767px) {
      .intro-wrap .intro {
        padding-bottom: 50px; } }
    .intro-wrap .intro strong {
      font-weight: 600;
      text-transform: uppercase; }
    .intro-wrap .intro .copy {
      margin-bottom: 40px; }
      @media screen and (min-width: 767px) {
        .intro-wrap .intro .copy {
          width: 58%;
          float: left;
          margin: 0; } }
    .intro-wrap .intro .badge {
      font-size: 13px;
      text-align: center; }
      @media screen and (min-width: 767px) {
        .intro-wrap .intro .badge {
          width: 38%;
          float: right; } }
      .intro-wrap .intro .badge img {
        margin: 0 auto 10px; }
      .intro-wrap .intro .badge a {
        color: #fff; }
        .intro-wrap .intro .badge a:hover {
          color: #20a8cd; }

.compare-wrap {
  background: #113641;
  padding: 100px 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center; }
  .compare-wrap .intro {
    color: #1ea8cd;
    padding: 0 30px;
    margin: 0 0 40px; }
    @media screen and (min-width: 1023px) {
      .compare-wrap .intro {
        width: 34%;
        float: left;
        margin: 28px 0 0; } }
    .compare-wrap .intro .percent {
      font-size: 70px;
      color: #80cde2;
      margin: 10px 0; }
    .compare-wrap .intro .note {
      border-top: 1px solid #80cde2;
      font-size: 13px;
      font-weight: 400;
      text-transform: none;
      margin-top: 20px;
      padding: 20px 15px 0;
      color: #80cde2; }
  .compare-wrap .compare-chart {
    color: #fff; }
    @media screen and (min-width: 1023px) {
      .compare-wrap .compare-chart {
        width: 64%;
        float: right; } }
    .compare-wrap .compare-chart .upper {
      background: #b7985b;
      padding: 20px 10px; }
    .compare-wrap .compare-chart .lower {
      border: 2px solid #b7985b;
      border-top: 0;
      padding: 0 30px; }
    .compare-wrap .compare-chart .row {
      border-bottom: 1px solid #fff;
      padding: 25px 0; }
      .compare-wrap .compare-chart .row::after {
        clear: both;
        content: "";
        display: table; }
      .compare-wrap .compare-chart .row:last-child {
        border: 0; }
      .compare-wrap .compare-chart .row .percent {
        font-size: 70px;
        line-height: 1;
        margin-bottom: 20px; }
        @media screen and (min-width: 767px) {
          .compare-wrap .compare-chart .row .percent {
            float: left;
            margin: 0; } }
      .compare-wrap .compare-chart .row .desc {
        font-size: 22px;
        font-weight: 500;
        text-align: left;
        text-transform: none;
        float: left;
        margin: 0 0 20px 0;
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px); }
        @media screen and (min-width: 767px) {
          .compare-wrap .compare-chart .row .desc {
            margin: 14px 0 0 30px;
            width: auto; } }
        .compare-wrap .compare-chart .row .desc .smaller {
          font-size: 18px; }
      .compare-wrap .compare-chart .row .badge {
        font-size: 14px;
        width: 80px;
        height: 80px;
        border-radius: 80px;
        background: #b7985b;
        padding-top: 15px;
        margin: 0 auto;
        float: right; }
        @media screen and (min-width: 767px) {
          .compare-wrap .compare-chart .row .badge {
            clear: none; } }

.shape-wrap {
  padding: 100px 0;
  color: #fff; }
  .shape-wrap h2 {
    color: #fff; }
  .shape-wrap .frame {
    border-right: 2px solid;
    border-bottom: 2px solid;
    padding: 80px 30px;
    position: relative; }
    .shape-wrap .frame:before {
      position: absolute;
      height: 50%;
      bottom: 0;
      left: 0;
      width: 2px;
      content: "";
      display: block; }
    @media screen and (min-width: 1023px) {
      .shape-wrap .frame {
        border-width: 3px;
        padding: 90px 95px; } }
    .shape-wrap .frame.white {
      border-color: #fff;
      background: url("/wp-content/themes/zacksadvantage/images/white-frame.png") no-repeat;
      background-size: 800px; }
      .shape-wrap .frame.white:before {
        background: #fff; }
      @media screen and (min-width: 1023px) {
        .shape-wrap .frame.white {
          background-size: 1200px; } }
    .shape-wrap .frame.gold {
      border-color: #b7985b;
      background: url("/wp-content/themes/zacksadvantage/images/gold-frame.png") no-repeat;
      background-size: 800px; }
      .shape-wrap .frame.gold:before {
        background: #b7985b; }
      @media screen and (min-width: 1023px) {
        .shape-wrap .frame.gold {
          background-size: 1200px; } }
  .shape-wrap .button, .shape-wrap #nav > ul > li > a.cta {
    margin-top: 20px; }

.copy-wrap-reimagined {
  padding: 100px 0px 0px 0px;
  background: #f7f5f0;
  position: relative; }
  .copy-wrap-reimagined::after {
    clear: both;
    content: "";
    display: table; }
  
  @media screen and (min-width: 1278px) {
    .copy-wrap-reimagined .image {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 38%; } }
  @media screen and (min-width: 1278px) {
    .copy-wrap-reimagined .copy {
      width: 60%;
      float: right; } }
  .copy-wrap-reimagined.right {
    float: none; }
    .copy-wrap-reimagined.right .image {
      left: auto;
      right: 0; }
    .copy-wrap-reimagined.right .copy {
      float: left; }



      .copy-wrap-reimagined .badge {
      font-size: 13px;
      text-align: center;
      padding-top: 50px; }
      @media screen and (min-width: 1278px) {
        .copy-wrap-reimagined .badge {
          width: 38%;
          float: right; } }
      .copy-wrap-reimagined .badge img {
        margin: 0 auto 0px; 
        }
      .copy-wrap-reimagined .badge a {
        color: #fff; }
        .copy-wrap-reimagined .badge a:hover {
          color: #20a8cd; }


.copy-wrap {
  padding: 100px 0;
  background: #f7f5f0;
  position: relative; }
  .copy-wrap::after {
    clear: both;
    content: "";
    display: table; }
  .copy-wrap.dark {
    background: #113641;
    color: #fff; }
    .copy-wrap.dark h2 {
      color: #fff; }
  @media screen and (min-width: 767px) {
    .copy-wrap .image {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 38%; } }
  @media screen and (min-width: 767px) {
    .copy-wrap .copy {
      width: 60%;
      float: right; } }
  .copy-wrap.right {
    float: none; }
    .copy-wrap.right .image {
      left: auto;
      right: 0; }
    .copy-wrap.right .copy {
      float: left; }

      .copy-wrap-testimonial {
  padding-top: 75px;
  background: #f7f5f0;
  position: relative; }
  .copy-wrap-testimonial::after {
    clear: both;
    content: "";
    display: table; }
  .copy-wrap-testimonial.dark {
    background: #113641;
    color: #fff; }
    .copy-wrap.dark h2 {
      color: #fff; }
  @media screen and (min-width: 767px) {
    .copy-wrap-testimonial .image {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 38%; } }
  @media screen and (min-width: 767px) {
    .copy-wrap-testimonial .copy {
      width: 60%;
      float: right; } }
  .copy-wrap-testimonial.right {
    float: none; }
    .copy-wrap-testimonial.right .image {
      left: auto;
      right: 0; }
    .copy-wrap-testimonial.right .copy {
      float: left; }

/* -----------------------------------------------------------------
	CONTENT AREA ELEMENTS
------------------------------------------------------------------*/
.content-block {
  color: #fff; }
  .content-block a {
    text-decoration: underline; }
  .content-block .button, .content-block #nav > ul > li > a.cta {
    margin: 0 20px 20px 0; }
  .content-block .wrapper {
    padding: 6vh 40px; }
    @media screen and (min-width: 767px) {
      .content-block .wrapper {
        padding: 12vh 13%; } }
  .content-block.grey {
    background: #292929;
    border-top: 1px solid #292929; }
  .content-block.blue {
    background: #113641; }
    .content-block.blue a, .content-block.blue .mega {
      color: #b7985b; }
      .content-block.blue a:hover, .content-block.blue .mega:hover {
        color: #c7ae7e; }
    .content-block.blue blockquote:after {
      color: #fff; }
  .content-block.popped .wrapper {
    padding: 0; }
  .content-block.last .wrapper {
    padding-bottom: 6vh; }
  .content-block .white-block {
    position: relative;
    background: #f7f5f0;
    padding: 6vh 20px;
    color: #0a3642; }
    .content-block .white-block::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (min-width: 767px) {
      .content-block .white-block {
        margin: -6vh 0;
        padding: 6vh; } }
    .content-block .white-block .button.blue:hover, .content-block .white-block #nav > ul > li > a.blue.cta:hover {
      color: #20a8cd; }

#content .lead {
  font-size: 120%;
  font-weight: 700; }

.content-left {
  margin-bottom: 40px; }
  @media screen and (min-width: 1023px) {
    .content-left {
      margin: 0;
      width: 65%;
      float: left; } }

@media screen and (min-width: 1023px) {
  .sidebar {
    width: 30%;
    float: right; } }

.split-content {
  margin: 60px 0; }
  .split-content::after {
    clear: both;
    content: "";
    display: table; }
  .split-content .left, .split-content .right {
    width: 100%; }
    @media screen and (min-width: 767px) {
      .split-content .left, .split-content .right {
        width: 48%; } }
  .split-content .right {
    margin-top: 2em; }
    @media screen and (min-width: 767px) {
      .split-content .right {
        margin: 0; } }
  .split-content .col {
    margin-bottom: 40px; }
    .split-content .col:last-child {
      margin: 0; }
    @media screen and (min-width: 767px) {
      .split-content .col {
        width: 30%;
        float: left;
        margin-right: 5%; } }

.thumb-contain {
  margin: 2em 0; }
  .thumb-contain::after {
    clear: both;
    content: "";
    display: table; }
  .thumb-contain img {
    margin: 0 auto; }
  .thumb-contain.left, .thumb-contain.right {
    float: none; }
  @media screen and (min-width: 767px) {
    .thumb-contain.left img {
      float: left; }
    .thumb-contain.left .info {
      margin-left: 120px; }
    .thumb-contain.right img {
      float: right; }
    .thumb-contain.right .info {
      margin-right: 120px; } }

p.postmetadata {
    padding-bottom: 25px;
    border-bottom: 1px solid #b7985b;
}

.thumbnail {

  width: 100%;
  height: 204px;
  size: cover;
  overflow: hidden;
}

.testimonial_slider__textonly.testimonial_slider_set {
    height: 250px !important;
}

.testimonial_slider__textonly .testimonial_content_wrap {
    width: 100%;
    height: initial !important;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e4e4e4;
    position: relative;
}

.testimonial_slider__textonly .testimonial_by_wrap .testimonial_by {
    line-height: 15px;
    font-family: "freight-macro-pro", sans-serif !important;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #747474;
    text-transform: uppercase;
}

.testimonial_slider__textonly .testimonial_content {
    width: 80%;
    padding: 10px;
    margin: 5px auto 5px auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "freight-macro-pro", sans-serif !important;
    font-weight: normal;
    font-style: italic;
    color: #737373;
    line-height: 1.7;
    height: 90%;
    overflow: hidden;
}

.testimonial_slider__textonly .testimonial_content_wrap:before, .testimonial_slider__textonly .testimonial_content_wrap:after {
    display: none;
}

.testimonial_slider__textonly .testimonial_by_wrap .testimonial_by_inner {
    margin: 1em 0 1.5em 7em;
    text-align: right;
}

@media screen and (min-width: 767px) {
        .hide-big {
          display: none; } }

@media screen and (max-width: 767px) {
        .hide-small {
          display: none; } }


/* =================================================================
  OVERVIEW CTA (BLOG POSTS)
==================================================================*/

#overview-cta {
  width: 100%;
  background: #1d2b2f url("/wp-content/themes/zacksadvantage/images/guide-cover.png") no-repeat;
  background-position: right bottom;
  color: #fff;
  padding: 30px 20px 30px 20px;
  border: 1px solid #ae9661;
  margin-top: 50px;
}

@media screen and (max-width: 490px) {
      #overview-cta {
        background-position: center bottom;
         } }

.cta-button {
  width: 300px;
}

@media screen and (max-width: 490px) {
      .cta-button {
        width: 100%;
        padding: 38px 20px 12px 20px;
         } }
/* -----------------------------------------------------------------
	FOOTER ELEMENTS
------------------------------------------------------------------*/
#footer {
  background: #292929;
  color: #fff; }
  #footer a {
    color: #fff; }
    #footer a:hover {
      color: #20a8cd; }
  #footer .upper {
    padding: 85px 0 0;
    border-bottom: 1px solid #fff;
    font-size: 16px; }
    #footer .upper::after {
      clear: both;
      content: "";
      display: table; }
    #footer .upper .col {
      margin-bottom: 45px; }
      @media screen and (min-width: 767px) {
        #footer .upper .col {
          width: 30%;
          float: left;
          margin-right: 5%; }
          #footer .upper .col:last-child {
            margin-right: 0; } }
  #footer .lower {
    padding: 35px 0;
    font-size: 13px; }
    #footer .lower::after {
      clear: both;
      content: "";
      display: table; }
    #footer .lower img {
      margin: 0 auto; }
      @media screen and (min-width: 767px) {
        #footer .lower img {
          float: right;
          margin-top: 22px; } }
    @media screen and (min-width: 767px) {
      #footer .lower .left-text {
        margin-right: 225px; } }

/* -----------------------------------------------------------------
	IE FIXES
------------------------------------------------------------------*/