@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext);
body{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#000;
	margin:0;
	padding:0;
	overflow-x:hidden;
	background:#333;
}
header{
	background:#444;
	margin:0;
	padding:0;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
	text-align:center;
}

.w100{
	width:100%;
}

#logo{
	margin-top:5px;
}
section{
	padding:15px 0px;
	background:#FFF;
}
section h1{
	line-height: 1.5;
    font-weight: 600;	
	margin-top:0;
	padding-top:0;
}
section h2{
	line-height: 1.5;
    letter-spacing: -.25px;	
}
section h3{
	line-height: 1.4;
}
section h4{
	line-height: 1.5;
}

h1{ font-size:2em !important; }
h2{ font-size:1.5em !important; }
h3{ font-size:1.25em !important; }

.stripe{
	padding:5px;
}
.stripe p{
	margin:5px 0;
	padding:0;
}

.carousel-content {
    color:black;
    display:flex;
    align-items:center;
}

.testimonials{
	padding:0 0 30px 0 !important;
}
.iframe{
	padding:0 !important;
}
.iframe iframe{
	width:100%;
	border:none;
	margin:0;
	padding:0;
}
.logos img{
	width:100%;
}

.lead{
	background:url('../img/header.jpg') no-repeat;
	margin:0;
}
.lead h1{ color:#FFF; text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 2px; }
.lead h2{ color:#FFF; text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 2px; }

/* Video Lead*/
.video-lead{
	background:#F60;
	margin:0;
}
.video-lead h1{ color:#FFF; text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 2px; }
.video-lead h2{ color:#FFF; text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 2px; }
.video{
	width:100%;
	max-width:500px;
	margin-top:20px;
}

/* Colors */
.white{ background:#FFF; }
.white h1{ color:#000; }
.white h2{ color:#000; }
.white .headline{ color:#F60; }

.orange{ background:#F60; }
.orange h1{ color:#FFF; text-shadow: rgba(0, 0, 0, 0.25) 1px 1px 2px; }
.orange h2{ color:#FFF; }

.gray{ background:#455560; }
.gray h1{ color:#FFF; text-shadow: rgba(0, 0, 0, 0.25) 1px 1px 2px; }
.gray h2{ color:#FFF; }
.gray h3{ color:#FFF; }
.gray h4{ color:#bdc3c7; }
.gray p{ color:#FFF; text-shadow: rgba(0, 0, 0, 0.25) 1px 1px 2px; }

.light-gray{ background:#F2F2F2; }
.light-gray h1{ color:#000; }
.light-gray p{ color:#000; }

.green{ background:#7bc143; }
.green h1{ color:#FFF; text-shadow: rgba(0, 0, 0, 0.25) 1px 1px 2px; }
.green h2{ color:#FFF; }

.blue{ background:#165363; }
.blue h1{ color:#FFF; text-shadow: rgba(0, 0, 0, 0.25) 1px 1px 2px; }
.blue h2{ color:#FFF; text-shadow: rgba(0, 0, 0, 0.25) 1px 1px 2px; }
.blue h3{ color:#FFF; text-shadow: rgba(0, 0, 0, 0.25) 1px 1px 2px; }
.blue p{ color:#FFF; }
.blue a{ color:#FFF !important; text-decoration:underline; }

/* Icons */
.icon-red{
	color:#FF1100;
}
.icon-green{
	color:#3C0;
}

.examples{
	margin-bottom:30px;
}
.examples img{
	width:100%;
	max-width:500px;
}

.previewImg{
	box-shadow: 0px 0px 5px #222;
	border:none;
}

.margin-bt20{
	margin:20px 0px;
}

footer{
	color:#FFF;
	background:#333;
	padding:10px;
}
.footer-links{
	list-style:none;
	margin:0;
	padding:0;
}
.footer-links li a{
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:3px 0;
}
.footer-links li:first-child {
	color:#7bc143;
	text-transform: uppercase;
	font-weight:bold;
}
.footer-links li a:hover{
	color:#F60;
}

.line-through{
	text-decoration:line-through;
}


/* Features */
.features-head{
	color:#1c2f3a;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom: 1px solid #CCC;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
}
.features-list{
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
}
.features-list li{
	padding:3px 0px;
}
.features-list li a{
	color:#333;
	text-decoration:none;
	display:block;
}
.features-list li a:hover{
	color:#F60;
}
.features-trial{
	font-weight:bold;
}
.highlighted{
	color:#F60;
	font-weight:bold;
}
.btn-xl {  
    padding: 15px 22px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 6px
}

#VideoBackground{
    background: #000000;
    opacity: .80;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
}
#VideoPopup{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 1002;
    width: 100%;
    max-width: 750px;
    padding: 5px;
    margin: 5px;
    background-color: #FFFFFF;	
}

/* Bootstrap changes */
.icon-bar{
	background:#FFF;
}
.navbar{
	margin-bottom:0 !important;
}
.nav a{
	color:#FFF !important;
}
.nav > li {
	border-radius:3px !important;
}
.nav > li > a:hover, .nav > li > a:focus{
  color: #fff !important;
  background-color: #F60 !important;	
}
.nav > li.active > a,
.nav > li.active > a:hover,
.nav > li.active > a:focus {
  color: #fff !important;
  background-color: #F60 !important;
}
.carousel-indicators{
    bottom: -30px !important;
}
.carousel-indicators li{
	border:1px solid #F60;
}
.carousel-indicators .active{
	background-color:#F60;
}
