body {
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  white-space: normal;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: 0 0
}


label {
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  vertical-align: baseline;
  white-space: normal;
  margin: 0;
  padding: 10px;
  border: 0;
  outline: 0;
  background: 0 0;
  color: #666;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}
ol, ul {
  list-style: none
}
blockquote, q {
  quotes: none
}
:focus {
  outline: 0
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
#section3 {
  display: none
}
.container {
  position: relative;
  width: 980px;
  margin: 0 auto
}
.container .column, .container .columns {
  float: left;
  display: inline;
}
.row {
  margin-bottom: 20px
}
.column.alpha, .columns.alpha {
  margin-left: 0
}
.column.omega, .columns.omega {
  margin-right: 0
}
.container .one.column, .container .one.columns {
  width: 40px
}
.container .two.columns {
  width: 100px
}
.container .three.columns {
  width: 160px
}
.container .four.columns {
  width: 220px
}
.container .five.columns {
  width: 280px
}
.container .six.columns {
  width: 340px
}
.container .seven.columns {
  width: 400px
}
.container .eight.columns {
  width: 460px
}
.container .nine.columns {
  width: 520px
}
.container .ten.columns {
  width: 580px
}
.container .eleven.columns {
  width: 640px
}
.container .twelve.columns {
  width: 700px
}
.container .thirteen.columns {
  width: 760px
}
.container .fourteen.columns {
  width: 820px
}
.container .fifteen.columns {
  width: 880px
}
.container .sixteen.columns {
  width: 940px
}
.container .one-third.column {
  width: 300px
}
.container .two-thirds.column {
  width: 620px
}
.container .offset-by-one {
  padding-left: 60px
}
.container .offset-by-two {
  padding-left: 120px
}
.container .offset-by-three {
  padding-left: 180px
}
.container .offset-by-four {
  padding-left: 240px
}
.container .offset-by-five {
  padding-left: 300px
}
.container .offset-by-six {
  padding-left: 360px
}
.container .offset-by-seven {
  padding-left: 420px
}
.container .offset-by-eight {
  padding-left: 480px
}
.container .offset-by-nine {
  padding-left: 540px
}
.container .offset-by-ten {
  padding-left: 600px
}
.container .offset-by-eleven {
  padding-left: 660px
}
.container .offset-by-twelve {
  padding-left: 720px
}
.container .offset-by-thirteen {
  padding-left: 780px
}
.container .offset-by-fourteen {
  padding-left: 840px
}
.container .offset-by-fifteen {
  padding-left: 900px
}
@media only screen and (min-width:768px) and (max-width:959px) {
  .container {
    width: 768px;
    padding: 0
  }
  .column.alpha, .columns.alpha {
    margin-left: 0;
    margin-right: 10px
  }
  .column.omega, .columns.omega {
    margin-right: 0;
    margin-left: 10px
  }
  .alpha.omega {
    margin-left: 0;
    margin-right: 0
  }
  .container .one.column, .container .one.columns {
    width: 28px
  }
  .container .two.columns {
    width: 76px
  }
  .container .three.columns {
    width: 124px
  }
  .container .four.columns {
    width: 172px
  }
  .container .five.columns {
    width: 220px
  }
  .container .six.columns {
    width: 268px
  }
  .container .seven.columns {
    width: 316px
  }
  .container .eight.columns {
    width: 364px
  }
  .container .nine.columns {
    width: 412px
  }
  .container .ten.columns {
    width: 460px
  }
  .container .eleven.columns {
    width: 508px
  }
  .container .twelve.columns {
    width: 556px
  }
  .container .thirteen.columns {
    width: 604px
  }
  .container .fourteen.columns {
    width: 652px
  }
  .container .fifteen.columns {
    width: 700px
  }
  .container .sixteen.columns {
    width: 748px
  }
  .container .one-third.column {
    width: 236px
  }
  .container .two-thirds.column {
    width: 492px
  }
  .container .offset-by-one {
    padding-left: 48px
  }
  .container .offset-by-two {
    padding-left: 96px
  }
  .container .offset-by-three {
    padding-left: 144px
  }
  .container .offset-by-four {
    padding-left: 192px
  }
  .container .offset-by-five {
    padding-left: 240px
  }
  .container .offset-by-six {
    padding-left: 288px
  }
  .container .offset-by-seven {
    padding-left: 336px
  }
  .container .offset-by-eight {
    padding-left: 384px
  }
  .container .offset-by-nine {
    padding-left: 432px
  }
  .container .offset-by-ten {
    padding-left: 480px
  }
  .container .offset-by-eleven {
    padding-left: 528px
  }
  .container .offset-by-twelve {
    padding-left: 576px
  }
  .container .offset-by-thirteen {
    padding-left: 624px
  }
  .container .offset-by-fourteen {
    padding-left: 672px
  }
  .container .offset-by-fifteen {
    padding-left: 720px
  }
}
@media only screen and (max-width:767px) {
  .container {
    width: 300px;
    padding: 0
  }
  .container .columns, .container .column {
    margin-left: 10px;
    margin-right: 10px
  }
  .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {
    width: 280px
  }
  .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen {
    padding-left: 0
  }
}
@media only screen and (min-width:480px) and (max-width:767px) {
  .container {
    width: 420px;
    padding: 0
  }
  .container .columns, .container .column {
    margin-left: 10px;
    margin-right: 10px
  }
  .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {
    width: 400px
  }
}
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
.clearfix:before, .clearfix:after, .row:before, .row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0
}
.row:after, .clearfix:after {
  clear: both
}
.row, .clearfix {
  zoom: 1
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0
}
body {
  background: #e1e0de;
  color: #555;
  font: 18px roboto, arial, sans-serif;
  font-weight: 300;
  overflow-x: hidden
}
.small-border {
  display: block;
  width: 150px;
  margin: 0 auto;
  height: 1px;
  background: #ececec
}
::selection {
  background: #efefef;
  color: #fff
}
::-moz-selection {
  background: #b2daeb;
  color: #fff
}
p {
  color: #666;
  line-height: 1.8em;
  margin: 0 0 20px
}
em {
  font-style: italic
}
strong {
  font-weight: 600
}
h1, h2, h3, h4, h5, h6 {
  color: #555;
  font-style: normal;
  font-weight: 100;
  line-height: 1.17em;
  margin: 0 0 20px
}
h2 {
  font-size: 2.5em
}
h1 {
  font-size: 3.5em;
  margin-top: 80px
}
h3 {
  font-size: 1.4666666666666667em;
  font-weight: 300
}
h4 {
  font-size: 1em;
  font-weight: 400
}
h5 {
  font-size: 1em;
  font-weight: 300
}
h6 {
  font-size: .8em;
  text-transform: uppercase;
  font-weight: 300
}
.sub-heading {
  margin-bottom: 10px
}
.notification.columns {
  display: none;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px 18px;
  text-align: left
}
.notification p {
  float: left;
  padding: 0;
  margin: 0
}
.notification.success {
  border: 1px solid #b3dc82
}
.notification.success p {
  color: #5f9025
}
.notification.error {
  border: 1px solid #fbc4c4
}
.notification.error p {
  color: #de5959
}
.notification .close {
  float: right;
  text-indent: -999em;
  width: 9px;
  height: 9px;
  margin-top: 10px
}
.notification.success .close {
  background: url(../images/icons/close-success.png) no-repeat
}
.notification.error .close {
  background: url(../images/icons/close-error.png) no-repeat
}
a {
  color: #3498d9;
  cursor: pointer;
  text-decoration: none;
  -moz-transition: color .2s;
  -o-transition: color .2s;
  -webkit-transition: color .2s;
  transition: color .2s
}
a:hover {
  color: #555
}
a.button {
  display: inline-block;
  background: #BDBADE;
  color: #333;
  padding: 10px 65px;
  font-weight: 600
}
a.button i {
  display: inline-block;
  margin-left: 10px;
  width: 30px;
  height: 30px;
  margin-bottom: -8px
}
a.button.small {
  font-size: 12px;
  font-weight: 400
}
a.button.small i {
  margin-left: 5px;
  width: 15px;
  height: 15px;
  margin-bottom: -4px
}
a.button i.go {
  background: url(../images/icons/go.png) no-repeat top center
}
a.button i.go.small {
  background: url(../images/icons/go-small.png) no-repeat top center
}
a.button i.grid {
  background: url(../images/icons/gallery.png) no-repeat top center
}
a.button i.more {
  background: url(../images/icons/more.png) no-repeat top center
}
a.button i.top {
  background: url(../images/icons/top.png) no-repeat top center
}
a.button:hover {
  color: #000
}
a.button:hover i, a.button.small:hover i {
  background-position: bottom
}
.landing {
  padding: 0;
  background: url(../images/header.jpg) no-repeat top left;
  background-size: 100%;
  min-height: 300px
}
.tx {
  padding: 0;
  background: url(../images/header-tx.jpg) no-repeat top left;
  background-size: 100%;
  min-height: 300px
}
.action {
  background: #fff;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, 1) 45%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, 1) 45%);
  background: linear-gradient(top, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, 1) 45%);
  margin-top: 220px;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  border-bottom: 1px solid #ececec
}
.action li {
  display: inline-block;
  margin-right: 50px
}
.action li:last-of-type {
  margin-right: 0
}
.overview {
  text-align: center;
  padding-bottom: 20px 0px
}
.content-box img {
  margin-bottom: 20px
}
.static {
  position: relative;
  overflow: hidden;
  padding-top: 40px
}
.sidephone-big, .sidephone-small {
  position: absolute;
  bottom: 0;
  left: 185px
}
.static-list li {
  float: left;
  margin-right: 15px
}
.static-list li:last-of-type {
  margin-right: 0
}
.static-phone {
  position: absolute;
  bottom: -293px;
  right: 230px
}
.static-tablet {
  position: absolute;
  bottom: 0;
  right: 0
}
.detail {
  text-align: center;
  padding-top: 40px;
  position: relative;
  min-height: 623px;
  overflow: hidden;
  border-bottom: 1px solid #ececec
}
.detail .sub-heading {
  margin-bottom: 0
}
html.ie .loupe {
  display: none
}
.loupe-gallery {
  position: absolute;
  z-index: 200;
  margin: 80px 0 0 191px;
  *margin-left: 103px
}
.loupe-gallery .loupe-container, .loupe-gallery .loupe-container.degraded {
  display: none
}
.loupe-gallery .loupe-container.active {
  display: block
}
.loupe-gallery .loupe {
  -webkit-transform: translate(900px, 0);
  -moz-transform: translate(900px, 0);
  -ms-transform: translate(900px, 0);
  transform: translate(900px, 0)
}
@-webkit-keyframes touchBobble {
  0% {
    -webkit-transform: scale(1.04)
  }
  100% {
    -webkit-transform: scale(1)
  }
}
.loupe-container {
  position: relative;
  z-index: 200
}
.loupe {
  position: absolute;
  z-index: 150;
  top: 55px;
  width: 265px;
  height: 265px;
  visibility: hidden;
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grabbing
}
.loupe.grabbing {
  cursor: none;
  *cursor: move
}
.loupe .loupe-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3
}
.loupe .canvas-fade {
  position: absolute;
  display: inline-block;
  border-radius: 100px;
  top: 24px;
  left: 23px;
  -webkit-transition: opacity .4s;
  -moz-transition: opacity .4s;
  transition: opacity .4s;
  z-index: 1
}
.loupe .tooltip {
  display: none;
  z-index: 2;
  position: absolute;
  top: 110px;
  left: 50%;
  margin-left: -84px;
  width: 145px;
  padding: 10px 0 9px;
  border-radius: 25px;
  color: #fff;
  text-align: center;
  opacity: 0;
  background: #202020;
  background: rgba(32, 32, 32, .7);
  -webkit-transition: opacity .6s ease;
  -moz-transition: opacity .7s ease;
  transition: opacity .7s ease
}
.loupe .canvas {
  display: inline-block;
  border-radius: 100px;
  margin: 18px 0 0 -18px;
  *position: relative;
  *top: 18px;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=0, Style=1, StartX=90,  FinishX=100, StartY=75, FinishY=85), progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=0, Style=1, StartX=77,  FinishX=87, StartY=10, FinishY=0), progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=0, Style=1, StartX=10,  FinishX=0, StartY=75, FinishY=85), progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=0, Style=1, StartX=20,  FinishX=10, StartY=10, FinishY=0)';
  *filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=90, FinishX=100, StartY=75, FinishY=85)progid:DXImageTransform.Microsoft.Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=77, FinishX=87, StartY=10, FinishY=0)progid:DXImageTransform.Microsoft.Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=10, FinishX=0, StartY=75, FinishY=85)progid:DXImageTransform.Microsoft.Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=20, FinishX=10, StartY=10, FinishY=0)
}
.loupe-still {
  position: absolute;
  z-index: 100;
  left: 50%;
  margin-left: -470px;
  top: -30px
}
.gallery {
  text-align: center;
  padding-top: 40px;
  position: relative
}
.bx-wrapper {
  background: #fff
}
#gallery-pager {
  padding-top: 20px;
  padding-bottom: 20px
}
.bx-pager-item {
  display: inline-block
}
.bx-pager-link {
  display: inline-block;
  text-indent: -999em;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  background: url(../images/gallery/pager.png) no-repeat top center
}
.bx-pager-link.active {
  background: url(../images/gallery/pager-active.png) no-repeat top center
}
.bx-pager-link:hover {
  background-position: bottom
}
.bx-next, .bx-prev {
  position: absolute;
  display: block;
  text-indent: -999em;
  top: 55%;
  width: 30px;
  height: 73px
}
.bx-next {
  right: 0;
  margin-right: -80px;
  background: url(../images/gallery/next.png) no-repeat top right
}
.bx-prev {
  left: 0;
  margin-left: -80px;
  background: url(../images/gallery/prev.png) no-repeat top right
}
.bx-prev:hover, .bx-next:hover {
  background-position: bottom
}
.subscribe {
  text-align: center;
  padding-bottom: 40px
}
.subscribe .sub-heading {
  margin-bottom: 20px
}
.subscribe label {
  display: block;
  font-size: 16px;
  text-transform: uppercase;
}
.subscribe input.text {
  display: inline-block;
  outline: none;
  -webkit-appearance: none;
  width: 340px;
  padding: 12px;
  background: #fff;
  border: 1px solid #d4d4d4;
  font: 14px roboto;
  color: #666;
  margin-bottom: 20px
}
.subscribe select.text {
  display: inline-block;
  outline: none;
  width: 340px;
  padding: 11px;
  background: #fff;
  border: 1px solid #d4d4d4;
  font: 16px roboto;
  color: #666;
  margin-bottom: 20px
}
input[type='checkbox'] {
  display: inline-block;
  outline: none;
  height: 20px;
  width: 20px;
}
#checkboxes {
  width: 340px;
  margin: 0 auto;
  text-align: left;
  margin-bottom: 20px;
}
.check {
  font-weight:400
}
.radio, .checkbox {
  min-height: 20px;
  padding-left: 20px
}
.radio input[type="radio"], .checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px
}
.controls > .radio:first-child, .controls > .checkbox:first-child {
  padding-top: 5px
}
.radio.inline, .checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle
}
.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
  margin-left: 10px
}
.radio{
  display: initial!important;
}
.controls {
  margin-bottom: 20px
}
input[type="radio"] {
  position: absolute;
  opacity: 0
}
input[type="radio"] + span {
  display: inline-block;
  line-height: 23px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative
}
input[type="radio"] + span::before {
  content: '';
  background: #fff;
  box-shadow: 0 0 0 1px #000 inset;
  display: inline-block;
  width: 26px;
  height: 26px;
  position: relative;
  top: 5px;
  margin-right: 10px;
  background-position: -50px 0;
  border-radius: 50%;
  -webkit-transition: box-shadow .25s;
  transition: box-shadow .25s
}
input[type="radio"] + span:hover::before, input[type="radio"] + span:focus::before {
  box-shadow: 0 0 0 2px #4d4d4d inset
}
input[type="radio"]:checked + span::before {
  box-shadow: 0 0 0 8px #4d4d4d inset
}
input[type="radio"]:checked + span:hover::before, input[type="radio"]:focus + span::before {
  box-shadow: 0 0 0 9px #4d4d4d inset
}
#group-content {
  padding-left: 10px
}

