/* 
light #DAF5D5 
dark #87965C
button #87965C; border #7D8C52;
title #596731
brown: #986733
*/

.header, .footer{
    background-color: #DAF5D5;
}

.logo img{
    height: 250px;
    width: auto;
}
.head-banner {
    margin-top: 4em;
}
.head-grid ul li.lang-btn a, .top-nav .lang-btn a{
    color: #DAF5D5;
}

.footer-bottom p,  .top-nav ul li a:hover, .top-nav ul li.active a{
    color: #666666;
}
.footer-bottom p a:hover, ul.list1 li a {
    color: #986733;
}
.top-nav ul li a, .head-grid ul li span, .head-grid ul li a, .footer-bottom p a, .footer-head h4, .footer-head1 h4, 
.footer-new2 p,.footer-head1 p, .footer-new3 p a, .head-banner h1,  .head-banner h1 span {
    color: #87965C;
}

.head-grid ul li.lang-btn a:hover, .resp-lang a:hover {
    background: #986733;
    color: #ffffff;
}

.head-banner h1{
    /*text-shadow: 2px 2px #5E6B3A;*/
}

.has-error .fc {
    color: #a94442 !important;
    border-color: #a94442 !important;
}

.send input[type="submit"] {
    width: auto;
}

.address-grid h5, .contact-in h2 {
    color: #000;
    font-size: 1.5em;
    margin: 0.5em 0;
    font-family: 'Roboto Condensed', sans-serif;
}

form.price-quote-form .control-label{
    text-align: right;
}

#contact-captcha{
    position: absolute; 
    left: 5px; 
    top: 13px;
}
#input_captcha{
    text-indent: 150px;
}

.text-blog span {
    color: #87965C;
}

.blog-text h5 a {
    color: #87965C;
    text-decoration: none;
}

.blog-text h5 a:hover {
    color: #DAF5D5;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #87965C;
    border-color: #7D8C52;
    color: #fff;
}

@media (max-width: 768px){
    .footer-head, .footer-head1 {
        background: rgba(255, 255, 255, 0.5);
    }

    .footer-bottom {
        background: rgba(255, 255, 255, 0.5);
        border-top: 5px solid #87965C;
    }
    .top-nav ul {
        opacity: 0.9;
        background: #DAF5D5;
    }
    .logo img {
        height: 140px;
    }
    .banner-head h1 {
        font-size: 2em;
        padding: 2.2em 0 0;
    }
}

@media (max-width: 480px){
    #contact-captcha{
        position: initial;
    }
    #input_captcha{
        text-indent: 0;
    }
}

@media (max-width: 320px){
    .wel {
        padding-right: 5px;
        padding-left: 5px;
    }
}