/* 
    Created on : Sep 23, 2019, 8:52:36 PM
    Author     : Kyle Coots <Kyle Coots at kylecoots.com>
*/
body {
  min-height: 50rem;
  padding-top: 4rem;
}
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
#header{
  position: relative;
  z-index: 1;
}
#header #logo a{
	text-decoration:none;
}
.container {
  max-width: 960px;
  position: relative;
  z-index: 100;
  padding-top:60px;
}
.pricing-header {
  max-width: 700px;
}
.card-deck .card {
  min-width: 220px;
}
.header-logo{
	height: auto;
	width: 38px;	
}
#particles-js{
  width: 100%;
  height: 100%;
  background-color: #5e91d6;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position:absolute;
  top:0;
}
.pricing-header > .main-title{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 42px;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    padding-bottom: 4px;
    display: inline-block;
    text-shadow: 0px 2px 2px #555;
}
.pricing-header > .lead{
    color: #ececec;
    text-shadow: 0px 1px 7px #000;
    font-size: 12pt;
}
.jumbotron-main{
    width: 100%;
    min-height:100vh;
    font-family: 'Roboto', sans-serif;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    margin: 0;
    padding:0;
}
.bg-dark-gray{
    background-color:rgb(47,47,47);
}
.bg-light-gray{
	background-color: #3a3a3a;
}
section.heading{
    padding: 30px 0 30px 0;
}
h2.featurette-heading{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 42px;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    padding-bottom: 4px;
    display: inline-block;
}
#features .feature-box{
    border-right: 1px solid #2d2d2d;
    min-height: 400px;
    background-repeat: no-repeat;
    background-position: center bottom;
}
#features .feature-box i{
    font-size:140px;
    color:#8980fe;
}
.plan {
	list-style: none;
	padding: 0;
	background: #2B2B2B;
	text-align: center;
}
.plan li {
	padding: 10px 15px;
	font-size: 14px;
	color: #ccc;
	border-top: 1px solid #313131;
	-webkit-transition: 300ms;
	transition: 300ms;
}
.plan li.plan-name {
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	padding: 15px;
	font-size: 24px;
	line-height: 24px;
	color: #fff;
	background: #191919;
	margin-bottom: 15px;
	border-top: 0;
}
.plan li.plan-price {
	border-top: 0;
}
.plan li.plan-action {
	padding: 18px;
}
.plan li > strong {
	color: #8980FE;
	font-size: 18px;
}

/** Loader **/
.loader {
  position: fixed;
  margin:25% 45%;
  z-index: 10250;
}
.loader img{
    animation: 1000ms linear 0s infinite normal none running spin;  
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}  

/** Error Message **/
#errorMessage{
    width: 300px;
    position: fixed;
    top: 10px;
    margin: 0 auto;
    left: 33%;
    z-index: 10000;
}    
#errorMessage div{
    width:100%;        
    text-align: center;
    padding:12px;
    border-radius: 8px;
    border: thin solid #000;
    box-shadow: 0 0 5px #000;  
    margin-top: 10px;
    color:#fff;
}
#errorMessage .bg-red{
	background-color: #dd4b39 !important;
}
#errorMessage .bg-green{
	background-color: #00a65a !important;
}
#errorMessage .bg-info {
	background-color: #d9edf7;
}
#errorMessage .bg-primary {
	color: #fff;
	background-color: #337ab7;
}

/** Auth Forms **/
.login-box, .register-box {
	/* width: 360px; */
	margin: 0 auto;
	padding-top:100px;
}
.login-box .input-group-text, 
.register-box .input-group-text
{ 
	display:block !important;
}