@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";
@import "../css/ui.totop.css";

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
    display: block;
}

mark, rp, rt, ruby, summary, time {
    display: inline;
}
/* Global properties ======================================================== */
html {
    width: 100%;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #828281;
    min-width: 960px;
    background: #e3e3e3;
    -webkit-text-size-adjust: none;
}


/*********************************fonts*************************************/
.reg {
    text-transform: uppercase;
}

.f_left {
    float: left;
}

.f_right {
    float: right;
}

.align_right {
    text-align: right;
}

.align_center {
    text-align: center;
}

.it {
    font-style: italic;
}

.let {
    letter-spacing: -1px;
}

/*********************************CLASSES**********************************/
.m_bottom_zero {
    margin-bottom: 0 !important;
}

.m_left_zero {
    margin-left: 0 !important;
}

.p_bottom_zero {
    padding-bottom: 0 !important;
}

.p_left_zero {
    padding-left: 0 !important;
}

.clear {
    clear: both;
    width: 100%;
    line-height: 0;
    font-size: 0;
}

.wrapper {
    width: 100%;
    overflow: hidden;
}

.extra_wrapper {
    overflow: hidden;
}

.container {
    width: 100%;
}

.extra_last, .last {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.extra_last {
    border: none !important;
    background: none !important;
}

.bg_none {
    background: none !important;
}

.mb10 {
    margin-bottom: 10px;
}

/*==================================== Links ======================================================== */
a {
    color: #828281;
    outline: none;
    text-decoration: none;
    cursor: pointer;
}

    a:hover {
        color: #000;
        text-decoration: none;
    }

.col a{
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    text-transform: none !important;
}

.button, .pnl-standard a {
    display: inline-block;
    padding: 5px 9px 6px;
    margin: 14px 0 0;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    position: relative;
    background: #333333;
    text-transform: uppercase;
}

    .button:hover {
        color: #fff;
    }

    .button span {
        display: inline-block;
        position: relative;
        z-index: 10;
    }

    .button em {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        left: 0;
        top: 0;
        background: #5b7329;
    }

    .button:hover em {
        left: 50%;
        top: 50%;
        width: 0;
        height: 0;
    }

/*********************************Displays*************************************/
.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

/*================================>> aside <<========================================*/
aside {
    background: #d7d7d7;
}

.social {
    overflow: hidden;
    float: right;
}

    .social a {
        display: block;
        float: left;
        height: 33px;
        overflow: hidden;
    }

        .social a:first-child {
            margin: 0 0 0 0;
        }

        .social a:hover img {
            margin-top: -33px;
        }

/*********************************header*************************************/

header {
    background: url('../images/header.png') repeat-x #e8e8e8;
    padding: 30px 0 29px;
    border-bottom: 1px solid #fff;
}

    header h1 {
        width: 230px;
        float: left;
    }

        header h1 a {
            display: block;
            width: 230px;
            height: 83px;
            background: url(../images/logo-2.png) 0 0 no-repeat;
            text-decoration: none;
            text-indent: -9999px;
        }

/*********************************content*************************************/
#content {
    padding: 30px 0px 29px;
    background: url('../images/content.png') repeat-x #efefef;
}

/*===============================>> Paragraphs <<=============================*/

p {
    margin-bottom: 18px;
}

.p2 {
    margin-bottom: 13px;
}

.p3 {
    margin-bottom: 11px;
}

.p4 {
    margin-bottom: 15px;
}

/*================================>> LISTS <<========================================*/
.list1 {
}

    .list1 li {
        background: url(../images/marker1.png) 1px 4px no-repeat;
        margin-bottom: 7px;
        padding-left: 15px;
    }

    .list1 a {
        font-size: 14px;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
    }

/*================================>> H <<========================================*/
h4 {
    font-weight: normal;
}

h2 {
    font-size: 23px;
    line-height: 28px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 14px 19px 15px;
    margin-bottom: 10px;
}

h3 {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}
/*================================>> GOOGLE FONTS  <<========================================*/

/*================================>> hovers <<========================================*/
.sf-menu li a, .news a, .link1, .link2, .services > li, .link3, #toTop, .menu-arrow {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .sf-menu li a strong, .flex-control-paging li a, .button em {
        -webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
        -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
        -moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
        -ms-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
        -o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
        transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
    }

/*********************************page_1*************************************/
.ext_list > li, .ext_box {
    overflow: hidden;
}

    .ext_list > li > figure, .ext_box > figure {
        float: left;
    }

    .ext_list > li > div, .ext_box > div {
        overflow: hidden;
    }

.flexslider .banner {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 82px;
    background: url('../images/slider_banner.png') repeat;
}

    .flexslider .banner .inner {
        padding: 19px 0 0 17px;
        font-size: 23px;
        line-height: 58px;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
    }

        .flexslider .banner .inner span {
            color: #719755;
            margin-top: -6px;
            display: inline-block;
            font-size: 43px;
        }

.box1 {
}

    .box1 .title {
        background: #fff;
        color: #5b7329;
        text-align: center;
        min-height: 58px;
    }

    .box1 .inner {
        background: #fff;
        padding: 19px 20px 20px;
        text-align: center;
    }

    .box1 img {
        margin-bottom: 14px;
        max-width: 190px;
        height: 165px;
    }

