/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

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

fieldset,
img {
  border: 0; }

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
  font-style: inherit;
  font-weight: inherit; }

del,
ins {
  text-decoration: none; }

li {
  list-style: none; }

caption,
th {
  text-align: left; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

q:before,
q:after {
  content: ''; }

abbr,
acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: baseline; }

sub {
  vertical-align: baseline; }

/*because legend doesn't inherit in IE */
legend {
  color: #000; }

input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit; }

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
  *font-size: 100%; }

nav, footer, section, header, article, hgroup, figure, figcaption, aside, address {
  display: block;
  margin: 0px;
  padding: 0px; }

a {
  text-decoration: none; }

html,
body {
  font-family: 'Jura', sans-serif;
  font-size: 15px;
  font-weight: 300; }

h1,
h2,
h3,
h4,
h5 {
  font-family: 'Anton', sans-serif; }

h1 {
  font-size: 2.6rem;
  text-transform: uppercase; }

img {
  max-width: 100%; }

strong {
  font-weight: bold; }

.video-box {
  height: calc(100vh - 93px);
  position: relative;
  overflow: hidden;
  color: white; }
  .video-box .overlay-info {
    width: 100%;
    height: 100%;
    background-color: rgba(69, 145, 255, 0.8);
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0; }
    .video-box .overlay-info .arrow-btn {
      cursor: pointer;
      position: absolute;
      bottom: 2rem;
      left: calc(50% - 1.1rem);
      text-align: center;
      color: #FFF; }
      .video-box .overlay-info .arrow-btn:hover {
        text-decoration: none; }
    .video-box .overlay-info svg {
      fill: #FFF;
      width: 2.2rem;
      height: auto; }
  .video-box video {
    background-color: #000;
    position: absolute;
    min-height: 100%;
    max-width: 100%;
    width: 100vw;
    /* top: -200px; */
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0; }

nav {
  padding: 0.8rem 2rem;
  background-color: #003b81; }
  nav span {
    font-family: 'Lobster', cursive;
    text-transform: none;
    color: #FFF;
    font-size: 2rem;
    margin-left: 1.2rem; }
  nav .navigation {
    text-align: right; }
    nav .navigation li {
      display: inline-block;
      margin: 0 0.8rem;
      color: #FFF;
      font-size: 1.3rem;
      text-transform: uppercase; }
      nav .navigation li a {
        color: #FFF; }
        nav .navigation li a:hover {
          text-decoration: none; }

.subtitle {
  font-size: 2.6rem;
  text-align: center; }

.claim-wrapper {
  text-align: center;
  margin-top: 4rem; }
  .claim-wrapper h1 {
    font-size: 10.6rem;
    font-family: 'Lobster', cursive;
    text-transform: none; }
  .claim-wrapper .subtitle {
    font-size: 2.6rem; }

.paragraph-wrapper {
  width: 70%;
  margin: 2rem auto;
  text-align: center;
  font-size: 1.5rem; }
  .paragraph-wrapper p {
    margin: 1rem auto; }

.circle {
  box-shadow: 0 0 0 5px white, 0 0 0 10px #003b81;
  background-color: #003b81;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: calc(50% - 5px); }

.title-section {
  text-align: center;
  margin: 2rem auto;
  font-size: 4.6rem;
  color: #003b81;
  position: relative;
  width: 100%;
  font-family: 'Lobster', cursive; }

.function-wrapper {
  position: relative; }
  .function-wrapper .wrapper-photobot {
    text-align: center;
    position: relative; }
    .function-wrapper .wrapper-photobot img {
      max-width: 100%; }
  .function-wrapper .information-photobot-list {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .function-wrapper .information-photobot-list .info {
      font-size: 1.5rem; }
    .function-wrapper .information-photobot-list .info-1 {
      top: 8%;
      left: 6%;
      width: 50%;
      text-align: left;
      position: relative; }
      .function-wrapper .information-photobot-list .info-1:before {
        content: "";
        display: block;
        height: 2px;
        background-color: #003b81;
        position: absolute;
        top: 50%;
        width: 70%;
        left: 30%; }
    .function-wrapper .information-photobot-list .info-2 {
      position: absolute;
      top: 17%;
      right: 0;
      width: 50%;
      text-align: right; }
      .function-wrapper .information-photobot-list .info-2:before {
        content: "";
        display: block;
        height: 2px;
        width: 30%;
        background-color: #003b81;
        position: absolute;
        top: 50%;
        right: 55%; }
      .function-wrapper .information-photobot-list .info-2 .circle {
        left: 13%; }
    .function-wrapper .information-photobot-list .info-3 {
      position: absolute;
      top: 32%;
      left: 0;
      width: 50%; }
      .function-wrapper .information-photobot-list .info-3:before {
        content: "";
        display: block;
        height: 2px;
        width: 35%;
        background-color: #003b81;
        position: absolute;
        top: 50%;
        left: 73%; }
      .function-wrapper .information-photobot-list .info-3 .circle {
        left: 110%; }
    .function-wrapper .information-photobot-list .info-4 {
      position: absolute;
      top: 58%;
      right: 20%;
      width: 40%;
      right: 0;
      text-align: right; }
      .function-wrapper .information-photobot-list .info-4:before {
        content: "";
        display: block;
        height: 2px;
        width: 70%;
        background-color: #003b81;
        position: absolute;
        top: 50%;
        right: 40%; }
      .function-wrapper .information-photobot-list .info-4 .circle {
        left: -10%; }
    .function-wrapper .information-photobot-list .info-5 {
      position: absolute;
      top: 68%;
      left: 13%;
      width: 50%;
      left: 0;
      text-align: left; }
      .function-wrapper .information-photobot-list .info-5:before {
        content: "";
        display: block;
        height: 2px;
        width: 15vw;
        background-color: #003b81;
        position: absolute;
        top: 50%;
        left: 45%;
        width: 55%; }

.wrapper-list p {
  margin: 1rem 0; }

.second-section .title-section {
  margin-bottom: 0; }

.contatti {
  margin: 4rem 1rem;
  text-align: center;
  font-size: 2.2rem;
  color: #003b81;
  font-weight: bold; }
  .contatti a {
    font-size: 2.2rem;
    color: #003b81;
    font-weight: bold; }

footer {
  margin-top: 4rem;
  text-align: center;
  background-color: #003b81;
  padding: 1rem 0; }
  footer .footer-logo {
    width: 40%; }
  footer .copy {
    color: #FFF;
    font-size: 0.8rem; }

.mobile-menu {
  display: none;
  text-align: right; }
  .mobile-menu img {
    width: 30%; }

.mobile-menu-wrapper {
  display: none;
  text-align: center;
  background-color: #003b81;
  padding: 1rem 0;
  text-transform: uppercase; }
  .mobile-menu-wrapper a {
    color: #FFF;
    padding: 2rem 0;
    font-size: 1.5rem;
    text-transform: uppercase; }

/*MAX WIDTH 1366*/
@media screen and (max-width: 1366px) {
  .paragraph-wrapper {
    width: 80%;
    font-size: 1.3rem; } }
.owl-carousel {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.owl-theme .owl-nav [class*=owl-] {
  background-color: #4591ff; }
  .owl-theme .owl-nav [class*=owl-]:hover {
    background-color: #003b81; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #003b81; }

.btn-video {
  width: 70%;
  margin: 10px auto !important;
  text-align: center;
  color: #FFF;
  border-radius: 10px;
  border-bottom: 4px solid #003b81;
  background-color: #4591ff;
  padding: 10px 0;
  cursor: pointer; }
  .btn-video a {
    color: #FFF; }

.fancy-video {
  max-width: 1070px; }
  .fancy-video video {
    max-width: 100%; }

.owl-carousel .item {
  height: 250px;
  width: auto;
  text-align: center; }
  .owl-carousel .item img {
    height: 100%;
    margin: 0 auto;
    width: auto; }

/*MAX WIDTH 992px*/
@media screen and (max-width: 992px) {
  .paragraph-wrapper {
    width: 90%;
    font-size: 1.3rem; }

  .function-wrapper .information-photobot-list {
    font-size: 0.9rem; }

  .function-wrapper .information-photobot-list .info {
    font-size: 0.9rem; }

  .mobile-menu {
    display: block; }

  .title-section {
    font-size: 2.6rem; }

  .second-section .title-section {
    font-size: 2.6rem; }

  .subtitle {
    font-size: 1.6rem; }

  .desktop-menu {
    display: none; } }
/*MAX WIDTH 680*/
@media screen and (max-width: 680px) {
  .claim-wrapper h1 {
    font-size: 4rem; }

  .claim-wrapper .subtitle {
    font-size: 1.6rem; }

  .paragraph-wrapper {
    margin-top: 0;
    font-size: 1rem; }

  .claim-wrapper {
    margin-top: 1rem; }

  .video-box .overlay-info .arrow-btn {
    left: calc(50% - 35px);
    bottom: 1rem; }

  .desktop-menu {
    display: none; }

  .circle {
    box-shadow: 0 0 0 4px white, 0 0 0 7px #003b81;
    background-color: #003b81;
    display: block;
    width: 5px;
    height: 5px; }

  .function-wrapper .information-photobot-list .info-1:before {
    width: 30%;
    left: 65%; }

  .function-wrapper .information-photobot-list .info-4:before {
    right: 80%;
    width: 24%; }

  .function-wrapper .information-photobot-list .info-5 {
    width: 40%; }

  .function-wrapper .information-photobot-list .info-3 {
    width: 40%; }

  .mobile-menu img {
    width: 60%; } }

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