body {
    font-family: "Open Sans";
}

header {
    background-color: #017338;
    padding: 0.5em;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100px;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2')
}


@font-face {
    font-family: 'Open Sans Light';
    font-style: normal;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2')
}

@font-face {
    font-family: 'Open Sans Semibold';
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2')
}

@font-face {
    font-family: 'Open Sans Extrabold';
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2')
}

.fundo-texto {
    background: url('../img/fundo-texto.png') no-repeat;
}

/***********************************************
                  CSS MOBILE
***********************************************/

@media screen and (max-width: 766px) {
    .mobile-col {
        display: none;
    }
}

/***********************************************
                    MENU
***********************************************/
.link-1 {
    transition: 0.3s ease;
    color: #000;
    font-size: 14px;
    text-decoration: none;
    margin: 0 5px;
    font-family: "Open Sans Semibold";
    margin-top: -20px;
}

.link-1:hover {
    color: #b73b38;
    border-bottom: 4px solid #b73b38;
    padding: 6px 0;
    text-decoration: none;
}

/***********************************************
                    HOME
***********************************************/

.galeria-home {
    background: url('../img/fundo-buffet.png') no-repeat;
}

.galeria-home h2, h3, h4 {
    color: #b73b38;
    text-decoration: underline;
    -webkit-text-decoration-color: #b73b38; /* Safari */
    text-decoration-color: #b73b38;
    text-decoration-style: solid;
    letter-spacing: 3px;
    font-family: "Open Sans Extrabold";
}

.fundo-galeria {
    background: url('../img/fundo-galeria.png') no-repeat;
}

.fundo-galeria h2, h3, h4 {
    color: #f2e7cb;
    letter-spacing: 5px;
    text-decoration: underline;
    -webkit-text-decoration-color: #f2e7cb; /* Safari */
    text-decoration-color: #f2e7cb;
    text-decoration-style: solid;
}

.fundo-galeria p {
    color: #fff;
    font-family: 'Open Sans Semibold';
    font-style: italic;
}

/***********************************************
                   INFRAESTRUTURA
***********************************************/
.fundo-infra {
    background: url('../img/fundo-infra.png') no-repeat;
}

.fundo-infra h3, h1, h2, h4 {
    color: #b73b38
}

.fundo-infra a {
    color: #b73b38;
    text-decoration: none;
    -webkit-transition: color 0.2s; /* For Safari 3.1 to 6.0 */
    transition: color 0.2s;
}

.fundo-infra a:hover {
    color: #2f0406;
    text-decoration: none;
}

.fundo-infra .active {
    color: #2f0406;
    text-decoration: none;
}

/***********************************************
                   BOTONS
***********************************************/

.btn {
    width: 100%;
    height: 40px;
    background-color: #f2e7cb;
    border-radius: 2px;
    color: #1e0a18;
    font-family: "Open Sans Semibold";

}

.btn i {
    color: #1e0a18
}

.btn:hover {
    background-color: #e9d49e;
}

.btn-news {
    width: 100%;
    height: 40px;
    border: none;
    background-color: #b73b38;
    color: #f2e7cb;
    float: left;
    letter-spacing: 3px;
    font-family: "Open Sans Semibold";
    font-size: 12px;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
    cursor: pointer;
}

.btn-news:hover {
    background-color: #b62925;

}

.btn-news-foot {
    width: 30%;
    height: 40px;
    border: none;
    background-color: #b73b38;
    color: #f2e7cb;
    float: left;
    letter-spacing: 3px;
    font-family: "Open Sans Semibold";
    font-size: 12px;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
    cursor: pointer;
}

.btn-news-foot:hover {
    background-color: #b62925;

}

/***********************************************
                   INPUT
***********************************************/
.input-news {
    width: 70%;
    height: 40px;
    background-color: #f2e7cb;
    border: none;
    letter-spacing: 3px;
    padding: 0 30px;
    font-family: "Open Sans Semibold";
    font-size: 12px;
    float: left;
}

/***********************************************
                  NEWSLETTER
***********************************************/
.newsletter {
    background-image: url('../img/fundo-news.png');
}

.newsletter h2 {
    color: #f2e7cb;
    letter-spacing: 5px;
    text-decoration: underline;
    -webkit-text-decoration-color: #f2e7cb; /* Safari */
    text-decoration-color: #f2e7cb;
    text-decoration-style: solid;
}

.newsletter p {
    color: #fff;
    font-family: 'Open Sans Semibold';
    font-style: italic;
}

.foot {
    background-color: #f5f5f5;
}

/***********************************************
                  FIGURE
***********************************************/

@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);

