body {
    padding-top: 50px;
    /*padding-bottom: 20px;*/
}


/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 41px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.container {
    width: auto;
    padding-right: 0;
    padding-left: 0;
}

.navbar-nav.navbar-center {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}

.navbar-nav > li > a {
    color: black;
    padding: 10px;
}

.img-about {
    display: block;
}

.img-about-mobile {
    display: none;
}

@media (min-width: 1150px) {
    .navbar-nav.navbar-center {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        padding-bottom: 0;
        width: 600px;
    }
}

.icon-bar {
    background-color: black;
}

#contactUs {
    border-style: solid;
    border-width: thin;
    padding: 5px;
    font-size: 12px;
}

.navbar-header {
    padding-left: 20px;
}

.navbar-fixed-top {
    padding-top: 10px;
    margin-bottom: 0;
    background-color: white;
    height: 93px;
    border-bottom: solid;
    border-bottom-color: green;
    border-bottom-width: 1px;
}

.navbar-right {
    margin-right: 15px;
    padding-left: 15px;
}

.navbar-toggle {
    float: left;
}

.navbar-right > li > ul.nav-sites > li > a {
    margin: 2px;
    padding: 0;
}

    .navbar-right > li > ul.nav-sites > li > a:hover {
        background-color: white;
    }

.navbar-right > li > ul.nav-social > li > a {
    margin: 2px;
    padding: 0 0 0 5px;
}

    .navbar-right > li > ul.nav-social > li > a:hover {
        background-color: white;
    }

.navbar-brand {
    height: 0;
    padding: 0;
}

.item img {
    width: 100%;
}

.carousel-indicators li {
    display: inline-block;
    width: 33px;
    height: 33px;
    margin: 10px;
    text-indent: 0;
    border: hidden;
    border-radius: 50%;
    background-color: transparent;
    background-image: url("img/carousel/indicator2.png");
}

.carousel-indicators .active {
    width: 33px;
    height: 33px;
    margin: 10px;
    border: hidden;
    border-radius: 50%;
    background-color: transparent;
    background-image: url("img/carousel/indicator2_active.png");
}



.carousel-buy li {
    display: inline-block;
    width: 33px;
    height: 33px;
    background-image: url("img/recipes/indicator.png");
}

.carousel-buy .active {
    width: 33px;
    height: 33px;
    background-image: url("img/recipes/indicator_active.png");
}

.parallax {
    /* Set a specific height */
    height: 400px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-device-width: 1024px) {
    .parallax {
        background-attachment: scroll;
    }
}

.parallax-01 {
    /* The image used */
    background-image: url("img/home/section1.jpg");
    height: 785px;
}

@font-face {
    font-family: "Berlin Sans Roman";
    font-style: normal;
    font-weight: 300;
    src: url("//cloud.typenetwork.com/styles/303/fontfile/eot/?83e1b359d957be9954148021e5c2ad0e08912ed5#iefix") format("embedded-opentype"), url("//cloud.typenetwork.com/styles/303/fontfile/woff2/?83e1b359d957be9954148021e5c2ad0e08912ed5") format("woff2"), url("//cloud.typenetwork.com/styles/303/fontfile/woff/?83e1b359d957be9954148021e5c2ad0e08912ed5") format("woff");
}

.title-section1 {
    font-family: "Berlin Sans Roman";
    font-size: 62px;
    color: #447c1f;
}

.title-section3 {
    font-family: "Berlin Sans Roman";
    font-size: 42px;
    color: #447c1f;
}

.text-section1 {
    font-family: 'Avenir LT Std 35 Light';
    font-size: 20px;
}

footer {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
}

#footer-a {
    border-color: black;
    text-decoration: none;
    color: black;
}

#img-02 {
    background-image: url("img/home/img02.png");
}


.navbar-mobile {
    display: none;
}

.navbar-desktop {
    display: block;
    padding-top: 1%;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}

.subtitle-section {
    font-family: 'Avenir LT Std 55 Roman';
    font-size: 24px;
    width: 74%;
    text-align: center;
    color: #447c1f;
}

.subtitulo {
    font-family: 'Avenir LT Std 55 Roman';
    font-size: 24px;
    text-align: center;
    color: #447c1f;
}

.lista {
    font-family: 'Avenir LT Std 35 Light';
    font-size: 24px;
    color: #4d4d4d;
    padding-left: 10px;
}

.parrafo {
    font-family: 'Avenir LT Std 35 Light';
    font-size: 16px;
    color: #4d4d4d;
}

.timeline__content p {
    font-family: 'Avenir LT Std 35 Light';
    font-size: 16px;
}

.timeline__content h2 {
    font-family: 'Avenir LT Std 35 Light';
    font-size: 20px;
}

