@font-face {
  font-family: 'PrestigeEliteStd-Bd';
  src: url('font/PrestigeEliteStd-Bd.eot?#iefix') format('embedded-opentype'),
       url('font/PrestigeEliteStd-Bd.otf')  format('opentype'),
       url('font/PrestigeEliteStd-Bd.woff') format('woff'),
       url('font/PrestigeEliteStd-Bd.ttf')  format('truetype'),
       url('font/PrestigeEliteStd-Bd.svg#PrestigeEliteStd-Bd') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*////////////////////////////////////////////////////////////////////////////////////////
  Foundation
////////////////////////////////////////////////////////////////////////////////////////*/

*,
*:before,
*:after                               { box-sizing: inherit; }
html, body                            { height: 100%; font-size: 100%; }
html                                  { box-sizing: border-box; }
body                                  { background: #fff; color: #222; cursor: auto; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 1.5; margin: 0; padding: 0; position: relative; }
a:hover                               { cursor: pointer; }
img                                   { max-width: 100%; height: auto; display: inline-block; vertical-align: middle; }
.row                                  { margin: 0 auto; max-width: 42.5em; width: 100%; }
.row:before,
.row:after                            { content: " "; display: table; }
.row:after                            { clear: both; }
.row .row                             { margin: 0 -0.9375em; max-width: none; width: auto; }
.row .row:before,
.row .row:after                       { content: " "; display: table; }
.row .row:after                       { clear: both; }

.columns                              { padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; }
.columns+.columns:last-child          { float: right; }

@media only screen {
  .columns                            { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; }
  .small-12                           { width: 100%; }
  .columns.small-centered             { margin-left: auto; margin-right: auto; float: none; }
  .columns.small-centered:last-child  { float: none; }
}

@media only screen and (min-width: 40.0625em) {
  .columns                            { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; }
  .medium-6                           { width: 50%; }
  .medium-8                           { width: 66.66667%; }
  .medium-12                          { width: 100%; }
  .columns.medium-centered            { margin-left: auto; margin-right: auto; float: none; }
  .columns.medium-centered:last-child { float: none; }
}

@media only screen and (min-width: 64.0625em) {
  .large-push-1                       { position: relative; left: 8.33333%; right: auto; }
  .columns                            { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; }
  .large-12                           { width: 100%; }
  .columns.large-centered             { margin-left: auto; margin-right: auto; float: none; }
  .columns.large-centered:last-child  { float: none; }
}

.button                               { appearance: none; border-radius: 0; border-style: solid; border-width: 0; cursor: pointer; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: normal; margin: 0 0 1.25rem; position: relative; text-align: center; text-decoration: none; display: inline-block; padding: 1rem 2rem 1.0625rem 2rem; font-size: 1rem; background-color: #056A2D; border-color: #045524; color: #FFFFFF; transition: background-color 300ms ease-out; }
.button:hover,
.button:focus                         { background-color: #045524; color: #FFFFFF;}
@media only screen and (min-width: 40.0625em) { .button { display: inline-block; } }

form                                          { margin: 0 0 1rem; }
label                                         { color: #4d4d4d; cursor: pointer; display: block; font-size: 0.875rem; font-weight: normal; line-height: 1.5; margin-bottom: 0; }
input:is([type="text"], [type="email"])       { appearance: none; border-radius: 0; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #cccccc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-family: inherit; font-size: 0.875rem; height: 2.3125rem; margin: 0 0 1rem 0; padding: 0.5rem; width: 100%; box-sizing: border-box; transition: border-color 0.15s linear, background 0.15s linear; }
input:is([type="text"], [type="email"]):focus { background: #fafafa; border-color: #999999; outline: none; }
input[type="submit"]                          { appearance: none; border-radius: 0; }
::-webkit-input-placeholder                   { color: #cccccc; }
:-moz-placeholder                             { color: #cccccc; }
::-moz-placeholder                            { color: #cccccc; }
:-ms-input-placeholder                        { color: #cccccc; }
.panel                                        { margin: 1.25rem 0; padding: 1.25rem; background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); color: #333333; }
.panel> :first-child                          { margin-top: 0; }
.panel> :last-child                           { margin-bottom: 0; }
.panel :is(h1, h2, h3, h4, h5, h6, p, li, dl) { color: #333333; }
.panel :is(h1, h2, h3, h4, h5, h6)            { line-height: 1; margin-bottom: 0.625rem; }
.text-center                                  { text-align: center !important; }
.text-justify                                 { text-align: justify !important; }
div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, form, p               { margin: 0; padding: 0; }
a                                             { color: #056A2D; line-height: inherit; text-decoration: none; }
a:hover,
a:focus                                       { color: #045b27; }
a img                                         { border: none; }
p                                             { font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.6; margin-bottom: 1.25rem; text-rendering: optimizeLegibility; }
h1, h2, h3, h4, h5, h6                        { color: #222222; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 1.4; margin-bottom: 0.5rem; margin-top: 0.2rem; text-rendering: optimizeLegibility; }
h1                                            { font-size: 2.125rem; }
h2                                            { font-size: 1.6875rem; }
h3                                            { font-size: 1.375rem; }
h4                                            { font-size: 1.125rem; }
h5                                            { font-size: 1.125rem; }
h6                                            { font-size: 1rem; }
hr                                            { border: solid #DDDDDD; border-width: 1px 0 0; clear: both; height: 0; margin: 1.25rem 0 1.1875rem; }
em, i                                         { font-style: italic; line-height: inherit; }
strong, b                                     { font-weight: bold; line-height: inherit; }
ul, ol, dl                                    { font-family: inherit; font-size: 1rem; line-height: 1.6; list-style-position: outside; margin-bottom: 1.25rem; }
ul                                            { margin-left: 1.1rem; }
:is(ul, ol) li :is(ul, ol)                    { margin-left: 1.25rem; margin-bottom: 0; }
ol                                            { margin-left: 1.4rem; }
dl dt                                         { margin-bottom: 0.3rem; font-weight: bold; }
dl dd                                         { margin-bottom: 0.75rem; }

@media only screen and (min-width: 40.0625em) {
  h1, h2, h3, h4, h5, h6 { line-height: 1.4; }
  h1                     { font-size: 2.75rem; }
  h2                     { font-size: 2.3125rem; }
  h3                     { font-size: 1.6875rem; }
  h4                     { font-size: 1.4375rem; }
  h5                     { font-size: 1.125rem; }
  h6                     { font-size: 1rem; }
}

[class*="block-grid-"]       { display: block; padding: 0; margin: 0 -0.625rem; }
[class*="block-grid-"]:before,
[class*="block-grid-"]:after { content: " "; display: table; }
[class*="block-grid-"]:after { clear: both; }
[class*="block-grid-"] > li  { display: block; float: left; height: auto; padding: 0 0.625rem 1.25rem; }

@media only screen {
  .small-block-grid-1 > li                   { list-style: none; width: 100%; }
  .small-block-grid-1 > li:nth-of-type(1n)   { clear: none; }
  .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }
}

@media only screen and (min-width: 40.0625em) {
  .medium-block-grid-3 > li                  { list-style: none; width: 33.33333%; }
  .medium-block-grid-3>li:nth-of-type(1n)    { clear: none; }
  .medium-block-grid-3>li:nth-of-type(3n+1)  { clear: both; }
}

@media only screen and (min-width: 64.0625em) {
  .large-block-grid-3 > li                   { list-style: none; width: 33.33333%; }
  .large-block-grid-3>li:nth-of-type(1n)     { clear: none; }
  .large-block-grid-3>li:nth-of-type(3n+1)   { clear: both; }
  .large-block-grid-4>li                     { list-style: none; width: 25%; }
  .large-block-grid-4>li:nth-of-type(1n)     { clear: none; }
  .large-block-grid-4>li:nth-of-type(4n+1)   { clear: both; }
}

@media print {
  *                                              { background: transparent !important; box-shadow: none !important; color: #000000 !important; text-shadow: none !important; }
  a, a:visited                                   { text-decoration: underline; }
  a[href]:after                                  { content: " (" attr(href) ")"; }
  abbr[title]:after                              { content: " (" attr(title) ")"; }
  a:is([href^="#"], [href^="javascript:"]):after { content: ""; }
  img                                            { page-break-inside: avoid; }
  img                                            { max-width: 100% !important; }
  @page                                          { margin: .5cm; }
  p, h2, h3                                      { orphans: 3; widows: 3; }
  h2, h3                                         { page-break-after: avoid; }
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

body, h1, h2, h3, h4, h5, p { font-family: 'PrestigeEliteStd-Bd'; }

body {padding:2%;background: url("../img/grumo-img.svg") fixed  no-repeat center center;}
body > footer {
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  text-align: center;
}
@media only screen and (max-width: 40em) { body { padding:5%; background-position: 50% 50%; background-size:300% auto;background-attachment:fixed; } }

h1 { font-size:2.5rem; }
h1 a { background:white;padding:10px 20px; }
h3 a { background:white;padding:5px 10px; }

header {padding:0px 0px 10px}
footer {padding:20px 0px 0px;}

.row {max-width:54em;}
@media only screen and (max-width: 64em) { .row {overflow:hidden;} }

.block-grid-parent { padding-top:20px; }
.bottom-nav ul { list-style:none; }
.bottom-nav li { background:#FFF; display:inline-block; padding:10px 20px; width:auto; margin:2% 1%; }

@media only screen and (max-width: 40em) { textarea {min-height:150px;} }

.img-header-eventi { width:100%; height:auto; padding-bottom:8%; }

.th { border: solid 4px #FFFFFF; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); display: inline-block; line-height: 0; max-width: 100%; transition: all 200ms ease-out; border: none; padding: 1rem; background: #FFF; }
.shadow { box-shadow: 0 0 20px 0 rgba(0,0,0,0.1)!important; }
.shadow:hover { box-shadow: 0 0 25px 0 rgba(0,0,0,0.25); }

.rotate\+1 { transform: rotate(1deg);}
.rotate\+2 { transform: rotate(2deg);}
.rotate\-2 { transform: rotate(-1deg);}
.rotate\-2 { transform: rotate(-2deg);}

.rotate\+1:hover { transform: rotate(2deg);}
.rotate\-2:hover { transform: rotate(3deg);}
.rotate\-1:hover { transform: rotate(-2deg);}
.rotate\-2:hover { transform: rotate(-3deg);}

@media (max-width: 64.0625em) {
  .panel.large-12 {
    transform: rotate(0deg) !important;
  }
}