/*!
Theme Name: __av
Theme URI: http://underscores.me/
Author: Antonello Vertucci
Author URI: https://www.vertucci-creative.org
Description: Antonello Vertucci | Webdesigner
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: __av
*/

/* roboto-slab-300 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  font-display: fallback;
  src: url('fonts/roboto-slab-v9-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Light'), local('RobotoSlab-Light'),
       url('fonts/roboto-slab-v9-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-slab-v9-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-slab-v9-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-slab-v9-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-slab-v9-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url('fonts/noto-sans-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans'), local('NotoSans'),
       url('fonts/noto-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-v8-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-700 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: url('fonts/noto-sans-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans Bold'), local('NotoSans-Bold'),
       url('fonts/noto-sans-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-v8-latin-700.svg#NotoSans') format('svg'); /* Legacy iOS */
}

*, :after, :before {-webkit-box-sizing: border-box; box-sizing: border-box; }
::-moz-selection{background: #0099FF; color: #fff}
::selection{background: #0099FF; color: #fff}
body, html{min-height: 100%; height: 100%; margin: 0; padding: 0; width: 100%;}
body{-ms-overflow-style: scrollbar; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html{background: #000}

#swipe_page{width: 100%; height: 100%; position: fixed; bottom: -100%; left: 70px; background: #000; z-index: 1000;}

@media only screen and (max-width: 767px){
  #swipe_page{left: 45px;}
}
@media only screen and (max-width: 480px){
  #swipe_page{left: 0;}
}


/*============================================
==============================================
  Typo
==============================================
============================================*/
html{font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; font-size: 17px;}
body{font-family: 'Noto Sans', sans-serif; color: #5f7380; font-weight: 400; font-size: 1rem; line-height: 1.5; word-wrap: break-word;}
a{color: #0099FF; text-decoration: none;}
p{margin: .75em 0}

h1, h2, h3, h4, h5, h6{font-family: 'Roboto Slab', serif; font-weight: 300; line-height: 1.2; color: #0099FF; text-overflow: ellipsis; overflow: hidden; padding: 0; margin: 1em 0 .5em;}
#top main > div:not(.__hero) h1:before{content: '#'; margin-right: .5em}
h1 small{display: block;}

#main article h2{font-size: 2rem}
#main article h3{font-size: 1.5rem}
#main article h4{font-size: 1.25rem}

p.__huge{font-family: 'Roboto Slab', serif; font-weight: 300; font-size: 1.75rem; line-height: 1; overflow: hidden; position: relative;}
p.__huge span{display: inline-block;}
html.js_active p.__huge span{-webkit-transform: translateY(100%); transform: translateY(100%); }

@media only screen and (min-width: 768px){
  p.__huge{font-size: 2rem}
  #main article h2{font-size: 3rem}
  #main article h3{font-size: 2rem}
}
@media only screen and (min-width: 992px){
  p.__huge{font-size: 3rem}
}

@media only screen and (max-width: 767px){
  html{font-size: 15px}
}

/* Button */
.button{
  padding: 15px 45px; 
  background: transparent; 
  border: 1px solid rgba(0, 0, 0, .25);; 
  color: #000; 
  display: inline-block;
  position: relative;
  margin-right: 25px;
  margin-bottom: 1em;
  font-size: 1rem;
  cursor: pointer;
}
.button.negative,
section.alternate_color .button{
  border: 1px solid rgba(255, 255, 255, .25);; 
  color: #fff; 
}
.button:not(:disabled):hover{color: #0099FF; -webkit-transition: all .3s; transition: all .3s;}
.button:before{content: ''; height: 0; width: 1px; background: #000; position: absolute; left: -5px; bottom: -5px; -webkit--webkit-transition: all .3s;-webkit-transition: all .3s;transition: all .3s; -webkit-transition: all .3s ease; transition: all .3s ease;}
.button.negative:before,
section.alternate_color .button:before{background: #fff}
.button:hover:before{height: 100%}

.button:after{content: ''; height: 1px; width: 0; background: #000; position: absolute; left: -5px; bottom: -5px; -webkit-transition: all .9s; -webkit-transition: all .9s ease; transition: all .9s ease;}
.button.negative:after,
section.alternate_color .button:after{background: #fff}
.button:hover:after{width: 100%}

.button:disabled{opacity: .25}

@media only screen and (max-width: 567px){
  .button{padding: 10px 25px; margin: 0 1em 1em 0; font-size: .8rem;}
}


/*============================================
==============================================
  Layout
==============================================
============================================*/
/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
 @-ms-viewport{width:device-width}html{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-sm-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-sm-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-md-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-md-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-lg-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-xl-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-xl-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;-ms-grid-row-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;-ms-grid-row-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-sm-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;-ms-grid-row-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;-ms-grid-row-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-md-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;-ms-grid-row-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;-ms-grid-row-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-lg-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;-ms-grid-row-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;-ms-grid-row-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-xl-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;-ms-grid-row-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;-ms-grid-row-align:stretch!important;align-self:stretch!important}}

#top #aside{width: 70px; background: #0099FF; height: 100%; position: fixed; left: 0; top: 0; bottom: 0}
#top #wrap_all{width: calc(100% - 70px); margin-left: 70px; padding-top: 45px; background: #000}
#top #wrap_all .container{max-width: 1200px; width: 100%; padding: 0 70px;}
#top #wrap_all .container.small{max-width: 800px}
#top #wrap_all #main{background: #fff}

#top #wrap_all #main section{background: #fff; padding: 70px 0}
#top #wrap_all #main section.alternate_color{color: #fff; background: #0e171d}
#top #wrap_all #main section .content{padding: 70px 0;}

#top .linea-obbligua{width: 100%; padding-top: 100%; position: relative; overflow: hidden;}
#top .linea-obbligua:before{
  content: ''; width: 200%; height: 1px; background: #303c44; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg);
}

@media only screen and (max-width: 767px){
  #top #aside{width: 45px;}
  #top #wrap_all{width: calc(100% - 45px); margin-left: 45px;}
  #top #wrap_all .container{padding: 0 25px}
  #top .linea-obbligua{display: none;}
}

@media only screen and (max-width: 480px){
  #top #aside{display: none;}
  #top #wrap_all{width: 100%; margin-left: 0;}
  #top #wrap_all #main .__page-content{padding: 25px 0;}
  #top #wrap_all .container{padding: 0 15px}
}


/*============================================
==============================================
  Header
==============================================
============================================*/
#top #wrap_all #header{z-index: 5}
#top #wrap_all #header{
  width: calc(100% - 70px); 
  height: 45px;
  background: #000;
  padding: 0 25px;
  margin: 0; 
  position: fixed; 
  top: 0;
  -webkit-box-pack: justify; 
  -ms-flex-pack: justify; 
  justify-content: space-between;
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex; 
  -webkit-box-align: center; 
  -ms-flex-align: center; 
  align-items: center; 
}
#top #wrap_all #header .__logo{height: 100%; margin-right: 1em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#top #wrap_all #header .__logo a{-webkit-transition: opacity .3s; transition: opacity .3s}
#top #wrap_all #header .__logo a:hover{opacity: .5}
#top #wrap_all #header .__logo a img{width: 170px; display: block;}

#top #wrap_all #header .__main-nav ul#main_menu{list-style: none; margin: 0; padding: 0}
#top #wrap_all #header .__main-nav ul#main_menu li{display: inline-block;}
#top #wrap_all #header .__main-nav ul#main_menu li a{color: #fff; font-family: 'Noto Sans', sans-serif; font-size: .8rem}

@media only screen and (max-width: 767px){
  #top #wrap_all #header{width: calc(100% - 45px)}
}

@media only screen and (max-width: 480px){
  #top #wrap_all #header{width: 100%}
  #top #wrap_all #header .__main-nav{display: none;}
}


/*============================================
==============================================
  Misc
==============================================
============================================*/
/* Images */
#top #wrap_all img{max-width: 100%}

/* Fade in top start animation point */
html.js_active .container .av_fade{opacity: 0; -webkit-transform: matrix(1, 0, 0, 1, 0, 25); transform: matrix(1, 0, 0, 1, 0, 25)}


/*============================================
==============================================
  Hero
==============================================
============================================*/
#top #wrap_all #main .__hero{
  min-height: calc(100vh - 45px); 
  background: #0e171d; 
  padding: 70px; 
  position: relative; 
  /*background-image: url(img/hero-bg.jpg);*/
  background-size: cover; 
  background-position: center center; 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex; 
  -webkit-box-orient: vertical; 
  -webkit-box-direction: normal; 
  -ms-flex-direction: column; 
  flex-direction: column; 
  -webkit-box-pack: center; 
      -ms-flex-pack: center; 
          justify-content: center;
  overflow: hidden;
}
#top #wrap_all #main .__hero .__me{
  position: absolute; 
  bottom: 0; 
  right: 10%; 
  max-height: 80%;
}
html.js_active #top #wrap_all #main .__hero .__me{opacity:0; -webkit-transform: matrix(1, 0, 0, 1, 100, 0);transform: matrix(1, 0, 0, 1, 100, 0);}

#top #wrap_all #main .__hero .__ov{
  position: absolute; 
  width: 100%; 
  height: 100%; 
  top: 0; 
  bottom: 0; 
  right: 0; 
  left: 0; 
  background: #000;
  opacity: .5;
}
html.js_active #top #wrap_all #main .__hero .__ov{opacity: .9}

#top #wrap_all #main .__hero h1{
  font-size: 4rem;
  line-height: 1.25;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 700;
  color: #fff; 
  position: relative; 
  padding: 0;
  margin: 25px 0 0 0;
  left: 10%;
}
html.js_active #top #wrap_all #main .__hero h1{opacity:0; -webkit-transform: matrix(1, 0, 0, 1, 0, 25);transform: matrix(1, 0, 0, 1, 0, 25)}

#top #wrap_all #main .__hero h2{
  color: #fff; 
  position: relative; 
  margin: 0; 
  font-family: 'Noto Sans', sans-serif;
  font-size: 1rem; 
  line-height: 1.25;
  font-weight: 400; 
  margin-top: 5em;
  max-width: 320px;
  left: 7.5%;
}
html.js_active #top #wrap_all #main .__hero h2{opacity:0; -webkit-transform: matrix(1, 0, 0, 1, -25, 0); transform: matrix(1, 0, 0, 1, -25, 0)}

#top #wrap_all #main .__hero .__smoke{
  position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    min-width: 100%; 
    min-height: 100%;
    opacity: .3;
    mix-blend-mode: luminosity;
}
html.js_active #top #wrap_all #main .__hero .__smoke{opacity: 0}

#top #wrap_all #main .__hero .__cta{
  z-index: 1; 
  margin-top: 25px;
  left: 10%;
  position: relative;
}
html.js_active #top #wrap_all #main .__hero .__cta .button{opacity:0; -webkit-transform: matrix(1, 0, 0, 1, 0, 50);transform: matrix(1, 0, 0, 1, 0, 50)}


@media only screen and (max-width: 1280px){
  #top #wrap_all #main .__hero .__me{right: -5%}
  #top #wrap_all #main .__hero h1{font-size: 3rem}
}
@media only screen and (max-width: 991px){
  #top #wrap_all #main .__hero{padding: 70px 25px}
  #top #wrap_all #main .__hero h1{font-size: 2.5rem;}
}
@media only screen and (max-width: 567px){
  #top #wrap_all #main .__hero .__me{right: -25%}
  #top #wrap_all #main .__hero h1{left: 0; font-size: 2rem;}
  #top #wrap_all #main .__hero h2{left: 0}
  #top #wrap_all #main .__hero .__cta{left: 0}
}
@media only screen and (max-width: 480px){
  #top #wrap_all #main .__hero{padding: 70px 15px}
  #top #wrap_all #main .__hero h1{font-size: 1.5rem}
  #top #wrap_all #main .__hero h2{max-width: 50%; margin-top: 0; font-size: .8rem}
}


/*============================================
==============================================
  Projekte
==============================================
============================================*/
.__projekt-grid{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 5em 0}
.__projekt-grid .__projekt-element{-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto; width: 100%; margin-bottom: 100px; position: relative;}
.__projekt-grid .__projekt-element:nth-child(odd){-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;}
.__projekt-grid .__projekt-element figure{margin: 0; position: relative; overflow: hidden;}
.__projekt-grid .__projekt-element figure img{display: block; -webkit-transition: all .3s; transition: all .3s}
.__projekt-grid .__projekt-element figure:hover img{opacity: .1}
.__projekt-grid .__projekt-element figure > span{position: absolute; bottom: -30px; font-size: 0; color: #fff; white-space: nowrap; font-family: 'Noto Sans', sans-serif; font-weight: 700; opacity: 0; -webkit-transition: all .9s; transition: all .9s}
.__projekt-grid .__projekt-element figure > span span{-webkit-animation: scorri 8s linear infinite; font-size: 5rem; padding-left: 1.5rem; animation: scorri 8s linear infinite; display: inline-block;}
.__projekt-grid .__projekt-element figure:hover > span{opacity: 1}
.__projekt-grid .__projekt-element figure .__overlay{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #0099ff; width: 100%; height: 100%}
html.js_active .__projekt-element{-webkit-transform: matrix(1, 0, 0, 1, 0, 50);transform: matrix(1, 0, 0, 1, 0, 50); opacity: 0}

@media only screen and (min-width: 767px){
  .__projekt-grid .__projekt-element{width: calc(50% - 25px); max-width: calc(50% - 25px); margin-bottom: 100px;}
  .__projekt-grid .__projekt-element:nth-child(even){margin-left: 50px;}
  .__projekt-grid .__projekt-element:nth-child(3n+3){margin-top: 100px}
}
@media only screen and (min-width: 992px){
  .__projekt-grid .__projekt-element{width: calc(50% - 50px); max-width: calc(50% - 50px);}
  .__projekt-grid .__projekt-element:nth-child(even){margin-left: 100px;}
}


@-webkit-keyframes scorri{
    0% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0)
    }
    100% {
        -webkit-transform: translateX(-100%) translateZ(0);
        transform: translateX(-100%) translateZ(0)
    }
}
@keyframes scorri{
    0% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0)
    }
    100% {
        -webkit-transform: translateX(-100%) translateZ(0);
        transform: translateX(-100%) translateZ(0)
    }
}


