/* fix.live custom.css */


h1, h2, h3, h4, h5, h6, {
    text-transform: uppercase;
}

blockquote {
    font-family: 'Open Sans'!important;
}

.zen-menu-92 {
    text-transform: uppercase;
}

/*anchor link sticknav correction */
:target:before {
content:"";
display:block;
height:200px; /* fixed header height*/
margin:-200px 0 0; /* negative fixed header height */
}


/* search box spacing*/
.search {
    text-align: center;
    margin-top: 0px;
}

/* custom bullet point*/
.pricing-table ul, .how-it-works ul {
list-style-type: none;
padding: 0;
margin-bottom: 30px;
line-height: 1.4em;
}
.pricing-table li, .how-it-works li {
    background: url(/../../images/flbullet.png) no-repeat 0px 5px;
    background-size: 20px;
    padding-left: 30px;
    margin-left: 25px;
}


.article-info {
    line-height: 0em;
}

.leading .article-info {
  display: none;
}

.how-it-works li {
  margin-bottom: 30px;
}

/* position text in slider, removed in media queries for small screens */
#zentools-176 .zt-title .zt-block {
    margin-top: 300px;
}

/*** background colour and padding for alternating rows ***/

.row-custom-padding {
    padding-left: 200px;
    padding-right: 200px;
    padding-top: 60px;
    padding-bottom: 60px;
}

/*search bar*/
#topwrap .btn span {
    color: #ffffff;
}
#above.moduletable, #topwrap.moduletable {
    margin-bottom: 0px;
}
#above form, #topwrap form {
    margin-bottom: 0px;
}
.support-mobile,.support-desktop {
  margin-bottom: 0px;
}


.bg-colour {
  background-color: #D8D7D8;
}

.ul-position {
  padding-top: 200px;
}

/* move readmore button to left */
article .readon {
    float: left;
}

/*** pricing table ***/

.pricing-table {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.core-pricing {
    border-width: 5px;
    border-style: solid solid solid solid;
    border-color: #e31d1a;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
}

.business-pricing {
    background-color: #2c3539;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
}

.stripe-fees {
    margin-top: 30px;
    background-color: #D8D7D8;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
}

/*** background image at top of page ***/
#zen-wrap {
    background-image: url(bkgrnd.png);
    background-repeat: repeat-x;
}

/*** add margin without causing gap ***/
#navwrap {
    margin-top: 50px;
}

/*** stop stickynav content jumping and reduce margins ***/
.container-padding-hor .zen-spotlight {
    padding: 0;
}

#logowrap .row-padding {
    padding: 20px 3%;
}

#logo {
    margin-top: -5px;
}

/*** mobile menu trigger spacing and colour ***/
.offcanvas-trigger a.btn, .offcanvas-trigger a.btn-empty {
    margin-top: 10px;
}
#toolbar.zen-row-wrap a.btn-empty:hover {
    color: #e31d1a;
    border-color: #e31d1a;
}
#toolbar.zen-row-wrap a.btn-empty {
    color: #e31d1a;
    border-color: #e31d1a;
}

/* Make videos responsive */
.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

/*** Remove bullet point before menu heading ***/
.zen-menu ul > li.parent > a:before, .zen-menu ul > li.parent > .zen-menu-heading:before {
  content:none;
}

/** Header Social Icons/Contact ***/
#search .fa {
  font-size:20px;
}
#search p {
  font-size:18px;
  font-weight:600;
}
#search a {
  color: #f9eb1a;
}

#search a:hover {
  color: #e31d1a!important;
}

/*** Hero CTA button styling - Hero 
#banner .hero .btn{
  padding:20px;
  font-size: 20px;
  font-weight: 600;
  border-radius: 3px;
}
***/

/*** Remove gap between menu and Hero 
#navwrap {
    margin-bottom: 0px;
}
***/


/*mobile menu text colour correction */
#off-canvas-menu .zen-nav.zen-nav-stacked li.active a, #off-canvas-menu .zen-nav.zen-nav-stacked li.active span.zen-menu-heading {
    color: #ffffff;
}


/*** Lead paragraph ***/
.lead {
  font-size: 1.5em;
  margin-bottom: 40px;
}


/** Footer contact ***/
.footer-contact p {
	font-size:14px;
	font-weight:600;
}

.footer-contact a:hover {
  color: #000000!important;
}

/** Footer menu links ***/
.footer-menu-links {
    font-size: 18px;
  	font-weight:600;
}

/*** Sticky Nav ***/
/***
.fixed #menu ul.first-level > li.active > span.zen-menu-heading, .fixed #menu ul.first-level > li.active > a {
  color:#13295A;
}
.fixed #menu ul.first-level > li > a, .fixed #menu ul.first-level > li > span.zen-menu-heading {
  color:#666666;
}

***/



