/*Color Variables */
/* Font Variables */
.as_field {
	display: none; }

h1 {
  font-size: 2.75rem; }

input, textarea, select {
  border-radius: none;
  -webkit-appearance: none;
  border-radius: 0; }

.footer-input {
  background: none;
  border: none;
  border-bottom: 1px solid #bbb;
  color: white;
  height: 28.8px;
  margin-right: 2%;
  width: 38%;
  font-size: .8rem;
  font-size: 16px;
  letter-spacing: 2px;
  border-radius: 0; }

.footer-input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: white; }

.footer-input::-moz-placeholder {
  /* Firefox 19+ */
  color: white; }

.footer-input:-ms-input-placeholder {
  /* IE 10+ */
  color: white; }

.footer-input:-moz-placeholder {
  /* Firefox 18- */
  color: white; }

.search-input {
  background: none;
  color: white;
  border: none;
  font-size: .75rem; }
  .search-input:focus {
    outline: none; }

.search-input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: white; }

.search-input::-moz-placeholder {
  /* Firefox 19+ */
  color: white; }

.search-input:-ms-input-placeholder {
  /* IE 10+ */
  color: white; }

.search-input:-moz-placeholder {
  /* Firefox 18- */
  color: white; }

input, textarea {
  -webkit-appearance: none;
  color: #555; }
  input:focus, textarea:focus {
    outline: none; }

input[type="checkbox"] {
  border: 1px solid #bbbbbb;
  width: 20px;
  height: 20px;
  padding: 0.75rem !important; }

input[type=checkbox]:checked {
  color: white;
  font-style: normal;
  background: #e3e3e3;
  border-color: #bbb; }

input[type=checkbox]:checked:before {
  font-family: FontAwesome;
  content: "\f00c";
  position: relative;
  right: 8px;
  bottom: 9px; }

textarea {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  resize: none; }

label {
  margin-bottom: 0 !important;
  display: block; }

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  color: #555;
  background-image: url("/static/img/chevron-down.png") !important;
  background-repeat: no-repeat !important;
  background-position: right 1rem center !important;
  background-size: 15px auto !important;
  letter-spacing: 1px; }
  select:focus {
    outline: none; }
  select option {
    letter-spacing: 1px;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    padding: 0 0 !important;
    margin: 1rem 0 !important; }

select[multiple] {
  background-image: none !important; }

.form-input {
  padding: 1rem;
  width: 100%;
  background: #e3e3e3;
  border: 1px solid #bbbbbb; }
  .form-input:focus {
    background: white;
    border-color: #98c64a; }

#form-date-month {
  width: 40%;
  display: inherit;
  float: left;
  margin-right: 2%; }

#form-date-day {
  width: 23%;
  float: left;
  margin-right: 2%; }

#form-date-year {
  width: 33%;
  float: left; }

#report-month {
  width: 20%;
  float: left;
  margin-right: 2%; }

#report-year {
  width: 15%;
  float: left;
  margin-right: 2%; }

.nice-select.form-input {
  width: 100%;
  background: #e3e3e3;
  border: 1px solid #bbb;
  border-radius: 0;
  line-height: inherit;
  height: auto; }
  .nice-select.form-input .list {
    width: 100%;
    margin-top: 1px;
    border-radius: 0;
    border: none; }

.primary-btn {
  background: white;
  color: #98c64a !important;
  text-transform: uppercase;
  border: 1px solid #98c64a;
  text-decoration: none !important;
  padding: 1.25rem 3rem;
  font-weight: bold;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  font-size: 1rem;
  border-radius: 0;
  display: inline-block;
  letter-spacing: 1px;
  font-family: "Lato", sans-serif; }
  .primary-btn:hover {
    background: #98c64a;
    border-color: #98c64a;
    color: white !important; }

.small-btn {
  text-decoration: none;
  text-transform: uppercase;
  font-size: .8rem;
  line-height: 1;
  letter-spacing: 1px;
  border: none;
  font-weight: bold;
  padding: .55rem .75rem .5rem;
  border-radius: 0;
  background: #98c64a;
  color: white;
  display: inline-block; }

.small-btn.green {
  background: #98c64a;
  color: white; }

/* Alerts */
.alert {
  width: 100%;
  display: inline-block;
  border: 1px solid #0e7e73;
  margin-bottom: 1rem; }
  .alert a {
    text-decoration: none;
    font-weight: normal; }
  .alert .alert-text {
    text-decoration: none;
    font-size: 16px;
    color: #0e7e73;
    padding: 1rem 2rem;
    display: inline-block; }
  .alert .alert-close {
    float: right;
    padding: 1.15rem;
    background: #0e7e73;
    color: white;
    font-size: 16px; }
  .alert:last-child {
    margin-bottom: 2rem; }

.generate-btn {
  -webkit-appearance: none;
  text-transform: uppercase;
  background: none;
  border: 0;
  cursor: pointer;
  overflow: visible;
  padding: 0;
  width: auto;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 1px; }

/* Grids Styles */
.container {
  width: 100%;
  max-width: 100%;
  display: block;
  overflow: hidden; }

.content {
  margin-bottom: 4rem; }
  .content a {
    color: #555; }

.row {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  overflow: hidden; }
  .row .col:last-child {
    margin-right: 0 !important; }
  .row p:first-child {
    margin-top: 0; }
  .row p:first-child {
    margin-top: 0 !important; }
  .row p:last-child {
    margin-bottom: 0; }

html,
body {
  height: 100%;
  position: relative; }

#wrapper {
  min-height: 100vh;
  /* will cover the 100% of viewport */
  overflow: hidden;
  display: block;
  position: relative; }

footer {
  position: absolute;
  bottom: 0;
  width: 100%; }

.col {
  display: block;
  overflow: hidden;
  float: left;
  margin-right: 4%;
}

.col h3:first-child {
  margin-top: 0 !important; }

.full {
  width: 100%; }

.one-half {
  width: 48%; }

.one-third {
  width: 30.66%; }

.two-thirds {
  width: 65.32%; }

.one-fourth {
  width: 22%; }

.three-fourths {
  width: 74%; }

