@-webkit-keyframes prevIn {
    0% { opacity: 0; margin-left: -70px; }
    100% { opacity: 1; margin-left: 0px; }
}
@-moz-keyframes prevIn {
    0% { opacity: 0; margin-left: -70px; }
    100% { opacity: 1; margin-left: 0px; }
}
@-o-keyframes prevIn {
    0% { opacity: 0; margin-left: -70px; }
    100% { opacity: 1; margin-left: 0px; }
}
@keyframes prevIn {
    0% { opacity: 0; margin-left: -70px; }
    100% { opacity: 1; margin-left: 0px; }
}
@-webkit-keyframes prevOut {
    0% { opacity: 1; margin-left: 0px; }
    100% { opacity: 0; margin-left: 70px; }
}
@-moz-keyframes prevOut {
    0% { opacity: 1; margin-left: 0px; }
    100% { opacity: 0; margin-left: 70px; }
}
@-o-keyframes prevOut {
    0% { opacity: 1; margin-left: 0px; }
    100% { opacity: 0; margin-left: 70px; }
}
@keyframes prevOut {
    0% { opacity: 1; margin-left: 0px; }
    100% { opacity: 0; margin-left: 70px; }
}
@-webkit-keyframes nextIn {
    0% { opacity: 0; margin-left: 70px; }
    100% { opacity: 1; margin-left: 0px; }
}
@-moz-keyframes nextIn {
    0% { opacity: 0; margin-left: 70px; }
    100% { opacity: 1; margin-left: 0px; }
}
@-o-keyframes nextIn {
    0% { opacity: 0; margin-left: 70px; }
    100% { opacity: 1; margin-left: 0px; }
}
@keyframes nextIn {
    0% { opacity: 0; margin-left: 70px; }
    100% { opacity: 1; margin-left: 0px; }
}
@-webkit-keyframes nextOut {
    0% { opacity: 1; margin-left: 0px; }
    100% { opacity: 0; margin-left: -70px; }
}
@-moz-keyframes nextOut {
    0% { opacity: 1; margin-left: 0px; }
    100% { opacity: 0; margin-left: -70px; }
}
@-o-keyframes nextOut {
    0% { opacity: 1; margin-left: 0px; }
    100% { opacity: 0; margin-left: -70px; }
}
@keyframes nextOut {
    0% { opacity: 1; margin-left: 0px; }
    100% { opacity: 0; margin-left: -70px; }
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
body {
    margin: 0;
    min-width: 480px;
    font-size: 16px;
    line-height: 1.25em;
    font-weight: normal;
    font-family: 'Hind Guntur', sans-serif;
    color: #565657;
}
section.page-wrapper {
    width: 100%;
    margin: 0 auto;
    background-color: #FFFFFF;
}
hr {
    margin: 0 0 40px 0;
    border: 0;
    border-bottom: 1px solid #999999;
}

/**
 * HEADER
 **/
header {
    overflow: hidden;
    margin: 40px auto;
    height: 60px;
    max-width: 480px;

}
header a.logo {
    display: inline-block;
    width: 174px;
    height: 60px;
    text-align: center;
    float: left;
}
header a.logo img {
    border: 0;
}
header nav {
    display: inline-block;
    width: 153px;
    height: 60px;
    float: left;
}
header nav.left {
    text-align: left;
}
header nav.right {
    text-align: right;
}
header nav a {
    /*color: #68c526;*/
    color: #565657;
    text-decoration: none;
    font-family: 'Hind Guntur', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 60px;
    padding-bottom: 4px;
    border-bottom: 1px solid transparent;
}
header nav a:hover,
header nav a.selected {
    border-bottom: 1px solid #68c526;
}
footer {
    /*background-color: #2a9806;*/
    /*color: #FFFFFF;*/
    text-align: center;
    padding: 20px 0;
    margin-top: 40px;
}
footer img.logo {
}

.visible {
    opacity:1;
}

/* PORTFOLIO */

main .portfolio-holder {}
main .portfolio-holder .item {
    position: absolute;
    background-color: #EEE;
    overflow: hidden;
}
main .portfolio-holder .item .cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
main .portfolio-holder .item:hover .cover {
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -moz-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}
main .portfolio-holder .item img.is-vegan {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
}
main .portfolio-holder .item .filter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*background-color: rgba(16, 102, 2, 0.70);
    background-color: rgba(42, 134, 7, 0.65);*/
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
main .portfolio-holder .item:hover .filter {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    opacity: 1;
}
main .portfolio-holder .item .filter .holder {
    display: table;
    width: 100%;
    height: 100%;
}
main .portfolio-holder .item .filter .holder .text {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px;
    font-family: 'Hind Guntur', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
}
main .portfolio-holder .item .filter .holder .text .type {
    padding: 2px 0;
    font-weight: normal;
}
main .portfolio-holder .item .filter .holder .text .title {
    padding: 2px 0;
    font-weight: 600;
}
main .portfolio-holder .item .filter .holder .text .links {
    padding: 2px 0;
    font-size: 20px;
}
main .portfolio-holder .item .filter .holder .text .links .icon {
    display: inline-block;
    cursor: pointer;
    margin: 4px;
}

/**
 * GALLERY
 **/

gallery {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    color: #CCC;
}
gallery .title, gallery .type {
    text-align: center;
    font-family: 'Hind Guntur', sans-serif;
    display: none;
}
gallery .title {
    margin-top: 20px;
    font-weight: 600;
    font-size: 20px;
}
gallery .btn {
    position: absolute;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 24px;
    line-height: 24px;
    padding: 8px;
}
gallery .btn.close {
    top: 20px;
    right: 20px;
}
gallery .btn.next {
    top: 50%;
    right: 20px;
    margin-top: -0.5em;
}
gallery .btn.prev {
    top: 50%;
    left: 20px;
    margin-top: -0.5em;
}
gallery i.icon {
    font-style: normal;
}
gallery .images-holder {
    position: absolute;
    width:0;
    height:0;
    left:50%;
    top:50%;
}
gallery figure {
    position:absolute;
    margin: 0;
    display: block;
    top: -300px;
    left: -400px;
    width: 800px;
    height: 600px;
    background: center center no-repeat transparent;
    background-size: contain;
    -webkit-animation: 0.3s ease 1 forwards;
       -moz-animation: 0.3s ease 1 forwards;
         -o-animation: 0.3s ease 1 forwards;
            animation: 0.3s ease 1 forwards;
    opacity:0;
}
gallery figure.next-in {
    -webkit-animation-name: nextIn;
       -moz-animation-name: nextIn;
         -o-animation-name: nextIn;
            animation-name: nextIn;
    -webkit-animation-delay: 0.3s;
       -moz-animation-delay: 0.3s;
         -o-animation-delay: 0.3s;
            animation-delay: 0.3s;
}
gallery figure.next-out {
    -webkit-animation-name: nextOut;
       -moz-animation-name: nextOut;
         -o-animation-name: nextOut;
            animation-name: nextOut;
}
gallery figure.prev-in {
    -webkit-animation-name: prevIn;
       -moz-animation-name: prevIn;
         -o-animation-name: prevIn;
            animation-name: prevIn;
    -webkit-animation-delay: 0.3s;
       -moz-animation-delay: 0.3s;
         -o-animation-delay: 0.3s;
            animation-delay: 0.3s;
}
gallery figure.prev-out {
    -webkit-animation-name: prevOut;
       -moz-animation-name: prevOut;
         -o-animation-name: prevOut;
            animation-name: prevOut;
}

/**
 * FOOTER
 **/

footer {
    background-color: #f8f8f8;
}
footer>div {
    font-family: 'Hind Guntur', sans-serif;
    width: 360px;
    margin:0 auto;
    padding: 20px 0;
    text-align: center;
    color: #565657;
}
footer>div.underlined {
    border-bottom: 1px solid #999999;
}
footer a {
    text-decoration: none;
    font-weight: 600;
    color: inherit;
}
footer a:hover {
    text-decoration: underline;
}

/**
 * CONTACTOS
 **/

.contactos { }
.contactos .wrapper {
    font-family: 'Hind Guntur', sans-serif;
    width: 480px;
    margin: 0 auto;
}
.contactos p {
    color: #565657;
    line-height: 1.25em;
    margin: 0.5em 0;
}
.contactos p.text-center {
    text-align: center;
}
.contactos p a {
    color: #2A8607;
    text-decoration: none;
}
.contactos p a:hover {
    text-decoration: underline;
}
.contactos form {
    text-align: center;
}
.contactos form textarea,
.contactos form input {
    font-family: 'Hind Guntur', sans-serif;
    background-color: #EEE;
    border: 0;
    margin: 8px 0;
    width: 456px;;
    padding: 8px 12px;
    resize: none;
}
.contactos form input.nome,
.contactos form input.telemovel {
    width: 208px;
    display: inline-block;
    float: left;
}
.contactos form input.nome {
    margin-right: 16px;
}
.contactos form button {
    font-family: 'Hind Guntur', sans-serif;
    margin: 8px 0;
    background-color: #78b926;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 600;
    border: 0px solid transparent;
    padding: 4px 8px 0px;
    font-size: 14px;
}
.contactos form button:disabled {
    opacity: 0.5;
    /*background-color: #FFFFFF;*/
    /*border: 2px solid #78b926;*/
    /*color: #78b926;*/
}
.contactos form textarea::-webkit-input-placeholder,
.contactos form input::-webkit-input-placeholder {
   color: #565657;
}
.contactos form textarea:-moz-placeholder,
.contactos form input:-moz-placeholder {
   color: #565657;
}
.contactos form textarea::-moz-placeholder,
.contactos form input::-moz-placeholder {
   color: #565657;
}
.contactos form textarea:-ms-input-placeholder,
.contactos form input:-ms-input-placeholder {
   color: #565657;
}