/*!
 * Start Bootstrap - 3 Col Portfolio HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body, html {
  width:100%;
  height:100%;
  display:block;
  overflow:hidden;	
}

body {
  font-family: 'Open Sans', sans-serif;
  overflow-y:scroll;
}


ol {
  list-style:none;	
  margin-left:0;padding-left:0;
  position:relative;
}

li {
  line-height:3.5;
  font-size:14px;
  font-weight:700;
  display:block;
  width: 380px;
}

.navbar-brand {
  background:url('../images/mGrateful-sprite.png') no-repeat -430px -16px;
  width: 181px;
  height: 51px;
  display:block;
}

.navbar-inverse {
   background-color: transparent;
   border-color: transparent; 
}

.main-headings {
  text-align:center;
  margin-bottom:40px;	
}

.main-headings h1 {
  color:#4CC6F4;
  font-weight:600;	
  font-size:48px;
}

.main-headings h2 {	
  font-size:24px;
}

.p1, .p2 {
  font-size:19px;	
}

.emphasis {
  font-style:italic;	
  text-decoration:underline;
}

h3 {
  font-size:19px;
  font-weight:600;
  padding:20px 0;
}

.steps-bg {
  padding:6px 12px;
  background:#4CC6F4;	
  border-radius:50%;
  color:#fff;
  margin-right:5px;
}

.cta-arrow {
  display:block;
  position:absolute;
  right:-90px;
  top:24px;
  background: url('../images/mGrateful-sprite.png') no-repeat -441px -105px;
  width: 183px;
  height: 51px;
  z-index:9999;
}

/*Middle Column*/

.phone-container {
  margin:30px 0 0 50px;
}

.phone {
  background:url('../images/mGrateful-sprite.png') no-repeat -672px -22px;
  width: 229px;
  height: 439px;
}

.phone-shadow {
  background: url('../images/mGrateful-sprite.png') no-repeat -626px -496px;
  width: 321px;
  height: 53px;
  margin-top:20px;
  position:relative;
  left:-40px;
}


/*Last Column*/

.main-form {
  background:url('../images/mGrateful-sprite.png') no-repeat 0 -12px;
  width: 411px;
  height: 543px;
  padding:80px 55px;
}

input[type="text"], input[type="email"], input[type="password"] {
  display:block;
  border:none;
  border-radius:3px;
  height:40px;
  width:300px;
  margin:11px 0;
  padding-left:10px;
} 

input[type="submit"] {
  border:none;
  width:250px;
  height:50px;
  border-radius:3px;
  text-transform:uppercase;
  color:#FFF;
  font-size:24px;
  background-color:#F47F1F;
  margin-left:25px;
  margin-top:7px;
  box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.3);
}

.form-instructions {
  text-align:left;
  font-size:16px;	
  line-height:1.4;
  margin-top:0px;
}

#frm-fld, #to-fld {
  display:inline; 
  width:50px;  
  margin-right:10px;
}

.frm-label, .to-label {
  background:#F4F4F0;
  padding:8px 10px;
  border:1px solid rgba(0, 0, 0, 0.3);
  box-shadow:0px 2px 3px 2px rgba(0, 0, 0, 0.3);
  border-radius:5px;
  margin-right:10px;
  color:#ED7E1B;
  font-weight:600;
}

.frm-label, .to-label {
  margin-left:20px;
}

.submit-wrapper {
  width:100%;  
  position:relative;
}

.btn-arrow {
  background: url('../images/mGrateful-sprite.png') no-repeat -1085px -3px;
  width: 42px;
  height: 29px;
  position:absolute;
  display:inline-block;
  top: 18px;
  right: 50px;
}

.social-logos {
  text-align:center;
  margin:0 auto;
  width:100%;
  height:auto;
  margin:30px 0;
  padding:0 50px;
}

.review-1 {
  background: url('../images/mGrateful-sprite.png') no-repeat -441px -202px;
  width: 60px;
  height: 61px;
}

.review-2 {
  background: url('../images/mGrateful-sprite.png') no-repeat -512px -202px;
  width: 59px;
  height: 59px;
}

.review-3 {
  background: url('../images/mGrateful-sprite.png') no-repeat -582px -202px;
  width: 60px;
  height: 61px;
}

.review {
  position:absolute;
}

.review-quote {
  padding-left:70px;
  display:block !important;
}

.review-author {
  text-align: right;
  font-weight: bold;
  font-style:italic;	
}

.last-title {
  position:relative;
  top:-20px;	
}

.testimonials {
  font-size:12px;    
  margin-top:-50px; 
  position:relative;   	
}

.testimonials .author{
  position: relative;
  top: 10px;
  left: 120px;  
  font-weight:600;	
}

.author-first {
  top: 27px !important;
}




.review-col-last {
  float:right;	
}

.last-cta {
  text-align:center;
  text-decoration: underline;	
  color:orange;
  font-weight:600;
  font-size:20px;
  margin:30px 0;
}

.last-cta:hover {
  cursor:pointer;
}

footer {
    margin: 50px 0;
    text-align:right;
}

.m-brk {
  display:none;  
}




/*Media Queries*/

@media screen and (max-width: 991px) {
   .cta-arrow {
     display:none;  
   }

   .last-title {
     position: relative;
     top: 0;
     margin-top: 50px;
   }

   .kd-block {
     margin: 50px 0;  
   }

}


@media screen and (max-width: 768px) {
  .social-logos {
    padding:2px;
  }
}

@media screen and (max-width: 492px) {
 .main-headings h1 {
   font-size: 23px;
 }

 .main-headings h2 {
   font-size: 19px;
   line-height: 1.5;
 }

 .break {
  display:block;  
  height:0;
 }

 li {
   line-height: 3.5;
   font-size: 12px;
   font-weight: 700;
   display: block; 
   width: 380px;
  }

  .p1, .p2 {
    font-size:16px; 
  }

  .main-form {
    margin-left: -20px;
  }
  h3 {
    padding-bottom:0; 
    line-height:1.5; 
  }

  .review-1 {
    margin-top:-30px;  
  }

  .main-form {
    background: url('../images/linen.png') repeat -415px -280px;
    padding: 20px 20px;
    margin:0 auto;
    height: 432px;
    width: 293px;
    border-radius:5px;
    box-shadow: 0 2px 2px 2px rgba(0,0,0,0.3);
  }

  .frm-label, .to-label {
    margin-left: 0px; 
  }

  .btn-arrow {
    right: 32px;
  }

  footer {
    margin: 50px 0;
    text-align: center;
  }

  input {
    border:1px solid #eee !important; 
    max-width:250px !important
  }

  input[type="submit"] {
    margin-left: 0px;
  }

  .form-instructions {
    font-size: 13px;
  }
}

@media screen and (max-width: 365px) {
 .main-headings h1 {
   font-size: 20px;
 }

.main-headings h2 {
   font-size: 17px;
   line-height: 1.5;
 }
 h3 {
    font-size:16px;
  }

}