/* ==========================================================================
Classes
========================================================================== */ 
.strong {font-weight: 700;}
.subline {font-size: 32px;}
.section {padding: 25px 0;}
.padding40 {padding:40px 0;}

.paddingtop-40 {padding-top: 40px;}
.paddingbottom-40 {padding-bottom: 50px;}
.paddingbottom-15 {padding-bottom: 15px;}
.paddingbottom-50 {padding-bottom: 50px;}
.nopadding-bottom {padding-bottom: 0;}
.text-center {text-align: center !important;}
.text-center img {display: block; margin: 0 auto;}

/* ==========================================================================
Color Customizations
========================================================================== */ 
.white {color:#FFF;}
.white-text {color: #FFF !important;}
.white-text p {color:#FFF;}
.white-text h2 {color:#FFF;}
.white-text h3 {color:#FFF;}

.eggplant {
color: #1f1646;
}
.violet {
color:#410098;
}

.navbar > .container .navbar-brand {
    margin-left: 15px;
}
.line-height-26 {
line-height: 26px;
}
.heading-34{
font-size: 34px!important;
}
.heading-24 {
font-size: 24px!important;
}
.mktoForm .mktoLabel {
Color:#ffffff!important;
}
.disclaimer{
Color:#ffffff;
}
.formContainer{
Background-color: #410098!important;
}
.flex-container {
  display: flex;
  width: 100%;
}

.flex-container > div-30 {
  width: 30%;
  margin: 10px;
}
.flex-container > div-70 {
  width: 70%;
  margin: 10px;
}
.div-70{
padding-left: 20px;
}
.flex-container > div-50 {
  width: 50%;
  margin: 10px;
}
Li {
Padding-bottom: 10px;
}


@media only screen and (max-width: 600px) {
.navbar-brand{
Width:90%;
height: auto;
}

ul{
Font-size:18px;}
.flex-container {
  display: block;
  width: 100%;
}

.flex-container > div-30 {
  width: 100%;
  margin: 10px;
}
.flex-container > div-70 {
  width: 100%;
  margin: 10px;
}
.div-70{
padding-left: 0px;
}
.div-30{
Width: auto;
}
}


/* ==========================================================================
Line Font
========================================================================== */ 
.line-font {font-size: 48px;}

/* ==========================================================================
Headline
========================================================================== */ 
.headline {text-align: center; position:relative; margin-bottom: 0px;}
.headline h1 {color:#1f1645; padding-bottom: 15px; border-bottom: 2px solid #DDD; display: inline-block; font-size: 48px;}
.headline h2 {padding-bottom: 15px; border-bottom: 2px solid #DDD; display: inline-block; font-size: 36px;}
.headline p {margin-bottom: 50px; font-weight: 100; font-size: 22px; line-height:135%; color:#FFF;}
#intro .headline p {margin-bottom: 0px; color:#444545;}

/* ==========================================================================
 Navigation
========================================================================== */ 
.menu-right {float: right;}
.navbar-inverse { margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0;border-radius: 0; border: none; background-color:#000; padding: 15px 0; }
.navbar-inverse .navbar-nav > li > a { color:#FFF; display: block; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li {-webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear;}

.navbar-toggle { padding: 4px 6px; font-size: 22px; color:#FFF;}
.navbar-toggle:focus,
.navbar-toggle:active { outline: 0;}

.navbar-inverse .navbar-toggle { background: #08b4da; border: none;}
.navbar-nav {margin: 0;}
.scroll-fixed-navbar {padding-bottom:0;}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {background-color: transparent;}
.navbar > .container .navbar-brand {margin-left: 0;}
.navbar-brand { height:auto;}

.scroll-fixed-navbar { padding: 10px 0; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: rgba(0,0,0,0.1);}
 
/* ==========================================================================
Logo
======================================================.==================== */ 

.navbar-inverse .navbar-brand  {/*color:#FFF; font-size: 28px; font-weight: 700;*/ padding: 0;}
.scroll-fixed-navbar.navbar-inverse .navbar-brand  {color:#1f1645; font-size: 28px; font-weight: 700; padding: 0;}

.text-logo {margin-top: 5px}
.text-logo i {margin-right: 10px;}

/* ==========================================================================
Banner
========================================================================== */ 
#banner {padding-top: 60px; padding-bottom: 70px; background: #1f1645; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; position: relative; background-attachment: fixed;}

.banner-content { clear: both; padding-top: 40px;}
.banner-content h1 {font-size: 48px;}
.banner-content h2 {font-size: 38px;}
.banner-content h5 {font-weight: bold; font-size: 22px; color:#FFF;}
.banner-content p {font-size: 22px; line-height:135%; color: #FFF; }

/* ==========================================================================
Clients Logo
========================================================================== */ 
.clients-logo li {padding: 0 20px;}
.clients-logo li img {opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */}

/* ==========================================================================
Main Point
========================================================================== */ 
.main-point {margin-bottom: 20px; }
.main-point i { display: block; font-size: 48px; color:#1f1645;}
.main-point h3 {font-size: 22px; line-height:135%; font-weight: 600; margin-top: 20px; color:#FFF; }

/* ==========================================================================
Features
========================================================================== */ 
.features {margin-bottom: 40px; text-align: left;}
.features i {float: left; margin-right: 20px;}
.features h3 {font-size: 22px; font-weight: 600; padding-top: 0px; }
.features p {font-size: 22px; clear: both; padding-top: 10px;}
.features .line-font img {float: left; margin-right: 20px; margin-top:0 !important; margin-bottom:0 !important;}


/* ==========================================================================
Video Container
============================================================================ */
.video-container {padding-top: 40px; position:relative;}
.video-container iframe{ width:100%; height: 430px; border:none;}

/* ==========================================================================
Media Queries
 ========================================================================== */
/* ------ Tablet Portrait size to standard 960 (devices and browsers) ------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	img {margin: 20px auto;}
	.img-thumbnail {margin: 0;}
}

/* ------ Mobile Landscape Size to Tablet Portrait (devices and browsers) ------*/
@media only screen and (max-width: 767px) {
	.navbar-inverse {background-color:#FFF; padding:0;}
	.navbar > .container .navbar-brand {margin-left: 15px; color:#1f1645; margin-top: 15px;}
	.menu-right {float: none;}
	.navbar-inverse .navbar-nav > li > a {color:#1f1645;}
	.navbar-inverse .navbar-nav > .active > a, 
	.navbar-inverse .navbar-nav > .active > a:hover, 
	.navbar-inverse .navbar-nav > .active > a:focus,
	.navbar-inverse .navbar-nav > li > a:hover { color:#009579;}
	img {display: block; margin: 20px auto;}
	.main-point {margin-bottom: 40px;}
	.video-container {margin-bottom: 40px;}
}

/* ------ Mobile Portrait Size to Mobile Landscape Size (devices and browsers) ------*/
@media only screen and (max-width: 479px) {

	h2 {font-size: 26px !important;}
	h4 {font-size: 16px;}
	p {font-size: 18px !important;}
	img {float: none; display: block; margin: 20px auto;}
	iframe {max-width: 96%;max-height: 200px;}
	.banner-content h1 {font-size: 34px;}
	.headline h1 {font-size: 30px;}
	.headline h2 {font-size: 28px;}
	.section {padding: 10px 0;}
	.main-point h3 {font-size: 20px;}
	.video-container {margin-bottom: 40px;}


/* ==========================================================================
 Basic Styling 
 ========================================================================== */ 

body#bodyId {
    font-size: 22px;
    line-height: 135%;
    letter-spacing: 0;
    color:#444545;
    font-family: 'lato', sans-serif;
}
      

h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', sans-serif; font-weight: 300; color:#1f1645; transition: all .50s ease-in-out; -moz-transition: all .50s ease-in-out; -webkit-transition: all .50s ease-in-out;margin-top: 0;  margin-bottom: 10px;}

h1 {font-size: 48px;}
h2 {font-size: 38px; font-weight: 700; margin-bottom: 20px; }
h3 {font-size: 28px; line-height:120%;}
h4 {font-size: 22px; font-weight: 700; color:#410098; line-height:135%;}

p {font-family: 'lato', sans-serif; font-size: 22px; margin-bottom: 20px; line-height:135%; color:#444545;}


a {-webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; transition: all 150ms ease-in; color:#009579;}
a:hover, a:focus { text-decoration: none; color:#410098; outline: none; } 

ul {list-style-type: circle;}

::-moz-selection { text-shadow: none; background: #08b4da; color:#FFF;}
::selection { text-shadow: none; background: #08b4da; color:#FFF; }

   
.img-responsive img {display: block; width: 100% \9; max-width: 100%; height: auto;}

.footer p, .footer a {color:#FFF; margin-bottom: 10px; font-size:12px;}
.footer-links {text-align:right;}

 ========================================================================== */