@media screen and (max-width: 680px) {
  .open-app-button--column {
    margin-top: 10px;
    width: 100%;
    float: left !important;;
  }

  .app-logo-and-name--column {
    float: left !important;
    width: 100%;
  }
}

#title-logo-text {
  font-weight: 300;
  line-height: 120%;
  margin-bottom: 5px;
  margin-top: 15px;
  font-family: "Muli";
  word-spacing: -7px;
  color: #000;
  font-size: 32px;
}

#title-logo-text a {
  color: #000;
  text-decoration: none;
}

#title-logo-text a span {
  color: #4d7db3;
}

.main-header .page-title {
  font-family: "Lato", sans-serif;
  font-weight: 300;
}

.main-header .app-icon {
  margin-top: -10px;
  margin-right: 10px;
}

#index-intr-image {
  max-height: 250px;
  margin-left: auto;
  margin-right: auto;
  vertical-align: center;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
}

.what-do-u-get {
  margin-bottom: 50px;
}

.possibilities-header {
  padding: 0 0 60px;
  text-align: center;
  position: relative;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
  background-color: #EAEAEA !important;
  border: none;
}

.possibilities-header h2 {
  margin-top: 60px;
}

#what-do-u-get {
  margin-top: 100px;
}

.pricing-box-header {
  font-weight: 400;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.77);
}

.strike {
  text-decoration: line-through;
}

iframe {
  border: none;
}

/* Marinski Styles*/
#button-open-app {
  background: rgba(255, 255, 255, .5);
  border: 1px solid #666;
  color: #666;
  margin-top: 25px;
}

#button-open-app:hover {
  background-color: #f1f1f1;
  -webkit-transition: background-color 0.25s ease-in;
  -moz-transition: background-color 0.25s ease-in;
  -o-transition: background-color 0.25s ease-in;
  transition: background-color 0.25s ease-in;
}

.css-section .section-title img,
.css-section i.fa {
  margin-right: 10px;
}

.css-section h3 {
  margin-top: 0;
  line-height: 140%;
}

.main-sub-title {
  color: #666;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.item-title {
  margin-top: 0;
  padding-bottom: 10px;
}

.indicators-holder {
  margin-bottom: 70px;
}

.section-lines {
  border-top: 0;
  border-bottom: 0;
  background-color: #f1f1f1;
}

section.section-lines {
  margin-bottom: 0;
}

.features .page-header {
  color: #666;
}

#page-container > div:nth-child(1) > div > div > .slogan {
  margin-top: 0;
  margin-bottom: 10px;
}

#bot-image {
  margin: 0 auto;
  width: 100%;
}

#footer img {
  margin-top: 10px;
  margin-right: 10px;
}

#footer ul a {
  color: #ccc;
}

#footer ul a:hover,
#footer ul a:active {
  color: #f1f1f1;
}

#footer .text-muted {
  color: #fff;
}

#footer .about {
  line-height: 140%;
  color: #ccc;
  font-size: 13px;
}

#footer .footer-social-icons {
  margin-top: 10px;
}

#footer .footer-social-icons .fa-stack {
  color: #666;
}

#footer .footer-social-icons .fa-stack-1x {
  color: #bbb;
}

#footer .footer-social-icons .fa-stack:hover {
  color: #bbb;
  -webkit-transition: color 0.25s ease-in;
  -moz-transition: color 0.25s ease-in;
  -o-transition: color 0.25s ease-in;
  transition: color 0.25s ease-in;
}

#footer .text-left > p,
.smaler p {
  font-size: 11px;
  line-height: 13px;
}

#colophon {
  border-top: 1px solid #636363;
  padding-top: 25px;
  margin-top: 20px;
}

.pad-20 + .pad-20 {
  padding-top: 30px;
  border-top: 1px solid #f0f0f0;
}

.css-section + .css-section {
  padding-top: 30px;
}

.css-section .section-title {
  border-bottom: 1px solid #f0f0f0;
}

#platform-logos {
  max-width: 40%;
  margin: 0 auto;
}

@media screen and (min-width: 991px) {
  #page-container .slogan {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  #page-container > div:nth-child(1) > div > div > .slogan {
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {

  #platform-logos {
    max-width: 80%;
  }
}