.snip1566 p {
    font-family: "Open Sans Light";
}

.snip1566 {
    max-width: 190px;
    width: 100%;
    color: #bbb;
    font-size: 16px;
    box-shadow: none !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    float: left;
    margin-left: 10px;
}

.snip1566 *,
.snip1566:before,
.snip1566:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.snip1566 img {
    max-width: 100%;
    backface-visibility: hidden;
    vertical-align: top;
}

.snip1566 figcaption {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    opacity: 0;
    background-color: #000;
}

.snip1566 i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 4em;
    z-index: 1;
}

.snip1566:hover figcaption,
.snip1566.hover figcaption,
.snip1566:hover img,
.snip1566.hover img {
    opacity: 0.8;
    -webkit-transform: translateX(0) scale(0.9);
    transform: translateX(0) scale(0.9);
}

.snip1566:hover:before,
.snip1566.hover:before,
.snip1566:hover:after,
.snip1566.hover:after {
    border-width: 10px;
}

/***********************************************
                  FIGURE
***********************************************/

.max-img {
    max-height: 260px;
}

.buffet446 p {
    font-family: "Open Sans Light";
}

.buffet446 {
    max-width: 710px;
    width: 100%;
    color: #bbb;
    font-size: 16px;
    box-shadow: none !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    float: left;
    margin-left: 10px;
}

.buffet446 *,
.buffet446:before,
.buffet446:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.buffet446 img {
    max-width: 100%;
    backface-visibility: hidden;
    vertical-align: top;
}

.buffet446 figcaption {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    opacity: 0;
    background-color: #2f0406;
    border: 20px solid #2f0406;
    box-shadow: 0 0 0 5px #f2e7cb inset;
}

.buffet446 i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 4em;
    z-index: 1;
}

.buffet446 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.buffet446:hover figcaption,
.buffet446.hover figcaption,
.buffet446:hover img,
.buffet446.hover img,
.buffet44:hover figcaption,
.buffet44.hover figcaption,
.buffet44:hover img,
.buffet44.hover img {
    opacity: 0.8;
    -webkit-transform: translateX(0) scale(0.9);
    transform: translateX(0) scale(0.9);
}

.buffet446:hover:before,
.buffet446.hover:before,
.buffet446:hover:after,
.buffet446.hover:after,
.buffet44:hover:before,
.buffet44.hover:before,
.buffet44:hover:after,
.buffet44.hover:after {
    border-width: 10px;
}

.buffet44 p {
    font-family: "Open Sans Light";
}

.buffet44 {
    max-width: 330px;
    width: 100%;
    color: #bbb;
    font-size: 16px;
    box-shadow: none !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    float: left;
    margin-left: 10px;
}

.buffet44 *,
.buffet44:before,
.buffet44:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.buffet44 img {
    max-width: 100%;
    height: 400px;
    backface-visibility: hidden;
    vertical-align: top;
}

.buffet44 figcaption {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    opacity: 0;
    background-color: #2f0406;
    border: 20px solid #2f0406;
    box-shadow: 0 0 0 5px #f2e7cb inset;
}

.buffet44 i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 4em;
    z-index: 1;
}

.buffet44 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

/***********************************************
                  CONTATO
***********************************************/

/* FORM INPUT ======================================= */

.group {
    position: relative;
    margin-bottom: 45px;
}

.color-input {
    background-color: #fff;
}

textarea {
    font-family: 'Open Sans Semibold';
    color: #000;
    letter-spacing: 2px;
    font-size: 14px;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #757575;
}

input {
    font-family: 'Open Sans Semibold';
    color: #000;
    letter-spacing: 2px;
    font-size: 14px;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #757575;
}

input:focus {
    outline: none;
}

textarea:focus {
    outline: none;
}

/* LABEL ======================================= */
label {
    color: #999;
    font-family: 'Open Sans Semibold';
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

/* active state */
input:focus ~ label, input:valid ~ label {
    top: -20px;
    font-size: 14px;
    color: #b73b38;
}

textarea:focus ~ label, textarea:valid ~ label {
    top: -20px;
    font-size: 14px;
    color: #b73b38;
}

/* BOTTOM BARS ================================= */
.bar {
    position: relative;
    display: block;
    width: 100%;
}

.bar:before, .bar:after {
    content: '';
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #b73b38;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.bar:before {
    left: 50%;
}

.bar:after {
    right: 50%;
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
    width: 50%;
}

textarea:focus ~ .bar:before, textarea:focus ~ .bar:after {
    width: 50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

/* active state */
input:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

textarea:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from {
        background: #b73b38;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #b73b38;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #b73b38;
    }
    to {
        width: 0;
        background: transparent;
    }
}

.menu-mn {
    font-size: 16px;
    font-family: "Open Sans Semibold";
}

.menu-mn a {
    color: #000000;
    font-size: 14px;
}

.menu-mn a:hover {
    color: #b73b38;
    font-size: 14px;
    font-family: "Open Sans Semibold";
    border-bottom: 4px solid #b73b38;
    padding-bottom: 4px;
}

.ativo a {
    color: #b73b38;
    font-size: 14px;
    font-family: "Open Sans Semibold";
    border-bottom: 4px solid #b73b38;
    padding-bottom: 4px;
}

#main {
    position: relative;
    list-style: none;
    font-size: 0;
    text-transform: uppercase;
    display: inline-block;
    padding: 0;
}

