/*

#614B3C top Menu Brown
#553527 side menu
AF8F5C tan1
C1A56D tan2
E2DABB tan3
BBC7AF bluegreen
C9794B orange
8D7D72 house1
C0A46D house2
553527 house3
*/


/* Import fonts */
@import url(https://fonts.googleapis.com/css?family=Ruda:400,700,900);


h1{font-size:50px; font-family: 'Ruba', sans-serif;}
h2{font-size:25px;font-weight:600;margin:15px 0;}
h3{font-size:30px;margin:10px 0;font-weight:600; font-family: 'Ruba', sans-serif;}
h4{font-size:20px;margin:10px 0;font-weight:600; font-family: 'Ruba', sans-serif;}
h5{font-size:28px;font-weight:600;margin:15px 0; font-family: 'Ruba', sans-serif;}
h6{font-size:16px;font-weight:600;margin:10px 0; font-family: 'Ruba', sans-serif;}




.house_color1{color:#8D7D72}
.house_color2{color:#C0A46D}
.house_color3{color:#553527}
.house_color4{color:#BBC7AF}
.house_color5{color:#C9794B}



/*Theme Buttons*/



hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #797979;
}




/*Helpers*/

.centered {
  text-align: center;
}

.hidden {display: none;}

.goleft {
  text-align: left;
}

.goright {
  text-align: right;
}

.mt {
  margin-top: 30px;
}

.mb {
  margin-bottom: 25px;
}

.ml {
  margin-left: 5px;
  }

.no-padding {
  padding: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

/*Exclusive Theme Colors Configuration*/

.label-theme {
  background-color: #68dff0;
}

.bg-theme {
  background-color: #68dff0;
}


.navbar-inverse {
background: #614B3C;
border-bottom: 2px dashed #BBC7AF;
padding-bottom: 15px;
padding:10px;
box-shadow: 0 0 0 4px #614B3C;
}








/*LOGIN CONFIGURATION PAGE*/



.login_box {
  margin-top: 20px;
   background: #E2DABB;
   border: 2px dashed #614B3C;
   border-radius: 10px;
   box-shadow: 0 0 0 4px #E2DABB;
   font-weight: normal;
   padding: 20px;
   text-align: center;
   font-size: 14px;
}


.form-login {
  max-width: 330px;
  margin: 100px auto 0;
  background: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

h2.form-login-heading {
  margin: 0;
  padding: 25px 20px;
  text-align: center;
  background: #E2DABB;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  color: #614B3C;
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 300;
  font-family: 'Ruba', sans-serif;
}
.login-wrap {
  padding: 20px;
}
.login-wrap .registration {
  text-align: center;
}




/* Space out content a bit */


body {
padding-top: 20px;
padding-bottom: 20px;
color: #333;
background: #f2f2f2;
font-family: 'Ruda', sans-serif;
padding: 0px !important;
margin: 0px !important;
font-size:18px;
}


#iphone_install{

z-index: 999;
position: fixed;
bottom: -500px;
left: 0;
width: 100%;
height: 610px;
box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.25);
background-color: #fff;
-webkit-transition: -webkit-transform 0.15s linear, opacity 0.15s linear;
}



#iphone_install .top {
    text-align: center;
    background-color: #111;
    font-size: 10px;
    color: #FFF;
}



/*navbar*/



div#homenav h1.home_nav {font-size:30px;font-family: 'Ruba', sans-serif; color:#AF8F5C;}


.butt {
  color: #614B3C;
  font-weight: 900;
  font-size: 14px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 5px 15px;
  margin-right: 12px;
  background: #BBC7AF;

}


.joinbutt {
  padding-left: 20px;
  padding-right: 20px;
  background-color: #C9794B;
  border: 2px dashed #fff;
  color: #fff;
  box-shadow: 0 0 0 4px #C9794B;
  border-radius: 10px;
  font-size:30px; font-family: 'Ruba', sans-serif;
}




div.product_list_info {
color: #614B3C;
background: #BBC7AF;
border-radius: 4px;
-webkit-border-radius: 4px;
padding: 10px;
margin: 15px;
border: 2px dashed #614B3C;
border-radius: 10px;
box-shadow: 0 0 0 4px #BBC7AF;
font-weight: normal;
}




/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-right: 15px;
  padding-left: 15px;
}



/* Custom page header */
.header {
text-align: center;
margin-top: 50px;

}


.about {
margin-bottom: 60px;
}


.title {
  font-size: 25px;
  text-align:center;
  margin-bottom:30px;

  padding-top: 20px;
  line-height: 40px;
  border-radius: 15px;

 
   margin: 10px;
   background: #E2DABB;
   font-size: 21px;
   font-weight: bold;
   line-height: 1.3em;
   border: 2px dashed #614B3C;
   border-radius: 10px;
   box-shadow: 0 0 0 4px #E2DABB;
   font-weight: normal;

}

.join {
  margin-bottom:40px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  background-color: #C9794B;
  border: 2px dashed #fff;
  color: #000;
  box-shadow: 0 0 0 4px #C9794B;
  border-radius: 10px;
}


.donate {
  margin-bottom:40px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  background-color: #337ab7;
  border: 2px dashed #fff;
  color: #000;
  box-shadow: 0 0 0 4px #337ab7;
  border-radius: 10px;
}

.control-label2 {

  color: #fff;

}



.donate_inner {
  margin-top:40px;
  margin-bottom:40px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  background-color: #fff;
  border: 2px dashed #337ab7;
  color: #337ab7;
  box-shadow: 0 0 0 4px #fff;
  border-radius: 10px;
}



.join p 

  color: #000;
}


.join2 {
  margin-top:40px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  background-color: #C9794B;
  border: 1px dashed #fff;
}

.join h1, .join h2 {
  color: #fff;
}

.donate h1, .donate h2 {
  color: #fff;
  margin-bottom: 30px;
}


.donate_inner h1 {
  color: #C9794B;
  margin-bottom: 30px;
  text-align: center;
}



.join a {color: #337ab7;}



.join input {
color: #000;
}  


.join2 p input {
color: #000;
}

p.error {
margin-top: -20px;
color: #B03421;
font-size: 12px;
background: #fff;
padding: 3px;
border: 1px #B03421 solid;
border-radius: 4px;}


.join .btn-primary {
color: #fff;
font-weight: 700;
}

.works {
  margin-bottom:40px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  background-color: #BBC7AF;
  border: 2px dashed #614B3C;
  box-shadow: 0 0 0 4px #BBC7AF;
  border-radius: 10px;
}


.works h3 {
  color: #614B3C;
}

.works ul {
 padding: 0;
  color: #614B3C;}

.works ul li { margin:12px 0 12px 0; }


.works ul > ul {    list-style-type:none;
margin:0 0 3px 0; 
}

.works ul > ul li {
margin:0 0 3px 0; 
}


/*========== 5. MODAL ==============*/


.modal-body ul {

  margin-top: 20px;
}

.modal-body li {

  margin-bottom: 20px;
}




/*========== 5. TESTIMONIALS ==============*/

.testblock {
  width:100%;
  height:auto;
  padding:20px;
  background:#FFF;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  font-style:italic;
  position:relative;
  line-height:28px;
  font-size:16px;
}
.testblock:after {
  top: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 15px;
  margin-left: -15px;
}
.clientblock {
  margin-top:40px;
  margin-left:10px;
}
.clientblock img {
  float:left;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  border-width: 5px;
  border-style: solid;
  border-color: #C9794B;
  margin-right: 10px;
margin-bottom: 30px;
}


.clientblock p {
  padding-left:80px;
  padding-top:13px;
}
.clientblock p strong {
  color:#384047;
  font-size:16px;
}
/* Animation */

.testblock {
  -moz-transition:all 0.6s ease;
  -webkit-transition:all 0.6s ease;
  -ms-transition:all 0.6s ease;
  -o-transition:all 0.6s ease;
  transition:all 0.6s ease;
}
.testblock:hover {
  -moz-transform:scale(1.05);
  -webkit-transform:scale(1.05);
  -o-transform:scale(1.05);
  -ms-transform:scale(1.05);
  transform:scale(1.05);
  z-index:2;
}




/* Make the masthead heading the same height as the navigation */
.header h3 {
  padding-bottom: 19px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}

/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}