/****** RESPONSIVE BREAKPOINT ************/
/********************************/
/* TYPOGRAPY */
/**** OPACITY*****/
/****TEMP COLOUR PALET*****/
/**** SITE PALET*****/
/**** FORM *****/
/***** SPRITES ******/
/***** WRAP ******/
/***** COL ******/
/* CSS3 Mixins */
@keyframes effect { 0% { width: 0; padding: 0; }
  85% { width: 100%; padding: 5px 5px 5px 4rem; } }
@keyframes effect2 { 0% { width: 0; }
  50% { width: 0; }
  85% { width: 2.6rem; } }
@keyframes effect3 { 0% { height: 0; }
  85% { height: 0; }
  100% { height: 2.2rem; } }
/* ----- TYPOGRAPHY ----- */
/****** BROWSER DEFAULT RESET **********/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, caption, cite, code, fn, th, var { font-style: normal; font-weight: normal; }

caption, th { text-align: left; }

a { outline: none; }

h1, h2, h3, h4, h5, h6, h7, p, blockquote, li { font-size: 1em; }

a img { text-decoration: none; border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

hr { display: none; }

html { font-size: 62.5%; }

body { font-size: 16px; font-size: 1.6rem; color: #333; -webkit-font-smoothing: antialiased; }

/******  TYPOGRAPHY *****/
body { font-family: Arial, sans-serif; line-height: 1.5; }

p { font-size: 1.6rem; line-height: 1.5625; margin-bottom: 1.5rem; }

h1 { font-size: 30px; font-weight: 400; }

h2 { font-size: 27px; font-weight: 400; }

h3 { font-size: 24px; font-weight: 400; }

h4 { font-size: 20px; font-weight: 400; }

h5 { font-size: 16px; font-weight: 400; }

h6 { font-size: 14px; font-weight: 400; }

a { color: #0F5499; }

/******  FORMS  *****/
fieldset { margin: 0; padding: 0; }

label, input[type=text], textarea, select { display: block; width: 100%; font-family: Roboto, sans-serif; }

input[type=text] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input, textarea, select { border: none; border: 1px solid #ccc; padding: 5px; outline: none; }

input, select { height: 40px; height: 4rem; }

button { cursor: pointer; }

input[type=checkbox] { display: inline; float: left; width: 20px; position: relative; top: -10px; }

label[data-label-checkbox=privacy] { padding-left: 30px; }

::-webkit-input-placeholder { font-style: italic; }

:-moz-placeholder { font-style: italic; }

::-moz-placeholder { font-style: italic; }

:-ms-input-placeholder { font-style: italic; }

.social__btn { height: 20px; }
.social__btn .fb-like { position: relative; top: -4px; }

.clearfix { zoom: 1; }
.clearfix:before { content: " "; display: table; }
.clearfix:after { content: " "; display: table; clear: both; }

/******************************************************/
@media only screen and (min-width: 320px) { .effect, .more, .more:hover, .tools .language__btn, .tools .language__btn.active, .tools .language__btn:hover, .footer .tools .language__btn.active, .footer .tools .language__btn:hover, header .nav__btn:hover, .footer a { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: 0.5S; -moz-transition-duration: 0.5S; -o-transition-duration: 0.5S; transition-duration: 0.5S; }
  .after-before, .messaggio:before, .intro__claim:after, .settori-list__box h3:after { position: absolute; display: block; content: ''; }
  .sprites, .scroll-top a, .flex-direction-nav a, header .btn__menu { background-image: url(../images/sprites/sprites_luna.svg); background-repeat: no-repeat; background-size: 54rem 30.1rem; }
  .sprites-edit, .messaggio:before, header .logo a, .footer .section .logo { background-image: url(../images/sprites/sprites_luna.svg); background-repeat: no-repeat; }
  .margin, .storia .flex-control-thumbs, .content-tab__tabs, .content, .intro__claim, .home .settori-list, .settori-nav ul, .tab-nav .tabs { margin-left: auto; margin-right: auto; }
  .x-clearfix, .tools { zoom: 1; }
  .x-clearfix:before, .tools:before { content: " "; display: table; }
  .x-clearfix:after, .tools:after { content: " "; display: table; clear: both; }
  .btn { display: inline-block; text-transform: uppercase; text-decoration: none; background-color: #0091EA; padding: 0.5rem 1rem; }
  .button, button { border: none; border-radius: 1.6em; display: block; background-color: #0F5499; color: #ffffff; font-family: Roboto, sans-serif; padding: 1rem 4rem; font-size: 1.3rem; text-transform: uppercase; }
  .focus, input[type=text]:focus, textarea:focus { box-shadow: none; background-color: #EDEDED; border: solid 2px #0091EA; }
  .form-error, input[type=text].error, textarea.error { border: solid 2px #D71920; }
  .form, input[type=text], textarea { background-color: #ffffff; border: none; }
  * { margin: 0; padding: 0; }
  body { font-family: Roboto, sans-serif; }
  p { margin-bottom: 0; }
  h1 { font-size: 3rem; font-weight: 400; }
  h2 { font-size: 2.2rem; font-weight: 400; color: #0F5499; }
  h3 { font-size: 1.7rem; font-weight: 400; }
  h4 { font-size: 2rem; font-weight: 400; }
  h5 { font-size: 1.6rem; font-weight: 400; color: #2E366C; }
  h6 { font-size: 1.4rem; font-weight: 400; }
  label { color: #0F5499; font-size: 1.4rem; }
  .messaggio { position: relative; padding-left: 5rem; display: block; line-height: 2rem; }
  .messaggio:before { left: 0rem; width: 4rem; height: 4rem; background-size: 30.8rem auto; }
  .messaggio.error:before { background-position: -18.7rem -11.8rem; }
  .messaggio.success:before { width: 5.8rem; height: 4.6rem; background-position: -24.4rem -12rem; }
  button { -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: 0.5S; -moz-transition-duration: 0.5S; -o-transition-duration: 0.5S; transition-duration: 0.5S; -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; }
  button:hover { background-color: #0091EA; color: #ffffff; }
  small.error { color: #D71920; }
  .scroll-top { position: fixed; bottom: 2rem; right: 2rem; width: 3.6rem; height: 3.6rem; }
  .scroll-top a { display: block; text-indent: -9999px; position: relative; width: 3.6rem; height: 3.6rem; background-position: -15rem -1.8rem; }
  small.privacy { font-size: 1.3rem; line-height: 2rem; display: block; color: #737373; margin-bottom: 2rem; } }
@media only screen and (min-width: 320px) and (max-width: 767px) { .margin-ltp, .footer .wrap, .footer .logo { margin-left: auto; margin-right: auto; }
  .messaggio { margin-top: 1.5rem; } }
@media only screen and (min-width: 768px) { h3 { font-size: 1.5rem; font-weight: 400; }
  h2 { font-size: 2.4rem; font-weight: 400; }
  .messaggio { margin: 1rem 0 3rem; }
  .messaggio:before { top: -1rem; } }
@media only screen and (min-width: 1024px) { .footer .tel a { pointer-events: none; color: #737373; opacity: 1; }
  h2 { font-size: 2.7rem; font-weight: 400; } }
@media only screen and (min-width: 1440px) { h2 { font-size: 3.6rem; font-weight: 400; } }
/**** PRINT STYLE********/
@media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }
.flex-container a:hover, .flex-slider a:hover { outline: none; }

.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

.flex-pauseplay span { text-transform: capitalize; }

.flexslider { margin: 0; padding: 0; background-color: #f2f2f2; }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; position: relative; }

.flexslider .slides img { width: 100%; display: block; }

.flexslider .slides:after { display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .flexslider .slides { display: block; }

* html .flexslider .slides { height: 1%; }

.no-js .flexslider .slides > li:first-child { display: block; }

.flexslider { position: relative; zoom: 1; }

.flexslider .slides { zoom: 1; }

.flexslider .slides img { height: auto; -moz-user-select: none; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.carousel li { margin-right: 5px; }

.flex-direction-nav { *height: 0; }

.flex-direction-nav a { text-indent: -9999px; text-decoration: none; display: block; width: 30px; height: 55px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.flex-direction-nav a:before { display: inline-block; width: 30px; height: 55px; }

.flex-direction-nav .flex-prev { left: -50px; background-position: -2rem -22.5rem; }

.flex-direction-nav .flex-next { right: -50px; background-position: -8rem -22.5rem; }

.flexslider .flex-direction-nav .flex-prev { opacity: .7; }

.flexslider .flex-direction-nav .flex-prev:hover { opacity: 1; }

.flexslider .flex-direction-nav .flex-next { opacity: .7; }

.flexslider .flex-direction-nav .flex-next:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; z-index: -1; }

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: .8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }

.flex-pauseplay a:before { font-size: 20px; display: inline-block; }

.flex-pauseplay a:hover { opacity: 1; }

.flex-control-nav { width: 100%; position: absolute; bottom: 0px; text-align: center; }

.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }

.flex-control-thumbs { margin: 0 0 0; position: static; overflow: hidden; border-top: solid 1px #ffffff; border-bottom: solid 1px #ffffff; }

.flex-control-thumbs li { width: auto; float: left; margin: 0; border: solid 1px #ffffff; }

.flex-control-thumbs img { width: 60px; height: 60px; display: block; opacity: .6; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

.flex-caption { width: 100%; padding: 2rem 5%; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); font-size: 1.4rem; line-height: 1.8rem; position: absolute; }

@media only screen and (min-width: 320px) { .flex-direction-nav a { opacity: 0; }
  .flex-direction-nav .flex-prev { left: -50px; }
  .flex-direction-nav .flex-next { right: -50px; }
  .storia .flex-direction-nav .flex-prev { left: 10px; }
  .storia .flex-direction-nav .flex-next { right: 10px; }
  .storia .flex-direction-nav a { top: 14rem; }
  .flex-control-thumbs img { width: 6rem; height: 6rem; } }
@media only screen and (min-width: 320px) and (max-width: 767px) { .storia .flex-control-thumbs { display: none; } }
@media only screen and (min-width: 768px) { .flex-control-thumbs img { width: 8rem; height: 8rem; }
  .storia .flex-control-thumbs { max-width: 90rem; text-align: center; padding: 2rem 0; }
  .storia .flex-control-thumbs li { width: 10rem; height: 10rem; padding: 1rem; border: none; float: none; }
  .storia .flex-control-thumbs li img { width: 8rem; height: 8rem; }
  .storia .flex-direction-nav a { top: 22.5rem; }
  .flexslider .slides li { background-size: cover; background-position: center center; }
  .flex-control-paging { bottom: 2rem; }
  .flex-control-paging li a { width: 2rem; height: 2rem; background: #ccc; background: rgba(255, 255, 255, 0.5); } }
@media only screen and (min-width: 1024px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
  .flex-direction-nav .flex-next { opacity: 1; right: 10px; } }
@media only screen and (min-width: 1025px) { .flex-control-thumbs img { width: 10rem; height: 10rem; }
  .storia .flex-direction-nav .flex-prev { left: -50px; }
  .storia .flex-direction-nav .flex-next { right: -50px; }
  .storia .flexslider:hover .flex-direction-nav .flex-prev { left: 20px; }
  .storia .flexslider:hover .flex-direction-nav .flex-next { right: 20px; } }
.container { width: 100%; max-width: 520px; margin: 0 auto; }

header { border-bottom: 1px solid #ccc; }

.footer { border-top: 1px solid #ccc; }
.footer nav { display: none; }

.content { padding: 30px 0; }

.language { list-style: none; padding: 0; }

.slides li { height: 300px; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.tabs-link.active, .settori-nav a.active { background-color: #0091EA; color: #ffffff; text-decoration: none; }

.tabs-link.active:hover, .settori-nav a.active:hover { opacity: 1; }

.nav-toggle { display: none; }

.title-sezione { display: none; }

/*******************/
@media only screen and (min-width: 320px) { .privacy h3 { color: #0F5499; font-size: 1.8rem; }
  body { font-weight: 400; background-color: #f2f2f2; }
  .container { max-width: 144rem; background-color: #f2f2f2; }
  .nav-toggle { display: block; cursor: pointer; }
  header, footer { border: none; }
  .logo { width: 10rem; height: 3.4rem; }
  .logo a { display: block; text-indent: -9999px; font-size: 1px; }
  .wrap { position: relative; }
  #contact-form { margin-top: 2rem; }
  #contact-form .form-block { margin-bottom: 2rem; }
  .more { padding: 0.2rem 2.5rem 0.2rem 2.5rem; display: inline-block; background-color: #ffffff; color: #0091EA; text-decoration: none; font-size: 1.3rem; line-height: 3rem; border-radius: 2rem; position: relative; /*&:after{width:.45rem;height:.825rem;@extend .after-before;@include bck-temp($nero, 0.5);right:1.5rem;top:50%;margin-top:-.4rem}*/ }
  .more:hover { background-color: #0091EA; color: #ffffff; }
  .content-tab__tabs p { margin-bottom: 2rem; }
  .content-tab__tabs ul { margin-left: 6rem; } }
@media only screen and (min-width: 320px) and (max-width: 767px) { .title-sezione { display: block; text-align: center; background-color: #0F5499; color: #ffffff; }
  .flex-control-thumbs { margin: 0 0 0 0; }
  .flex-control-paging { display: none; }
  .content-tab__tabs { width: 90%; padding: 2rem 0; } }
@media only screen and (min-width: 768px) { .content-tab { margin-left: auto; margin-right: auto; width: 71rem; padding: 3rem 0; }
  .content-tab__tabs { display: inline-block; vertical-align: top; width: 53.25rem; padding-left: 2rem; }
  .content-tab__tabs p { margin-bottom: 2rem; }
  .content-tab__tabs ul { margin-left: 6rem; }
  .slides li { height: 60rem; }
  #contact-form { margin-top: 0.8rem; } }
@media only screen and (min-width: 1024px) { .slides li { height: 70rem; }
  .content-tab { width: 90rem; }
  .content-tab__tabs { width: 67.5rem; } }
@media only screen and (min-width: 1440px) { .slides li { height: 80rem; }
  body { background-color: #ffffff; }
  .content-tab { width: 120rem; }
  .content-tab__tabs { width: 90rem; } }
/**********************/
@media only screen and (min-width: 320px) { .content { padding: 3rem 0 5rem; max-width: 90%; }
  .content .main p { margin-bottom: 2rem; } }
@media only screen and (min-width: 768px) { .content { max-width: 71rem; }
  .content .aside { width: 17.75rem; padding: 0rem 2rem 0 2rem; display: inline-block; vertical-align: top; }
  .content .main { display: inline-block; vertical-align: top; width: 53.25rem; padding-left: 2rem; } }
@media only screen and (min-width: 1024px) { .content { max-width: 90rem; }
  .content .aside { width: 22.5rem; }
  .content .main { width: 67.5rem; } }
@media only screen and (min-width: 1440px) { .content { max-width: 120rem; }
  .content .aside { width: 30rem; }
  .content .main { width: 90rem; } }

@media only screen and (min-width: 320px) { .tools { position: absolute; right: 5%; top: 0.6rem; height: 2rem; width: 8.8rem; }
  .tools .language__btn { cursor: pointer; width: 2rem; height: 2rem; padding-top: 0.3rem; border-radius: 3rem; display: block; text-decoration: none; text-transform: uppercase; background-color: #ffffff; color: #0F5499; font-size: 1.1rem; text-align: center; float: left; margin-right: 1rem; opacity: 0.2; }
  .tools .language__btn.active, .tools .language__btn:hover { background-color: white; opacity: 1; }
  .footer .tools .language__btn { background-color: #ffffff; color: #0091EA; opacity: 0.8; }
  .footer .tools .language__btn.active, .footer .tools .language__btn:hover { background-color: #0091ea; opacity: 1; color: #ffffff; } }
@media only screen and (min-width: 768px) { .tools { right: 0; width: 8rem; top: 50%; margin-top: -1.5rem; }
  .tools .language__btn { width: 3rem; height: 3rem; margin: 0 0 0 1rem; font-size: 1.4rem; padding-top: 0.5rem; } }
@media only screen and (min-width: 1024px) { .tools { margin-top: -2rem; width: 10rem; }
  .tools .language__btn { width: 4rem; height: 4rem; font-size: 1.6rem; padding-top: 0.8rem; } }
@media only screen and (min-width: 1440px) { .tools { width: 14rem; margin-top: -2.5rem; width: 12rem; }
  .tools .language__btn { width: 5rem; height: 5rem; font-size: 1.8rem; padding-top: 1.2rem; } }

@media only screen and (min-width: 320px) { header { padding: 1rem 0 1rem 0; background: url(../images/bck/intro.jpg) no-repeat center top; background-size: cover; }
  header .logo { margin-left: 5%; width: 10rem; height: 3.4rem; }
  header .logo a { height: 3.4rem; background-size: 20.1rem auto; background-position: -0.7rem -3rem; }
  header .nav ul { list-style: none; }
  header .nav__btn { color: #ffffff; text-decoration: none; border-radius: 2rem; display: inline-block; }
  header .nav__btn:hover { background-color: white; background-color: rgba(255, 255, 255, 0.2); }
  .home header .nav__btn--home, .chi-siamo header .nav__btn--chisiamo, .settori header .nav__btn--settori, .settore header .nav__btn--settori, .storia header .nav__btn--storia, .contatti header .nav__btn--contatti, .seamoon header .nav__btn--seamoon { background-color: white; background-color: rgba(255, 255, 255, 0.5); } }
@media only screen and (min-width: 320px) and (max-width: 767px) { header .nav { display: none; }
  header .nav.active { display: block; text-align: center; background-color: #0F5499; padding: 2rem 0; margin-top: 1rem; position: fixed; width: 100%; z-index: 700; }
  header .nav__btn { font-size: 2rem; padding: 0.5rem 2rem; line-height: 3rem; margin-bottom: 1rem; }
  header .btn__menu { background-position: -5.2rem -1.8rem; position: absolute; right: 0; top: 0.3rem; width: 1.8rem; height: 1.3rem; display: block; text-indent: -9999px; }
  header .btn__menu.active { background-position: -7.3rem -0.8rem; width: 3.5rem; height: 5rem; position: fixed; right: 3%; top: 1rem; background-color: #0F5499; z-index: 880; } }

@media only screen and (min-width: 768px) { header .wrap { max-width: 67rem; margin-left: auto; margin-right: auto; }
  header .logo { margin-left: 0; display: inline-block; vertical-align: middle; width: 15rem; height: 5rem; }
  header .logo a { height: 5rem; background-size: 30.2rem auto; background-position: -1.1rem -4.5rem; }
  header .nav-toggle { display: none; }
  header .nav { vertical-align: middle; display: inline-block; margin-left: 4rem; }
  header .nav li { float: left; display: inline-block; }
  header .nav__btn { font-size: 1.3rem; padding: 0.5rem 1rem; } }
@media only screen and (min-width: 1024px) { header { padding: 2rem 0; }
  header .wrap { max-width: 86rem; }
  header .logo { width: 20rem; height: 6.7rem; }
  header .logo a { height: 6.7rem; background-size: 40.2rem auto; background-position: -1.5rem -6rem; }
  header .nav { margin-left: 6rem; }
  header .nav__btn { font-size: 1.5rem; padding: 0.5rem 1.5rem; } }
@media only screen and (min-width: 1440px) { header { padding: 2rem 0; }
  header .wrap { max-width: 115rem; }
  header .logo { width: 26.7rem; height: 8.9rem; }
  header .logo a { height: 8.9rem; background-size: 54rem auto; background-position: -2rem -8.1rem; }
  header .nav { margin-left: 9rem; }
  header .nav__btn { font-size: 2rem; padding: 0.5rem 2rem; } }

@media only screen and (min-width: 320px) { .footer { color: #737373; }
  .footer .section { border-bottom: 1px solid #ccc; padding: 3rem 0; }
  .home .footer .section { border-top: none; }
  .footer .section .logo { background-size: 27.5rem auto; background-position: -16.3rem -4.1rem; }
  .footer a { text-decoration: none; opacity: 0.7; }
  .footer a:hover { text-decoration: underline; opacity: 1; }
  .footer p { font-size: 1.2rem; } }
@media only screen and (min-width: 320px) and (max-width: 767px) { .footer { text-align: center; padding-bottom: 3rem; }
  .footer .wrap { width: 90%; }
  .footer__box { margin: 1.5rem 0; }
  .footer .tools { display: none; } }

@media only screen and (min-width: 768px) { .footer .section { padding: 1.5rem 0; }
  .footer .section .wrap { max-width: 67rem; padding: 0; }
  .footer .section .wrap .logo { display: inline-block; vertical-align: middle; }
  .footer .section .nav { display: inline-block; vertical-align: middle; margin-left: 9rem; padding-top: 0.2rem; }
  .footer .section .nav ul { list-style: none; }
  .footer .section .nav ul li { float: left; display: inline-block; }
  .footer .section .nav__btn { color: #0091EA; text-decoration: none; border-radius: 2rem; display: inline-block; font-size: 1.3rem; padding: 0.5rem 1rem; }
  .footer .section .nav__btn:hover { background-color: #0091ea; background-color: rgba(0, 145, 234, 0.1); -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: 0.5S; -moz-transition-duration: 0.5S; -o-transition-duration: 0.5S; transition-duration: 0.5S; }
  .home .footer .section .nav__btn--home, .chi-siamo .footer .section .nav__btn--chisiamo, .settori .footer .section .nav__btn--settori, .settore .footer .section .nav__btn--settori, .storia .footer .section .nav__btn--storia, .contatti .footer .section .nav__btn--contatti, .seamoon .footer .section .nav__btn--seamoon { background-color: #0091ea; background-color: rgba(0, 145, 234, 0.2); }
  .footer .wrap { max-width: 70.5rem; margin-left: auto; margin-right: auto; padding: 3.5rem 0; }
  .footer__box { width: 19.5rem; margin: 0 2rem; display: inline-block; vertical-align: top; }
  .footer__box p { height: 10rem; display: table-cell; vertical-align: bottom; } }
@media only screen and (min-width: 1024px) { .footer p { font-size: 1.4rem; }
  .footer .section { padding: 2rem 0; }
  .footer .section .wrap { max-width: 86rem; }
  .footer .section .logo { width: 14.6rem; height: 4.9rem; background-size: 40.2rem auto; background-position: -23.8rem -6.1rem; }
  .footer .section .nav { margin-left: 11.4rem; }
  .footer .section .nav__btn { font-size: 1.5rem; padding: 0.5rem 1.5rem; }
  .footer .section .tel a { color: #737373; pointer-events: none; }
  .footer .wrap { padding-left: 19.5rem; max-width: 90rem; } }
@media only screen and (min-width: 1440px) { .footer .section { padding: 2rem 0; }
  .footer .section .wrap { max-width: 115rem; }
  .footer .section .logo { width: 19.6rem; height: 6.5rem; background-size: 54rem auto; background-position: -32rem -8.1rem; }
  .footer .section .nav { margin-left: 16.2rem; }
  .footer .section .nav__btn { font-size: 2rem; padding: 0.5rem 2rem; }
  .footer .wrap { padding-left: 28rem; max-width: 120rem; }
  .footer__box { width: 26rem; } }

@media only screen and (min-width: 320px) { .intro { background: url(../images/bck/intro.jpg) no-repeat center center; background-size: cover; }
  .intro header { background: none; }
  .intro__claim { width: 90%; max-width: 115rem; text-align: center; padding-top: 2rem; position: relative; }
  .intro__claim:after { background: url(../images/bck/auto.png) no-repeat center center; background-size: cover; right: 0; bottom: -4rem; width: 11rem; height: 5.6rem; }
  .intro__claim p { font-size: 1.6rem; line-height: 1.3636; color: #ffffff; font-weight: 100; }
  .intro__claim p strong { font-weight: 400; }
  .intro__claim--dating { display: block; position: relative; top: 2.2rem; }
  .intro__claim--dating span { font-size: 6.7rem; font-weight: 100; } }
@media only screen and (min-width: 768px) { .intro { height: 30rem; }
  .intro p { max-width: 50rem; margin-left: auto; margin-right: auto; font-size: 1.8rem; line-height: 1.6767; }
  .intro__claim:after { width: 23rem; height: 11.8rem; bottom: -6.5rem; }
  .intro__claim--dating { top: 3.2rem; font-size: 2.8rem; line-height: 10rem; }
  .intro__claim--dating span { font-size: 11.2rem; } }
@media only screen and (min-width: 1024px) { .intro { height: 41rem; }
  .intro__claim { padding-top: 4rem; }
  .intro__claim:after { width: 32rem; height: 16.4rem; bottom: -11rem; }
  .intro__claim p { font-size: 2.4rem; line-height: 1.6767; max-width: 70rem; }
  .intro__claim--dating { top: 4.1rem; }
  .intro__claim--dating span { font-size: 15rem; } }
@media only screen and (min-width: 1440px) { .intro { height: 55rem; }
  .intro__claim { padding-top: 9.1rem; }
  .intro__claim:after { width: 44.3rem; height: 22.7rem; bottom: -17rem; }
  .intro__claim p { font-size: 3rem; max-width: 80rem; }
  .intro__claim--dating { top: 6rem; }
  .intro__claim--dating span { font-size: 20rem; } }

.settori-list { text-align: center; }
@media only screen and (min-width: 320px) { .home .settori-list { margin-top: 5rem; width: 90%; }
  .settori-list a { text-decoration: none; }
  .settori-list a p { color: #737373; }
  .settori-list__box { text-align: center; margin-bottom: 3rem; }
  .settori-list__box h3 { padding: 10rem 0 2rem; text-align: center; color: #ffffff; border-bottom: 3px solid #0091EA; position: relative; }
  .settori-list__box h3:after { width: 100%; height: 12rem; top: 0; left: 0; }
  .settori-list__box h3 span { position: absolute; bottom: 0.5rem; left: 0; z-index: 400; width: 100%; display: block; text-align: center; }
  .settori-list__box--1 h3:after { background: url(../images/alberghiero/poster.jpg) no-repeat center center; background-size: cover; }
  .settori-list__box--2 h3:after { background: url(../images/immobili/poster.jpg) no-repeat center center; background-size: cover; }
  .settori-list__box--3 h3:after { background: url(../images/parcheggi/poster.jpg) no-repeat center center; background-size: cover; }
  .settori-list__box--4 h3:after { background: url(../images/residenziale/poster.jpg) no-repeat center center; background-size: cover; }
  .settori-list__box p { font-size: 1.4rem; margin: 2rem 0; }
  .settori .settori-list__box { width: 50%; padding: 0 5%; display: inline-block; vertical-align: top; }
  .settori .settori-list__box--1, .settori .settori-list__box--3 { border-right: 1px solid #cacbcc; } }
@media only screen and (min-width: 320px) and (max-width: 767px) { .settori .settori-list p { display: none; }
  .settori .settori-list .more { margin: 1rem 0 2rem; }
  .home .settori-list__box { border-top: 1px solid #cacbcc; padding-top: 1.5rem; } }

@media only screen and (min-width: 768px) { .home .settori-list { margin-top: 12rem; width: 71rem; }
  .settori-list__box { width: 35.5rem; padding: 0rem 2rem 0 2rem; margin-bottom: 5rem; display: inline-block; vertical-align: top; }
  .settori-list__box--1, .settori-list__box--3 { border-right: 1px solid #cacbcc; }
  .settori-list__box h3 { padding: 13rem 0 2rem; }
  .settori-list__box h3:after { height: 15rem; }
  .settori .settori-list__box { width: 17.75rem; padding: 0rem 2rem 0 2rem; }
  .settori .settori-list__box--2 { border-right: 1px solid #cacbcc; }
  .settori .settori-list__box h3 { padding: 58rem 0 2rem; }
  .settori .settori-list__box h3:after { height: 60rem; } }
@media only screen and (min-width: 1024px) { .home .settori-list { width: 90rem; }
  .settori-list__box { width: 30rem; }
  .settori-list__box--2 { border-right: 1px solid #cacbcc; }
  .settori .settori-list__box { width: 30rem; } }
@media only screen and (min-width: 1440px) { .home .settori-list { width: 120rem; margin-top: 18rem; }
  .settori-list__box { width: 30rem; }
  .settori .settori-list__box { width: 30rem; } }

@media only screen and (min-width: 320px) { .settori-nav { background-color: #ffffff; padding: 0.5rem 0; }
  .settori-nav ul { text-align: center; }
  .settori-nav ul li { width: 15rem; padding: 0rem 0.5rem; margin: 1rem 0.5rem; display: inline-block; vertical-align: top; }
  .settori-nav ul li a { text-decoration: none; padding: 1rem 0; border-radius: 2rem; font-size: 1.4rem; display: block; background-color: #0091ea; background-color: rgba(0, 145, 234, 0.2); } }
@media only screen and (min-width: 768px) { .settori-nav ul { max-width: 71rem; }
  .settori-nav ul li { width: 17.75rem; margin: 0; padding: 2rem 2rem; } }
@media only screen and (min-width: 1024px) { .settori-nav ul { max-width: 90rem; }
  .settori-nav ul li { width: 22.5rem; } }
@media only screen and (min-width: 1440px) { .settori-nav ul { max-width: 120rem; }
  .settori-nav ul li { width: 30rem; }
  .settori-nav ul li a { padding: 1.5rem 0; border-radius: 6rem; } }

@media only screen and (min-width: 320px) { .tab-nav ul { text-align: center; list-style: none; }
  .tab-nav ul a { padding: 1rem 0; display: block; text-decoration: none; }
  .tab-nav ul a.active { border: none; }
  .tab-nav .tabs { width: 90%; } }
@media only screen and (min-width: 320px) and (max-width: 767px) { .tab-nav ul { background-color: #ececec; }
  .tab-nav ul a { border-bottom: 1px solid #cacbcc; } }

@media only screen and (min-width: 768px) { .tab-nav { width: 17.75rem; display: inline-block; vertical-align: top; }
  .tab-nav ul { background: none; }
  .tab-nav ul li { width: 17.75rem; padding: 0rem 2rem; margin-bottom: 3rem; }
  .tab-nav ul li a { border-radius: 2rem; border: 1px solid #0F5499; font-size: 1.4rem; }
  .tab-nav ul li a.active { border: none; } }
@media only screen and (min-width: 1024px) { .tab-nav { width: 22.5rem; }
  .tab-nav ul li { width: 22.5rem; } }
@media only screen and (min-width: 1440px) { .tab-nav { width: 30rem; }
  .tab-nav ul li { width: 30rem; margin-bottom: 5rem; }
  .tab-nav ul li a { padding: 1.5rem 0; border-radius: 6rem; } }

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