/** Mobile menu - align right **/
.offcanvas-trigger.zg-col.zg-col-2 {
  float:right;
  margin-top:20px;
}
  

/** Responsive images **/
img {
    max-width:100%;
    height: auto;
}



/* Social icons bigger in footer */
.social-icons-footer {
    font-size: 3em;
}

/**** Media Queries ****/
@media only screen and (max-device-width: 667px) and (orientation: portrait) {
  #mobile-logo .moduletable {
    margin-bottom: 0px;
}

  .lead {
  font-size: 1.2em;
  margin-bottom: 20px;
}

  #footerwrap, h1, h2, h3 {
    text-align:center!important;
  }

h1 {
    line-height: 1.0em;
    font-size: 30px;
  }
h2 {
    line-height: 1.2em;
    font-size: 28px;
  }

      /* reduce image size on mobile*/
  .mobile-shrink img {
    max-width:70%;
    height: auto;
}
  
  /* custom bullet point*/
.pricing-table ul, .how-it-works ul {
list-style-type: none;
padding: 0;
margin-bottom: 30px;
}
.pricing-table li, .how-it-works li {
    background: url(/../../images/flbullet.png) no-repeat 0px 5px;
      font-size: 1.1em;
    background-size: 20px;
    padding-left: 30px;
    margin-left: 0px;
}
  
#top1,#top2 {
    margin-top: 66px;
}
  
  /* position text in slider, removed in media queries for small screens */
#zentools-176 .zt-title .zt-block {
    margin-top: 0px!important;
}
  /* reduce slider image size */
.zentools .zt-center.zt-image img, .zentools .zt-center.zt-fulltext_image img {
    width: 200px;
  }

    /* remove padding in rows */  
.row {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 30px;
    padding-bottom: 30px;
}
  
      /* font sizes in timeline */ 
  .cd-timeline__content h2 {
    font-size: 1.2em;
  }
.cd-timeline__content p, .cd-timeline__read-more, .cd-timeline__date {
    font-size: 1em;
}
  
     #mainwrap {
  margin-top:80px;
}
  
}
@media only screen and (max-device-width: 736px) and (orientation: landscape) {
    #mobile-logo .moduletable {
    margin-bottom: 0px;
}
        #mobile-logo .moduletable p {
    margin-bottom: 0px;
}
    .lead {
  font-size: 1.1em;
  margin-bottom: 40px;
}
   .hero h1 {
    line-height: 1.0em;
    font-size: 35px;
  }
    .hero h2 {
    line-height: 1.0em;
    font-size: 30px;
  }
h1 {
    line-height: 1.0em;
    font-size: 38px;
  }
h2 {
    line-height: 1.2em;
    font-size: 28px;
  }

    /* reduce image size on mobile*/
  .mobile-shrink img {
    max-width:70%;
    height: auto;
}

  /* custom bullet point*/
.pricing-table ul, .how-it-works ul {
list-style-type: none;
padding: 0;
margin-bottom: 30px;
}
.pricing-table li, .how-it-works li {
    background: url(/../../images/flbullet.png) no-repeat 0px 5px;
      font-size: 1.1em;
    background-size: 20px;
    padding-left: 30px;
    margin-left: 0px;
}
  
   #mainwrap {
  margin-top:80px;
}
#zentools-176 .zt-title .zt-block {
    margin-top: 0px!important;
}
  
      /* font sizes in timeline */ 
  .cd-timeline__content h2 {
    font-size: 1.8em;
  }
.cd-timeline__content p, .cd-timeline__read-more, .cd-timeline__date {
    font-size: 1em;
}
  
}

/****Ipad ***/
@media only screen 
  and (min-device-width: 736px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
          #mobile-logo .moduletable {
    margin-bottom: 0px;
}
      #mobile-logo .moduletable p {
    margin-bottom: 0px;
}

 /* reduce image size on mobile*/
  .mobile-shrink img {
    max-width:70%;
    height: auto;
}
   
/* remove padding in rows */  
.row-padding {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 30px;
    padding-bottom: 30px;
}
    
  .hero h1 {
    line-height: 1.0em;
    font-size: 38px;
  }
    .hero h2 {
    line-height: 1.2em;
    font-size: 24px;
  }
  .col-md-6 h1 {
    font-size: 32px;   
    
    img.headingimage {
    float: none!important;
    margin-top: 20px!important;
    }
    p.headingimage {
    text-align: center;
    }

}
   /* 
    div#grid1 {
    margin-top: 30px;
}
    div#mobile-cta-wrap {
    padding-left: 100px;
    padding-right: 100px;
}
*/

     #mainwrap {
  margin-top:100px;
}

#zentools-176 .zt-title .zt-block {
    margin-top: 150px!important;
}
}

/* Align menu images */

img.menu-image {
  vertical-align: middle;
  height: 40px;
}