@media (max-width: 1150px) {
    .navbar-nav.navbar-center {
        position: absolute;
        left: 60%;
        transform: translate(-50%);
        padding-bottom: 0;
        width: 600px;
        font-size: 12px;
    }

    #contactUs {
        font-size: 10px;
    }

    .navbar-right {
        margin-right: 0;
    }

    .navbar-nav > li > a {
        padding: 5px;
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .parallax-01 {
        height: 540px;
    }

    .icon-icon1, .icon-icon2, .icon-icon3, .icon-icon4, .icon-icon5, .icon-icon6 {
        font-size: 22px;
    }

    .text-section1, .text-section2, .text-section3, .text-section4, .text-section5, .text-section6 {
        font-size: 8px;
    }

    .title-section1 {
        font-size: 18px;
    }


    .navbar-brand {
        padding-left: 15% !important;
    }

    .div-navbar-center {
        /*margin: auto;*/
        /*width: 50%;*/
        padding-left: 25%;
        /*padding: 0px;*/
        vertical-align: middle;
    }

    .navbar-mobile {
        display: block;
        margin-right: 10px;
        padding-right: 10px;
    }

        .navbar-mobile > ul {
            display: inline-block;
        }

            .navbar-mobile > ul > li > a {
                padding: 0;
                margin-top: 0;
            }

    .nav > li > a {
        padding: 0;
    }

    #contactUs {
        padding: 4px;
    }

    .navbar-desktop {
        display: none;
    }

    .navbar-nav.navbar-center {
        position: fixed;
        left: 10%;
        transform: none;
        padding-bottom: 0;
        width: 200px;
        font-size: 12px;
        background-color: white;
        padding: 10px;
        margin-top: 25px;
    }

    .carousel-indicators li {
        display: none;
    }

    .carousel-indicators .active {
        display: none;
    }

    .subtitle-section {
        font-size: 14px;
    }

    .parrafo {
        font-size: 14px;
    }

    .img-about {
        display: none;
    }

    .img-about-mobile {
        display: block
    }

    .lista {
        font-size: 10px;
    }

    .tilte-lista {
        font-size: 16px;
    }

    .img-middle {
        padding: 0px 5px 0px 0px;
        margin-top: 10%;
    }
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.new-row {
    padding-bottom: 10px;
}



.nav-products > li > a {
    font-family: 'Avenir LT Std 35 Light';
    font-size: 20px;
    color: #4d4d4d;
}

.nav-products > li.active > a {
    border: green;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

@font-face {
    font-family: 'Avenir LT Std 55 Roman';
    font-style: normal;
    font-weight: normal;
    src: local('Avenir LT Std 55 Roman'), url('AvenirLTStd-Roman.woff') format('woff');
}

@font-face {
    font-family: 'Avenir LT Std 35 Light';
    font-style: normal;
    font-weight: normal;
    src: local('Avenir LT Std 35 Light'), url('AvenirLTStd-Light.woff') format('woff');
}

.buy-section {
    font-family: 'Avenir LT Std 35 Light';
    font-size: 16px;
    color: #4d4d4d;
}


.no-border {
    border-radius: 0;
    border-style: dashed;
}

.distribution-text {
    padding-bottom: 15px;
    text-align: justify;
}

ul > .list-inline > li > span {
    padding-bottom: 10px;
}


@media (min-width: 768px) {
    #main-nav {
        line-height: 0;
        text-align: center;
    }

    #main-menu > li > a {
        padding-left: 5px;
        padding-right: 5px;
        border: #808080;
        border-bottom-width: 1px;
        border-bottom-style: none;
    }

        #main-menu > li > a > span {
            padding-left: 0px;
            padding-right: 0px;
            font-size: 18px;
            font-family: 'Lato', sans-serif;
        }

    #main-menu > li.active > a > span {
        border: green;
        border-bottom-width: 2px;
        border-bottom-style: solid;
    }

    #main-menu {
        display: inline-block;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        padding-bottom: 0;
        padding-top: 15px;
        border-bottom: none;
        width: 646px;
    }

    .sm-mint a .sub-arrow {
        margin-top: 10px;
        right: 40%;
    }

    .lista {
        font-size: 16px;
    }

    #navbar-logo {
        margin-left: -5px;
    }
}

@media (min-width: 1000px) {

    #main-menu > li > a > span {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 20px;
    }

    #main-menu {
        width: 770px;
    }

    .lista {
        font-size: 24px;
    }

    #navbar-logo {
        margin-left: 20px;
    }
}

.sm-mint a:hover {
    border-radius: 0;
    background: #447c1f;
}

.btn-flat {
    border-radius: 0;
    font-family: 'Avenir LT Std 55 Roman';
}

.btn-green, .btn-green:hover {
    background-color: #447c1f;
    color: #fff;
}

.no-padding {
    padding: 0 !important;
    margin: 0 !important;
}

.table-striped > tbody > tr > td {
    font-family: 'Avenir LT Std 35 Light'
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: grey; /* adjust as needed */
}

.panel-primary > .panel-heading .accordion-toggle:after {
    color: white; /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}

.accordion-toggle {
    text-decoration: none !important;
}

div .panel-heading {
    cursor: pointer
}

.nav-justified > .dropdown .dropdown-menu {
    min-width: 100%;
    border-radius: initial;
}

.dropdown-menu > a, .dropdown-menu {
    font-family: 'Avenir LT Std 35 Light';
    font-size: 18px;
    color: #4d4d4d;
    text-align: center;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: black;
    background-color: #f5f5f5;
    border: green;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */