/*  Endesia
*/
/* Fonts ======================================================== */
@font-face { font-family: "Vani"; src: url("/fonts/Vani.eot"); src: url("/fonts/Vani.eot?#iefix") format("embedded-opentype"), url("/fonts/Vani.woff2") format("woff2"), url("/fonts/Vani.woff") format("woff"), url("/fonts/Vani.ttf") format("truetype"), url("/fonts/Vani.otf") format("opentype"), url("/fonts/Vani.svg#Vani") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; }
@font-face { font-family: "Vani-Bold"; src: url("/fonts/Vani.eot"); src: url("/fonts/Vani.eot?#iefix") format("embedded-opentype"), url("/fonts/Vani.woff2") format("woff2"), url("/fonts/Vani.woff") format("woff"), url("/fonts/Vani.ttf") format("truetype"), url("/fonts/Vani.otf") format("opentype"), url("/fonts/Vani.svg#Vani-Bold") format("svg"); font-weight: 800; font-style: normal; font-stretch: normal; }
/* Globals ======================================================== */
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
html, body { height: 100%; }

body { background: #2689A7 url(/images/bg.jpg) 50% 0% repeat-x; font-family: "Roboto", sans-serif; font-size: 13.5px; color: #09202D; }

a { outline: 0 !important; }

p { text-align: justify; word-wrap: break-word; -moz-hyphens: auto; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #071a24; font-family: "Vani", sans-serif; font-weight: 800; letter-spacing: 0.5px; }
h1.lead, h2.lead, h3.lead, h4.lead, h5.lead, h6.lead, .h1.lead, .h2.lead, .h3.lead, .h4.lead, .h5.lead, .h6.lead { transform: scale(0.9); color: #849096; text-shadow: none; font-style: italic; }

.btn { border: 0; border-radius: 0px; color: #195F86; text-transform: uppercase; }

/* Layout ======================================================== */
#Header { padding: 4em 0; padding: 10vh 0; letter-spacing: 0.5px; }
#Header h1, #Header h2, #Header em { line-height: 1.1; color: #fff; text-shadow: 2px 2px 0 #17577B; }
#Header h1 { font-size: 48px; }
#Header h2 { font-size: 32px; }
#Header em { font-size: 28px; font-style: normal; }

.section { padding: 1em 0; padding: 2.5vh 0; display: table; width: 100%; }
@media (min-width: 768px) { .section .container .col-sm-4, .section .container .col-sm-8, .section .container > figure, .section .container > article { position: relative; display: table-cell; float: none; vertical-align: top; }
  .section .container > .col-sm-4, .section .container > .col-md-4 { width: 35%; }
  .section .col-sm-8, .section .col-md-8 { width: 65%; } }
.section figure { vertical-align: middle; }
.section figure > img { width: 100%; max-width: 100%; height: auto; }
.section a.facebook-page { display: block; color: #fff; text-decoration: none; margin-top: 1em; margin-bottom: 2em; }
.section a.facebook-page img { margin-right: 5px; }
.section a.facebook-page:hover { text-decoration: underline; }
@media (min-width: 992px) { .section a.facebook-page { margin-bottom: 0; } }

.btn-wrapper { margin-top: 1em; margin-top: 2.5vh; }
@media (max-width: 991px) { .btn-wrapper .btn { display: block; width: 100%; }
  .btn-wrapper .btn + small { display: block; text-align: center; margin: 10px 0; } }
@media (min-width: 992px) { .btn-wrapper .btn + small:before { content: " - "; display: inline-block; margin: 0 10px; } }

#AcquistaOraModal { font-size: 20px; }
#AcquistaOraModal .modal-header { background: #196087; }
#AcquistaOraModal .modal-header .modal-title { color: #fff; font-family: "Vani", sans-serif; font-size: 22px; line-height: 1; padding: 13px 0 0 0 !important; }
@media (min-width: 992px) { #AcquistaOraModal .modal-header .modal-title { font-size: 28px; } }
#AcquistaOraModal .modal-content { border-radius: 3px; }
#AcquistaOraModal button.close { font-size: 26px; color: #fff; text-shadow: none; opacity: 0.5; }
#AcquistaOraModal .row { margin: 0; position: relative; display: block; }
@media (min-width: 992px) { #AcquistaOraModal .row { display: table; width: 100%; }
  #AcquistaOraModal .row span { display: table-cell; vertical-align: middle; float: none; } }
@media (max-width: 991px) { #AcquistaOraModal .row span.text-left { padding-top: 1em; text-align: center; }
  #AcquistaOraModal .row .arrow { position: absolute; top: 50%; right: 0px; -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); } }
#AcquistaOraModal img.shop-logo { max-width: 130px; }
#AcquistaOraModal .text-right img { opacity: 0.35; }

.section-romanzo { padding: 5vh 0; background: #D1E8E9; background: linear-gradient(to bottom, #D1E8E9 25%, #90bece 100%); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25); }
@media (min-width: 768px) { .section-romanzo .container { display: flex; align-items: center; }
  .section-romanzo .container:after, .section-romanzo .container:before { display: flow-root; } }
.section-romanzo .facebook-page { color: #196087; }
.section-romanzo h2 { color: #195f86; }
.section-romanzo cite { color: #195F86; font-family: "Vani", sans-serif; font-style: normal; position: relative; margin: 10px 0; font-size: 17px; display: block; }
@media (max-width: 991px) { .section-romanzo cite { line-height: 1.2; } }
@media (min-width: 992px) { .section-romanzo cite { font-size: 19px; } }
.section-romanzo cite:before, .section-romanzo cite:after { display: inline-block; position: relative; z-index: 10; color: inherit; font-family: times, serif; font-size: 39px; font-weight: bold; line-height: 0; height: 0; }
.section-romanzo cite:before { position: absolute; content: "\201C"; top: 8px; left: -26px; }
.section-romanzo cite:after { content: "\201D"; bottom: -22px; right: -4px; }
.section-romanzo .btn-wrapper { color: #195F86; }

@media (min-width: 992px) { #AmoreTempiProstata h2 { color: #fff; text-shadow: 1px 1px 0 rgba(25, 95, 134, 0.25); }
  #AmoreTempiProstata cite { color: #f2f2f2; text-shadow: 1px 1px 0 rgba(25, 95, 134, 0.25); } }

#Autore { background: #58A3B8; color: white; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.125); }
#Autore img.author { border: 10px solid #2F7897; border-radius: 50%; }
#Autore h3, #Autore p { color: inherit; }
#Autore article { vertical-align: middle; }
#Autore figure > img { position: relative; z-index: 100; }
#Autore figure figcaption { position: relative; margin: 0 auto 1em 0; padding: 1em; margin-top: -50px; padding-top: 75px; background: #93C3D1; background: rgba(255, 255, 255, 0.35); max-width: 75%; display: inline-block; z-index: 90; }
#Autore a { display: block; color: #17587A; }
#Autore .facebook-profile img { margin-right: 5px; }
#Autore a.email { color: #fff; font-size: 1.1em; letter-spacing: 0.25px; }

#Others { background: #196087; color: white; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.075); }
#Others h4, #Others p { color: inherit; }
#Others h4 > small { font-weight: normal; display: block; color: inherit; margin: 10px 0; font-size: 13px; }
@media (min-width: 992px) { #Others figure > img { width: auto; max-width: 480px; } }
#Others article { vertical-align: middle; }

#Downloads { color: white; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.075); }
#Downloads hgroup { position: relative; }
#Downloads hgroup:before { content: ""; display: block; height: 1px; width: 100%; background: #fff; position: absolute; top: 28px; z-index: -1; }
#Downloads h5 { display: inline-block; background: #2689A7; padding: 0 1em; z-index: 1; }
#Downloads h6 { font-weight: 400; font-size: 12.5px; margin: 0; opacity: 0.85; }
#Downloads h5, #Downloads h6, #Downloads p, #Downloads ul, #Downloads li, #Downloads a { color: inherit; }
#Downloads ul { list-style: none; margin: 0; padding: 0; margin: 1em 0; margin: 2.5vh 0; font-size: 18px; }
#Downloads ul li { display: block; float: left; margin-bottom: 10px; }
#Downloads ul li a { line-height: 36px; display: inline-block; }
#Downloads ul li a:before { content: url(/images/download.png); float: left; margin-right: 6px; }

#Footer { position: relative; z-index: 101; padding: 1.25em 0 0.75em 0; background: #092230; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) inset; }
#Footer a { color: #f0f0f0; }
#Footer a img { margin-left: 10px; }

/* Animations ======================================================== */
/* scrolltocontent */
@-webkit-keyframes scrolltocontent { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } }
@-moz-keyframes scrolltocontent { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } }
@-o-keyframes scrolltocontent { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } }
@keyframes scrolltocontent { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } }

/*# sourceMappingURL=main.css.map */