.one-fifth {
  width: 16.8%; }

.two-fifths {
  width: 37.6%; }

.three-fifths {
  width: 58.4%; }

.four-fifths {
  width: 79.2%; }

/* Helper Classes */
.ml0 {
  margin-left: 0 !important; }

.mr0 {
  margin-right: 0 !important; }

html {
  box-sizing: border-box; }

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

.fl {
  float: left !important; }

.fr {
  float: right !important; }

.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1; }

.content a {
  font-weight: bold;
  text-decoration: underline; }

/* Table Styles */
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }
  table a {
    text-decoration: none; }
  table th {
    text-align: center; }

thead {
  text-align: left;
  background: #98c64a;
  color: white;
  padding: 1rem; }
  thead th {
    padding: 1rem; }

td {
  border-bottom: 1px solid #eee;
  padding: .75rem 1rem; }

hr {
  border: 1px solid #bbbbbb;
  margin: 3rem 0;
  border-bottom: none !important; }

table {
  border: 1px solid #98c64a !important; }
  table th {
    background: #98c64a;
    color: white;
    padding: 1rem 0;
    font-size: 16px;
    border-right: 1px solid white; }
    table th:last-child {
      border-right: 0; }
  table td {
    text-align: center;
    border: 1px solid #98c64a;
    padding: 1.25rem; }
  table .form-input {
    margin: 0 !important;
    letter-spacing: 1px; }

h4 {
  margin-bottom: 1rem; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1; }

.green-title {
  margin-bottom: 3rem !important; }

.magenta-title {
  margin-top: 1.4rem !important; }

br {
  line-height: 22px; }

.content .content-section:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important; }

/* Overall styles */
body {
  font-family: "Lato", sans-serif;
  color: #555;
  letter-spacing: 1px; }

html, body {
  height: 100%; }

p {
  line-height: 22px;
  margin: .5rem 0 1rem; }
  p:first-child {
    margin-top: 0; }

table a {
  text-decoration: none !important;
  transition: all .4s ease; }
  table a:hover {
    color: #c3c3c3;
    transition: all .4s ease; }

table.restables-clone {
  display: none; }

.no-border {
  border: none !important; }

.no-margin {
  margin: 0 !important; }

.no-bottom-margin {
  margin-bottom: 0 !important; }

.no-top-margin {
  margin-top: 0; }

.no-padding {
  padding: 0 !important; }

.no-top-padding {
  padding-top: 0 !important; }

.no-bottom-padding {
  padding-bottom: 0 !important; }

/* Top Bar Styles */
.top-bar {
  text-transform: uppercase;
  background: #98c64a;
  color: white;
  padding: .7rem 0;
  font-size: .75rem;
  height: 35px;
  box-sizing: border-box; }
  .top-bar ul {
    margin: 0;
    float: right; }
    .top-bar ul li {
      list-style-type: none;
      float: left;
      margin: 0 0 0 1rem; }
      .top-bar ul li a {
        text-decoration: none;
        color: white;
        letter-spacing: 1px; }
  .top-bar .fa-user {
    margin-right: .2rem; }
  .top-bar .header-search input {
    display: none;
    margin-left: 1rem;
    letter-spacing: 1;
    font-size: .75rem; }

/* Header Styles */
.container.header {
  overflow: visible; }
  .container.header .row {
    overflow: visible; }
    .container.header .row nav {
      overflow: visible; }

header .logo {
  width: 30%;
  float: left; }
  header .logo img {
    height: 76px;
    padding: 1rem 0;
    margin-top: 2px; }
header nav.mobile-nav {
  display: none; }
header .fa-bars {
  display: none; }
header nav.main-nav {
  width: 68%;
  float: left;
  margin-left: 2%; }
  header nav.main-nav ul {
    overflow: visible;
    float: right;
    margin: 0;
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: visible; }
    header nav.main-nav ul .current-page {
      color: #98c64a; }
    header nav.main-nav ul ul {
      display: none;
      position: absolute;
      top: 100%;
      left: -138px;
      background: #fff;
      padding: 0;
      z-index: 9999; }
      header nav.main-nav ul ul li {
        float: none;
        width: 207px;
        margin-top: 0; }
      header nav.main-nav ul ul a {
        line-height: 120%;
        padding: 10px 15px;
        font-weight: normal; }
    header nav.main-nav ul li {
      float: left;
      text-align: right;
      list-style-type: none;
      margin-left: 1.5rem;
      position: relative;
      padding: 0;
      margin-top: 1.55rem; }
      header nav.main-nav ul li a {
        color: #585858;
        text-transform: uppercase;
        display: inline-block;
        padding: .5rem 0;
        text-decoration: none;
        letter-spacing: 0px;
        font-size: .85rem;
        font-weight: bold;
        transition: all .3s ease;
        display: block; }
        header nav.main-nav ul li a:hover {
          border-bottom: 1px solid #98c64a;
          padding: .5rem 0 .5rem; }

.dropdown {
  transition: none; }
  .dropdown a {
    padding-bottom: .4rem; }

.dropdown ul {
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2); }

.dropdown.hilite a {
  border-bottom: 1px solid #98c64a;
  padding: .5rem 0; }

.dropdown li {
  margin-left: 0 !important;
  margin-top: 0; }
  .dropdown li a {
    padding: 1rem !important;
    text-align: left;
    font-weight: normal;
    border-bottom: none !important; }
    .dropdown li a:hover {
      border: none;
      padding: 1rem !important;
      background: #e3e3e3; }

nav ul li:hover > ul {
  display: block; }

/* Slider Styles */
.slider {
  position: relative;
  height: 450px;
  overflow: hidden; }
  .slider img {
    width: 100%;
    position: absolute;
    overflow: hidden;
    object-fit: cover;
    height: 450px;
    object-position: top; }
  .slider .slider-text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    position: absolute;
    text-align: center;
    z-index: 9;
    color: white;
    background: rgba(49, 49, 49, 0.71); }
    .slider .slider-text h1, .slider .slider-text h2 {
      width: 75%;
      margin: 0 auto; }
    .slider .slider-text h1 {
      margin-bottom: 1.5rem;
      text-transform: capitalize; }
    .slider .slider-text h2 {
      font-weight: normal;
      line-height: 1.3; }