.box2 {
}

    .box2 .title, .box2 .inner {
        background: #5b7329;
    }

    .box2 .inner {
        padding: 16px 15px 6px 20px;
    }

    .box2 .inner1 {
        background: #5b7329;
        padding: 24px 15px 25px 20px;
    }

    .box2 .inner2 {
        background: #5b7329;
        padding: 16px 15px 25px 19px;
    }

    .box2 a, .box2 {
        color: #fff;
    }

        .link1:hover, .box2 a:hover {
            color: #545454;
        }

.box3 {
    color: #fff;
}

    .box3 .inner, .box3 .inner1, .box3 .title {
        background: #8d8c8c;
    }

    .box3 .inner {
        padding: 15px 10px 20px 19px;
    }

    .box3 .inner1 {
        padding: 18px 20px 25px 20px;
    }

.box4 {
    color: #fff;
}

    .box4 .inner, .box4 .title {
        background: #bbbaba;
    }

    .box4 .inner {
        padding: 15px 10px 20px 19px;
    }

    .box4 .inner1 {
        background: #8d8c8c;
        padding: 20px 19px 20px;
    }

.news {
    padding: 0 0 0 0px;
}

    .news > li {
        background: #5b7329;
        padding: 15px 10px 16px 19px;
        word-spacing: -1px;
        margin-bottom: 10px;
    }

    .news time {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        display: block;
        background: url('../images/time_marker.png') 0 5px no-repeat;
        padding: 0 0 0 16px;
        margin-bottom: 10px;
    }

    .news .m_bottom_zero {
        padding-bottom: 19px;
    }

.services {
}

    .services h3 {
        margin-bottom: 9px;
    }

    .services > li {
        padding: 16px 0 16px 19px;
        margin-bottom: 10px;
        background: #bbbaba;
    }

        .services > li:hover {
            background: #8d8c8c;
        }

    .services, .services a {
        color: #fff;
    }

.m_bot1 {
    margin-bottom: 30px;
}

.m_bot2 {
    margin-bottom: 20px;
}

.m_bot3 {
    margin-bottom: 24px;
}

.link2, .link1 {
    color: #fff;
    border-bottom: 2px solid #ffce80;
    text-transform: uppercase;
    font-size: 14px;
}

.link2 {
    border-color: #c6c6c6;
    margin-top: 23px;
    display: inline-block;
}

.link3:after {
    display: inline-block;
    width: 5px;
    height: 9px;
    background: url('../images/link3_marker.png') no-repeat;
    margin: 4px 0 0 10px;
    content: "";
}

.link3:hover {
    color: #5b7329;
}

.link1:hover, .link2:hover {
    border-color: #fff;
}

.link_ind1 {
    margin-top: 19px;
}

/*********************************page_2*************************************/
.we_are > li {
    border-bottom: 1px solid #4C5745;
    padding-bottom: 5px;
    margin-bottom: 17px;
}

    .we_are > li > div {
        word-spacing: -1px;
    }

    .we_are > li > figure {
        margin: 3px 19px 0 0;
        padding: 4px 0 15px;
        width: 51px;
        text-align: center;
        font-size: 36px;
        line-height: 43px;
        color: #5b7329;
        font-weight: bold;
        background: url('../images/big_marker.png') no-repeat;
    }

ul li.last_li {
    border: none;
}

.testimonial {
    position: relative;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    background: url('../images/testimonials.jpg') repeat-x #bdbcbc;
    padding: 20px 30px 20px;
    margin-bottom: 11px;
    word-spacing: -2px;
    position: relative;
}

    .testimonial:after {
        width: 36px;
        height: 21px;
        position: absolute;
        bottom: -21px;
        left: 64px;
        background: url('../images/test_after.png') no-repeat;
        display: block;
        content: "";
    }

    .testimonial:before {
        width: 30px;
        height: 26px;
        display: block;
        background: url('../images/quotes.png') no-repeat;
        position: absolute;
        left: 20px;
        top: 15px;
        content: "";
    }

.author {
    text-align: right;
    margin-bottom: 26px;
}

.work {
    background: #4C5745;
    margin-left: 20px;
    padding: 13px 13px 11px;
    float: left;
    width: 157px;
}

    .work img {
        margin-bottom: 10px;
    }

.first {
    margin-left: 0 !important;
}
/*********************************page_3*************************************/

.overview {
    margin-bottom: 6px;
}

    .overview img {
        /*width: 212px;
    height: 154px;*/
    }

    .overview > li {
        margin-bottom: 18px;
    }

        .overview > li > div {
        }

        .overview > li > figure {
            margin: 4px 19px 0 1px;
        }

    .overview li figure img {
        max-width: 212px;
        max-height: 154px;
    }
/*********************************page_4*************************************/
.gallery {
    width: 265px;
    float: left;
    background: #afafaf;
    padding: 13px 13px 18px;
    margin-left: 18px;
}

    .gallery img {
        margin-bottom: 15px;
    }
