input[type=text], input[type=email], textarea { 
	padding: 0.5em; border: 1px solid silver; width: 100%; display: block;
}

#ioreplies_faqs_title {
	display: none;
}

.ioreplies_faq {
	padding-bottom: 5px;
}

.ioreplies_suggestion {
	padding-top: 5px;
}

div.ioreplies_faq_question, div.ioreplies_suggestion_question {
	font-weight: bold;
}
      
.blue-text {
	color: rgb(66, 142, 224);
}

.red-text {
	color: rgb(233, 63, 52);
}

.replies-blue-text
{
	color: #428ee0;
}

h1, h2, h3, h4 {
	color: black;
}
h4 {
	margin-top: 20px;
	font-size: 14pt;
}

.pricing {
	margin-top: 16px;
	color: rgb(66, 142, 224);
	font-size: 10pt;
}

.dimmer {
	background-color: rgba(214, 237, 255,.9);
	border-bottom: 1px rgba(255, 255, 255,.5) solid;
}

.nav-spacer {
	 margin-top: 60px;
}

.logo {
	padding-top: 5px;
	padding-bottom: 5px;
	height: 40px;
}

body {
	background: url(/images/sky.svg) no-repeat center center fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.btn-outline-primary .navbar {
	color:white;
}


.container {
	font-size: 11pt;
	line-height: 18pt;
	color: #666;
}

.video-container {
	padding-top: 0px;
	background-color: rgb(66, 142, 224);
	text-align: center;
	color: white;
}


.video {
	border: 1px;
	border-style: solid;
	border-color: #adcdfb;
}

.footer_nav {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 10pt;
	padding: 20px 0;
	background-color: rgb(66, 142, 224);
	color: white;
	text-align: center;
}

.footer_nav a:link {
	color: white;
	text-decoration: none;
} 

.footer_nav a:hover {
	color: white;
	text-decoration: none;
} 

.footer_nav a:visited {
	color: white;
	text-decoration: none;
} 

p {
	margin-bottom: 5px;
}

.center-block {
    float: none !important
}

.wavecontainer {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 50px;
}

.lifesaver {
	background-image: url(/images/lifesaver.svg);
	
	height: 80px;
	width: 200px;
	
	margin-left: auto;
	margin-right: 10%;
	
	-webkit-animation-name: WIGGLE;
  	-webkit-animation-duration: 1s;
  	-webkit-animation-timing-function: ease-in-out;
  	-webkit-animation-iteration-count: infinite;
  	-webkit-animation-direction: alternate;
}

.wave {
	background-image: url(/images/wave.svg);
	height: 40px;
	width: 300%;
	left: -100%;
	position: absolute;
	top: 30px;


	-webkit-animation-name: MOVE-BG;
  	-webkit-animation-duration: 20s;
  	-webkit-animation-timing-function: linear;
  	-webkit-animation-iteration-count: infinite;
  	-webkit-animation-direction: alternate;

}

.wave2 {
	-webkit-animation-duration: 15s;
}

.wave3 {
	-webkit-animation-name: MOVE-BG-REV;
}

@-webkit-keyframes WIGGLE {
   from {
     -webkit-transform: rotate(-5deg);
   }
   to { 
     -webkit-transform: rotate(5deg);
   }
}


@-webkit-keyframes MOVE-BG-REV {
   from {
     -webkit-transform: translateX(0);
   }
   to { 
     -webkit-transform: translateX(30%);
   }
}

@-webkit-keyframes MOVE-BG {
   from {
     -webkit-transform: translateX(0);
   }
   to { 
     -webkit-transform: translateX(-30%);
   }
}

/* -------- Blog -------- */
.post-date {font-size: 14px; color: silver}
ARTICLE IMG { max-width: 100% }
ARTICLE img.shadowed, ARTICLE iframe.shadowed {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
	-webkit-filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 0px 5px);
	-webkit-box-shadow: none;
	padding: 10px 0;
}

html,
body {
	margin:0;
	padding:0;
	height:100%;
}
#container {
	min-height:100%;
	position:relative;
}
#header {
	padding:10px;
}


#body {
	padding:10px;
	padding-bottom:108px;   /* Height of the footer */
}

#body-no-padding
{
	padding:10px;
	padding-bottom:0px;
}


#footer {
	width:100%;
}

.replies-blue
{
	background-color: rgb(66, 142, 224);
}


.sticky
{
	position:absolute;
	bottom:0;
	height: 108px;
}


.btn-link-replies {
    font-weight: 600;
    color: #428ee0;
    text-decoration: none
}

.btn-link-replies:hover {
    color: #3180d9;
    text-decoration: underline
}

.btn-link-replies.focus, .btn-link:focus {
    text-decoration: underline;
    box-shadow: none
}

.btn-link-replies.disabled, .btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}


.btn-replies {
    color: #fff;
    background-color: #428ee0;
    border-color: #3180d9;
}

.btn-replies:hover {
    color: #fff;
    background-color: #3180d9;
    border-color: #3180d9;
}


.btn-replies.focus, .btn-replies:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-replies.disabled, .btn-replies:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #3180d9;
}

.btn-replies:not(:disabled):not(.disabled).active, .btn-replies:not(:disabled):not(.disabled):active,
.show > .btn-replies.dropdown-toggle {
    color: #fff;
    background-color: #3180d9;
    border-color: #3180d9;
}

.btn-replies:not(:disabled):not(.disabled).active:focus, .btn-replies:not(:disabled):not(.disabled):active:focus,
.show > .btn-replies.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(49, 128, 127, .5)
}

.btn .loadingIndicator {
	height: 16px;
	width: 16px;
	background: url(/images/loading_indicator@2x.gif) no-repeat top 0 center;
	background-size: 16px;
	-webkit-filter: invert(100%);
	filter: invert(100%);
}

.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0.1;
  }
}

ul 
{
	padding-left: 16px;
}


.text-light a:link {
	color: white;
	text-decoration: none;
} 

.text-light a:hover {
	color: white;
	text-decoration: none;
} 

.text-light a:visited {
	color: white;
	text-decoration: none;
}