body, html {
  height: 100%;
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-weight:400;
  font-size:24px;
  color:#5d5d5d;
}

.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("../images/hero-bg.jpg");
  min-height: 100%;
}

.bgimg-2 {
  background-image: url("../images/ipad.jpg");
  min-height: 500px;
}

.bgimg-3 {
  background-image: url("../img_parallax3.jpg");
  min-height: 400px;
}

.content {
	width:100%;
	max-width:1024px;
	margin: 0 auto;
}

.overlay:before{
  position: absolute;
  content:" ";
  top:0;
  left:0;
  width:100%;
  height:100%;
  display: block;
  z-index:0;
  background-color: rgba(0,0,0,0.4);
}

.navigation {
	width:100%;
	margin:0 auto;
}

.caption {
  position: absolute;
  left: 0;
  top: 35%;
  width: 100%;
  text-align: center;
  color: #000;
}

.less-work {
  position: absolute;
  left: 0;
  top: 15%;
  width: 100%;
  text-align: center;
  color: #000;
}

.hero1 {
  font-family: 'Open Sans', sans-serif;
  font-size:48px;
  font-weight: 600;
  color:#fff;
  line-height: 48px;
}

.hero2 {
  font-family: 'Open Sans', sans-serif;
  font-size:48px;
  font-weight: 400;
  font-style:italic;
  color:#fff;
}

.hero3 {
  font-family: 'Open Sans', sans-serif;
  font-size:30px;
  font-weight: 600;
  color:#fff;
}

.button {
  margin:40px 0;
}
a:link {text-decoration:none;}
a:hover {text-decoration:none;}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}