/*********************************page_5*************************************/
.faqs > li {
    margin-bottom: 22px;
}

/*FEATURE SLIDER*/

.feature-slider {
    width: 100%;
}

/*FEATURE IMAGES BLOCK*/

.img-responsive {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
}

.features {
    margin-top: 20px;
    clear: both;
}

.features ul {
    list-style: none;
    text-align: center;
}

.features ul li {
    color: #333;
}

    .features .col {
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        width: 31%;
    }

    .features img {
        padding-bottom: 10px;
    }

    .features h2 {
        font-size: 20px;
        font-weight: bold;
        margin: 0px;
        padding: 0px;
        text-align: center;
        color: #5b7329;
    }

    .features p {
        color: #333;
        text-align: center;
    }

@media only screen and (max-width: 995px) {
    .features .col {
        width: 30%;
    }
}

@media only screen and (max-width: 767px) {
    .features .col {
        width: 100%;
        padding: 0px;
    }
}


/* Contact form */
#contact-form {
    padding: 3px 0 2px 0;
}

    #contact-form .success {
        width: 246px;
        padding: 10px;
    }

    #contact-form textarea, #contact-form input {
        margin: 0;
        font-size: 12px;
        border: 1px solid #e5e5e5;
        color: #83868a;
        padding: 10px 13px 9px;
        outline: none;
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        background: #fff;
    }

    #contact-form input {
        width: 319px;
        float: left;
    }

    #contact-form textarea {
        overflow: auto;
        width: 562px;
        height: 220px;
        resize: none;
        float: left;
        margin: 0 0 0 0;
    }

    #contact-form label {
        display: inline-block;
        min-height: 46px;
        overflow: hidden;
    }

        #contact-form label.message {
            display: block;
            padding-bottom: 0;
        }

    #contact-form .link2 {
        margin-left: 8px;
    }

    #contact-form .error, #contact-form .empty, #contact-form .success {
        display: none;
    }

    #contact-form .error, #contact-form .empty {
        text-align: left;
        color: #fff;
        font-size: 11px;
        float: left;
    }

    #contact-form .buttons2 {
        overflow: hidden;
        text-align: right;
        position: relative;
        clear: both;
        padding-top: 15px;
        padding-right: 10px;
    }

        #contact-form .buttons2 a {
            cursor: pointer;
            margin-top: 0;
            text-align: center;
        }

    #contact-form span {
        display: block;
        margin: 0px 0 0 5px;
    }

.map_wrapper {
    overflow: hidden;
    display: block;
    margin-bottom: 16px;
    padding: 3px 4px 0 0;
}

#map_canvas {
    width: 100%;
    height: 276px;
}

.adress {
}

    .adress span {
        display: inline-block;
        width: 74px;
    }

    .adress dt {
        margin-bottom: 11px;
    }

.demo {
    text-decoration: underline;
}

    .demo:hover {
        text-decoration: none;
    }
/****************************footer************************/
footer {
    padding: 27px 0;
}

    footer h3 {
        margin-bottom: 13px;
        color: #5b7329;
    }

    footer dl {
        text-transform: uppercase;
    }

        footer dl dd {
            margin-bottom: 3px;
        }

    footer .f_stripe {
        background: #bbbaba;
        height: 6px;
        margin: 22px 5px 0;
    }

.privacy {
    padding: 7px 2px 0;
}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
    body {
        min-width: 768px;
    }

    .flexslider .banner .inner {
        font-size: 20px;
    }

    .work img {
        width: 100%;
    }

    .work {
        margin-left: 5px;
        width: 126px;
    }

    .m_bot2 {
        margin-bottom: 5px;
    }

    .gallery {
        width: 200px;
    }

    #contact-form textarea {
        width: 435px;
    }
}

@media only screen and (max-width: 767px) {
    body {
        min-width: 420px;
    }

    header h1, nav {
        float: none;
    }

        header h1, header h1 a {
            width: 100%;
            height: 152px;
            -webkit-background-size: contain;
            background-size: contain;
        }

    .flexslider .banner {
        display: none;
    }

    img {
        width: 100%;
    }

    footer .container_24 .f_col1 {
        float: left;
        width: 50%;
        margin: 0 0 15px;
    }

    .gallery, .work {
        float: none;
        margin: 0 0 30px;
        width: auto;
    }

    .overview > li > div {
        overflow: visible;
    }

    .m_bot3 {
        margin-bottom: 0;
    }

    #contact-form textarea, #contact-form input {
        width: 353px;
    }

    footer .f_stripe {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width: 479px) {
    body {
        min-width: 300px;
    }

    header h1, header h1 a {
        height: 110px;
    }

    header {
        padding-bottom: 10px;
    }

    .overview > li > figure {
        float: none;
        margin: 0 0 15px 0;
    }

    .overview {
        padding-right: 10px;
    }

    #contact-form textarea, #contact-form input {
        width: 233px;
    }
}

.pnl-standard .box2 .title, .pnl-standard .box2 .inner2 {
    background: white;
    color: #5b7329;
}

.std-img {
    float: right;
    margin: 10px;
}

.overview figure {
    width: 212px;
}