/* Blue theme styles */
/* Variables */
/* footer */
/* helpers */
/* Badges */
/* colors */
body {
  font-family: 'Roboto', sans-serif; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  font-family: 'Lato', sans-serif; }

.header-cover {
  background-image: url("../../../static/images/theme/abstract-dots/header-bg.png"); }

.header-title {
  color: #ffffff;
  font-family: 'Roboto', cursive; }

/* Content */
#wrapper {
  background-color: #E1F4F2;
  background-repeat: repeat;
  background-size: auto;
  background-image: url("../../../static/images/theme/abstract-dots/body-bg.png"); }

#payment {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5950e1+0,6e00d1+35,3b78fd+100 */
  background: #5950e1;
  /* Old browsers */
  background: -moz-linear-gradient(left, #5950e1 0%, #6e00d1 35%, #3b78fd 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #5950e1 0%, #6e00d1 35%, #3b78fd 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #5950e1 0%, #6e00d1 35%, #3b78fd 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5950e1', endColorstr='#3b78fd',GradientType=1 );
  /* IE6-9 */
  color: #ffffff; }
  #payment .card-title {
    color: #ffffff; }
  #payment .card-block {
    line-height: 1.2; }

.card-title {
  color: #21405e; }

.card-icon {
  float: left;
  padding-bottom: 20px;
  position: relative;
  right: 20px; }

.card-icon img {
  width: 55px;
  height: 55px; }

/* Footer */
footer {
  font-size: 0.9rem; }
  footer .footer-bar {
    background-color: #BCBEC0;
    border-bottom: solid 1px #63B6C1;
    color: #6D6E71; }
  footer .footer-block {
    background-color: #6B3AAA;
    border-bottom: solid 1px #63B6C1;
    color: #FFFFFF; }
    footer .footer-block a {
      color: #FFFFFF; }
  footer .footer-bottom {
    background-color: #E6E7E8;
    color: #6D6E71; }
    footer .footer-bottom a {
      color: #6D6E71; }