﻿.homepage-hero-module {
  border-right: none;
  border-left: none;
  position: relative;
}
.no-video .video-container video,
.touch .video-container video {
  display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
  display: block !important;
}
.video-container {
  position: relative;
  bottom: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #000;
}
.video-container .poster img {
  width: 100%;
  bottom: 0;
  position: absolute;
}
.video-container .filter {
  z-index: 100;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
}
.video-container .title-container {
  z-index: 1000;
  position: absolute;
  top: 35%;
  width: 100%;
  text-align: center;
  color: #fff;
}
.video-container .description .inner {
  font-size: 1em;
  width: 45%;
  margin: 0 auto;
}
.video-container .link {
  position: absolute;
  bottom: 3em;
  width: 100%;
  text-align: center;
  z-index: 1001;
  font-size: 2em;
  color: #fff;
}
.video-container .link a {
  color: #fff;
}
.video-container video {
  position: absolute;
  z-index: 0;
  bottom: 0;
}
.video-container video.fillWidth {
  width: 100%;
}
.btn-circle {
  width: 70px;
  font-size:4rem!important;
  z-index:9999999999999;
  height: 70px;
  margin-top: 15px;
  padding: 7px 16px;
  border: 2px solid white!important;
  border-radius: 100% !important;
  font-size: 40px;
  color: white;
  background: transparent;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;

}
.btn-circle:hover,
.btn-circle:focus {
  outline: none;
  color: white;
  background: rgba(255, 255, 255, 0.1);
}

/* Modifiche Modal Pagamento 06/02/2018 */
#GuidaPaypal .modal-dialog{
  width: 74%;
  margin-top: 15%;
}

#GuidaPaypal .modal-footer {
  border: none!important;
  margin-top: 7%;
}

#GuidaPaypal .modal-header{

  border-bottom: 2px solid #0D47A1;
  margin-bottom: 2%;
}

.step {
  float: left;
  vertical-align: middle;
  text-align: center;
  font-size:17px;
  font-weight: 700;
  color: white;
  width: 35px!important;
  height: 35px!important;
  background-color: #03A9F4;
  border-radius: 50%;
}

.step.completato {
  background-color: #4CAF50!important;
}

.step .pn {
  padding-top: 5px;
}
.guidaTxt {
  font-size: small;
  color: grey;
}

.guidaTitle {
  margin-top: 5px!important;
  margin-left: 15%!important;
}

/* Fine Modifiche */

.btn-circle i.animated {
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 1s;
  -moz-transition-property: -moz-transform;
  -moz-transition-duration: 1s;
}
.btn-circle:hover i.animated {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

.btn-circle.focus, .btn-circle:focus, .btn-circle:hover { color:#999!important;}
#mainNav > li > a { text-transform:uppercase;}
.navbar { min-height:80px!important;}
a.navbar-brand { display:block; padding:5px 15px!important; height:80px!important;}
.navbar-inverse { background-color:#202332!important; border-color:#131520!important;}
.btnBlu {background-color:#202332; color:#fff; opacity:.8; border:1px solid #fff; width:30%;  margin:4rem auto;}
.btnBlu  a { color:#fff; text-transform:uppercase; font-size:3.5rem; line-height:8rem;}
.romanzi { background-image:url(/img/romanzi.jpg); background-repeat:no-repeat; overflow:hidden; width:96%; margin:0 auto; border-radius:5px; color:#fff; padding:1rem;}
.romanzi strong { font-size:2rem; color:#fff; font-weight:inherit;}
#romanzo1 { background-position: 0 0;}
#romanzo2 {background-position: -318px 0;}
#romanzo3 {background-position: -632px 0;}
.divbtnHome { margin: 1rem auto; height:80px; width:80px; border-radius:50%; background-color:#8bcbd7; opacity:.7; line-height:80px; transition: all 0.5s ease;}
.divbtnHome:hover, .divbtnHome:focus {background-color:#428b99; }
.divbtnHome:hover .btn-round, .divbtnHome:focus  .btn-round {color:#fff!important;}
.btn-round {line-height:80px; color:#000; font-size:3rem;}
.h1, h1 { font-size:5rem!important;}
p { font-size:1.7rem;}
.spot { width:100%;  background: -moz-radial-gradient(center, ellipse cover, rgba(34,23,28,1) 0%, rgba(61,75,76,1) 100%); /* ff3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(34,23,28,1)), color-stop(100%, rgba(61,75,76,1))); /* safari4+,chrome */
background:-webkit-radial-gradient(center, ellipse cover, rgba(34,23,28,1) 0%, rgba(61,75,76,1) 100%); /* safari5.1+,chrome10+ */
background: -o-radial-gradient(center, ellipse cover, rgba(34,23,28,1) 0%, rgba(61,75,76,1) 100%); /* opera 11.10+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(34,23,28,1) 0%, rgba(61,75,76,1) 100%); /* ie10+ */
background:radial-gradient(ellipse at center, rgba(34,23,28,1) 0%, rgba(61,75,76,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22171c', endColorstr='#3d4b4c',GradientType=1 ); padding:3% 0;}
.spot p { color:#fff; font-size:1.5rem;}
.spot p i { font-weight:300;}
.innerBK{ background-image:url(../img/romanzi.jpg); background-repeat:no-repeat; background-size:cover; height:250px; padding-top:50px; }
.innerBK * {color:#fff;}
.bkBlu { background-color:#202332; color:#fff;}
.txtEtic { line-height:5rem; margin-bottom:2rem;}
.txtEtic p { margin-bottom:0;}
.break { clear:both;}
.path {margin-top:10px;}

.cookie{background-color:#000;color:#eee;  position:fixed; z-index:999999; bottom:0; width:100%;height:auto;}
.cookie p { margin-bottom:0;font-size:1.5rem;}
.cookie .closeButton{background-color:#911f1f;border-radius:50%;font-size:18px;height:10px;padding:0 4px;vertical-align:middle;width:10px;cursor:pointer;}
.cookie .caClose{color:#fff;float:right;text-decoration:none; cursor:pointer;}

.innerBK {margin-top:80px;}
@font-face {
  font-family: 'FontAwesome';
  src: url('/fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-angle-double-down:before {
  content: "\f103";
}
.store a img {margin:0 auto;}

@media (min-width: 768px) {
	.navbar-nav > li { height:80px!important;}
.navbar-nav > li > a { line-height:50px!important;}
}
@media (max-width: 768px) {
	.btnBlu { width:90%;}
.btnBlu a{ font-size:2rem;}
.romanzi { margin-bottom:2%;}
.navbar-nav { width:100%; text-align:left;}
.row { padding:0 5px;}
}