/* purchase page*/
.optimal-pack-title {
  color: #4d7db3;
  font-size: 40px;
  text-align: center;
}

.optimal-pack-subtitle {
  color: #333;
  font-size: 24px;
  text-align: center;
  margin-top: 5px;
  line-height: 50px;
}

.optimal-pack-logos {
  text-align: center;
  width: 180px;
  margin-top: 54px;
  margin-right: auto;
  margin-left: auto;

}

.optimal-pack-logos-plus {
  color: #4d7db3;
  font-weight: bold;
  font-size: 44px;
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.optimal-pack-logos-fsb {
  float: left;
  height: 48px;
}

.optimal-pack-logos-ea-studio {
  float: left;
}

.optimal-pack-product-titles {
  margin-top: 70px;
  font-size: 22px;
}

.optimal-pack-product-title {
  color: black;
  text-align: center;
  margin-bottom: 24px;
}

.optimal-pack-product-title-highlight {
  color: orange;
}

.optimal-pack-orange-badge {
  background-color: orange;
  padding: 1px 6px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
}

.optimal-pack-product-title-product-name {
  font-weight: bold;
  font-size: 24px;
}

.optimal-pack-buy {
  text-align: center;
  font-size: 28px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.optimal-pack-buy-price, .optimal-pack-buy-button-container {
  margin: 20px;
  display: block;
  clear: both;
}

.mega-pack {
  margin-top: 40px;
}

.mega-pack-title {
  color: #000001;
  font-size: 40px;
  margin-bottom: 65px;
  text-align: center;
}

.mega-pack-logos {
  text-align: center;
  width: 270px;
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto;

}

.mega-pack-logos-plus {
  color: #4d7db3;
  font-weight: bold;
  font-size: 44px;
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.mega-pack-logos-fsb {
  float: left;
  height: 48px;
}

.mega-pack-logos-logo-box {
  float: left;
}

.mega-pack-product-titles {
  margin-top: 70px;
  font-size: 22px;
}

.mega-pack-product-title {
  color: black;
  text-align: center;
  margin-bottom: 20px;
}

.mega-pack-product-title-highlight {
  color: orange;
}

.mega-pack-product-title-product-name {
  font-weight: bold;
  font-size: 24px;
}

.mega-pack-buy {
  text-align: center;
  font-size: 28px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.mega-pack-buy-price, .mega-pack-buy-button-container {
  margin: 20px;
  display: block;
  clear: both;
}

.single-product-pack {
  margin-top: 40px;
}

.single-product-pack-title {
  color: #000001;
  font-size: 29px;
  margin-bottom: 45px;
  text-align: center;
}

.single-product-pack-logos {
  text-align: center;
  width: 88px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;

}

.single-product-pack-logos-plus {
  color: #4d7db3;
  font-weight: bold;
  font-size: 44px;
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.single-product-pack-logos-fsb {
  float: left;
  height: 48px;
}

.single-product-pack-product-titles {
  margin-top: 50px;
  font-size: 22px;
}

.single-product-pack-product-title {
  color: black;
  text-align: center;
  margin-bottom: 20px;
}

.single-product-pack-product-title-highlight {
  color: orange;
}

.single-product-pack-product-title-product-name {
  font-weight: bold;
  font-size: 20px;
}

.single-product-pack-buy {
  text-align: center;
  font-size: 28px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.single-product-pack-buy-price, .single-product-pack-buy-button-container {
  margin: 20px;
  display: block;
  clear: both;
}

.paypal-subscription-total-price,
.paypal-subscription-vat-info {
  font-size: 14px;
}

.paypal-subscription-total-price-container {
  font-size: 14px;
  display: none;
}

.free-account-orange-badge {
  background-color: orange;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: bold;
  color: white;
}

/** APP PAGES **/


a.btn-success {
  color: #ffffff !important;
  border-color: #398439 !important;
}

.app-logo {
  font-size: 1.3em;
}

.close-app-button {
  margin-top: 9px;
}

#sb-site, .sb-site-container {
  background-color: #333;
}