#main li {
    font-size: 0.8rem;
    display: inline-block;
    position: relative;
    padding: 15px 5px;
    cursor: pointer;
    z-index: 5;
}

li {
    margin: 0;
}

.drop {
    overflow: hidden;
    list-style: none;
    position: absolute;
    padding: 0;
    width: 100%;
    left: 0;
    top: 55px;
}

.drop div {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -webkit-transition: all 0.5s 0.1s;
    -moz-transition: all 0.5s 0.1s;
    -ms-transition: all 0.5s 0.1s;
    transition: all 0.5s 0.1s;
    position: relative;
}

.drop li {
    display: block;
    padding: 0;
    width: 100%;
    background: #c1615e !important;;
    color: #fff;
}

.drop a {
    color: #fff;
}

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

#marker {
    height: 6px;
    background: #5494d6 !important;
    position: absolute;
    bottom: 0;
    width: 65px;
    z-index: 2;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    transition: all 0.35s;
}

#main li:nth-child(1):hover ul div {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

#main li:nth-child(1):hover ~ #marker .ativado {
    -webkit-transform: translate(0px, 0);
    -moz-transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    transform: translate(0px, 0);
}

#main li:nth-child(2):hover ul div {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

#main li:nth-child(2):hover ~ #marker .ativado {
    -webkit-transform: translate(70px, 0);
    -moz-transform: translate(70px, 0);
    -ms-transform: translate(70px, 0);
    transform: translate(70px, 0);
}

#main li:nth-child(3):hover ul div {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

#main li:nth-child(3):hover ~ #marker {
    -webkit-transform: translate(148px, 0);
    -moz-transform: translate(148px, 0);
    -ms-transform: translate(148px, 0);
    transform: translate(148px, 0);
}

#main li:nth-child(4):hover ul div {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

#main li:nth-child(4):hover ~ #marker {
    -webkit-transform: translate(240px, 0);
    -moz-transform: translate(240px, 0);
    -ms-transform: translate(240px, 0);
    transform: translate(240px, 0);
}

#main li:nth-child(5):hover ul div {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

#main li:nth-child(5):hover ~ #marker {
    -webkit-transform: translate(334px, 0);
    -moz-transform: translate(334px, 0);
    -ms-transform: translate(334px, 0);
    transform: translate(334px, 0);
}

#main li:nth-child(6):hover ul div {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

#main li:nth-child(6):hover ~ #marker {
    -webkit-transform: translate(431px, 0);
    -moz-transform: translate(431px, 0);
    -ms-transform: translate(431px, 0);
    transform: translate(431px, 0);
}

#main li:nth-child(7):hover ul div {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

#main li:nth-child(7):hover ~ #marker {
    -webkit-transform: translate(525px, 0);
    -moz-transform: translate(525px, 0);
    -ms-transform: translate(525px, 0);
    transform: translate(525px, 0);
}

#main li:nth-child(7):active ~ #marker {
    -webkit-transform: translate(525px, 0);
    -moz-transform: translate(525px, 0);
    -ms-transform: translate(525px, 0);
    transform: translate(525px, 0);
}





.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto
}
.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    line-height: 1
}


@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }

    .carousel-inner > .item.active.right, .carousel-inner > .item.next {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .carousel-inner > .item.active.left, .carousel-inner > .item.prev {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block
}

.carousel-inner > .active {
    left: 0
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner > .next {
    left: 100%
}

.carousel-inner > .prev {
    left: -100%
}

.carousel-inner > .next.left, .carousel-inner > .prev.right {
    left: 0
}

.carousel-inner > .active.left {
    left: -100%
}

.carousel-inner > .active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: .5
}

.carousel-control.left {
    background-repeat: repeat-x
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-repeat: repeat-x
}

.carousel-control:focus, .carousel-control:hover {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-next, .carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    font-family: serif;
    line-height: 1
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -10px
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}