.zen-menu-92 img {
    vertical-align: middle;
    height: 40px;
}
li.item-228 img {
    vertical-align: middle;
    height: 40px;
}
     

@media only screen and (max-device-width: 787px) {
#toolbar.zen-row-wrap {
    background-color: transparent !important;
		-webkit-transition: all .2s ease-in;
		-moz-transition: all .2s ease-in;
		-ms-transition: all .2s ease-in;
		-o-transition: all .2s ease-in;
		transition: all .2s ease-in;
}

.fixed #toolbar.zen-row-wrap {
    background-color: #fff !important;
}
}

/* -------------------------------- 

Primary style for timeline

-------------------------------- */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}


/* -------------------------------- 

Patterns - reusable parts of timeline design

-------------------------------- */
@media only screen and (min-width: 1170px) {
  .cd-is-hidden {
    visibility: hidden;
  }
}

/* -------------------------------- 

Vertical Timeline - by CodyHouse.co

-------------------------------- */


.cd-timeline {
  overflow: hidden;
  margin: 2em auto;
}

.cd-timeline__container {
  position: relative;
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 2em 0;
}

.cd-timeline__container::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .cd-timeline__container::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline__block {
  position: relative;
  margin: 2em 0;
}

.cd-timeline__block:after {
  /* clearfix */
  content: "";
  display: table;
  clear: both;
}

.cd-timeline__block:first-child {
  margin-top: 0;
}

.cd-timeline__block:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline__block {
    margin: 4em 0;
  }
}

.cd-timeline__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}

.cd-timeline__img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}

.cd-timeline__img.cd-timeline__img--picture {
  background: #e31d1a;
}

.cd-timeline__img.cd-timeline__img--movie {
  background: #e31d1a;
}

.cd-timeline__img.cd-timeline__img--location {
  background: #e31d1a;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline__img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  .cd-timeline__img.cd-timeline__img--bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
            animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.cd-timeline__content {
  position: relative;
  margin-left: 60px;
  border-radius: 0.25em;
  padding: 1em;
  -webkit-box-shadow: 0 3px 0 #d7e4ed;
          box-shadow: 0 3px 0 #d7e4ed;
}

.cd-timeline__content:after {
  /* clearfix */
  content: "";
  display: table;
  clear: both;
}

.cd-timeline__content::before {
  /* triangle next to content block */
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}

.cd-timeline__content h2 {
  color: #303e49;
}

.cd-timeline__content p,
.cd-timeline__read-more,
.cd-timeline__date {
  font-size: 1rem;
}

.cd-timeline__content p {
  margin: 1em 0;
  line-height: 1.4;
}

.cd-timeline__read-more,
.cd-timeline__date {
  display: inline-block;
}

.cd-timeline__read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}

.cd-timeline__read-more:hover {
  background-color: #bac4cb;
}

.cd-timeline__date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}

@media only screen and (min-width: 768px) {
  .cd-timeline__content h2 {
    font-size: 2rem;
  }
 /* .cd-timeline__content p {
    font-size: 1.6rem;
  } */
  .cd-timeline__read-more,
  .cd-timeline__date {
    font-size: 1.4rem;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-timeline__content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  .cd-timeline__content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: white;
  }
  .cd-timeline__read-more {
    float: left;
  }
  .cd-timeline__date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 1.6rem;
  }
  .cd-timeline__block:nth-child(even) .cd-timeline__content {
    float: right;
  }
  .cd-timeline__block:nth-child(even) .cd-timeline__content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  .cd-timeline__block:nth-child(even) .cd-timeline__read-more {
    float: right;
  }
  .cd-timeline__block:nth-child(even) .cd-timeline__date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cd-timeline__content.cd-timeline__content--bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
            animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cd-timeline__block:nth-child(even) .cd-timeline__content.cd-timeline__content--bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
            animation: cd-bounce-2-inverse 0.6s;
  }
}

@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

/* demo style */
.cd-nugget-info {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 50px;
  line-height: 50px;
  top: 0;
  left: 0;
}
.cd-nugget-info a {
  position: relative;
  font-size: 14px;
  color: #718ca1;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.cd-nugget-info a:hover {
  opacity: .8;
}
.cd-nugget-info span {
  vertical-align: middle;
  display: inline-block;
}
.cd-nugget-info span svg {
  display: block;
}
.cd-nugget-info .cd-nugget-info-arrow {
  fill: #718ca1;
}

/* -------------------------------- 

End timeline styles

-------------------------------- */

/* -------------------------------- 

Start lightbox styles

-------------------------------- */

html.lb-disable-scrolling {
  overflow: hidden;
  /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
  position: fixed;
  height: 100vh;
  width: 100vw;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


/* -------------------------------- 

End lightbox styles

-------------------------------- */