section p, li { color: #333; }

section h2, h3 { color: #444; }

section.article { font-size: 1.2em; }

.navbar-brand > img { width: 128px; }

.team-member { text-align: center !important; }

.team-member img { margin: auto !important; }

.pricing-plan { background: #f8f8f8; }

.pricing-plan.selected { transform: scale(1.1); background: #f4f4f4; }

.contact { margin-top: 60px; }

.btn-primary { font-size: 14px; padding: 10px 20px; font-weight: 600; }

section.timeline { padding-bottom: 30px; }

#content img { max-width: 100%; box-shadow: 0px 0px 15px #888888; margin: 15px; }

#content img.no-border { box-shadow: none; margin: 15px; }

a.page-title { color: white; text-decoration: none; }

/* Fixes the issue with anchor and fixed header - clicked anchor was not visible on jump */
/* https://stackoverflow.com/a/9618795 */
h2[id]::before { content: ""; display: block; height: 90px; /* fixed header height*/ margin: -90px 0 0; }

#content table, th, td { border-style: solid; border-width: 1px; border-color: #CCC; }

#content th, td { padding: 5px; }

/*.carousel-caption h1 { text-transform: none; } .carousel-caption h2 { margin-top: 0px; margin-bottom: 40px; } .blank { text-align: left !important; }*/
.carousel-caption, .carousel-caption.blank { top: 40px; right: 0; left: 0; /*text-align: center;*/ }

.carousel-caption.blank h1 { text-transform: none; }

@media (max-width: 859px) { .carousel-caption, .carousel-caption.blank { top: 70px; } }

.carousel-caption h2 { margin-top: 0px; margin-bottom: 40px; }

.header-back { height: 420px; }

.carousel { height: 420px; }

/* Declare heights because of positioning of img element */
.carousel .item { height: 420px; background-color: #777; }

.carousel .item.stars-gradient { background: radial-gradient(ellipse at bottom, #1c4473 0%, #22052e 100%); }

.carousel-inner > .item > img { height: 420px; }

.carousel-caption.blank h1 { margin-top: 100px; font-size: 48px; }

@media (max-width: 859px) { .carousel-caption.blank h1 { margin-top: 0px; } }

@media (max-width: 599px) { /* size of subtitle */ .carousel-caption.blank h1 { font-size: 38px; } }

.carousel .below-signin-form { padding-top: 5px; font-size: 1.1em; }

.subtitle { font-size: 1.5em; max-width: 600px; line-height: 1.5em; }

.carousel-caption h2 { margin-top: 20px; margin-bottom: 60px; }

@media (max-width: 599px) { .carousel-caption h2 { margin-bottom: 30px; } }

.header-back.one { background-color: #333333; background-image: url("../img/index2_bg_2_a.png"); background-position: right; }

#header-rocket { width: 250px; height: 250px; min-width: 0px; left: 70%; top: 100px; }

@media (max-width: 1199px) { #header-rocket { display: none; } }

.shadow-5 { filter: drop-shadow(0px 0px 3px #000); }

.shadow-25 { -webkit-box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.2); }

.rounded-5 { border-radius: 5px; }

@media (max-width: 1200px) { .gamesdiv { display: flex; justify-content: center; margin: 10px; } .trusted p, .trusted h2 { text-align: center; } }

@media (min-width: 1151px) { .left { float: left; } .right-image { float: right; } }

.trusted img { margin: 5px; }

.trusted .info { height: 281px; line-height: 281px; }

.trusted .info .cont { display: inline-block; vertical-align: middle; line-height: 20px; }

.footer { margin-top: 0; }

.dynamic-form-loading { display: none; }

.dynamic-form-success { display: none; }

.dynamic-form-success h2, .dynamic-form-success h3, .dynamic-form-success p { color: #EEE; text-shadow: 0px 0px 6px black; }

.dynamic-form-error { display: none; }

.half-transparent-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; /* with soft edges */ border-radius: 5px; }

.overlay-close-button { position: absolute; top: 10px; right: 10px; width: 50px; height: 50px; background: url(/img/close.png) no-repeat; background-size: 100% 100%; z-index: 9999; }

.spinner-animation > .spinner { width: 150px; height: 150px; position: absolute; left: 50%; top: 50%; transform-origin: top left; transform: translate(-50%, -50%); border-radius: 50%; box-shadow: inset 3px 3px 3px white; animation: spinner 0.6s linear infinite; }

@keyframes spinner { 0% { transform: rotate(0deg) translate(-50%, -50%); }
  100% { transform: rotate(360deg) translate(-50%, -50%); } }

/* Vertically and horizontally center a div of text inside another div */
.centered { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }

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