@font-face {
    font-family: "Sofija";
    src: url("../fonts/Sofija.eot"); /* IE9 Compat Modes */
    src: url("../fonts/Sofija.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        url("../fonts/Sofija.otf") format("opentype"), /* Open Type Font */
        url("../fonts/Sofija.svg") format("svg"), /* Legacy iOS */
        url("../fonts/Sofija.ttf") format("truetype"), /* Safari, Android, iOS */
        url("../fonts/Sofija.woff") format("woff"), /* Modern Browsers */
        url("../fonts/Sofija.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

body {
    background-color:#ddd8d0;
    font-family: 'Lato', sans-serif;
    color:#695141;
    letter-spacing: .03em;
    padding-top:40px;
    font-weight:400;
}

.match-element {
    /* min-height:400px; */
}
/* typo */
blockquote {
    padding:0px !important;
    margin:0px !important;
    border:0px;
}
h1,h2,h3,h4,h5,h6 {
    margin-top:0;
    font-family: 'Sofija';
}
h1 {
    font-size:54px;
}
h2 {
    font-size: 48px;
}
h3 {
    font-size: 42px;
}
h4 {
    font-size: 36px;
}
h5 {
    font-size: 32px;
    margin-bottom:0px;
}
h6 {
    font-size: 28px;
    margin-bottom:0px;
} 
.img-fill {
    width:100%;
    height:auto;
}
.wrapper ul, .wrapper ol {
padding:0;
list-style-position: inside;
list-style:none;
}

.wrapper ul li {
position:relative;
padding-bottom:10px;
margin-bottom:10px;
}
.wrapper ul li:after {
    content: "";
    display: block;
    width: 120px;
    height: 2px;
    background-color: #6d963f;
    margin: 0 auto;
    margin-top: 6px;
}

ul.normal {
    list-style: circle;
    margin-left: 20px;
}
ul.normal li {
margin-bottom:0;
}
ul.normal li:after {
display:none;
}

footer ul li:after {
display:none; 
}
footer ul li {
margin:0;
padding-bottom:0;
}

#map {
    width: 100%;
    height: 400px;
    background-color: grey;
}
.text-c-green {
    color:#6c9640;
}
.text-c-white {
    color:#fff;
}
a.col-md-4, a.col-md-4:hover  {
    text-decoration: none;
}
.text-shadow {
    text-shadow: -2px 2px 2px rgba(0,0,0,0.5);
}
.lead, blockquote {
    color:#695141;
    font-weight:400;
}
.btn.btn-primary {
    border:0;
    color:#fff;
    text-transform:uppercase;
    font-size:14px;
    background-color:#46372c;
}
.btn.btn-outline {
    border:1px solid #fff;
    border-radius:0;
    color:#fff;
    text-transform:uppercase;
    background-color:transparent;
    font-size:12px;
}
.btn.btn-outline:hover {
    color:#fff;
}
.pull-up {
    margin-top:-15px;
}
/* /typo */

/* structure */

.gallery-list {
    display:block;
    padding:10px;
    background-color:#695141;
    border-radius:8px;
    color:#fff;
}
.gallery-list:hover {
    text-decoration: none;
    color:#fff;
}
.gallery-list small {
    display:block;
}
.gallery-list span {
    display: block;
    font-family: 'Sofija';
    text-transform: uppercase;
    color:#fff!important;
    font-size:16px;
    margin-top:10px;
}
.gallery-list:hover span {
    text-decoration: none;
}

.carousel-caption p {position:relative; padding-bottom:30px;}
.carousel-caption p:after {
    content:""; 
    position:absolute; 
    left:50%; 
    margin-left: -45px; 
    display:block; 
    width:90px; 
    margin-top:10px;
    border-bottom:3px solid #8bc153; 
    height:1px;
}

nav {
    margin-top:15px;
    margin-bottom:0px !important;
}
nav a {
    font-family: 'Sofija';
    text-transform: uppercase;
    color:#695141!important;
    font-size:20px;
    line-height:20px;
    padding-bottom:0px!important;
    margin-left:2px;
    margin-right:2px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background: transparent;
    border-bottom:2px solid #8bc153;
    
}
.navbar-nav > a {
    transition: all .3s ease;
    border-bottom: 2px solid #fff;
    
}
.navbar-nav>li>a {
padding: 12px 7px;
}
.navbar .navbar-collapse {
padding:0px;}

.navbar-nav > .active > a, .navbar-nav a:hover {
    border-bottom:2px solid #8bc153;
}

.logo {
    max-width:218px;
}
.white-wrapper, .beige-wrapper, .brown-wrapper  {
    padding:48px;
    margin-bottom:20px;
    
}
.white-wrapper p:last-child {
    padding-bottom:0;
    margin-bottom:0;
}
.white-wrapper {
    background-color:#fff;
}
.beige-wrapper {
    background-color:#f1efeb;
}
.brown-wrapper {
    background-image:url(../images/bg-times.jpg)
}
html, body {
    height: 100%;
    margin: 0;
}
.wrapper {
    min-height: 100%;
    margin-bottom: -240px;
}
.footer {
    background-color:#46372c;
    margin-top:20px;
}
.footer, .footer a {
    color:#fff;
}
.footer,
.push {
    height: 240px;
}
.pt-25 {
    padding-top:25px;
}
.fb-link {
    max-width:32px; 
    max-height:24px;
    margin-top:-4px;
}
.collapsed-links {
    margin:0; 
    padding:0;
    list-style:none;
}

/* Card and Icon */
.card { margin-bottom:20px; }
.card .card-image { display:block; background-size:cover; overflow:hidden; width:100%; height:150px; }
.card .card-image-m { background-size:cover;  }
.card .card-content { padding: 20px; }
.card .card-content p { font-size: 15px; }

.has-ico {
    position:relative;
    z-index:1;
}
.has-ico .ico {
    position:absolute;
    z-index:2;
    top:20px;
    left:20px;
    background-repeat:no-repeat;
    background-size:cover;
    width:64px;
    height:64px;
}
.has-ico.right .ico {
    left: auto;
    right:20px;
}
.has-ico.ico-croc .ico{
    background-image:url(../images/ico-croc.png);
}
.has-ico.ico-croc .card-content, .bg-croc {
    background-image:url(../images/bg-croc.jpg);
}
.has-ico.ico-snake .ico{
    background-image:url(../images/ico-snake.png);
}
.has-ico.ico-snake .card-content, .bg-snake {
    background-image:url(../images/bg-snake.jpg);
}
.has-ico.ico-flamingo .ico{
    background-image:url(../images/ico-flamingo.png);
}	
.has-ico.ico-flamingo .card-content, .bg-flamingo {
    background-image:url(../images/bg-flamingo.jpg);
}	
.has-ico.ico-pig .ico{
    background-image:url(../images/ico-pig.png);
}
.has-ico.ico-pig .card-content, .bg-pig {
    background-image:url(../images/bg-pig.jpg);
}
.has-ico.ico-eat .ico{
    background-image:url(../images/ico-eat.png);
}
.has-ico.ico-eat .card-content, .bg-eat {
    background-image:url(../images/bg-eat.jpg);
}
.has-ico.ico-play .ico{
    background-image:url(../images/ico-play.png);
}
.has-ico.ico-play .card-content, .bg-play {
    background-image:url(../images/bg-play.jpg);
}
.has-ico.ico-learn .ico{
    background-image:url(../images/ico-learn.png);
}
.has-ico.ico-learn .card-content, .bg-learn {
    background-image:url(../images/bg-learn.jpg);
}
.has-ico.ico-party .ico{
    background-image:url(../images/ico-party.png);
}
.has-ico.ico-party .card-content, .bg-party {
    background-image:url(../images/bg-party.jpg);
}

.z-0 {
    position:relative;
    z-index:0;
}
.mb-15 {
    margin-bottom:15px;
}
.mb-20 {
    margin-bottom:20px;
}
.padded {
    padding:20px;
}

/* /structure */

@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}
@media (max-width: 768px) {
    .wrapper {
        margin-bottom: auto;
    }
    .footer,
    .push {
        height: auto;
    }
    .footer {
        padding-bottom:20px;
    }
    .carousel-caption  {
        position:relative;
        display:block;
        left:0;
        right:0;
        padding:10px;
        background-color:#6a5140;
    }
    .carousel-caption h2 {
        font-size: 34px;
    }
    .carousel-indicators {
        bottom:20px;
    }
}