@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Roboto+Slab:400,700');


body{
   
    font-family: "Roboto Slab', serif;";
    font-weight: 300;
    font-size: 2em;
    
    
}
.formcenter {text-align:center;}

h1,h2, h3,h4, h5,h6 {
    font-family: "'Open Sans', sans-serif;";
    font-weight: 100;
    margin: 0;    
}
.portfolioheadings {font-family: sans-serif; text-decoration:underline; font-weight:bold; size:.5em}

img{
    max-width: 200px;
}
    
    /** Header Navigation **/
header .navbar {
    padding: 10px;   
    transition: all .5s ease-out;
}
header .navbar-default {
        border: 0;    
        background-color: transparent;
}
header .navbar-default .navbar-nav a{
   color: slategrey;
    padding: 5px 8px;
  font-weight: bold;
  
    
}
header .navbar-default .navbar-nav a:hover {
    color: orange;
  }

header .navbar-default .navbar-nav a:active {
    color: #DD4649;
  }
header .navbar-default .navbar-nav .active a {
    color: #FCBA63;
    border-bottom: 4px solid #FCBA63;
    background-color: transparent;
  }


//**Navbar Brand**//
header .navbar-brand{
    background: url('../images/LOGO.png');
    background-repeat: no-repeat;
    background-position: 15px 0px;
    height: auto;
}
    

header .navbar-brand h1 {
    color: slategray;
    margin: 0;
    font-size: 1.8em;
    
        font-weight:400;
    
}
header.navbar-brand .subhead {
    font-family: 'Roboto';
    font-size: .9em;
    font-weight: 100;
    display: block;
    color: #FCBA63;
    text-align: center;
}
//**Navbar toggle**//
header .navbar-toggle {
    background-color: #ffffff;
}
header .navbar-default .navbar-toggle .icon-bar {
    background-color: grey;
}
header .navbar-collapse {
    background-color: rbg(0,0,0 .15);
}
  /** Footer Navigation **/
footer.navbar-default {
    background: transparent;
   
}
  /** about **/

 #about {
     padding-top: 2%;
    background: #e4d29d;
    background-image: linear-gradient(to bottom, #EEF08A, #819A2D);
    border-top: 20px solid rgba(238, 200, 86, .5);
}
.service {
    margin: 20px 0;
    text-align: center;
}
.serviveslist {text-align:left;}
.pricing {color: royalblue;}
#services img.com{
    display: block;
    width: 80px;
    margin: 0 auto;
    margin-bottom: 5px;
    }
#services h3 {
    margin-bottom: 10px;
    margin-top: 10px;
}

@media only screen {
    and (min-width: 450px)
    and (max-width: 768px)
    .service p {
        padding: 0 20%;
    }
        
}

 /** Testimonials **/
#testimonials {
    padding: 0;
    
}
#testimonials h2 {
    display: none;
}
#testimonials blockquote {
    margin: 0;
    border-left: none;
    min-height: 500px;
    position: relative;
    padding: 0;
}
#testimonials blockquote .quote {
    background-color: rgba(255,255,255,.6);
    padding: 20px 5%;
    position: absolute;
    bottom: 0;
    width: 75%;
    font-weight: 400;
    border-radius: 0 50px 0 0;
}
#testimonials blockquote .quote:hover {
    background-color: rgba(239,240,196, .9);
   
}
#testimonials #natalie {
     background-image: url(../images/natalie.png);
   
    background-position: center center;
    background-size:cover;
    
}
#testimonials #TheVine {
     background-image: url(../images/community.jpg);
     background-position: center center;
     background-size:cover;
}
#testimonials #Serendipitys {
     background-image: url(../images/nursery.jpg);
   background-position: center center;
     background-size:cover;
}

#testimonials #cleaningservices {
     background-image: url(../images/cleaning.jpg);
   background-position: center center;
     background-size:cover;
}
#testimonials .quote {
    font-size: 1.2em;
    line-height: 110%;
    font-weight: 400;
    }
#testimonials .quote .more, #testimonials .customer  {
    opacity: 0;
    font-size: 0;
    line-height: 0;
    padding-top: 10px;
}
#testimonials .quote:hover .more{
    font-family: 'Open Sans';
    font-weight: 100;
    display: block;
    opacity: 1;
    font-size: .8em;
    line-height: 120%;
    
}
#testimonials .quote .intro::after {
    content: '...';
}
#testimonials .quote:hover .intro::after {
    content: '';
}
  /** Portifolio**/

