/*------------------------------
BODY
------------------------------ */
body {
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.7em;
    margin: 0;
    padding: 0;
    color: #888;
    background: #fff;
    text-shadow: none !important;
}
#wrapper {
    overflow: hidden;
}

/*------------------------------
HEADING
------------------------------ */
h1, h2 { font-weight: 500; color: #333; }
h3, h4, h5, h6 { font-weight: 500;; color: #333; }
footer h3, footerh4, footerh5, footer h6 { font-weight: 500; color: #fff; }
h1.h1-style {
    letter-spacing: -1px;
    font-weight: lighter;
}
h1 {
    margin: 0;
    margin-bottom: 20px;
    letter-spacing: -1px;
}
h3.title {
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
h2 {
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-size: 26px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
h2 {
    overflow: hidden;
    text-align: center;
}
h2:before,
h2:after {
    background-color: #bbb;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
h2:before {
    right: 0.5em;
    margin-left: -50%;
}
h2:after {
    left: 0.5em;
    margin-right: -50%;
}
p.lead {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 30px;
}
strong {
    color: #333;
}
.slides {
    margin: 0;
    padding: 0;
}
.teaser {
    font-size: 18px;
    line-height: 1.7em;
}
.title-text {
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    margin-bottom: 40px;
}
.title-text {
    overflow: hidden;
    text-align: center;
}
.title-text:before,
.title-text:after {
    border-top: solid 2px #c8dc5c;
    content: "";
    display: inline-block;
    height: 4px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.title-text:before {
    right: 0.5em;
    margin-left: -50%;
}
.title-text:after {
    left: 0.5em;
    margin-right: -50%;
}
.title-area {
    vertical-align: middle;
    display: inline-block;
    text-align: left;
}
.title-area h1 {
    color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin: 0;
}
.title-area span {
    font-size: 15px;
    color: #fff;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 300;
}
.fx .item .overlay {
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, .9);
    padding: 20px 30px 20px 30px;
    width: 100%;
}
.hover {
    height: 200px;
}
.fx .item {
    overflow: hidden !important;
}
.item .overlay {
    background: #fff;
    display: block;
    position: absolute;
}
.item .overlay .desc {
    display: block;
    height: 0px;
    overflow: hidden;
}
.item .overlay h3 {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 18px;
    margin: 0;
    padding: 0;
}
.item .overlay a {
    color: #000;
    text-decoration: none;
}
.item .overlay a:hover {
    color: #333;
    text-decoration: none;
}
/*------------------------------
/* content
/*------------------------------ */
#content {
    padding: 80px 0 80px 0;
    background: #f8f8f8;
}
/* columns */
.fullwidth {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
}
.custom-col-2 {
    overflow: hidden;
    margin-bottom: 30px;
}
.custom-col-2 .inner {
    background: #222;
}
.custom-col-2 img {
    width: 100%;
    height: auto;
}
.custom-col-2 .overlay .desc {
    display: block;
    height: 0px;
    overflow: hidden;
}
.custom-col-2 .overlay {
    position: absolute;
    display: block;
    bottom: 0;
    padding: 20px 30px 20px 30px;
}
.custom-col-2 .overlay h3 {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 18px;
    margin: 0;
    padding: 0;
    color: #fff;
}
.custom-col-2 .overlay .by {
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
}
.custom-col-3 {
    display: table;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: solid 1px #eee;
}
.custom-col-3:hover {
    border-bottom: solid 1px #c8dc5c;
}
.custom-col-3 .left-col,
.custom-col-3 .mid-col,
.custom-col-3 .right-col {
    display: table-cell;
    padding-right: 20px;
    vertical-align: middle;
}
.custom-col-3 .left-col { width: 180px; }
.custom-col-3 img { width: 100%; height: auto; }
.custom-col-3 h3 { margin: 0; }
.custom-col-3 .right-col { text-align: right; }
.custom-col-3 .details span {
    margin-right: 5px;
}
.custom-col-3 .details strong {
    font-weight: 500;
}
.custom-col-3 i {
    color: #888;
    font-size: 24px;
    border: solid 1px #ddd;
    padding: 15px;
    width: 60px;
    height: 60px;
    text-align: center;
    margin-left: 10px;
}
.custom-col-3 i:hover {
    border-color: #c8dc5c;
    color: #c8dc5c;
}
/*------------------------------
/* button
/*------------------------------ */
.btn {
    padding: 3px 20px 3px 20px;
}
.btn-custom {
    background: #c8dc5c;
    color: #fff;
}
.btn-custom-2 {
    background: #57647e;
    color: #fff;
}
a.btn:hover {
    background: #ddd;
    color: #333 !important;
}
.btn-big {
    padding: 10px 30px 10px 30px;
}
.btn-border {
    color: #333;
    border: solid 2px #333;
}
.btn-border.white {
    color: #fff;
    border: solid 2px #fff;
}
.btn-custom:hover {
    color: #fff;
}
.no-margin {
    margin: 0 !important;
    padding: 0 !important;
}
/*------------------------------
section and parallax background settings
------------------------------ */

section {
    padding: 60px 0 60px 0;
    background: #f8f8f8;
}
.section-title {
    text-align: center;
}
#section-testimonial {
    background: url(../../../images/bg_testimonial.jpg) top fixed;
    background-size: cover;
}
#section-text-1 {
    background: #b6dc5c;
    color: #fff;
}
#section-text-1 h3 {
    color: #fff;
}
#section-text-2 {
    background: url(../img/misc/muensingenBWw.jpg) top fixed;
    background-size: cover;
}
#section-text-3 {
    /*background:url(../img/misc/pic-7.jpg) top fixed;
    background-size:cover;*/
    color: #333;
}
.owl-theme .owl-controls .owl-page span {
    background: #aaa !important;
}
#section-testimonial .owl-theme .owl-controls .owl-page span {
    background: #fff !important;
}
h3 {
    font-weight: 500;
    margin-bottom: 20px;
}
/*------------------------------
jquery toTop
------------------------------ */
#toTop { z-index: 1555; display: none; text-decoration: none; position: fixed; bottom: 10px; right: 10px; overflow: hidden; width: 51px; height: 51px; border: none; text-indent: -999px; background: url(../../../images/ui.totop.png) no-repeat left top; }
#toTopHover { background: url(../../../images/ui.totop.png) no-repeat left -51px; width: 51px; height: 51px; display: block; overflow: hidden; float: left; }
#toTop:active, #toTop:focus { outline: none; }
/*------------------------------
blockquote
------------------------------ */
blockquote {
    background: #fff;
    margin: 1.5em 10px;
    font-family: 'Roboto Slab', Georgia, "Times New Roman", Times, serif;
}
blockquote:before {
    display: block;
    text-align: center;
    color: #c8dc5c;
    font-family: Georgia, "Times New Roman", Times, serif;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    vertical-align: -0.4em;
    content: "\201C";
}
blockquote p {
    display: inline;
}
blockquote span {
    font-family: "Lato", Arial;
    display: block;
}
#testi-carousel blockquote {
    font-size: 26px;
    color: #fff;
    background: none;
    border: none;
    line-height: 1.2em;
    margin-top: 60px;
}
.testimonial { margin: 0; background: #b7edff; padding: 20px 50px; position: relative; font-family: Georgia, serif; color: #666; border-radius: 5px; font-style: italic; text-shadow: 0 1px 0 #ecfbff; background-image: linear-gradient(#f2f2f2, #dddddd);
    font-size: 16px; border: none;
}
.testimonial:before, .testimonial:after { content: "\201C"; position: absolute; font-size: 80px; line-height: 1; color: #999; font-style: normal; }
.testimonial:before { top: 0; left: 10px; }
.testimonial:after { content: "\201D"; right: 10px; bottom: -0.5em; }
.arrow-down { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #dddddd; margin: 0 0 0 25px; }
.testimonial-author { margin: 0 0 0 25px; font-family: Arial, Helvetica, sans-serif; color: #999; text-align: left; }
.testimonial-author span { font-size: 12px; color: #666;
}
/* ------------------------------
jquery isotope
/* ------------------------------ */
.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
#filters { padding: 0; margin: 0; margin-bottom: 20px; }
#filters li { display: inline-block; margin-right: 3px; margin-bottom: 20px; }
#filters a { background: #fff; padding: 5px 10px 5px 10px; text-decoration: none; }
#filters a.selected { background: #c8dc5c; color: #fff; }
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
/*------------------------------
FLEXSLIDER
------------------------------ */
.flexslider {
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
}
#slider {
    text-align: center;
    height: 100%;
}
.slider-info {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    font-family: "Lato";
    top: 30%;
}
.slider-info .btn {
    margin-top: 10px;
}
.slider-info .text { color: #fff; font-size: 14px; }
/* main slider */
.main-slider .flex-control-nav {
    margin-left: -30px;
}
.main-slider .flex-control-paging li a {
    width: 60px;
    height: 5px;
    background: #f4ebd8;
}
.main-slider .flex-control-paging li a.flex-active {
    background: #c8dc5c;
}
/* testi slider */
.testi-slider .slides li {
    margin-bottom: 30px;
}
.testi-slider .testi-by {
    text-align: center;
    display: block;
    margin-bottom: 30px;
    color: #fff;
}
.testi-slider .flex-control-nav {
    margin-left: -30px;
}
.testi-slider .flex-control-paging li a {
    width: 60px;
    height: 5px;
    background: #f4ebd8;
}
.testi-slider .flex-control-paging li a.flex-active {
    background: #c8dc5c;
}
/* misc */

/* animate */
a,
a:hover,
.custom-col-3 i,
.custom-col-3 i:hover,
.custom-carousel-2 .item-blog,
.custom-carousel-2 .item-blog:hover,
.custom-col-3,
.custom-col-3:hover,
.blog-list li,
.blog-list li:hover,
.blog-list2 li,
.blog-list2 li:hover,
.event-item .right-col,
.event-item:hover .right-col {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.custom-carousel-1,
.custom-carousel-2,
#testi-carousel {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
}
.latest h3.title {
    width: 340px;
    text-align: center;
    padding: 0;
    background: #4e3927;
    color: #fff;
    padding: 10px;
    height: 50px;
    margin: 0 auto;
}
@media (max-width: 992px) {
    #slider .slider-info { display: none; }
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { margin-bottom: 30px; }
    #section-text-1 img {
        width: 100%;
    }

}