@import url(https://fonts.googleapis.com/css?family=Questrial);
@import url(http://fonts.googleapis.com/css?family=Dancing+Script:700);
body,html{width:100%;height:100%;overflow-x:hidden;}
body{font-family:Questrial,'Helvetica Neue',Arial,sans-serif;background-color:#282828;color:#d3d3d3;webkit-tap-highlight-color:#222;scroll-behavior: smooth;}
hr{max-width:80px;border-width:3px;opacity:.09;margin-top:15px;margin-bottom:15px}
hr.light{border-color:#fff}
a{color:#ace600;-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s}
a:focus,a:hover{color:#9c27c1;outline:0}
h1,h2,h3,h4,h5,h6{font-family:Questrial,'Helvetica Neue',Arial,sans-serif}
p{font-size:17px;line-height:1.7;margin-bottom:20px;text-align:justify;}
.wide-space{letter-spacing:1.6px}
.icon-lg{font-size:50px;line-height:18px}
.bg-primary{background-color:#333}
.bg-dark{color:#eee;background-color:#222}
.cursive{font-family:'Dancing Script',cursive;text-transform:none}
.text-faded{color:rgba(245,245,245,.7)}
.text-dark{color:#111}
.text-primary{color:#7B0}
.modal-content{background-color:#1d1d1d}
section{padding:70px 0}
aside{padding:50px 0}
footer{padding:0}
.no-padding{padding:0}
.navbar-default{border-color:rgba(0,0,0,.05);font-family:Questrial,'Helvetica Neue',Arial,sans-serif;background:rgba(0,0,0,0.85);-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.navbar-header>.navbar-brand{font-family:Questrial,'Helvetica Neue',Arial,sans-serif;color:#ace600;padding:15px;-webkit-transition:padding .2s ease-in;-moz-transition:padding .2s ease-in;transition:padding .2s ease-in}
.navbar-header>.navbar-brand:focus,.navbar-header>.navbar-brand:hover{color:#8b27b0}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#181818}
.navbar-default .navbar-collapse,.navbar-default .navbar-toggle{border-color:transparent}
.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{text-transform:uppercase;font-size:13px;font-weight:700;color:#eee}
.navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{color:#ace600}
.navbar-default .nav>li.active>a,.navbar-default .nav>li.active>a:focus{color:#ace600!important;background-color:transparent}
.navbar-default .nav>li.active>a:focus:hover,.navbar-default .nav>li.active>a:hover{background-color:transparent} 
@media(min-width:768px){
  .navbar-default{border-color:transparent;background-color:transparent;min-height:60px}
  .navbar-header>.navbar-brand{padding:19px}
  .navbar-default .nav>li>a {color:rgba(255,255,255,.8);padding:30px 20px;letter-spacing:1.1px;text-shadow:1px 1px 1px rgba(60,60,60,.7)}
  .navbar-default .nav>li>a:hover{color:#fefefe}
  .navbar-default.affix{border-color:rgba(34,34,34,.05);background-color:rgba(0,0,0,.8);}
  .navbar-default.affix .navbar-header .navbar-brand{font-size:15px;color:#ace600;padding:5px;letter-spacing:1px}
  .navbar-default.affix .navbar-header .navbar-brand:focus, .navbar-default.affix .navbar-header .navbar-brand:hover{color:#8b27b0}
  .navbar-default.affix .nav>li>a,.navbar-default.affix .nav>li>a:focus{color:#ddd;text-shadow:1px 1px 1px rgba(30,30,30,.7)}
  .navbar-default.affix .nav>li>a:focus:hover,.navbar-default.affix .nav>li>a:hover{color:#ace600}  
  .navbar-right {margin-right:0;}
}
#spazio-header {height:50px;}
header{position:relative;min-height:auto;text-align:center;color:#fff;width:100%;background-color:#111111;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
header .header-content{position:relative;width:100%;padding:100px 15px;text-align:center;z-index:2}
header .header-content .inner h1{margin-top:0;margin-bottom:0;text-shadow: 1px 1px 1px rgba(60,60,60,.7);}
header .header-content .inner h4{text-shadow: 1px 1px 1px rgba(60,60,60,.7);}
header .header-content .inner p{margin-bottom:50px;font-size:16px;font-weight:300;color:rgba(255,255,255,.7);text-shadow: 1px 1px 1px rgba(60,60,60,.7);}
#video-background{position:absolute;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:1}
#video-background.collapsing{display:none}
footer{background-color:#2d2d2d}
footer .container, footer .container2 {padding:15px 0;}
footer .container2{background-color:#191919;}
@media(min-width:768px){.icon-lg{font-size:80px}header{min-height:100%}header .header-content{position:absolute;top:50%;padding:0 50px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}header .header-content .inner{margin-right:auto;margin-left:auto;max-width:1000px}header .header-content .inner h1{font-size:53px}header .header-content .inner p{margin-right:auto;margin-left:auto;max-width:80%;font-size:18px}section{padding:100px 0}}
.form-control{display:block;width:100%;height:35px;padding:6px 12px;font-size:14px;line-height:1.5;color:#eee;background-color:#36333d;background-image:none;border:1px solid #36333d;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{color:#222;background-color:#ccc;box-shadow:none}textarea{resize:none}.margin-top-0{margin-top:0}.feature{margin:50px auto 0;max-width:400px}@media(min-width:992px){.feature{margin:20px auto 0}}.feature p{margin-bottom:0}.call-to-action h2{margin:0 auto 20px}.gallery-box{display:block;position:relative;margin:0 auto;max-width:650px;overflow:hidden}.gallery-box .gallery-box-caption{display:block;position:absolute;bottom:0;width:100%;height:100%;text-align:center;color:#fff;opacity:0;background:rgba(44,44,44,.8);-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s}.gallery-box .gallery-box-caption .gallery-box-content{position:absolute;top:50%;width:100%;text-align:center;transform:translateY(-50%)}
.gallery-box:hover .gallery-box-caption{opacity:1}
.gallery-box:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.gallery-box img{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.no-gutter>[class*=col-]{padding-right:0;padding-left:0}
.btn-default{border-color:#fff;color:#222;background-color:#fff;-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s}
.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{border-color:#ededed;color:#222;background-color:#f2f2f2;opacity:.7}
.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}
.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{border-color:#fff;background-color:#fff;opacity:.7}
.btn-default .badge{color:#fff;background-color:#222}
.btn.btn-primary{background:transparent;border:1px solid #f0f0f0;border-color:#f0f0f0;-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s;text-shadow: 1px 1px 1px rgba(60,60,60,.7);}
.btn.btn-primary:hover{background:rgba(0,0,0,0.4);opacity:.7}      
.btn.btn-secondary{background:#ace600;border:1px solid #111;-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s;color:#111;}
.btn.btn-secondary:hover{background:#FFF;}
.btn{border:0;border-radius:290px;font-family:'Helvetica Neue',Arial,sans-serif}
.btn-xl{padding:15px 30px;font-size:20px}
::-moz-selection{text-shadow:none;color:#fff;background:#222}
::selection{text-shadow:none;color:#fff;background:#222}
img::selection{color:#fff;background:0 0}
img::-moz-selection{color:#fff;background:0 0}
.navbar-brand {height:auto;padding:0;}
.navbar-header > .navbar-brand {padding:5px;}
.navbar-toggle {margin-top:22px;}
.navbar-default .navbar-toggle .icon-bar{background-color:#CCC;}
.bg-primary {background-color:#FFF;}
.bg-primary p {color:#111;}
.bg-secondary {background-color:#E6E6E6;}
.bg-secondary * {color:#111;}
.gallery-box-content .fa {font-size:40px;}
.card-body {font-size:17px;line-height:1.7;color:#111;}
.btn-collapse {border-bottom:1px solid #666;padding:8px 14px;background:#EFEFEF;display:block;width:100%;color:#111;font-weight:bold;font-size:18px;line-height:20px;}
.btn-collapse:hover, .btn-collapse:focus {background:#ace600;color:#111;text-decoration:none;}
.div-collapse {padding:5px 14px;}
.map {border:0;display:block;background:#191919;}
.text-muted {color:#999;}
.text-muted strong {color:#BBB;}
.mt-1 {margin-top:10px;}
.mt-2 {margin-top:20px;}
.mt-3 {margin-top:30px;}
.mt-4 {margin-top:40px;}
.mt-5 {margin-top:50px;}
.mb-1 {margin-bottom:10px;}
.mb-2 {margin-bottom:20px;}
.mb-3 {margin-bottom:30px;}
.mb-4 {margin-bottom:40px;}
.mb-5 {margin-bottom:50px;}
#preload {position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1000000;background:#000;background-image:url(../images/preload.gif);background-repeat:no-repeat;background-position:center center;}
@media (min-width:768px) and (max-width:1050px) {
  .navbar-brand > img {
      height:50px;
      margin-top:10px;
  }
  .navbar-default .nav > li > a, .navbar-default .nav > li > a:focus {
      padding: 30px 10px;
      font-size:12px;
  }
}
@media (max-width:768px) { 
  .navbar-brand > img {
      height:50px;
      margin-top:0px;
  }
  .navbar-toggle {
      margin-top:15px;
  }     
  header .header-content {
      padding-top:150px;
  }
  #video-background {width:auto;height:100%;}
}
@media (max-width:480px) {     
  header .header-content {
      padding:100px 15px 60px 15px;
  } 
  section {
    padding:80px 0;
  }
  .h1, h1 {
      font-size:32px;
  }
  .h2, h2 {
    font-size:26px; 
    text-align:center;
  }   
  p {
    font-size: 15px;
    line-height: 1.5;
    text-align:center;
  }
  .btn-xl {
    padding: 10px 20px;
    font-size: 15px;
  }
  #servizi div,
  #footer div {
    text-align:center;
  }
}
@media (max-width:320px) {
  .navbar-brand > img {
      height:40px;
      margin-top:5px;
      margin-bottom:5px;
  }     
  header .header-content {
      padding:203px 15px 150px 15px;
  } 
  .h2, h2 {
    font-size:23px; 
  } 
  p {
    font-size: 14px;
  } 
}    
a.page-scroll.selected{color:#ace600 !important;}