.welcome-container {
  padding: 10px;
}
.welcome-title {
  margin: 25px 0;
  font-size: 40pt;
  color: #fff;
  text-align: center;
  line-height: 1.2;
}
.welcome-title-row {
  margin: 25px 0;
  font-size: 40pt;
  color: #fff;
  text-align: center;
}
#welcome-video {
  height: 478px;
}
.video-image {
  width: 100%;
  height: 100%;
  border-radius: 0 0 6px 6px;
  margin-bottom: 5px;
}
.fa-play {
  font-size: 22pt;
  color: #B4E1E3;
  width: 70%;
  padding: 6px 0 0 5px;
}
.welcome-video-control-container {
  padding: 5px;
  border-radius: 70px;
  width: 40px;
  height: 40px;
  text-align: center;
  float: right;
  overflow: hidden;
  margin-right: 15px;
  background-color: #499094;
  cursor: pointer;
}
.welcome-video-control-container:hover {
  background-color: #2A5254;
}
.fa-pause {
  font-size: 22pt;
  color: #B4E1E3;
  width: 70%;
  padding: 6px 0 0 1px;
}
.primium_color_first {
  background-color: #499094;
}
.primium_color_first span {
  background: url(/static/img/img_sprite2.png) no-repeat -290px -109px;
}
.primium_color_fourth {
  margin-right: 10px;
  background-color: #499094;
}
.feature-row {
  padding: 30px 0;
  color: white;
}
.feature-list {
  list-style-type: none; 
}
.feature-list li {
  margin: 10px 0;
  color: #499094;
}
.list-header {
  font-size: 20pt;
  margin-bottom: 10px;
  color: #fff;
}
.list-topic {
  color: #EEEDEB;
  font-size: 15pt;
}
.features-link {
  color: #EEEDEB;
  text-decoration: none;
  background-color: #4F9CA1;
  border-radius: 70px;
  padding: 10px;
  width: 100%;
  text-align: center;
  margin: 10px auto;
  float: right;
  cursor: pointer;
}
.features-link:hover {
  color: white;
  text-decoration: none;
  background-color: #3C777A;
}
.dropdown-menu.help-dropdown-menu > li {
  padding: 5px 0;
}
.fa-chevron-circle-right {
  float: right;
  color: #69c9cd;
  font-weight: 100;
}
.welcome-modal-header {
  height: 70px;
  overflow: hidden;
}
.welcome-modal {
  background-color: #EEEDEB;
  color: #fff;
  border-radius: 7px;
  width: 640px;
  left: 47%;
}
.welcome-video-close-button {
  margin: 10px 15px 0 0;
}
.welcome-video-logo {
  display: block;
  width: 230px;
  float: left;
  margin: 10px;
}
.welcome-video-modal-body {
  border-bottom: none;
  max-height: 478px;
  overflow: hidden;
}
.welcome-video-modal-footer {
  background-color: #69C9CD;
  border-top: none;
}
.welcome-message-link {
  cursor: pointer;
  color: white;
  font-size: 18pt;
  font-weight: 500;
  border-bottom: solid 1px white;
}
.welcome-message-link:hover {
  color: #499094;
  border-bottom: solid 1px #499094;
}
.bottom-feature-row {
  margin-bottom: 50px;
}
.top-feature-row {
  text-align: center;
  padding-bottom: 10px;
}
.apple-store-button {
  width: 150px;
  float: right;
}
.google-play-button {
  width: 150px;
  float: right;
  padding-left: 10px;
}
.welcome-video-play-button {
  position: absolute;
  top: 27%;
  left: 42%;
  font-size: 100pt;
  color: #69C9CD;
  cursor: pointer;
}
.welcome-video-play-button:hover {
  color: #499094;
}
.welcome-video-container {
  position: relative;
}
.mobile-links-container {
  padding: 10px;
  border-radius: 7px;
  background-color: #499094;
  overflow: hidden;
  width: 310px;
  margin: 0 auto;
}
.left-feature-list {
  margin-right: 15px;
}
.modal-body {
  padding: 0;
}

.pricing-update-alert-modal {
  border-radius: 6px;
}
.pricing-update-alert-modal > .modal-body {
  padding: 10px;
}
.modal-alert-header {
  font-weight: 400;
  color: #F15F42;
}
.modal-alert-action-button {
  padding: 10px;
  width: 120px;
  height: 20px;
  border-radius: 10px;
  color: white;
  background-color: #69C9CD;
  text-align: center;
}
.modal-alert-action-button:hover {
  color: white;
  background-color: #499094;
}
.modal-alert-body {
  font-weight: 400;
  text-align: center;
  line-height: 2;
  padding: 0 10px;
  font-size: 13pt;
}
.learn-more-button {
  float: left;
  cursor: pointer;
}
.upgrade-now-button {
  float: right;
  background-color: #9FCA3B;
  cursor: pointer;
}
.upgrade-now-button:hover {
  background-color: #4C9637;
}

.modal-alert-body > .price-line {
  color: #69C9CD;
  font-size: 20pt;
}
sup {
  font-size: 12pt;
}

.modal-backdrop {
  background-color: #499094;
}



/* iPhone */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { 

  .apple-store-button {
    padding-left: 0;
  }
  .google-play-button {
    padding-right: 0;
  }
  .left-feature-list {
    margin-bottom: 40px;
  }
  .welcome-video-modal-body {
    max-height: 261px;
  }
  #welcome-video {
    width: 310px;
    height: 261px;
  }
  .welcome-modal {
    width: 310px;
    margin-left: 4px;
  }
  .apple-store-button {
    width: 100px;
  }
  .google-play-button {
    width: 100px;
  }
  .mobile-links-container {
    width: 210px;
  }
  .left-feature-list {
    margin-right: 0;
  }
  .features-link {
    font-size: 12pt;
  }
  .welcome-video-logo {
    width: 200px;
    height: 37px;
    margin: 10px;
  }
  .welcome-video-close-button {
    font-size: 30pt;
    margin: 7px;
  }
}

/* iPad (portrait) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  
  .feature-list {
    margin-left: 60px;
  }
  .welcome-modal {
    left: 45%;
  }
  .left-feature-list {
    margin-right: 0;
  }
  .features-link {
    font-size: 12pt;
  }
}