.footer a:link {color:#fff;text-decoration:none;  transition: all 0.7s ease;}
.footer a:hover {color:#fe8a03;text-decoration:none;  transition: all 0.7s ease;}
.footer a:visited {color:#fff;text-decoration:none;}
.footer a:active {color:#fff;text-decoration:none;}

span.getstarted-button {
  transition: all 0.7s ease;	
  background-color: #fe8a03;
  font-family: 'Raleway', sans-serif;
  font-weight:600;
  color: #fff;
  padding: 15px 25px;
  font-size: 16px;
}

span.getstarted-button:hover {
  transition: all 0.7s ease;
  background-color: #ec8003;
  font-family: 'Raleway', sans-serif;
  font-weight:600;
  color: #fff;
  padding: 15px 25px;
  font-size: 16px;
}

span.getstarted-mobile {
  transition: all 0.7s ease;	
  background-color: #fe8a03;
  font-family: 'Raleway', sans-serif;
  font-weight:600;
  color: #fff;
  padding: 15px 25px;
  font-size: 16px;
}

span.getstarted-mobile:hover {
  transition: all 0.7s ease;
  background-color: #ec8003;
  font-family: 'Raleway', sans-serif;
  font-weight:600;
  color: #fff;
  padding: 15px 25px;
  font-size: 16px;
}

span.demo-button {
  transition: all 0.7s ease;
  border: #fe8a03 solid 1px;
  font-family: 'Raleway', sans-serif;
  font-weight:600;
  color: #fe8a03;
  padding: 15px 25px;
  font-size: 16px;
}

span.demo-button:hover {
  transition: all 0.7s ease;	
  background-color:	#fe8a03;
  border: #fe8a03 solid 1px;
  font-family: 'Raleway', sans-serif;
  font-weight:600;
  color: #fff;
  padding: 15px 25px;
  font-size: 16px;
}

img {width:100%}

h1 {
  font-family: 'Open Sans', sans-serif;
  font-size:48px;
  font-weight: 300;
  color:#5d5d5d;
  padding-top: 40px;
  margin-top:0px;
}

h2 {
  font-family: 'Open Sans', sans-serif;
  font-size:48px;
  font-weight: 600;
  color:#fff;
}

h3 {
  font-family: 'Open Sans', sans-serif;
  font-size:24px;
  font-weight: 600;
  color:#5d5d5d;
}

h4 {
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  font-weight: 600;
  color:#5d5d5d;
  padding: 0 20px;
  text-align:justify;
}

hr {
	width:10px;
	border-top:2px solid #adadad;
	width: 75px;
}

blockquote {
  background: #0075ce;
  border-left: 0px solid #ccc;
  margin: 0em 10px 0;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  font-family: 'Open Sans', sans-serif !important;
  font-size:24px !important;
  font-weight: 600 !important;
  font-style:italic;
}
blockquote:before {
  font-family: 'Open Sans', sans-serif !important;
  color: #7ab1db;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

label {
	display:none !important;
	font-size: 16px;
}
div.form-group { 
	text-align: left; 
}
.form-input {
	color:#000 !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #2d2d2d;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #2d2d2d;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #2d2d2d;
}
:-moz-placeholder { /* Firefox 18- */
  color: #2d2d2d;
}

.plus-deposits {
  font-size: 32px !important;
}
.more-features {
	font: normal normal normal 18px/22px sans-serif;
}
.more-features li{
	padding: 0.15em 0 0.5em 2.5em;
    margin-bottom: 1em;
	list-style:none;
	background-repeat:no-repeat;
	background-image:url('../images/checkbox.png');
}
.author {
	text-align:right;
	font-weight:100;
}
.orange {
	height:100px;
	width:100px;
	margin-top: 10px;
	
}

.box {
	border:1px solid #adadad;
	padding:20px;
}

.moneybox {
	border-bottom:1px solid #d9dcde;
	padding:20px;
}

.moneybox:first-child {
	border-right:1px solid #d9dcde;
}

.features {
	margin-top:0px;
}

/* Form CSS*/

.ccform {
   margin: 0 auto;
   max-width: 800px;
}
.ccfield-prepend{
	margin-bottom:40px;
	width:100%;
}

.ccform-addon{
	color:#f8ae45; 
	float:left;
	padding:8px;
	width:8%;
	background:#FFFFFF;
	text-align:center;	
}

.ccformfield {
	color:#000000; 
	background:#FFFFFF;
	border:none;
	padding:15.5px;
	width:91.9%;
	display:block;
	font-family: 'Lato',Arial,sans-serif;
	font-size:14px;
}

.ccformfield {
	font-family: 'Lato',Arial,sans-serif;
}
.ccbtn{
  transition: all 0.7s ease;
  background-color: #fe8a03;
  font-family: 'Raleway', sans-serif;
  font-weight:600;
  color: #fff;
  padding: 15px 50px;
  font-size: 22px;
  border:0;
}
.ccbtn:hover{
  transition: all 0.7s ease;
  background-color: #ec8003;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col2 {
	display: block;
	float:left;
	margin: 1% 0 1% 0%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 { width: 100%;}
.span_1_of_2 { width: 50%;}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 968 PIXELS */
@media only screen and (max-width: 968px) {
	.content {padding: 30px;}
	.col {  margin: 1% 0 1% 0%; }
	.span_2_of_2, .span_1_of_2 { width: 100%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
	.navbar-nav {float:none !important; text-align:center; padding-bottom: 20px;}
	.navbar-collapse {padding-right: 0px; padding-left: 0px; }
	span.getstarted-mobile {
    background-color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: #000;
    padding: 0;
    font-size: 16px;
	}
	.navbar-default .navbar-nav>li>a {
    font-size: 16px !important;
	}
	.less-work {top:0;}
}	

/*  GO FULL WIDTH BELOW 768 PIXELS */
@media only screen and (max-width: 768px) {
	.hero1 {
	  font-size:38px;
	  line-height: 38px;
	}

	.hero2 {
	  font-size:40px;
	  font-style:italic;
	}

	.hero3 {
	  font-size:24px;
	}
	.caption {
      top: 20%;
	}
	body {
	  font-size:20px;
	}
	h1 {
	  font-size:40px;
	  padding-top: 40px;
	  margin-top:0px;
	}

	h2 {
	  font-size:40px;
	}

	h3 {
	  font-size:24px;
	  margin-bottom:10px;
	}

	h4 {
	  font-family: 'Open Sans', sans-serif;
	  font-size:14px;
	  font-weight: 600;
	  color:#5d5d5d;
	  padding: 0 20px 10px;
	  text-align:justify;
	}
	
	.mobile-quotes {
		min-height: 655px;
	}
	.plus-deposits {
	  font-size: 16px !important;
	}
}

/*  GO FULL WIDTH BELOW 420 PIXELS */
@media only screen and (max-width: 420px) {
	.navbar-brand {
    max-width: 100%;
    width: 75%;
    margin-top: 1%;
	}
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
    .bgimg-1, .bgimg-2, .bgimg-3 {
        background-attachment: scroll;
    }
}

/* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}


/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}


@media (min-width: 679px) {
.desktop-br {
    display: none;
	}
}
/* Custom Bootstrap */
.navbar-default .navbar-nav>li>a {
    color: #000;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight:600;
	padding-top:26px;
}
.navbar-nav {
    float: right;
    margin: 0;
}
.form-control {
	color:#999999;
}