body {
	font: 100%/1.618 'Roboto', sans-serif;
	color: #333;
}
body{ background: url("../images/bg.jpg") repeat left top;}
.header{ background: #fff;} 

.logo div{ text-align: center;}
.logo span{ color: #97D59B; display: block; font-size: 80%;}
.logo-name{font: 100%/1.618 'Roboto', sans-serif; font-size: 35px; font-weight: bold; text-transform: uppercase; line-height: 45px; color: #086233;}
.logo-name span{color: #9bd79a;}
.padding-top{padding-top: 20px;}
.green-line{background-color: #9bd79a; min-height: 7px;}
.phone{font: 100%/1.618 'Roboto', sans-serif; font-size: 48px; font-weight: bold; text-transform: uppercase; line-height: 70px; color: #086233;}

.yard{font: 100%/1.618 'Roboto', sans-serif; font-size: 40px; font-weight: bold;  line-height: 45px; color: #086233;}

.form-control {height: 42px;}

.form-text{
    margin-bottom: 15px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 20px;
}
.newcont h2 {
    padding: 10px 20px;
    font-size: 38px;
    background-color: #34975d;
    color: #fff;
    line-height: 50px;
}
h2 span {
    color: #ebff80;
    font-size: 28px;
}
.brwon {
    color: #fff;
    background-color: #6d3711;
    border-color: #562a0b;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-top: 2px;
    margin-bottom: 10px;
}

.price {
    font-size: 16px;
    font-weight: 600;
}

.form-left{background-color: #376c37; min-height: 351px;}
.padding5{
    padding-right: 5px;
    padding-left: 5px;}

.btn:hover {
    color: #fff;
    text-decoration: none;
}

.container-round{ border: 1px solid #006039; border-radius: 8px; }
.container-round h1{ font-size: 400%; text-align: center; background: url("../images/top-img.jpg"); color: #fff; padding: 10px 0px; margin: 0px 0px 20px 0px; border-top-left-radius: 8px; border-top-right-radius: 8px; font-weight: 600; text-transform: uppercase;}

.container-round h1 span{text-transform: none;}
.container-round h3 {text-transform: none; font-size: 26px; margin: 31px 10px -12px 20px; font: 'Roboto', sans-serif; font-weight: bold; color: #086233;}
.container-round p{ margin: 20px; font-size: 150%; }
.copyright{ margin-bottom: 15px; font-size: 14px; line-height: 24px;}
.img-brd{ border: 1px solid #f0f0f0; padding: 5px; margin:0px 20px 20px 20px;}

.form-group{    font-size: 15px;}

/*------------------------------*/
.img-responsive{ display: inline-block;}

.map-bor{border: 1px solid #555; padding: 5px;}

.margin-bottom-30{ margin-bottom: 20px;}
.paddingtop20 {
    padding-top: 20px;
}
.paddingtopbottom12 {
    padding-top: 12px;
    padding-bottom: 12px;
}
.no-padding-top{ padding-top: 0px;}


h3.need-input {
    color: #990000;
    text-align: center;
    margin: 0px 0px 30px 0px;
    border: 1px solid #e1e1e1;
    margin: 10px;
    padding: 30px 0px;
}

.map-bor{border: 1px solid #cdcece; padding: 8px; margin-bottom: 20px;}

address{font-size: 16px; line-height: 28px;}

address strong {font-size: 20px; }

.navbar-transparent {
	border-radius: 5px;
	font-size: 140%;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 10px;
}

.nav-content{
		max-width: 950px;
	margin: 0 auto;
}
.navbar-transparent {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#417848+0,077714+100 */
background: #035b31; /* Old browsers */
background: -moz-linear-gradient(top,  #035b31, #035b31 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #035b31 0%,#035b31 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #035b31 0%,#035b31 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#035b31', endColorstr='#035b31',GradientType=0 ); /* IE6-9 */

}
.navbar-default {
	background-color: transparent;
	border-color: transparent;
	border-top: 2px solid #97D69E;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 16px;
    font-weight: bold;

}

.nav>li>a {
	padding: 13px 18px;
	margin: 0px 10px;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	color: #fff;
	background-color: #E57D2E;
	border-radius: 3px;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #fff;
	background-color: #E57D2E;
	border-radius: 3px;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	color: #fff;
	background-color: #E57D2E;
	border-radius: 3px;
}
.img-bor {
    border: 1px solid #b5b5b5;
    padding: 5px;
    margin-left: 20px;
}

.brwon01 {
    color: #fff;
    background-color: #6d3711;
    border-color: #562a0b;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-top: 5px;
}


.carousel-control.left{background:none;}
.carousel-control.right{background:none;}

.carousel-control .glyphicon-chevron-right{margin-right: -15px;}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: 6px;
}
#block div {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #333333 #333333 -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 3px 3px medium;
    bottom: 0;
    color: #990000;
    font-weight: bold;
    padding: 10px;
    position: fixed;
    right: 0;
    text-align: center !important;
    width: 300px;
    z-index: 999999;
}

/*-------------------------------------------*/

@media (min-width:320px) and (max-width:441px) {
    
    .logo-name {
    font: 100%/1.618 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 24px;
    color: #086233;
}
    
    .phone {    font-size: 41px;}
    
    .form-left {
    background-color: #376c37;
    min-height: 307px;
}
    
    .yard{    font-size: 27px;
    font-weight: bold;
        line-height: 33px;}

}

@media (min-width:568px) and (max-width:736px) {
    .logo-name{font-size: 20px;     line-height: 29px;}
    
    .form-left {
    background-color: #376c37;
    min-height: 296px;
}
    
    .yard{font-size: 29px;}
}


@media (max-width:767px){
.text-xe-center{ text-align: center;}
	.logo{ font-size: 400%;}
	.img-brd{ display: block; float: none!important; margin-left: auto; margin-right: auto;}
}

@media (min-width:768px) and (max-width:991px) {
	.logo{ font-size: 350%;}
	.nav-content{
		max-width: 750px;
	margin: 0 auto;
}
.nav>li>a {
    padding: 13px 36px;
    margin: 0px 5px;
}
    
    .logo-name {
    font: 100%/1.618 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 30px;
    color: #086233;
}
    
    .form-left {
    background-color: #376c37;
    min-height: 292px;
}
    
    .yard {
    font: 100%/1.618 'Roboto', sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 45px;
    color: #086233;
}
}

@media (min-width:992px) and (max-width:1199px) {
	.logo{ font-size: 400%;}
	.submitbt {
    min-width: 145px;
}
    
    .form-control {
    height: 35px;
}
    
    .form-left {
    background-color: #376c37;
    min-height: 260px;
}
    
    .form-text {
    margin-bottom: 15px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 14px;
}
    
.logo-name {
    font: 100%/1.618 'Roboto', sans-serif;
    font-size: 27px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 36px;
    color: #086233;
}