/* Home Product Styles */
.mobile-btn {
  display: none; }

.home-product.row {
  margin: 5rem auto; }
  .home-product.row .primary-btn {
    margin: .75rem 1rem 0 0; }
  .home-product.row h1 {
    margin-top: 0;
    line-height: 1; }
  .home-product.row img {
    width: 100%; }
  .home-product.row .section-title {
    margin-top: 0; }

/* Footer Styles */
.mobile-footer {
  display: none; }

.footer {
  background: #282828;
  color: white;
  padding: 2.25rem 0;
  font-size: 16px; }
  .footer .row:first-child {
    border-bottom: 1px solid #bbb;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    display: flex;
    flex-direction: row; }
  .footer .col {
    margin-right: 0; }
  .footer .one-half.col {
    margin-right: 4% !important; }
  .footer .one-half.col:last-child {
    margin-right: 0 !important; }
  .footer .contact-us {
    width: 20%; }
    .footer .contact-us ul {
      padding-left: 0;
      margin-top: 11px;
      margin-bottom: 0; }
      .footer .contact-us ul li {
        list-style-type: none;
        margin: 0 0 .2rem 0; }
        .footer .contact-us ul li:last-child {
          margin-bottom: 0; }
        .footer .contact-us ul li a {
          color: white;
          text-decoration: none; }
          .footer .contact-us ul li a .fa {
            width: 25px;
            color: #98c64a; }
  .footer .more-info {
    width: 55%;
    overflow: visible; }
    .footer .more-info p {
      font-size: 16px;
      margin: 0 0 .5rem 0;
      line-height: 22px; }
  .footer .usa {
    text-align: right;
    width: 8%;
    float: right;
    padding-top: 3px;
    flex: 1; }
    .footer .usa img {
      max-width: 100px;
      max-height: 100px;
      height: 100%; }
  .footer h3 {
    text-transform: uppercase;
    margin: 0 0 .5rem 0;
    font-size: 16px; }
  .footer .footer-submit {
    width: auto;
    position: relative;
    bottom: 2px;
    font-size: 16px; }
  .footer .footer-logo {
    height: 17px;
    overflow: visible; }
  .footer .copyright-info {
    font-size: 12px;
    position: relative;
    bottom: -3px; }

.legal-list {
  margin: 0;
  overflow: visible; }
  .legal-list li {
    float: left;
    list-style: none;
    border-left: 1px solid #bbb;
    line-height: 1;
    padding: 0 .5rem; }
    .legal-list li:first-child {
      border-left: none; }
    .legal-list li:last-child {
      border-left: none;
      padding-right: 0 !important; }
    .legal-list li a {
      color: white;
      text-decoration: none;
      line-height: 1; }
  .legal-list .fa {
    font-size: .7rem;
    color: #98c64a;
    position: relative;
    top: -3px; }

/* General Page Titles */
.page-title {
  margin: 3.4rem 0 1rem;
  color: #0e7e73;
  font-size: 1.5rem; }

.section-title {
  color: #0e7e73;
  margin: 2.3rem 0 1.5rem; }

/* About Page Style */
.about-content {
  padding-bottom: 0 !important; }
  .about-content .slick-prev:before, .about-content .slick-next:before {
    font-size: 30px !important; }
  .about-content .page-title {
    margin-bottom: 1rem !important; }
  .about-content .section-title {
    margin-bottom: 1rem !important;
    margin-top: 1.2rem !important; }

.slick-prev, .slick-next {
  top: 36% !important; }

.testimonial-slider .slick-prev:before {
  background-image: url("../img/test-left.png") !important;
  -webkit-background-size: 30px 30px;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  content: " ";
  height: 30px;
  width: 30px;
  display: block; }
.testimonial-slider .slick-next:before {
  background-image: url("../img/test-right.png") !important;
  -webkit-background-size: 30px 30px;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  content: " ";
  height: 30px;
  width: 30px;
  display: block; }
.testimonial-slider .testimonial-content, .testimonial-slider .testimonial-cite {
  line-height: 22px; }

.text-expand {
  margin: 1.5rem 0 1rem; }
  .text-expand:last-child {
    margin-bottom: 0; }
  .text-expand .te-title {
    border: 1px solid #0e7e73;
    overflow: hidden; }
    .text-expand .te-title span {
      padding: 1rem 2rem;
      float: left;
      font-weight: bold;
      font-size: 16px;
      color: #0e7e73; }
  .text-expand .te-button {
    float: right;
    color: white;
    background: #0e7e73;
    padding: 1.08rem; }
  .text-expand .te-content {
    padding: 2rem; }
    .text-expand .te-content h2:first-child, .text-expand .te-content h3:first-child {
      margin-top: 0; }
    .text-expand .te-content p:first-child {
      margin-top: 0; }
    .text-expand .te-content p:last-child {
      margin-bottom: 0; }

.testimonial-wrap {
  width: 100%;
  background: #98c64a;
  color: white;
  padding: 4.2rem 2rem 3rem; }
  .testimonial-wrap h1 {
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 24px; }
  .testimonial-wrap .single-testimonial {
    text-align: center;
    line-height: 1.6;
    margin-bottom: 4rem; }
    .testimonial-wrap .single-testimonial:focus {
      outline: none; }
    .testimonial-wrap .single-testimonial .testimonial-content {
      width: 70%;
      margin: 0 15% 1rem; }

/* Contact Page Styles */
form .form-input {
  margin: .75rem 0 2rem 0; }

/* Product Page Styles */
.product-content .primary-btn {
  margin: .75rem 1rem 0 0;
  text-decoration: none; }
.product-content img {
  width: 100%; }
.product-content .single-product-wrap {
  margin: 3rem 0; }
.product-content .single-product-wrap:first-child {
  margin-top: 0 !important; }
.product-content .product-btn {
  margin: 1rem auto 4rem;
  text-align: center; }
  .product-content .product-btn a {
    width: 270px; }
.product-content h4 {
  margin-top: 0; }

/* Single Product Page Styles */
.products-content .primary-btn {
  color: #98c64a; }

/* Purhcase Page Styles */
.purchase-content .row h2.section-title {
  margin-top: 0 !important; }
.purchase-content .purchase-right {
  border-left: 1px solid #bbb;
  padding-left: 4rem; }
.purchase-content .purchase-left p {
  margin-top: 2rem; }

/* FAQ Page Styles */
.faq-content .faq-category:last-child .question-single {
  margin-bottom: 0; }
.faq-content .col h3:first-child {
  margin-top: 2rem !important; }

.faq-category-title {
  background: #e3e3e3;
  padding: 1rem;
  margin-top: 0; }

.question-single {
  padding: 1.5rem 1rem .75rem;
  width: 100%;
  display: inline-block; }
  .question-single .fa-chevron-down, .question-single .fa-chevron-up {
    width: 10%;
    text-align: right;
    color: #0e7e73;
    margin-top: 6px; }

.faq-category .question-single:last-child {
  margin-bottom: 2rem; }

.faq-question {
  width: 90%;
  float: left;
  display: block;
  line-height: 1.6; }

.question-answer {
  margin-top: 1rem;
  display: none;
  width: 100%;
  padding-top: 1rem; }

/* Help Ticket Styles */
.ticket-form {
  margin-top: 3rem; }
  .ticket-form .col:nth-child(even) {
    margin-right: 0; }
  .ticket-form .ticket-submit-btn {
    margin-top: 2rem;
    margin-bottom: 0; }

/* Training and Tutorial Styles */
.content-section {
  padding: 3rem 0;
  border-bottom: 1px solid #bbb; }
  .content-section h4:first-of-type {
    margin-top: 0; }
  .content-section h2:first-of-type {
    margin-top: 0; }
  .content-section h3:first-of-type {
    margin-top: 0; }
  .content-section:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0; }

/* White Papers Styles */
.white-papers-content .content-section .primary-btn {
  float: right; }
.white-papers-content .question-single {
  padding: 0; }
  .white-papers-content .question-single .faq-question {
    width: 100%;
    font-size: 16px !important; }
    .white-papers-content .question-single .faq-question .fa {
      float: right; }
  .white-papers-content .question-single:last-child .faq-question {
    margin-bottom: 0 !important; }
  .white-papers-content .question-single .question-answer {
    clear: left;
    width: 100%;
    display: none; }
    .white-papers-content .question-single .question-answer p {
      clear: left; }
.white-papers-content .content-section p:last-of-type {
  margin-bottom: 0 !important; }
.white-papers-content .question-btn {
  text-align: center;
  margin: 1rem 0;
  display: inline-block;
  width: 100%; }
  .white-papers-content .question-btn .primary-btn {
    float: none !important;
    margin-bottom: 2rem; }

/* Download Page Styles */
.download-content .content-section .primary-btn {
  float: right; }

/* Threat Type Styles */
.threat-type-content .single-threat {
  margin-bottom: 3rem; }
  .threat-type-content .single-threat strong {
    margin-bottom: 1rem;
    display: block;
    line-height: 1; }

/* Login Styles */
.login-form {
  width: 40%;
  margin: 3rem 30% 0; }
  .login-form .primary-btn {
    text-align: center;
    margin: 2rem 0 1rem;
    padding: 1.25rem 5rem; }

.login-options {
  width: 40%;
  margin: 0 30%;
  text-align: center; }
  .login-options .forgot-password {
    font-size: 16px;
    text-decoration: none;
    font-weight: normal;
    margin: 1.5rem 0 2rem;
    display: inline-block; }
    .login-options .forgot-password:hover {
      text-decoration: underline !important; }
  .login-options .no-account a {
    font-weight: normal;
    color: #0e7e73; }

/* Signup Styles */
.signup-form .col:nth-child(even) {
  margin-right: 0; }
.signup-form .primary-btn {
  padding: 1.25rem 4rem;
  margin: 2rem 0; }

.signup-options {
  text-align: center;
  width: 40%;
  margin: 0 30%; }
  .signup-options a {
    color: #0e7e73;
    font-weight: normal; }

/* MyCyberSoft Signin & signup styles */
.mycybersoft-signin-content .user-signin-form {
  margin: 0 25.5% !important;
  text-align: center; }
  .mycybersoft-signin-content .user-signin-form .primary-btn {
    float: none; }
  .mycybersoft-signin-content .user-signin-form .form-input, .mycybersoft-signin-content .user-signin-form label {
    text-align: left; }
.mycybersoft-signin-content .forgot-password {
  text-transform: uppercase;
  text-decoration: none;
  margin: 3rem 0;
  display: inline-block; }

/* MyCyberSoft Home Page Styles */
.user-menu {
  margin: 1rem 0 0;
  display: flex; }
  .user-menu ul {
    display: inline-block;
    width: 100%;
    padding-left: 0;
    margin: 0; }
    .user-menu ul li {
      float: left;
      width: 18.8%;
      margin-right: 1.5%;
      list-style-type: none;
      text-align: center; }
      .user-menu ul li:last-child {
        margin-right: 0; }
      .user-menu ul li .current-mcs-page {
        background: #0e7e73;
        color: white;
        border: 1px solid #0e7e73; }
      .user-menu ul li a {
        font-weight: normal;
        padding: .75rem .5rem;
        text-decoration: none;
        color: #555;
        border: 1px solid #bbb;
        display: inline-block;
        width: 100%;
        transition: all .2s ease; }
        .user-menu ul li a:hover {
          background: #0e7e73;
          color: white;
          border: 1px solid #0e7e73;
          transition: all .2s ease; }

/* MyCyberSoft Dashboard pages  styles */
.mycybersoft-home-content .user-menu {
  margin-bottom: 0; }
.mycybersoft-home-content .mycybersoft-grid {
  display: flex;
  flex-wrap: wrap;
  height: auto;
  margin-top: 2rem; }
  .mycybersoft-home-content .mycybersoft-grid .mycybersoft-grid-point {
    flex: 1 1 50%;
    text-align: center;
    padding: 2rem 5rem; }
    .mycybersoft-home-content .mycybersoft-grid .mycybersoft-grid-point:nth-child(odd) {
      border-right: 1px solid #bbb; }
    .mycybersoft-home-content .mycybersoft-grid .mycybersoft-grid-point:nth-child(-n+2) {
      border-bottom: 1px solid #bbb; }
    .mycybersoft-home-content .mycybersoft-grid .mycybersoft-grid-point .grid-icon {
      height: 80px;
      width: auto;
      color: #555;
      font-size: 5.2rem; }
.mycybersoft-home-content .no-notification-title {
  font-weight: normal;
  font-size: 22px; }

/* License Page styles */
.license-content .license-table {
  border: 1px solid #98c64a !important;
  margin-top: 21px; }
  .license-content .license-table th {
    background: #98c64a;
    color: white;
    padding: 1rem 0;
    border-right: 1px solid white; }
    .license-content .license-table th:last-child {
      border-right: 0; }
  .license-content .license-table td {
    text-align: center;
    border: 1px solid #98c64a;
    padding: 1.25rem; }
    .license-content .license-table td:last-child {
      font-weight: bold; }

/* Invoice License Page Styles */
.invoice-license-content .license-invoice-table {
  margin-top: 21px; }

/* Single License Page Styles */
.admin-single-license-content .single-license-table {
  border: none !important;
  text-align: left;
  line-height: 1.6; }
  .admin-single-license-content .single-license-table tr {
    border: none; }
  .admin-single-license-content .single-license-table th {
    border: none;
    background: none;
    color: #555;
    text-align: left;
    font-size: 16px;
    padding: 0; }
  .admin-single-license-content .single-license-table td {
    padding: 0;
    text-align: left;
    border: none; }
.admin-single-license-content textarea {
  margin-top: .75rem; }
.admin-single-license-content h4 {
  margin-top: 0 !important; }

/* MyCyberSoft Support Page */
.mycybersoft-support-content .content-section {
  border-bottom: none; }
.mycybersoft-support-content ol {
  line-height: 1;
  margin-left: 0;
  padding-left: 1.2rem;
  margin-bottom: 3px !important; }
  .mycybersoft-support-content ol li {
    margin-bottom: 1.15rem; }
    .mycybersoft-support-content ol li:last-child {
      margin-bottom: 0; }
.mycybersoft-support-content .file-drag {
  background: #e3e3e3;
  padding: 1.5rem;
  width: 470px;
  border: 1px solid #bbb;
  margin: .75rem 0 1.5rem 0; }
.mycybersoft-support-content .support-form .primary-btn {
  float: left; }
.mycybersoft-support-content .support-form p {
  margin-bottom: 0 !important; }

/* MyCyberSoft Download Page */
.mycybersoft-download-content .download-single {
  padding: 1rem 0;
  border-bottom: 1px solid #bbb;
  position: relative; }
  .mycybersoft-download-content .download-single:last-child {
    border-bottom: none;
    padding-bottom: 0; }
  .mycybersoft-download-content .download-single .download-btn {
    text-align: right; }
  .mycybersoft-download-content .download-single .download-title {
    transform: translate(0%, 120%);
    font-weight: bold; }

/* MyCyberSoft Account Page */
.mycybersoft-account-content input[type="checkbox"] {
  float: left;
  margin-right: 1rem;
  margin-top: -5px;
  margin-bottom: 0; }
.mycybersoft-account-content h4 {
  margin-top: 0 !important;
  margin-bottom: 1.8rem !important; }
.mycybersoft-account-content .user-profile-form {
  position: relative;
  display: flex;
  padding-bottom: 30px;
  margin-top: 18px; }
  .mycybersoft-account-content .user-profile-form .col {
    flex: 1; }
  .mycybersoft-account-content .user-profile-form input[type="submit"] {
    margin-top: 30px; }
  .mycybersoft-account-content .user-profile-form .primary-btn {
    padding: 1rem 3rem; }

/* Admin Home Page */
.admin-home-content .invoice-renewed {
  font-weight: bold; }

/* Admin Invoice Content Styles */
.admin-invoices-content .one-half h3:first-child {
  margin-top: 0 !important; }

/* Admin Users Page Styles */
.admin-users-content .col h3:first-child {
  margin-top: 0 !important; }
.admin-users-content .content-section {
  border-bottom: none;
  : 0; }

.admin-menu {
  margin-top: 1rem; }
  .admin-menu .current-admin-page {
    background: #0e7e73;
    color: white;
    border: 1px solid #0e7e73; }
  .admin-menu ul {
    display: inline-block;
    padding: 0;
    width: 100%;
    margin: 0; }
  .admin-menu li {
    width: 10.222%;
    float: left;
    text-align: center;
    list-style-type: none;
    margin-right: 1%;
    letter-spacing: 0; }
    .admin-menu li:last-child {
      margin-right: 0; }
    .admin-menu li a {
      font-weight: normal;
      padding: .75rem .5rem;
      text-decoration: none;
      color: #8b8b8b;
      border: 1px solid #8b8b8b;
      display: inline-block;
      width: 100%;
      transition: all .2s ease; }
      .admin-menu li a:hover {
        background: #0e7e73;
        color: white;
        border: 1px solid #0e7e73;
        transition: all .2s ease; }

/* Admin License Styles */
.admin-license-content .one-half h3:first-child {
  margin-top: 0 !important; }

/* Admin Mass Mailer Styles */
.admin-mailer-content .one-half h3:first-child {
  margin-top: 0 !important; }
.admin-mailer-content #recipients {
  margin-bottom: 1rem; }

/* Admin Single User Styles */
.admin-single-user-content .form-checkbox {
  display: block; }
.admin-single-user-content .associated-invoice-table tr td:last-child a {
  width: 50%;
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase; }

/* Admin Virus Sample */
.admin-sample-content .virus-sample-table tr td:last-child a {
  width: 50%;
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase; }

/* Admin Download Styles */
.admin-download-content .product-download-table tr td:last-child a, .admin-download-content .single-use-download-table tr td:last-child a {
  width: 50%;
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase; }

/* Admin Invoice Styles */
.admin-single-invoice-content .authorized-user-table tr td:last-child a, .admin-single-invoice-content .invoice-license-table tr td:last-child a {
  width: 50%;
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase; }
.admin-single-invoice-content .content-section .add-user h4 {
  margin-top: 2rem; }
.admin-single-invoice-content .content-section .add-user .primary-btn {
  float: left; }
.admin-single-invoice-content .edit-license-form .row, .admin-single-invoice-content form.add-user .row {
  margin: 1rem 0; }

/* Reports Page Styles */
.admin-reports-content form.sales-report label {
  float: left;
  margin-top: 28px;
  margin-right: 2%; }
.admin-reports-content form.sales-report .form-input {
  margin-top: 0; }
.admin-reports-content .col h3:first-child {
  margin-top: 0 !important; }

/* Sitemap Page Styles */
.site-map-content .sitemap-title {
  margin-bottom: .5rem;
  color: #0e7e73;
  text-transform: uppercase; }
.site-map-content .sitemap-list {
  padding-left: 0;
  margin-bottom: 2rem;
  margin-top: 0; }
  .site-map-content .sitemap-list li {
    list-style-type: none;
    line-height: 1.6; }
    .site-map-content .sitemap-list li a {
      font-weight: normal;
      text-decoration: none; }
      .site-map-content .sitemap-list li a:hover {
        text-decoration: underline; }

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

/* Tooltip css */
.tooltip {
  position: relative; }

.tooltip-content {
  position: absolute;
  background: white;
  padding: 2rem;
  border: 1px solid #0e7e73;
  display: none;
  margin-top: 30px;
  z-index: 99999;
  text-align: center; }
  .tooltip-content h3 {
    margin-top: 0;
    text-align: left !important; }
  .tooltip-content .tooltip-content-title {
    color: #0e7e73;
    margin-bottom: 0.5rem !important;
    margin-top: 0 !important; }

.tooltip-table {
  text-align: left;
  border: none !important; }
  .tooltip-table td, .tooltip-table th {
    border: none;
    text-align: left;
    padding: 5px 10px 5px 0; }

.show-tip {
  display: inline-block; }

.tooltip-content:before {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid red; }

/* Border Classes */
.border-all {
  border-color: #bbb;
  border-width: 1px;
  border-size: 1px; }

.border-right {
  border-color: #bbb;
  border-width: 0 1px 0 0;
  border-size: 1px; }

.border-bottom {
  border-color: #bbb;
  border-width: 0 0 1px 0;
  border-size: 1px; }

.border-top {
  border-color: #bbb;
  border-width: 1px 0 0 0;
  border-size: 1px; }

.border-left {
  border-left: 1px solid #bbb; }

@media screen and (max-width: 1080px) {
  .container.slider {
    padding: 0 !important; }

  .container.top-bar {
    padding-right: 1rem;
    padding-left: 1rem; }

  .container {
    padding: 1rem; }

  .home-product.row {
    margin-top: 0 !important; }

  .home-product .section-title {
    margin-top: 1.75rem !important; }
  .home-product .primary-btn {
    padding: 1.25rem 0.5rem !important; } }
@media screen and (max-width: 768px) {
  .container {
    padding: 1rem; }

  .slider {
    padding: 0 !important; }

  .product-content img {
    width: 50% !important;
    margin-bottom: 1rem; }

  .content-section {
    padding: 2rem 0 !important; }
    .content-section a {
      margin-top: 2rem !important;
      margin-bottom: 0 !important; } }
@media screen and (max-width: 640px) {
  .header {
    position: fixed;
    background: #fff;
    z-index: 9999; }

  .header-shadow {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }

  .content, .slider {
    margin-top: 76px; }

  .content-section:last-child {
    padding-bottom: 0 !important; }

  .full, .one-half, .one-third, .two-thirds, .one-fourth, .three-fourths, .one-fifth, .two-fifths, .three-fifths, .four-fifths {
    width: 100%; }

  .top-bar {
    display: none; }

  nav.main-nav {
    display: none; }

  nav.mobile-nav {
    position: fixed !important;
    width: 100%;
    height: 100vh;
    left: 0;
    background: #0e7e73;
    z-index: 9999999;
    padding-top: 3rem;
    margin-left: 0; }
    nav.mobile-nav ul {
      padding-left: 2.5rem !important; }
    nav.mobile-nav li {
      list-style-type: none;
      text-transform: uppercase; }
      nav.mobile-nav li a {
        color: white;
        text-decoration: none;
        padding: 1rem 0;
        display: inline-block;
        font-size: 1.2rem; }
    nav.mobile-nav .fa-close {
      position: absolute;
      top: 20px;
      right: 20px;
      font-size: 2rem;
      color: white; }
      nav.mobile-nav .fa-close:before {
        content: " " !important;
        height: 20px;
        width: 20px;
        background-image: url(../img/menu-close.png);
        -webkit-background-size: 20px;
        background-size: 20px;
        background-repeat: no-repeat;
        display: inline-block; }
    nav.mobile-nav .mobile-nav-options {
      padding: 1rem 2.5rem 2.5rem; }
      nav.mobile-nav .mobile-nav-options a {
        width: 50%;
        padding: .5rem;
        color: white;
        text-decoration: none;
        border: 1px solid white;
        display: inline-block;
        text-align: center;
        float: left;
        margin-bottom: 1.5rem;
        height: 35px; }
      nav.mobile-nav .mobile-nav-options a:first-child {
        border-right: 0; }
      nav.mobile-nav .mobile-nav-options img {
        width: 70%;
        margin: 2rem 15% 0; }
      nav.mobile-nav .mobile-nav-options .mobile-search {
        display: inline-block !important;
        padding-bottom: .45rem; }
        nav.mobile-nav .mobile-nav-options .mobile-search .fa {
          position: relative;
          top: -2px; }
        nav.mobile-nav .mobile-nav-options .mobile-search input {
          background: none;
          color: white;
          border: none;
          padding: 0;
          width: 68%;
          margin-left: 5px;
          letter-spacing: 1px;
          line-height: 1;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none; }
        nav.mobile-nav .mobile-nav-options .mobile-search input::-webkit-input-placeholder {
          /* Chrome/Opera/Safari */
          color: white; }
        nav.mobile-nav .mobile-nav-options .mobile-search input::-moz-placeholder {
          /* Firefox 19+ */
          color: white; }
        nav.mobile-nav .mobile-nav-options .mobile-search input:-ms-input-placeholder {
          /* IE 10+ */
          color: white; }
        nav.mobile-nav .mobile-nav-options .mobile-search input:-moz-placeholder {
          /* Firefox 18- */
          color: white; }
      nav.mobile-nav .mobile-nav-options .mobile-search-active {
        position: relative;
        width: 100%;
        background: #0f7d72;
        top: 0px; }
        nav.mobile-nav .mobile-nav-options .mobile-search-active input {
          width: 90%; }

  header .logo img {
    height: 71px !important; }

  header .fa-bars {
    display: inline-block !important;
    padding: 1.35rem 0rem 1.35rem;
    float: right;
    font-size: 2rem !important;
    color: #98c64a; }

  .mobile-nav .support-menu, .mobile-nav .mycybersoft-menu {
    display: none;
    width: 90%; }
    .mobile-nav .support-menu .mobile-go-back, .mobile-nav .mycybersoft-menu .mobile-go-back {
      font-size: 1.2rem;
      color: white;
      border-bottom: 1px solid #fff;
      padding-bottom: 1rem;
      margin-bottom: 1rem; }

  .slider .slider-text h1 {
    font-size: 20px !important; }

  .slider .slider-text h2 {
    font-size: 16px !important; }

  .slider .slider-text h1, .slider .slider-text h2 {
    width: 90% !important; }

  .slider {
    height: 330px !important; }

  .slider {
    padding: 0 !important; }

  /* General Styles */
  .section-title {
    font-size: 20px; }

  .tutorial-content .page-title {
    margin-bottom: 0; }

  .white-papers-content .question-single .faq-question {
    width: 94% !important;
    font-size: 1rem;
    position: relative; }

  .white-papers-content .question-single .faq-question .fa {
    margin-right: -6%;
    position: absolute;
    right: 0;
    top: 0; }

  .home-product.row {
    margin: 0 auto 2rem !important; }

  footer {
    position: relative !important; }

  .footer {
    padding: 2rem 1rem !important; }

  .testimonial-wrap h1 {
    font-size: 1.4rem !important; }

  .testimonial-wrap .single-testimonial {
    margin-bottom: 0 !important; }

  .testimonial-wrap .single-testimonial .testimonial-content {
    width: 80% !important;
    margin: 0 10% 1rem !important; }

  .testimonial-wrap {
    padding: 3rem 1rem; }
    .testimonial-wrap .slick-track {
      display: flex !important; }

  .main-footer {
    display: none; }

  .mobile-footer {
    display: inline-block !important;
    width: 100%;
    text-align: center; }
    .mobile-footer .mobile-footer-logo {
      margin-bottom: 1rem; }
    .mobile-footer p {
      margin: .75rem 0;
      display: inline-block;
      font-size: 12px; }
    .mobile-footer ul.contact-list {
      padding-left: 0;
      text-align: center;
      display: inline-block;
      font-size: .9rem; }
      .mobile-footer ul.contact-list li {
        list-style-type: none;
        float: left;
        padding: 0 1rem;
        border-right: 1px solid white;
        line-height: 1; }
        .mobile-footer ul.contact-list li:last-child {
          border-right: none; }
        .mobile-footer ul.contact-list li a {
          color: white;
          text-decoration: none;
          color: #98c64a; }
          .mobile-footer ul.contact-list li a .fa {
            margin-right: 0rem; }
    .mobile-footer ul.legal-list {
      font-size: .9rem;
      display: inline-block;
      padding-left: 0;
      margin-top: 2px; }
      .mobile-footer ul.legal-list li:last-child {
        border-left: 1px solid #bbb; }
    .mobile-footer hr {
      width: 60%;
      margin: 0  20% .75rem; }
    .mobile-footer .mobile-flag {
      max-width: 100px;
      max-height:100px;
      margin-top: 1rem; }

  .home-product .one-fifth {
    width: 30%;
    float: left; }
  .home-product .four-fifths {
    width: 66%;
    float: left;
    margin-right: 0; }
    .home-product .four-fifths a {
      display: none; }
  .home-product .mobile-btn {
    width: 100%;
    display: inline-block !important; }
    .home-product .mobile-btn a {
      width: 47%;
      float: left;
      padding: 1rem .5rem;
      font-size: .8rem; }
      .home-product .mobile-btn a:last-child {
        margin-right: 0; }

  .purchase-left p {
    margin-top: 0 !important; }

  .purchase-right {
    border-left: none !important;
    padding-left: 0 !important;
    margin-top: 1.5rem !important; }

  .product-content .single-product-wrap {
    margin-bottom: 2rem; }
  .product-content .product-btn {
    margin-bottom: 2rem;
    margin-top: 0; }
    .product-content .product-btn a.primary-btn {
      width: 47.5%;
      float: left;
      margin-top: 0 !important;
      padding: 1.25rem .5rem; }
      .product-content .product-btn a.primary-btn:last-child {
        margin-right: 0 !important; }
  .product-content .compatibility-table tr td:first-child {
    background: #98c64a;
    color: white;
    border-bottom: 1px solid white; }
  .product-content .compatibility-table tr td:last-child {
    font-weight: normal; }

  /* Contact Page Styles */
  .contact-content .contact-form .primary-btn {
    margin-bottom: 0 !important; }

  /* Purchase Page Styles */
  .purchase-content .row:first-child h3:first-child {
    display: none; }

  /* Threat Types Styles */
  .threat-type-content .row .col:last-child {
    margin-top: 1rem; }

  /* White Paper Styles */
  .white-papers-content .primary-btn {
    padding: 1.25rem 2rem;
    margin-bottom: 2rem !important; }

  /* MyCyberSoft Support Styles */
  .mycybersoft-support-content .file-drag {
    width: 100%; }

  /* MyCyberSoft General Styles */
  h3 {
    font-size: 1.1rem;
    margin-bottom: .5rem; }

  .page-title {
    font-size: 1.2rem; }

  .user-menu {
    display: none; }
    .user-menu ul li {
      width: 48%;
      margin-right: 4%; }
      .user-menu ul li:nth-child(even) {
        margin-right: 0; }
      .user-menu ul li:nth-child(-n+3) {
        margin-bottom: 1rem; }
      .user-menu ul li a {
        padding: .75rem;
        font-size: 14px; }

  /* MyCyberSoft Home Styles */
  .mycybersoft-home-content p br {
    display: none; }
  .mycybersoft-home-content .alert .alert-text {
    width: 79%;
    font-size: 13px;
    padding: .75rem;
    font-weight: normal; }
  .mycybersoft-home-content .mycybersoft-grid {
    margin-top: 2rem; }
    .mycybersoft-home-content .mycybersoft-grid .mycybersoft-grid-point {
      border: none !important;
      border-bottom: 1px solid #bbb !important;
      padding: 2rem 3rem; }
      .mycybersoft-home-content .mycybersoft-grid .mycybersoft-grid-point:last-child {
        border-bottom: 0 !important; }

  /* MyCyberSoft Account Management Styles */
  .mycybersoft-account-content .user-profile-form {
    display: inline-block;
    padding-bottom: 0; }
    .mycybersoft-account-content .user-profile-form input[type="submit"] {
      position: relative;
      margin-bottom: 0; }
    .mycybersoft-account-content .user-profile-form .col {
      margin-bottom: 2rem; }
      .mycybersoft-account-content .user-profile-form .col:last-child {
        margin-bottom: 0; }

  /* MyCyberSoft Product Download Page */
  .mycybersoft-download-content .download-single .download-title {
    transform: translate(0); }

  /* MyCyberSoft License Table Styles */
  .license-content .license-table tr td:first-child {
    background: #98c64a;
    color: white;
    border-bottom: 1px solid white; }
  .license-content .license-table tr td:last-child {
    font-weight: normal; }

  table.restables-origin {
    display: none; }

  table.restables-clone {
    display: table; }

  /* Login/Signup Page  Styles */
  .login-form {
    width: 100%;
    margin: 3rem 0 0; }

  .login-options, .signup-options {
    width: 100%;
    margin: 0; }

  .slick-prev, .slick-next {
    top: 44% !important; }

  .product-content .text-expand .te-title span {
    letter-spacing: 1px; }

  .admin-single-license-content .single-license-table th {
    width: 50%;
    vertical-align: baseline; } }
@media screen and (max-width: 640px) {
  .primary-btn {
    width: 70%;
    margin: 1rem 15%;
    text-align: center !important;
    padding: 1.25rem !important; } }

@media screen and (max-width: 640px) {
  .text-expand .te-title span {
    font-size: 1rem !important;
    padding: 0.95rem 0.75rem !important;
    letter-spacing: 0;
    font-size: 16px !important; } }
@media screen and (max-width: 640px) {
  .text-expand .te-button {
    padding: 0.95rem 0.5rem !important; } }
@media screen and (max-width: 640px) {
  .text-expand .te-content {
    padding: 1rem !important; } }
.text-expand h3.section-title {
  font-size: 16px !important;
  margin-top: 1.3rem !important;
  margin-bottom: 0.5rem !important; }
.text-expand h2.section-title {
  margin-bottom: 1rem !important; }

@media screen and (max-width: 640px) {
  .contact-form {
    margin-top: 4rem; } }

@media screen and (max-width: 640px) {
  .product-content .primary-btn {
    width: 47%;
    float: left;
    padding: 1.25rem 0.5rem !important;
    font-size: .8rem; }
    .product-content .primary-btn:last-child {
      margin-right: 0; } }

@media screen and (max-width: 640px) {
	.mobile-footer ul.contact-list {
		display: flex;
		align-content: center;
		justify-content: center;
	}

	.mobile-footer p {
		display: block;
	}
}

@media screen and (max-width: 768px) {
  .container.header .row nav {
    overflow: scroll; }
}

/*# sourceMappingURL=main.css.map */

/* Additional CSS added by Mike K. 7/2019 */
.client-column {
    text-align: center;
    padding-bottom: 20px;
}

.client-icon {
    height:200px;
    width:200px;
    border-radius: 50%;
    display: inline-block;
}

.home-image {
    width: 100%;
    position: absolute;
    overflow: hidden;
    object-fit: cover;
    height: 450px;
    object-position: top;
}

/* Borrowed from www.w3schools.com/howto/howto_js_slideshow.asp  7/2019 -MSK */
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  width: 100%;

  position: relative;
  margin: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior:smooth;
}

.homepage-banner {
  width:100%;
  display:block;
  text-align: center;
  margin-left:auto;
  margin-right:auto;
  max-width:1200px;
  margin-top:80px;
}


.slick-list .banner-image{
    width: 100%;

}

.autoplay .slick-arrow {
  visibility:hidden;
}

.autoplay {
    display:none;
}

/*.slick-active {
    width: 100%;
}*/

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: #868686;
  font-weight: bold;
  font-size: 18px;
  transition: transform 0.1s ease-out;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

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

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* Blog stuff. */

/* Container for the blog portion of the blog homepage */

.blog-content {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.leftcolumn {
  float: left;
  width: 75%;
}

.rightcolumn {
  float: left;
  width: 25%;
  padding-left: 20px;
}

.fakeimg {
  background-color: #aaa;
  width: 100%;
/*  padding: 20px;*/
}

.card {
  background-color: white;
  padding: 20px;
  margin-top: 20px;
}

/*
 *
 */
.pagination_numbers{
  text-align: center;
  color: #0e7e73;
  margin: 25px;
}


/* This is super hacky but the blog container is weird if there isn't this much padding
 * and I don't feel like diving into the BS work Humid did for us and causing regressions
 * so here we are I guess. -MSK 9/11/19
 */
.gap {
    min-height: 90px;
}