.subscribe input.submit {
  border: none;
  display: inline-block;
  outline: none;
  cursor: pointer;
  padding: 10px 80px;
  background: #BDBADE;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-decoration: none;
  -webkit-appearance: none;
  font: 18px roboto;
  font-weight: 600;
  color: #333;
  -moz-transition: color .2s;
  -o-transition: color .2s;
  -webkit-transition: color .2s;
  transition: color .2s
}
.subscribe .text.giorno {
  width: 10%
}
.subscribe .text.mese {
  width: 14%
}
.subscribe .text.anno {
  width: 10%
}
.subscribe input.text::-ms-clear {
  display: none
}
.subscribe input.submit:hover {
  color: #555
}
.social-list {
  padding-top: 20px
}
.social-list li {
  display: inline-block;
  margin-right: 10px
}
.social-list li:last-of-type {
  margin-right: 0
}
.social-list a {
  -webkit-transition: all .33s;
  -moz-transition: all .33s;
  -o-transition: all .33s;
  -ms-transition: all .33s;
  transition: all .33s
}
.social-list a:hover {
  opacity: .4;
  -ms-filter: "alpha(opacity=40)";
  filter: alpha(opacity=40);
  -webkit-transition: all .33s;
  -moz-transition: all .33s;
  -o-transition: all .33s;
  -ms-transition: all .33s;
  transition: all .33s
}
footer {
  width: 100%
}
.copyright {
  float: left;
  font-size: 12px;
  color: #fff;
  text-align: left
}
.card {
  float: right;
  width: 50%;
  text-align: right;
}
@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:landscape) {
  body {
    margin: 0;
    padding: 0 !important
  }
  .bx-prev, .bx-next {
    display: none !important
  }
}
@media only screen and (max-width:959px) {
  h1 {
    margin-top: 0;
    font-size: 3em
  }
  h2 {
    font-size: 2.5em
  }
  #mobile-nav {
    display: block
  }
  header {
    position: static;
    margin-top: 47px
  }
  #navigation {
    display: none
  }
  #logo {
    width: 100%;
    text-align: center
  }
  .bx-prev, .bx-next {
    display: none !important
  }
  #style-switch {
    display: none
  }
}
@media only screen and (min-width:768px) and (max-width:959px) {
  .landing {
    background-size: 100%
  }
  .tx {
    background-size: 100%
  }
  .static {
    padding-top: 70px;
    height: 400px
  }
  .sidephone-small {
    width: 200px;
    left: 12px
  }
  .sidephone-big {
    width: 200px;
    left: 130px
  }
  .static-phone {
    width: 150px;
    bottom: 0;
    right: 200px
  }
  .static-tablet {
    width: 300px
  }
  .detail {
    min-height: 542px
  }
  .loupe {
    display: none
  }
  .loupe-gallery {
    margin-left: 100px
  }
  .gallery-content {
    width: 80%;
    height: auto
  }
  .loupe-still {
    width: 120%;
    height: auto;
    top: -20px;
    margin-left: -330px
  }
  .screenshot img {
    width: 186px
  }
  .gallery-bxslider li .screenshot:first-of-type img {
    float: left;
    margin-left: 20px
  }
  .gallery-bxslider li .screenshot:last-of-type img {
    float: left;
    margin-left: 30px
  }
  .bx-wrapper {
    background-size: 100%;
    background-position: bottom center
  }
}
@media only screen and (max-width:767px) {
  .bx-wrapper {
    width: 100%
  }
  .screenshot {
    margin-bottom: 20px
  }
  .screenshot:last-child {
    margin-bottom: 0
  }
  .subscribe .text.giorno, .subscribe .text.anno {
    width: 32%
  }
  .subscribe .text.mese {
    width: 33%
  }
}
@media only screen and (min-width:480px) and (max-width:767px) {
  .landing {
    background-size: 100%;
    background: #fff url(../images/header-mobile.jpg) no-repeat top left;
    min-height: 260px
  }
  .tx {
    background-size: 100%;
    background: #fff url(../images/header-mobile-tx.jpg) no-repeat top left;
    min-height: 400px
  }
  .action li {
    margin-right: 15px
  }
  .static {
    min-height: 730px;
    padding-top: 40px
  }
  .sidephone-small {
    left: 12px
  }
  .static-phone {
    bottom: 0
  }
  .detail {
    min-height: 480px
  }
  .loupe {
    display: none
  }
  .loupe-gallery {
    margin-left: 70px;
    margin-top: 50px
  }
  .gallery-content {
    width: 300px;
    height: auto
  }
  .loupe-still {
    width: 490px;
    height: auto;
    top: -15px;
    margin-left: -249px
  }
  .subscribe .text.giorno, .subscribe .text.anno {
    width: 32%
  }
  .subscribe .text.mese {
    width: 33%
  }
}
@media only screen and (max-width:479px) {
  body {
    background: #fff;
    font: 16px roboto, arial, sans-serif
  }
  .landing {
    background-size: 100%;
    background: url(../images/header-mobile.jpg) no-repeat top left;
    min-height: 260px
  }
  .tx {
    background-size: 100%;
    background: #fff url(../images/header-mobile-tx.jpg) no-repeat top left;
    min-height: 390px
  }
  .action {
    margin-top: 140px
  }
  .action li {
    margin-right: 0;
    margin-bottom: 20px
  }
  .action li:last-of-type {
    margin-bottom: 0
  }
  .static {
    padding-top: 40px
  }
  .sidephone-small {
    width: 170px;
    left: 12px
  }
  .sidephone-big {
    width: 170px;
    left: 130px
  }
  .static-phone {
    width: 130px;
    bottom: 0;
    right: 150px
  }
  .static-tablet {
    width: 260px
  }
  .detail {
    min-height: 496px

  }
  .loupe {
    display: none
  }
  .loupe-gallery {
    margin-left: 40px;
    margin-top: 50px
  }
  .gallery-content {
    width: 220px;
    height: auto
  }
  .loupe-still {
    width: 360px;
    height: auto;
    top: -10px;
    margin-left: -179px
  }
  .subscribe input.text {
    width: 300px
  }
  .subscribe select.text {
    width: 300px
  }
  .subscribe .text.giorno, .subscribe .text.anno {
    width: 32%
  }
  .subscribe .text.mese {
    width: 33%
  }
  .subscribe input.submit {
    width: 300px;
    padding: 10px 0
  }
  .card {
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: center;
  }
}