@import url("skeleton.normalize.css");
@import url("skeleton.css");
/*@import url("//fast.fonts.net/cssapi/6a52b526-e70b-4226-a049-eef169d79553.css");*/
/**
 * @license
 * MyFonts Webfont Build ID 3759885, 2019-05-14T08:22:21-0400
 * © 2019 MyFonts Inc
*/
@import url("//hello.myfonts.net/count/395f0d");
@import url("https://fonts.googleapis.com/css?family=Enriqueta:400,700");


@font-face {font-family: 'Sant’EliaScript';font-weight: normal;font-style: normal;src: url('../fonts//395F0D_0_0.eot');src: url('../fonts//395F0D_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts//395F0D_0_0.woff2') format('woff2'),url('../fonts//395F0D_0_0.woff') format('woff'),url('../fonts//395F0D_0_0.ttf') format('truetype'),url('../fonts//395F0D_0_0.svg#wf') format('svg');}

/*
 *  VIC Layout
 *
 ****************************************************** */

html, body {
    height:100%;
} 

body {
    font-family: 'Enriqueta', serif;
}
.page-margins {
    min-height:100%;
    position:relative;
}
.page-content {
    padding-bottom:150px;
}

hr {
    border:none;
    height: 10px;
    margin-top:2rem;
    margin-bottom:1rem;
    background-image: url('../img/hr.png');
    background-position:center;
    background-size: 90px auto;
    background-repeat: no-repeat;
}

.crown {
    height:55px;
    text-align:center;
    background-color:#fff;
    z-index: 10;
    position: relative;
}
.crown .logo.maresi {
    position:absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    width: 100px;
    height:100px;
    border-radius:50%;
    background-color:#fff;
    /*background: #fff url('../img/maresi-logo-header.png') no-repeat center;
    background-size:80%;
    background: #fff url('../img/maresi-logo-header-75.png') no-repeat center;*/
}
.crown .logo.maresi img {
    width:75%;
    height:auto;
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    /*display:none;*/
}
@media (min-width: 750px) {
    .crown .logo.maresi {
        width: 125px;
        height:125px;
        /*background:#fff url('../img/maresi-logo-header-100.png') no-repeat center;*/
    }
    .crown .logo.maresi img {
        width:80%;
        /*display:none;*/
    }
}
@media (max-width: 550px) and (orientation: landscape) {
    .crown {
        height:20px;
    }
    .crown .logo.maresi {
        width: 60px;
        height:60px;
    }
}

nav.main {
    /*display:none;*/
    position:absolute;
    width:100%;
    max-width:1350px;
    left:0;
    right:0;
    margin:0 auto;
    /*top:0;
    left:0;*/
    z-index:10;
    
}
nav.main ul {
    transition: height 0.5s ease-out;
    position:absolute;
    left:0;
    top:0;
    padding:90px 0 2em 0;
    background-color:rgba(255,255,255,0.8);
    margin:0;
    display:block;
}
nav.main li {
    list-style:none;
    margin:0;
    padding:0;
    white-space:nowrap;
}
nav.main li a {
    padding-left:3.0rem;
    text-transform:uppercase;
    padding-right:2em;
    font-weight:700;
    font-size:1.2rem;
}
nav.main li a:hover,
nav.main li.active a {
    color:#c59f65;
}

@media screen and (max-width:500px) {
    nav.main {
        position:relative;
        padding-bottom:0;
    }
}

@media (max-width:800px) {
    nav.main ul {
        height:0;
        overflow:hidden;
        padding:0;
    }
    nav.main .toggle {
        background-color:rgba(255,255,255,0.8);
    }
    nav.main.active ul {
        height:auto;
        overflow:visible;
        padding:90px 0 2em 0;
    }
    nav.main.active .toggle {
        background-color:transparent;
    }
}



nav.main .toggle {
    
    position: absolute;
    padding: 20px 22px 22px;
    /*background-color: rgba(0,0,0,0.7);*/
    border: none;
    border-radius:0;
    z-index: 100;
    top: 44px;
    left: 22px;
    margin:0;
    /*display: none;*/
}