#portfolio {
    background-color: #e4d29d;
    background-image:linear-gradient(to bottom,#E4D29D, #CDAE50); 
    }
#portfolioc {
    margin:6px 0;
 
    
}
.info h3 {  
    font-weight: 600;
    font-size: 1.6em;
    color: #4b3c36;
    padding-bottom: 20px;
   
    
}
.info {font-size: 14px; 
      padding-right: 2%;
      height: 300px;
}
.portfolioc img {
    width: 100%;
    border: solid 3px #4B3C36;
    
}
.portfoliolink {
      
    padding-left: 22%;
    color: black;
    font-weight: bold;
    font-size: 20px;
}
.portfoliolinkhol {padding-left: 5%;
    color: black;
    font-weight: bold;
    font-size: 20px;}
.portfoliolinkLL4K {padding-left: 15%;
    color: black;
    font-weight: bold;
    font-size: 20px;}
.clear {clear: both;}
.page {
    padding: 50px; 0;
}
.page h2 {
    text-align: center;
    padding:30px;
}
  /** Footer Navigation **/
footer {
    background-color: #586d74;
    color: white;
    font-size: .8em;
    padding: 20px 0 40px 0;
    }
footer a {
    color: #fff;
}
footer a:hover {
    color: #eec856 !important;
        
}
footer .phone {
    font-size: 1.4em;
    font-weight: 800;
    color: #e0e6ae;
}
footer .navbar {
    margin-bottom: 0;
    min-height: 0;
}
footer .navbar-default {
    background-color: transparent;
    border: none;
    margin-right: 40px;
}
footer .navbar-nav li a {
    padding-top: 0;
    padding-bottom: 0;
    text-decoration:underline;
    color: #fff !important;
}
/**Nav Inbody **/

header .inbody{
    background: rgba(104,73,49, .9);
}
header .navbar .inbody {
    padding-top: 0;
    padding-bottom: 0;
    
}
header .navbar .inbody .navbar-nav {
    padding-top: 10px;
}
header .inbody .navbar-brand {
    margin-top: 5px;
    padding-bottom: 0;
    margin-left: 10px;
}
header .inbody .navbar-brand h1 {
    font-size: 1.1em;
    padding-left: 30px;
}
header .inbody .navbar-brand span.subhead {
    display:none;
}
/*Contact sectiom*/
.content-header{
  font-family: 'Oleo Script', cursive;
  color:#fcc500;
  font-size: 45px;
}

.section-content{
  text-align: center; 

}
#contact{
    
    font-family: 'Teko', sans-serif;
   background: #3a6186; /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #3a6186 , #89253e); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #3a6186 , #89253e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color : #fff;    
}
.contact-section{
  padding-top: 40px;
}
.contact-section .col-md-6{
  width: 50%;
}


.red{
    color:red;
    }
.form-area
{
    background-color: #FAFAFA;
	padding: 10px 40px 60px;
	margin: 10px 0px 60px;
	border: 1px solid GREY;
	}


.form-group{
  margin-top: 10px;
}
label{
  font-size: 1.3em;
  line-height: 1em;
  font-weight: normal;
}
.form-control{
  font-size: 1.3em;
  color: #080808;
}
textarea.form-control {
    height: 135px;
   /* margin-top: px;*/
}

.submit{
  font-size: 1.1em;
  float:center;
  width: 150px;
  background-color: transparent;
  color: #fff;

}
.footerh1 {text-align: center;}

@media screen and (max-width: 480px) {
   .submit {
        font-size: .8em;
        margin-top:1em;
   }
    .input-text {font-size:.8em;}
    
    label{
  font-size: 1.3em;
  line-height: 1em;
  font-weight: normal;
}
.form-control{
  font-size: 1em;
  color: #080808;
}
   .formcss{ padding: 0;
    margin: 0;
    min-width: 100%;
   }
   #portfolio {
   clear:both;
    }
    .info {
      height: auto;
}
header .navbar-collapse {
    background-color: #f0ead6;
    margin-top:2em;

}