body {
    background: url(../../images/worn_dots.png) repeat;
}

header {
    background: #a6cd39;
    border-bottom: 5px solid #99bd35;
}

    header .top-most-bar {
        background: linear-gradient(left, #a6cd39 0%, #99bd35 100%);
        background: -moz-linear-gradient(left, #a6cd39 0%, #99bd35 100%);
        background: -o-linear-gradient(left, #a6cd39 0%, #99bd35 100%);
        background: -ms-linear-gradient(left, #a6cd39 0%, #99bd35 100%);
        background: -webkit-linear-gradient(left, #a6cd39 0%, #99bd35 100%);
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 3px;
    }

        header .top-most-bar ul {
            padding: 0;
            margin: 0;
        }

            header .top-most-bar ul li {
                margin-right: 2px;
                padding: 0;
                color: #fff;
            }

                header .top-most-bar ul li:last-child {
                    margin-right: 0;
                }

                header .top-most-bar ul li a {
                    color: #fff;
                    text-decoration: none;
                    font-size: 11px;
                }

    header .main-header {
        padding-top: 10px;
        padding-bottom: 10px;
    }

        header .main-header .logo-container {
        }

        header .main-header .top-search-box {
            padding: 50px 0;
        }

            header .main-header .top-search-box input[type="text"] {
                background-color: transparent;
                padding: 10px 5px;
                color: #fff;
                border: 1px solid #fff;
            }

            header .main-header .top-search-box span {
                padding: 10px 11px;
                background: #fff;
                display: inline-block;
            }

                header .main-header .top-search-box span a {
                    color: #a1cd39;
                }

                    header .main-header .top-search-box span a i {
                        font-size: 20px;
                    }

.image-slider .carousel-inner .item img {
    width: 100%;
    height: 400px;
}

.image-slider .carousel-inner .item .carousel-caption {
    background: rgba(0,0,0,0.4);
    left: 73%;
    top: 60%;
}

    .image-slider .carousel-inner .item .carousel-caption h4 {
        margin-top: 0;
    }

    .image-slider .carousel-inner .item .carousel-caption p:nth-child(2) {
        margin-bottom: 3px;
    }

    .image-slider .carousel-inner .item .carousel-caption p:last-child {
        margin: 0;
    }

.body-content {
    background: rgba(255, 255, 255, 0.5);
}

    .body-content > div:first-child {
        padding: 0;
    }

.top-navigation .navbar.navbar-default {
    box-shadow: none;
    border-radius: 0;
    background-image: url(../../images/menu-bg.png);
    background-repeat: repeat-x;
    border: 1px solid #86a72b;
    border-bottom: 3px solid #7a9629;
}

    .top-navigation .navbar.navbar-default ul.nav > li {
        border-right-width: 2px;
        border-right-style: solid;
        border-right-color: #7a9629;
    }

        .top-navigation .navbar.navbar-default ul.nav > li:last-child {
            border-right: 0;
        }

    .top-navigation .navbar.navbar-default ul.nav li.open > a {
        background: #caf25a;
    }

    .top-navigation .navbar.navbar-default ul.nav li a {
        color: #333;
        padding-left: 10px;
        padding-right: 18px;
        -moz-transition: all ease 0.2s;
        -o-transition: all ease 0.2s;
        -webkit-transition: all ease 0.2s;
        transition: all ease 0.2s;
    }

        .top-navigation .navbar.navbar-default ul.nav li a:hover {
            background: rgba(255, 255, 255, 0.2);
        }

.body-container .col-lg-9 {
    padding: 0;
    background: rgba(255, 255, 255, 0.4);
}


.left-area .padd-less .single-item:first-child {
    padding-left: 0;
}

.left-area .padd-less .single-item:last-child {
    padding-right: 0;
}

.left-area .single-item {
    margin-bottom: 30px;
}

    .left-area .single-item h4 {
        margin: 0;
        background: url(../../images/heading-bg.png) repeat #dcd62e;
        padding: 10px 5px;
        margin-bottom: 10px;
        border-left: 20px solid #e2da0b;
    }

    .left-area .single-item img {
        border: 1px solid #caf25a;
        margin-bottom: 10px;
        height: 200px;
        padding: 0;
    }

    .left-area .single-item p {
        text-align: justify;
        line-height: 18px;
        font-size: 13px;
    }

    .left-area .single-item input[type="button"] {
    }



.body-container .col-lg-3 {
    padding-right: 0;
}

.border-design {
    height: 4px;
    border-top: 1px solid #7a9629;
    border-bottom: 1px solid #7a9629;
    margin-top: 25px;
    margin-bottom: 25px;
}

    .border-design div {
        float: none;
        margin: auto;
        width: 15px;
        height: 15px;
        margin-top: -7px;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        background: linear-gradient(top, #a8cb44 0%, #7a9629 100%);
        background: -moz-linear-gradient(top, #a8cb44 0%, #7a9629 100%);
        background: -o-linear-gradient(top, #a8cb44 0%, #7a9629 100%);
        background: -webkit-linear-gradient(top, #a8cb44 0%, #7a9629 100%);
        background: -ms-linear-gradient(top, #a8cb44 0%, #7a9629 100%);
    }

.black-bg {
    padding: 10px 2px;
    border-top: 5px solid #bbb;
    background: rgba(102, 102, 102, 0.15);
    margin-bottom: 20px;
}

    .black-bg .single-item {
        margin-bottom: 10px;
    }

        .black-bg .single-item h4 {
            background: none;
            border-left: none;
            margin: 0;
            padding: 0;
            padding-left: 5px;
            color: #444;
            border-bottom: 1px solid #a6cd39;
            padding-bottom: 5px;
            margin-bottom: 20px;
        }

        .black-bg .single-item .vote {
            background: #cdd72a;
            padding: 4px 15px;
            -moz-box-shadow: 0 15px 20px #999;
            -webkit-box-shadow: 0 15px 20px #999;
            box-shadow: 0 15px 20px #999;
        }

            .black-bg .single-item .vote p {
                text-align: center;
                font-size: 18px;
                color: #111;
                margin-bottom: 20px;
            }

            .black-bg .single-item .vote input[type="radio"] {
                margin-right: 10px;
                margin-bottom: 10px;
            }

            .black-bg .single-item .vote span {
                font-size: 18px;
                font-weight: 500;
                color: #111;
            }

            .black-bg .single-item .vote input[type="button"] {
                margin-top: 40px;
            }


.img-btn.single-item img {
    height: 210px;
    -moz-box-shadow: 0 15px 20px #999;
    -webkit-box-shadow: 0 15px 20px #999;
    box-shadow: 0 15px 20px #999;
}

.img-btn.single-item input[type="button"] {
    position: absolute;
    top: 215px;
    left: 21px;
}

.right-area {
}

    .right-area > div {
        padding: 0;
    }

    .right-area .public-notice, .right-area .quick-links {
        border: 13px solid #a6cd39;
        border-top: 10px solid #a6cd39;
        margin-bottom: 20px;
    }

        .right-area .public-notice h4, .right-area .quick-links h4 {
            background: #a6cd39;
            color: #333;
            margin: 0;
            padding-top: 5px;
            padding-bottom: 8px;
        }

        .right-area .public-notice ul, .right-area .quick-links ul {
            padding-left: 5px;
            background: #fff;
        }

            .right-area .public-notice ul li, .right-area .quick-links ul li {
                padding: 13px 0;
            }

                .right-area .public-notice ul li a, .right-area .quick-links ul li a {
                    color: #333;
                }

                    .right-area .public-notice ul li a:hover, .right-area .quick-links ul li a:hover {
                        text-decoration: none;
                    }

                .right-area .public-notice ul li i {
                    margin-right: 5px;
                    font-size: 18px;
                    color: #69c791;
                }

        .right-area .public-notice input[type="button"] {
            margin: 10px 10px 10px 0;
        }

        .right-area .quick-links ul {
            padding: 0;
        }

            .right-area .quick-links ul li {
                padding-left: 10px;
                border-bottom: 10px solid #a6cd39;
            }

                .right-area .quick-links ul li:last-child {
                    border-bottom: none;
                }

.login {
    background: #a6cd39;
    padding: 10px;
}

    .login input[type="text"], .login input[type="password"] {
        width: 100%;
        padding: 8px 5px;
        border: 1px solid #fff;
        background: transparent;
        margin-bottom: 20px;
        color: #fff;
    }

    .login input[type="checkbox"] {
        border: 1px solid #333;
        margin-right: 10px;
        margin-bottom: 25px;
        background-color: transparent;
    }

    .login span {
        display: inline-block;
        margin-top: -3px;
        color: #fff;
        font-size: 12px;
        font-style: italic;
    }

    .login input[type="button"] {
        margin-bottom: 15px;
    }

    .login a {
        color: #fff;
        text-decoration: underline;
        font-style: italic;
    }

footer {
    background: #7d9b2a;
    padding: 10px;
}

    footer .single-footer-content {
    }

        footer .single-footer-content h5 {
            color: #fff;
            padding: 0;
            font-size: 22px;
            padding-bottom: 10px;
            border-bottom: 1px solid #d7d129;
            -moz-box-shadow: 0 1px 0 #666;
            -webkit-box-shadow: 0 1px 0 #666;
            box-shadow: 0 1px 0 #666;
        }

        footer .single-footer-content ul {
        }

            footer .single-footer-content ul li {
                color: #fff;
                padding: 10px 0;
            }

                footer .single-footer-content ul li a {
                    color: #fff;
                }

                    footer .single-footer-content ul li a:hover {
                        text-decoration: none;
                    }

                footer .single-footer-content ul li i {
                    color: #c4d532;
                    margin-right: 10px;
                }

    footer .bottom-most-bar {
        float: none;
        margin: 0 auto;
        padding: 10px 0;
        border-top: 2px solid #a8db20;
        margin-top: 20px;
    }

        footer .bottom-most-bar p {
            margin: 0;
            text-align: center;
            color: #fff;
        }

            footer .bottom-most-bar p i {
                margin-right: 5px;
            }

.left-area input[type="button"] {
    background: linear-gradient(top, #c1f531 0%, #a3c73e 100%);
    background: -moz-linear-gradient(top, #c1f531 0%, #a3c73e 100%);
    background: -o-linear-gradient(top, #c1f531 0%, #a3c73e 100%);
    background: -ms-linear-gradient(top, #c1f531 0%, #a3c73e 100%);
    background: -webkit-linear-gradient(top, #c1f531 0%, #a3c73e 100%);
    border: 1px solid #96be25;
    padding: 7px 20px;
    color: #333;
}

    .left-area input[type="button"]:hover {
        background: #96be25;
    }

.right-area input[type="button"] {
    background: linear-gradient(top, #f9f125 0%, #d8d229 100%);
    background: -moz-linear-gradient(top, #f9f125 0%, #d8d229 100%);
    background: -o-linear-gradient(top, #f9f125 0%, #d8d229 100%);
    background: -ms-linear-gradient(top, #f9f125 0%, #d8d229 100%);
    background: -webkit-linear-gradient(top, #f9f125 0%, #d8d229 100%);
    border: 1px solid #beb922;
    padding: 7px 20px;
    color: #333;
}
.right-area input[type="submit"] {
    background: linear-gradient(top, #f9f125 0%, #d8d229 100%);
    background: -moz-linear-gradient(top, #f9f125 0%, #d8d229 100%);
    background: -o-linear-gradient(top, #f9f125 0%, #d8d229 100%);
    background: -ms-linear-gradient(top, #f9f125 0%, #d8d229 100%);
    background: -webkit-linear-gradient(top, #f9f125 0%, #d8d229 100%);
    border: 1px solid #beb922;
    padding: 7px 33px;
    color: #333;
}

    .right-area input[type="button"]:hover {
        background: #d8d229;
    }

@media (max-width:362px) {
    .image-slider .carousel-inner .item .carousel-caption {
        height: 140px;
        left: 0;
        top: 0;
    }

    .left-area .single-item {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .black-bg .single-item {
        margin-bottom: 30px;
    }

    .right-area {
        margin-bottom: 10px;
    }

    .body-container > div.col-lg-3 {
        padding-right: 15px;
    }
}

@media (min-width:365px) and (max-width:768px) {
    .top-search-box {
        padding-top: 20px !important;
        padding-bottom: 10px !important;
    }

    .right-area .col-sm-6 > div {
        min-height: 500px;
        background: #fff;
    }

        .right-area .col-sm-6 > div.login {
            min-height: 100px;
            background: #a6cd39;
            margin-bottom: 10px;
        }

    .image-slider .carousel-inner .item .carousel-caption {
        left: 48%;
    }

    .top-navigation .navbar.navbar-default ul.nav li a {
        padding: 13px 18px !important;
    }

    .body-container > div.col-lg-3 {
        padding-right: 15px;
    }

    .right-area > div {
        padding: 0 15px;
    }
}

@media (min-width:768px) and (max-width:805px) {
    .top-search-box {
        padding-top: 20px !important;
        padding-bottom: 10px !important;
    }

    .image-slider .carousel-inner .item .carousel-caption {
        left: 48%;
    }

    .body-container > div.col-lg-3 {
        padding-right: 15px;
    }

    .right-area > div {
        padding: 0 15px;
    }

    .right-area .col-sm-6 > div {
        min-height: 500px;
        background: #fff;
    }

        .right-area .col-sm-6 > div.login {
            min-height: 100px;
            background: #a6cd39;
            margin-bottom: 10px;
        }
}

@media (min-width:808px) and (max-width:980px) {
    .top-navigation .navbar.navbar-default ul.nav li a {
        padding: 15px 19px;
    }

    .image-slider .carousel-inner .item .carousel-caption {
        left: 45%;
    }

    .body-container > div.col-lg-3 {
        padding: 0;
    }

    .right-area > div {
        padding: 0 15px;
    }

    .right-area .col-sm-6 > div {
        min-height: 500px;
        background: #fff;
    }

        .right-area .col-sm-6 > div.login {
            min-height: 100px;
            background: #a6cd39;
            margin-bottom: 10px;
        }
}

@media (min-width:985px) and (max-width:1100px) {

    .image-slider .carousel-inner .item .carousel-caption {
        left: 60%;
    }

    .body-container > div.col-lg-3 {
        padding-right: 15px;
    }

    .right-area > div {
        padding: 0 15px;
    }
}