/*============================================
==============================================
  Footer
==============================================
============================================*/
#top #wrap_all #footer{padding: 70px 0; background: #f9f9f9;}
#top #wrap_all #footer .__copyright{font-size: .8rem; color: #000}
#top #wrap_all #footer b{color: #09f}
#top #wrap_all #footer > .container{margin: 0}
#top #wrap_all #footer a{color: #000}

@media only screen and (max-width: 767px){
    #top #wrap_all #footer .__copyright span{display: block;}
}
@media only screen and (max-width: 568px){
    #top #wrap_all #footer .__copyright{font-size: .8rem}
}


/*============================================
==============================================
  Anfrage
==============================================
============================================*/
.wpcf7-form{margin-top: 50px; position: relative;}
.wpcf7-form .input_row{margin-bottom: 2em; border-bottom: 1px solid #303c44; padding-bottom: .5em;} 
.wpcf7-form .input_row > label{font-size: 1.5rem; margin-bottom: .5em; display: inline-block;} 
.wpcf7-form .input_row .wpcf7-form-control-wrap input:not([type="checkbox"]),
.wpcf7-form .input_row .wpcf7-form-control-wrap textarea{background: transparent; border: 0; font-size: 1.5rem; outline: none; color: #fff; font-family: inherit; width: 100%; padding: 0; height: 100%;}
.wpcf7-form .input_row .wpcf7-form-control-wrap textarea{resize: none;}

.wpcf7-form .input_row.full{display: block;}
.wpcf7-form .input_row.full > *{display: block; width: 100%}
.wpcf7-form .input_row.full label{margin-bottom: .5em} 
.wpcf7-form .input_row.full .wpcf7-form-control-wrap{padding: 0}

.wpcf7-form .input_row .wpcf7-form-control-wrap input::-webkit-input-placeholder,
.wpcf7-form .input_row .wpcf7-form-control-wrap textarea::-webkit-input-placeholder{color: #5a6c77;}
.wpcf7-form .input_row .wpcf7-form-control-wrap input::-moz-placeholder,
.wpcf7-form .input_row .wpcf7-form-control-wrap textarea::-moz-placeholder{color: #5a6c77;}
.wpcf7-form .input_row .wpcf7-form-control-wrap input:-ms-input-placeholder,
.wpcf7-form .input_row .wpcf7-form-control-wrap textarea:-ms-input-placeholder{color: #5a6c77;}
.wpcf7-form .input_row .wpcf7-form-control-wrap input::-ms-input-placeholder,
.wpcf7-form .input_row .wpcf7-form-control-wrap textarea::-ms-input-placeholder{color: #5a6c77;}
.wpcf7-form .input_row .wpcf7-form-control-wrap input::placeholder,
.wpcf7-form .input_row .wpcf7-form-control-wrap textarea::placeholder{color: #5a6c77;}

.wpcf7-form .input_row .wpcf7-checkbox{padding-bottom: 15px; display: block;}
.wpcf7-form .input_row .wpcf7-checkbox .wpcf7-list-item{margin: 0 0 5px 0; display: block;}
.wpcf7-form .input_row .wpcf7-checkbox label{width: 100%;}
.wpcf7-form .input_row .wpcf7-checkbox label .wpcf7-list-item-label{color: #5a6c77; cursor: pointer; line-height: 1.2; margin-bottom: .5em;}
.wpcf7-form .input_row .wpcf7-checkbox label > .wpcf7-list-item-label:hover,
.wpcf7-form .input_row .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label{color: #0099FF; -webkit-transition: all .3s; transition: all .3s}
html:not(.touch) .wpcf7-form .input_row .wpcf7-checkbox label .wpcf7-list-item-label{display: block;}
html:not(.touch) .wpcf7-form .input_row .wpcf7-checkbox label input{display: none; visibility: hidden;}

.wpcf7-form .input_row .wpcf7-radio{width: 100%; padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; text-align: center; }
.wpcf7-form .input_row .wpcf7-radio > span{margin: 0; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto;}
.wpcf7-form .input_row .wpcf7-radio label{margin: 0; width: auto; display: block;}
.wpcf7-form .input_row .wpcf7-radio label > *{margin: 0;}
.wpcf7-form .input_row .wpcf7-radio label > input[type="radio"]{display: none; visibility: hidden;}
.wpcf7-form .input_row .wpcf7-radio label > .wpcf7-list-item-label{color: #5a6c77; cursor: pointer; font-size: 1rem}
.wpcf7-form .input_row .wpcf7-radio label > .wpcf7-list-item-label:hover,
.wpcf7-form .input_row .wpcf7-radio input[type="radio"]:checked + .wpcf7-list-item-label{color: #0099FF; -webkit-transition: all .3s; transition: all .3s}

.wpcf7-form .wpcf7-acceptance .wpcf7-list-item{margin: 0 0 25px 0}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label{cursor: pointer;}

.wpcf7-form input[type="submit"]{
  padding: 15px 45px; 
  background: transparent; 
  border: 1px solid rgba(255, 255, 255, .25);
  color: #fff; 
  border-radius: 0;
  display: inline-block;
  position: relative;
  margin-right: 25px;
  margin-bottom: 1em;
  font-size: 1rem;
  cursor: pointer;
}

.wpcf7-form div.wpcf7-response-output{margin: 0; padding: 1em; background: #f9f9f9; border: 0; color: #000}
.wpcf7-form span.wpcf7-not-valid-tip{display: none;}
.wpcf7-form div.wpcf7-response-output.wpcf7-validation-errors{border-left: 5px solid #ff0000;}
.wpcf7-form div.wpcf7-response-output.wpcf7-mail-sent-ok{border-left: 5px solid #4CAF50;}

@media only screen and (min-width: 768px){
  .wpcf7-form{margin-top: 20%} 
  .wpcf7-form .input_row label,
  .wpcf7-form .input_row .wpcf7-form-control-wrap input,
  .wpcf7-form .input_row .wpcf7-form-control-wrap textarea{font-size: 1.5rem}
  .wpcf7-form .input_row .wpcf7-form-control-wrap .wpcf7-checkbox label .wpcf7-list-item-label{font-size: 1rem}
  
}

@media only screen and (min-width: 992px){
  .wpcf7-form .input_row label{margin-bottom: 0}
  .wpcf7-form .input_row:not(.full){display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;} 
  .wpcf7-form .input_row:not(.full) label{width: 40%; margin: 0; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto;}
  .wpcf7-form .input_row:not(.full) .wpcf7-form-control-wrap{width: 60%; padding-left: 2em; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto} 
}

@media only screen and (min-width: 1280px){
  .wpcf7-form .input_row label,
  .wpcf7-form .input_row .wpcf7-form-control-wrap input:not([type="checkbox"]),
  .wpcf7-form .input_row .wpcf7-form-control-wrap textarea{font-size: 2rem}
  .wpcf7-form .input_row .wpcf7-radio label > .wpcf7-list-item-label{font-size: 1.5rem}
}


/*============================================
==============================================
  Aside
==============================================
============================================*/
/* Clock */
#clock{
    position: fixed;
    width: 70px;
    height: 70px;
    bottom: 25px;
    left: 0;
    margin: 20px auto 0 auto;
    background: url(img/clockface.svg);
    background-size: cover;
    list-style: none;
}
#sec, #min, #hour {
    position: absolute;
    width: 4px;
    height: 70px;
    top: 0px;
    left: 33px;
}
#sec{background: url(img/sechand.svg); background-size: cover; z-index: 3;}
#hour{background: url(img/hourhand.svg); background-size: cover; z-index: 1;}
#min{background: url(img/minhand.svg); background-size: cover; z-index: 2;}

@media only screen and (max-width: 767px){
  #clock{display: none;}
}

/* Breadcrumbs */
#breadcrumbs{ 
    color: #000;
    font-family: 'Noto Sans', sans-serif;
    position: fixed;
    bottom: 5em;
    font-size: 1rem;
    width: 100vh;
    max-width: calc(100vh - 350px);
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
}
#breadcrumbs > span{text-overflow: ellipsis; overflow: hidden;}
#breadcrumbs a{color: #fff}

@media only screen and (max-width: 767px){
  #breadcrumbs{height: 45px}
}

@media only screen and (max-width: 480px){
  #breadcrumbs{display: none;}
}