nav.main .toggle .icon-bar {
    left: 9px;
}
nav.main .toggle .icon-bar, 
nav.main .toggle .icon-bar:before, 
nav.main .toggle .icon-bar:after {
    transition: all 500ms ease-in-out 0s;
    border-radius: 0px;
    height: 3px;
    width: 25px;
    background: #222 none repeat scroll 0% 0%;
    position: absolute;
    display: block;
    content: "";
}
nav.main .toggle .icon-bar:before {
    top: -9px;
}
nav.main .toggle .icon-bar:after {
    bottom: -9px;
}
nav.main .toggle.active .icon-bar {
    background-color: transparent;
}
nav.main .toggle.active .icon-bar:before {
    top: 0px;
    transform: rotate(-45deg) skew(0deg, 0deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
nav.main .toggle.active .icon-bar:after {
    top: 0px;
    transform: rotate(45deg) skew(0deg, 0deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

header.main {

}
header.main img {
    width:100%;
    height:auto;
}

nav.boxnav {
    padding-bottom:2em;
}
nav.boxnav li {
    position:relative;
    display:inline-block;
    width: 50%;
    float:left;
    min-height:265px;
    outline:0px solid #fff;
    background-image:url('../upload/brand/waves.png');
    background-repeat:repeat-x;
    background-position: 100% -20%;
    background-size:auto 180px;
    text-align:center;
}
nav.boxnav.files li {
    background-color:#e6e6e5;
}
nav.boxnav.files li:nth-child(even) {
    background-color:#cfcecc;
}
nav.boxnav li img {
    max-height:200px;
    max-width:100%;
    height:auto;
    display:inline-block;
    margin:2rem auto 0rem;
}
nav.boxnav li a {
    color:inherit;
    text-decoration:none;
    display:block;
    top:0;
    right:0;
    bottom:0;
    left:0;
    line-height:1.15;
}
nav.boxnav li a .caption {
    position:absolute;
    width:100%;
    bottom:1.5em;
}
@media (min-width: 350px) and (orientation: landscape) {
}
@media (max-width: 550px) and (orientation: landscape) {
    nav.boxnav li {
        width:33.3%;
        min-height:150px;
        background-size:auto 110px;
    }
    nav.boxnav li img {
        height:100px;
    }
}
@media (min-width: 550px) {
    nav.boxnav li {
        width:33.3%;
    }
}




@media (max-width: 550px) and (orientation: landscape) {
    body {
        font-size:1em;
    }
}

section.poster img {
    max-height:300px;
}
section.poster .swiper-slide {
    width:100%;
    text-align:center;
    list-style:none;
    margin-bottom:0;
}
section.poster .swiper-slide p {
     padding-left:25%;
    padding-right:25%;
    margin-bottom:0;
    text-transform:uppercase;
}
section.poster .swiper-slide h4 {
    margin-bottom:0;
}
.swiper-button-prev,
.swiper-button-next {
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 70px 163px;
    background-size: contain;
    width:40px;
    height:93px;
}
section.poster .swiper-button-prev,
section.poster .swiper-button-next {
    top:30%;
}
.align-right {
    text-align:right;
}
.swiper-button-prev {
    background-image: url('../img/arr-prev.png');
    background-image: url('../img/arr-prev.svg');

}
.swiper-button-next {
    background-image: url('../img/arr-next.png');
    background-image: url('../img/arr-next.svg');

}

.clear {
    clear:both;
}

h3.below-boxnav {
    text-align:right;
    clear:both;
    padding-top:1.8rem;
}

article.taste .body {
    clear:both;
    padding-top:2.5em;
    text-align:center;
}
.taste {
    margin-top:3rem;
}
.taste h3 {
    font-size:4.5rem;
    text-transform:lowercase;
    background-color: #bee1e0;
    padding:1.5em 1rem 1rem 1rem;
    min-height:250px;
    width:33.3%;
    float:left;
    display:inline-block;
    box-sizing: border-box;
    margin-bottom:0;
    line-height:0.9em;
}
.taste h3 em {
    font-family: 'Enriqueta', serif;
    text-transform:uppercase;
    font-weight:700;
    font-style:normal;
    letter-spacing:0.02em;
    font-size:3.8rem;
}
.image-taste {
    background-image:url('../upload/brand/image-taste.jpg');
    background-repeat:no-repeat;
    background-position:center;
    background-size: cover;
    min-height:250px;
    width:66.6%;
    float:left;
}
.image-taste:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    left: 30%;
    background-color: #434750;
}
@media screen and (max-width:950px) {
    .taste h3, .image-taste {
        width:100%;
        float:none;
    }
    .taste h3 {
        min-height:0;
    }
    .image-taste {
        min-height:200px;
    }
}

/*
 *  VIC Typo
 *
 ****************************************************** */
section {
    padding-top: 2rem;
}
section.leadtext {
    text-align:center;
}
a {
    color:inherit;
    text-decoration:none;
}
a:hover {
    color:inherit;
    text-decoration:none;
}
a:focus {
    color:#a26023;
}
h2, h3, h4 {
    font-family:'SantElia Script W00 Light';
    font-family:"Sant'Elia W00";
    font-family:"Sant’EliaScript";
    font-weight:200;
}
h2 {
    font-size:3.0em;
}
h3 {
    font-size:1.75em;
}
h4 {
    
}
h5 {
    font-size:1.5rem;
    font-weight:700;
    text-transform:uppercase;
}
.res1 h2 {
    font-size:2.5em;
    margin-bottom:0;
}

p {
    line-height:1.05;
    font-weight:700;
    margin-bottom:1.5rem;
}

.leadtext {
    text-align:center;
}

p.wide, p.compact, p.narrow {
    margin-left:auto;
    margin-right:auto;
}
p.wide {
    width:80%; min-width:200px; max-width:600px;
}
p.compact {
    width:60%; min-width:200px; max-width:350px;
}
p.narrow { 
    width:40%; min-width:150px;
}
p.lead {
    text-transform:uppercase;
}

.tpl3 .leadtext {
    margin-top:60px;
}
img {
    max-width:100%;
    height:auto;
}
.siblings nav {
}
.siblings ul {
    margin-top:3em;
    margin-bottom:3em;
    text-align:center;
}
.siblings li {
    width: 20%;
    min-width:140px;
    list-style:none;
    text-align:center;
    display:inline-block;
}
.product aside {
    padding-top:1.5em;
}
.product h2 {
    font-size:3.25rem;
    margin-bottom:0.5rem;
}
.product .figure {
    margin-top:3em;
}
.product-image {
    text-align: center;
}
.product-image img {
    max-height:400px;
}
footer.main {
    background-color:#d6c5b6;
    min-height:80px;
    margin-top:3rem;
    position:absolute;
    width:100%;
    bottom:0;
}
footer.main ul {
    text-align:center;
    padding-top:25px;
}
footer.main li {
    display:inline-block;
    list-style:none;
    margin-left: 0.7em;
    margin-right:0.7em;
    font-weight:bold;
}
footer.main li:last-child {
    margin-right:0;
}
.login-form {
    text-align:center;
    margin-top:3em;
}

.login-form legend {
    text-transform:uppercase;
    font-size: 110%;
    display:block;
    width:100%;
    margin-bottom:2em;
}
.login-form label {
    display:inline;
}
.login-form input {
    background-color:#e7d4b6;
    border:none;
    border-radius:0;
    font-weight:normal;
}
.loginLoginButton {
    display:block;
}
.loginLoginButton input {
    background-color:#bfb6aa;
    color:#040707;
    font-weight:bold;
}

.pinboard {
    position:relative;
    margin-bottom:3em;
}
.pinboard .swiper-slide {
    height:450px;
    opacity:1;
    transition: opacity 1s;
    width:33.3%;
}
@media screen and (max-width:900px) {
    .pinboard .swiper-slide {
        width:50%;
    }
}
@media screen and (max-width:600px) {
    .pinboard .swiper-slide {
        width:100%;
    }
}
.pinboard .swiper-slide-prev,
.pinboard .swiper-slide-active,
.pinboard .swiper-slide-next {
    opacity:1;
}
.pinboard div.image {
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
    width:100%;
    position:relative;
}
.pinboard div.text {
    width:100%;
    position:relative;
    font-size:1.4rem;
}
.pinboard .tip .text .content {
    text-align:center;
}
.pinboard .tip h4 {
    font-size:4rem;
    margin-bottom:1.2rem;
}
.pinboard .posting .text .content p {
    text-transform:uppercase;
    padding-left: 7px;
    text-indent: -7px;
}
.pinboard .posting .text .content p {
    margin-bottom:0.0rem;
}
.pinboard .posting .text .content cite {
    font-family:'SantElia Script W00 Light';
    font-family:"Sant'Elia W00";
    font-family:"Sant’EliaScript";
    font-weight:200;
    
    padding-left: 7px;
    line-height:1.5;
    margin-top:0.6em;
    display:inline-block;
}
.pinboard .imageFirst div.image {
    position:absolute;
    top:0;
    left:0;
}
.pinboard div.text .content {
    position:absolute;
    bottom:0;
    left:0;
}
.pinboard .imageFirst div.text {
    position:absolute;
    bottom:0;
    left:0;
}
.pinboard .imageFirst div.text .content {
    position:relative;
    bottom:auto;
    left:0;
}
.pinboard div.text .content {
    padding:10px;
}
.pinboard .swiper-container {
     padding-left:0px;
    padding-right:0px;
}

.pinboard .swiper-button-prev {
    left:-30px;
}
.pinboard .swiper-button-next {
    left:auto;
    right:-30px;
}
.swiper-button-disabled {
    display:none;
}
aside.news-flash {
    display:inline-block;
    position:absolute;
    margin-top:-8em;
    right:-25px;
}
@media screen and (max-width:1000px) {
    aside.news-flash {
        display:inline-block;
        position:relative;
        margin-top:25px;
        right:auto;
        left:50%;
        margin-left:-115px;
    }
}
.news-flash .circle {
    position:relative;
    width: 230px;
    height:230px;
    border-radius:50%;
    background-color:#eee;
    background: #f3ebe0;
    background-size: cover;
    background-size: 140%;
    border: 1px #f3e2cf solid;
}
.news-flash .circle .pin {
    position:absolute; 
    left:50%;
    top:-40px;
    width:22px;
    height:auto;
    margin-left:-11px;
}
.news-flash .circle .content {
    padding:36px 26px 0;
  -webkit-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
          transform: rotate(-5deg);
}
.news-flash .circle .content h5 {
    color:#3b0000;
    font-size:3.4rem;
    letter-spacing:0.02em;
    margin-bottom:1rem;
    font-weight:600;
    line-height:0.8;
    margin-top:10px;
}
.news-flash .circle .content p {
    font-size:1.6rem;
    line-height: 1.2em;
}
.news-flash .circle .content img {
    max-height:100px;
    width:auto;
    float:right;
    margin-right:30px;
    margin-right:0px;
}

.contact-form {
    margin-top:2em;
}
.contact-form input, 
.contact-form textarea {
    background-color: #e7d4b6;
    border: none;
    border-radius: 0;
    font-weight: normal;
    display:block;
    width:100%;
}

.contact-form textarea {
    height:12em;
}

.contact-form input[type=submit] {
    background-color: #bfb6aa;
    color: #040707;
    font-weight: bold;
}
.pinboard-box {
    position:fixed;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background-color:rgba(255,255,255,0.9);
    z-index: 100;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.pinboard-box .pinboard-bg {
    background-color:#ebe6e1;
    padding:3em 2em;
    margin-top:3em;
    position:relative;
}
.pinboard-box .pinboard-content a {
    color:#c59f65;
}
.pinboard-box .btn.close {
    position:absolute; 
    right:20px;
    top:  20px;
    width: 55px;
    height: 55px;
    background:url('/assets/img/close.png') no-repeat center;
    background-size: 100%;
    background-size: contain;
}
.pinboard-box header h4 {
    font-family: 'Enriqueta', serif;
    padding-right: 30%;
}
.pinboard-box header cite {
    font-family:"Sant'Elia W00";
    font-family:"Sant’EliaScript";
    font-weight:200;
    padding-right: 90px;
}
.pinboard-box article {
    margin-top:2em;
}

.pinboard-box .gallery {
    margin-top:2em;
}
.pinboard-box .gallery ul {
    
}
.pinboard-box .gallery ul li {
    list-style:none;
    display:inline;
    margin:0;
    padding:0;
}
.pinboard-box .gallery ul li img {
    width: 100%;
    height:auto;
}
@media (min-width:800px) {
    .pinboard-box .gallery ul li img {
        width: 49%;
    }
}
@media (min-width:1280px) {
    .pinboard-box .gallery ul li img {
        width: 31%;
    }
}
.pinboard-box .gallery ul li img {
    width: 150px;
    max-width: 32%;
    height:auto;
}


.pinboard .swiper-slide.extendable {
    cursor:pointer !important;
}

#langnav {
    position:absolute;
    right:0;
    top:0;
    z-index:10;
}
#langnav * {
    box-sizing:border-box;
}

nav.lang {
    position:absolute;
    transition-property: top;
    transition-duration: 0.7s;
    top:-63px;
    top:-90px;
    right:0;
    padding-right:1.25em;
    background-color:rgba(255,255,255,0.98);
}
nav.lang.active {
    transition-duration: 0.4s;
    top:0px;
}
nav.lang * {
    list-style:none;
}
nav.lang ul {
    margin:0;
    padding:0.8rem 0;
    opacity:0.9;
}
nav.lang ul li {
    margin:0;
    white-space:nowrap;
}
nav.lang ul li,
nav.lang a {
    display:block;
}
nav.lang a {
    text-transform:uppercase;
    padding:0.4em 1.3em;
    outline:1px #ccc solid;
    outline:none;
    font-size:1.2rem;
}
nav.lang a.active {
    font-weight:normal;
    color:inherit;
}
nav.lang.active a.active {
    font-weight:700;
}
nav.lang a.en {
    letter-spacing:0.05em;
}
nav.lang ul li a img {
    width:16px;
    height:auto;
    vertical-align:text-bottom;
    margin-right:0.25em;
}
nav.lang button.toggle {
    border:none;
    text-align:right;

}
nav.lang button img {
    width:32px;
    height:32px;
}



input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {

    border: 1px solid #85c8ec;
    outline: 0;

}


.nocc footer.main {
    padding-bottom:35px;
}