body,html {padding: 0px;overflow-x: hidden;font-family: lato;
    -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-shadow: 1px 1px 1px rgba(60,60,60,0.02)
    
    }
    
    body {
    color:#eee; /*#555*/
    /*background: #f0f1f4;*/
    background: #1c1c1c;
    }
    
    /* overwrite bootstrap*/
    
    p { margin: 0px;}
    
    /*
    .navbar-inverse .navbar-nav > a.navbar-brand, .navbar-inverse .navbar-nav > a.navbar-brand:hover, .navbar-inverse .navbar-nav > a.navbar-brand:focus {
        color: #ffffff;
        background-color: transparent;
        border-bottom: 0;
    }
    */
    #buttonToTop {
        display: none; /* Hidden by default */
        position: fixed; bottom: 30px; right: 60px; /* Place the button 30px from the right */
        z-index: 99;border: none;  outline: none; /* Remove outline */
        background-color: #131313; /* Set a background color */
        color: #d9d9d9; cursor: pointer;padding: 20px;height: 65px;width: 65px;
        border-radius: 40px;font-size: 18px;
    }
    #buttonToTop:hover {
        color: #333; /* Add a dark-grey background on hover */
    }
    
    .navbar-header .gx-brand {
        top: 18px;
    }
    
    
    .gx-brand {
        float: left;
        width: 200px;
        height: 140px;
        /* background: url(../img/15home2.svg) no-repeat; */
        background: url(../img/logo.png) no-repeat;
        background-size: 100%;
        margin-left: -100px;
        position: absolute;
        left: 50%;
        /*top: -38px;*/
        z-index: 3;
    }
    
    .gx-brand a{
        padding: 15px 15px;
        font-size: 18px;
        line-height: 20px;
    }
    
    span.gxlink {
        color: #1d6cb6;
    }
    
    .ghost {display:none;}
    
    img.gxsocial {
        width: 36px;
        margin-top: -12px;
    }
    
    .navbar-inverse .navbar-nav > .active > a.anav, .navbar-inverse .navbar-nav > .active > a.anav:hover, .navbar-inverse .navbar-nav > .active > a.anav:focus {
        color: #a3a3a3; 
        background-color: transparent;
        /*border-bottom: 1px solid #424343;*/
    }
    .navbar-inverse .navbar-nav > li > a.anav {color:#727272;font-weight: 500;border-bottom: 0px;}
    .navbar-inverse .navbar-nav > li > a.anav:hover {border-bottom: 1px solid #da221b;}
    
    .navbar-inverse .navbar-nav > .active > a.anav2, .navbar-inverse .navbar-nav > .active > a.anav2:hover, .navbar-inverse .navbar-nav > .active > a.anav2:focus {
        color: #d9d9d9;
        background-color: #0276bb;
    }
    .navbar-inverse .navbar-nav li a.anav2 {color:#707070;font-weight: 500;    position: relative;
        display: block;}
    .navbar-inverse .navbar-nav li a.anav2:hover {background: #1c1c1c;font-weight: 500;border-bottom: 1px solid #da221b;}
    
    .navbar-inverse .navbar-nav > li > a.socialicon:hover {
        background: transparent !important;
    }
    
    .navbar-collapse.in {
        background-color: #111;
            outline: none !important;
            box-shadow: none;
    }
    
    .navbar-nav {
        margin: 100px -15px 50px -15px;
        text-align: center;
    }
    
    .navbar-toggle {
        position: fixed;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 4px;
        right: 0;
        z-index: 2;
    }
    .navbar-collapse.in {
        overflow-y: auto;
        position: fixed;
        top: 0px;
        right: 0;
        left: 0;
        z-index: 1;
    }
    
    
    a.socialicon img {
        opacity: 0.5;
        filter: alpha(opacity=50); /* For IE8 and earlier */
    }
    
    a.socialicon img:hover {
        opacity: 1.0;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }
    
    .navbar-collapse {
        border-top: 0px ;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: transparent;
    }
    
    .navbar-inverse .navbar-toggle {
        border-color: transparent;
    }
    
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
            background-color: #111;
            outline: none !important;
            box-shadow: none;
    }
    
    /* .bkgnav {} */
    
    
    .bkgnav2 {
    background: #282828;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.03);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.03);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.03);
    }
    
    .navbar-nav li div.dropdown-menu a.nav-item{height:45px;display:block;line-height:45px;color:white;}
    
    .navbar-nav li div.dropdown-menu a.nav-item:hover{ 
        color: #fff; background:transparent;
        border-bottom: 2px solid #da221b;
    }
    
    .p.borbott a:hover{ color: #0276bb; background:transparent;}
    
    .navbar-nav li div.dropdown-menu{text-align:left;padding-left:10px;width:390px;left:-307px;background: #0276bb;}
    .in-panel{/*width:970px;*/ width:60%; margin: 0 auto;}

    .in-panel h2{
        margin-top:130px;
        float:left;
        font-weight: 500;
        font-size: 1.4em;
        line-height: 2.0em;
    }
    
    .in-panel p{
        font-family: 'Lato', 'sans serif';
        letter-spacing: 0.2rem; /*.0.3rem */
        text-align: left;
        width: 100%;
        }
    
    .in-panel p.dida {
        font-family: 'Lato';
        font-size: 13px;
        margin-top: 8px;
        line-height: 20px;
        display: block;
        float: left;
    }
    .padcengx {
        /*padding:0 170px;*/
        padding:0 60px;
        text-align: left;}
    
    /* strong{ } */
    cite a{color: #00ebbe;font-weight: 700; text-transform: capitalize; font-style: italic;font-size: 16px}
    
    /* font */
    
    a{color:#fff; text-decoration: none;}
    a:hover{color: #1d6cb6; text-decoration: none;}
    a:active, a:focus{color:#424343;background:transparent;}/* IE10 + 11 Bugfix - prevents grey background */
    
    
    
    /* Pages ------------------------------ */
    a.linkto {
        color: #ffffff;
        text-decoration: none;
    }
    a.linkto:hover {
        color: #1d6cb6;
    }
    
    a.linkto.gxbutton {
        border-radius: 0;
        line-height: 34px;
        border: none;
        background: #1c1c1c;
        text-transform: uppercase;
        outline: 0;
        transition: all ease-in .1s;
        letter-spacing: .4em;
    
        margin-top: 10px;
        margin-right: 0px;
        margin-bottom: 5px;
    
        padding-left: 20px;
        padding-right: 0px;
        padding-bottom: 10px;
        padding-top: 10px;
    
        background: 0 0;
        /* border: 2px solid #f6f6f6; */
        font-weight: 700;
        color: #ccc;
        line-height: 1em;
        font-size: 14px;
        font-size: 1.4rem;
    }
    
    a.linkto.gxbutton:hover {
        color:#1d6cb6;
    }
    
    
    a.alright {
        float: right;
    }
    
    
    h1, h2, h3 {
        font-family:'Space Mono', monospace;
    }
    
    h1.section {margin-top:100px;    /* margin-left: 50px; */
    text-transform: uppercase;
    font-weight:500; font-size:1.8em;line-height: 1.4em;
    float:left;letter-spacing: 1px;
    border-bottom: 0px solid #b65349;
    padding-bottom: 5px;
    color: #fff;
    }
    h1.section.titoloContatti {
        margin-top:150px
    }

    h1.section-top {margin-top:100px;    /* margin-left: 50px; */
        text-transform: uppercase;
        font-weight:700; font-size:1.7em;line-height: 1.4em;
        float:left;letter-spacing: 1px;
        border-bottom: 0px solid #b65349;
        padding-bottom: 5px;
        color: #fff;
        width: 100%;
        text-align: center;
        /*font-size: 27px;*/
        
        }

    
    .in-panel h2.section {
        margin-top: 200px;
        /* margin-left: 50px; */
        text-transform: uppercase;
        font-weight: 500;
        font-size: 1.6em;
        line-height: 2em;
        float: left;
        letter-spacing: 2rem;
        border-bottom:1px solid #e6271f;
        padding-bottom: 20px; /* 5 */
        }
    
     h2.section span {
         font-size:0.6em;
     }
    
     .in-panel h3.section {
         float:none;
         margin-top: 200px;
         text-transform: uppercase;
         font-weight: 500;
         font-size: 1.6em;
         line-height: 2em;
         float: left;
         letter-spacing: 2rem;
         border-bottom: 1px solid #393939;
         padding-bottom: 5px;
         }
        .in-panel h3.section a {
            color:#fff;
         }
    
    
     h1.wid100 {width:90%;}
     .in-panel h2.wid100 {width:100%; text-align: center;color: #ffffff; }
    
    h3 {margin-top:15px; font-weight:300; font-size:24px;line-height: 1.4em;float:left; }
    
    div.pscuola p {
        font-weight:500;
        font-size: 1.16em;
        line-height: 2.2em;
    }
    div.pscuola p.borbott {
        border-bottom: 0px solid #282828; /*#e0e0e0;*/
    }
    
    
    /* block */
    .boxgx {
     margin-top:100px; /*90px;*/
    }
    .boxgx2 {
     margin-top:280px; /*210px;*/
     margin-bottom: 40px;
    }
    .boxgx span {
     font-size:18px;
     font-style: italic;
    }
    
    .boxgx span.first-span {
     display: block;
     margin-top: 10px;
    }
    
    
    
    
    .zi1 {z-index: 1;}
    .zi10 {z-index: 10;}
    
    .full-panel.home {
        z-index: 10;
    }
    
    .row.gxtopspace {
        position: relative !important;
    }
    
    .bkg00 {
        background: #0276bb; /*#f0f1f4;*/
    
    }
    .bkgtestata {
        background: #e6271f;
    
    }
    .bkgtestata-top{
        background:#141414;
        color:#1d6cb6;
    }
    div.in-panel.main-panel h2.padcengx{
        width:100%;
        text-align:center;
        font-size:27px;
    }
    
    .bkgmap {
        /*background: #ecdcd8;*/ /*#e6d8d4;*/ /*#ecd6d1;*/ /*#e4dad7;*/
        /*border-top: 1px solid #e6cbc6;*/
        background:#ecdcd8 url(../img/bkg01.jpg) repeat;
    }
    
    .imggx-bkg {
        position: absolute;
        background: #282828;
        top: 0;
        bottom: 0;
        right: 0;
    }
    .imggx-bkg-2 {
        position: relative;
        background: transparent;
        display: block;
        width: 100%;
        height: 50px;
    }
    
    
    
    .imggx-bkg-burlesque {
        position: absolute;
        background: #4f504f;
        top: 0;
        bottom: 0;
        right: 0;
    }
    
    .gxup {
        position: absolute;
        top: 200px;bottom: 0;left: 0;
        width: 100%;
    }
    .gxup a {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    color: #131313;
    }
    .gxdown {
        position: absolute;
        bottom: 0;top: 50%;left: 0;
        width: 100%;
    }
    .gxdown a {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    color: #131313;
    }
    
    
    
    .gxdown a i,.gxup a i {
        position: absolute;
        top: 50%;
        margin-left: -7px;
    }
    
    .gxdown a:hover i,.gxup a:hover i {
        color: #000;
    }
    
    
    
    
    .imgx {    padding-right: 0 !important;
        padding-left: 0 !important;
            opacity: 0.9;}
    .imgx-burlesque {
        padding-right: 0 !important;
        padding-left: 0 !important;
        opacity: 0.83;
    }
    
    .space-bott {height:80px;}
    .space-bott-map {height:140px;}
    
    .col-md-12.full-panel.intro, .col-md-12.full-panel.work {
        z-index: 10;
    
    }
    .col-md-12.full-panel.scuola, .col-md-12.full-panel.corsi, .col-md-12.full-panel.contatti {
        z-index: 10;
    }
    
    .col-md-12.full-panel.street {
        z-index: 10;
        margin-bottom:500px;
    }
    .col-md-12.full-panel.footer{
            /*background: #333;border:none; */
            height: 500px;
            position: fixed;
            bottom: 0px;right: 0px; ;
            z-index: 1;
            }
    
    
    
    
    /* nav-menu */
    .navbar-fixed-top{/*width:970px;*/ width:100%; /*margin: 30px auto*/}
    .navbar {text-transform: uppercase;/*background-color: #00ebbe;*/ /*background-image: none;*/ border:none;
        font-size: 1em; letter-spacing: 0.06em;
    
        /*font-weight: bold;*/
    
    
    }
    
    .my-container{width: 100%; float:left; width:100%;padding:0;margin:0;}
    
        #top{
            background: url(../img/bkg-logo2.svg) no-repeat center;
            background-size:cover;
            text-align: center;
            height: 520px;
            position: relative;
            background-color: #1c1c1c;
            width: 100%;
            margin: 0px auto;
        }
        #top img{
            top: calc(50% - 94px); /*(50% - 75px)*/
            position: relative;
            width:45%;
        }
    
    
        #top2{background: url(../img/tessuti-aerei-01-min.jpg) no-repeat center 0 fixed;height: 500px;position:relative;
        }
        #top3{background: url(../img/tessuti-aerei-01-min.jpg) no-repeat center 0 fixed;height: 500px;position:relative;
        }
    
    
        #copertina{height:100%;color:#000;width:100%;}
    
    /*
        .scuola {background: url(img/1.jpg) no-repeat 50% 0 fixed; height: 118px;clear:both;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
    
            background-image: -webkit-radial-gradient(circle farthest-corner at 264% -39%, #d7beb8, transparent);
              background-image: radial-gradient(circle farthest-corner at 264% -39%, #d7beb8, transparent);
        }
    
        .corsi {background: url(img/1.jpg) no-repeat 50% 0 fixed; height: 118px;clear:both;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
    
            background-image: -webkit-radial-gradient(circle farthest-corner at 264% -39%, #d7beb8, transparent);
              background-image: radial-gradient(circle farthest-corner at 264% -39%, #d7beb8, transparent);
        }
    
        .contatti {background: url(img/1.jpg) no-repeat 50% 0 fixed; height: 118px;clear:both;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
    
            background-image: -webkit-radial-gradient(circle farthest-corner at 264% -39%, #d7beb8, transparent);
              background-image: radial-gradient(circle farthest-corner at 264% -39%, #d7beb8, transparent);
        }
    */
    
    
    .scuola, .corsi, .contatti {background: #1c1c1c; /*height: 118px;*/ height:12px; clear:both;}
    
    
        .scuola h2, .corsi h2, .contatti h2 {color:#000; background: #fff;padding:10px 15px;opacity: 0.8}
    
    
        .street{ background: url(img/2.jpg) no-repeat 50% 0 fixed;height: 600px;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }
        .street h2{color:#000; background: #fff;padding:10px 15px;opacity: 0.8}
    
    
    
        /*.footer p{ } */
    
    /* ### CONTATTI */
    
    ul {list-style-type: none;}
    
    ul.gxcontatti {
        width: 350px;
        margin:140px  auto 0 auto;
    }
    
    li.borbott2 {
        position: relative;
        padding-left: 50px;
        font-weight: 500;
        font-size: 18px;
        line-height: 1.6em;
        border-bottom: 1px dotted #3c3c3c;
        padding-bottom: 15px;
        padding-top: 15px;
    }
    
    li.borbott2 i {
        display: block;
        position: absolute;
        color:#5f6363;
        top: 20px;
        left: 0;
        width: 30px;
        font-size: 20px;
        text-align: center;
    }
    
    #map {
            width: 100%;
            height: 380px;
         }
    
    
    .boxgx {
        margin-top: 100px;
        margin-left: -30px;
    }
    
    
    .row.aboutUs{    margin-bottom: 50px;} /*200*/
    
    

    @media (max-width: 992px) {  
    
        .cert {
            display: none;
          }
    
    }



    
    
    @media (min-width: 768px){
    
    
        
    .navbar-nav > li > a {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .navbar-nav > li > a.socialicon {
        padding-top: 45px;
        padding-bottom: 38px;
    }
    
    .navbar-nav {
        float: right;
        margin: 0;
        margin-right: 35px;
    }
    
    .boxgx {
        margin-top: 100px;
    }
    
    
    }
    @media (max-width: 1380px) {
    
        #top img{
            width: calc(100% - 100px);
            width:60%;
        }
    }
    
    @media (max-width: 992px) {
    
        #top img{
            width:95%;
            top: 50%;
        }
        .row.aboutUs{    margin-bottom: 80px;}
        .navbar-nav li div.dropdown-menu{display:none!important;}
        #buttonToTop {
            bottom: 20px; right: 10px; padding: 3px;height: 35px;width: 35px;
        }
        .imggx-bkg-2{display:none;}
        div.pscuola p {    /*text-align: justify;*/
            font-size: 0.9em;
        }
        .in-panel h2.section {
            font-size: 1.2em;
        }
        #top{  
            
            background-size: cover;  
            width: 100%;
            height: 500px;
        }
        .navbar-fixed-top{width:100%; margin: 0}
    
        #top2, #top3{
            height:260px;
            background-size: 500px;
        }
        ul.gxcontatti {
            margin-top: 200px;
        }
    
        .padcengx {
        padding: 0 15px;
        border-top: 0 !important;
        }
    
        h1.section {
            margin-top: 40px;
            width: 100%;
            text-align: center;
        }
        h1.section.titoloContatti {
            margin-top:120px
        }
        .boxgx {
            margin-left:5px
        }
        .boxgx2 {
        margin-top: 10px;
        }
    
        .imggx-bkg {
        display: none;
        }
    
        .in-panel h2.section {
        margin-top: 100px;
        }
    
        .in-panel h2 {
        margin-top: 30px;
        font-size: 1.4em;
        }
    
        .row.gxtopspace {
        margin-top: 30px;
        }
        .row {
        margin-right: 0px;
        margin-left: 0px;
        }
    
        li.borbott2 {
        padding-left: 20px;
        }
    
        li.borbott2 i {
        top: 20px;
        left: -40px;
        }
        div#intro .space-bott {
            height: 0px;
            }
        .space-bott {
        height: 30px;
        }
    
    
        #copertina{position: absolute; bottom: 20%; left:0%; font-size: 30px; font-weight: 300; margin-left: 0;margin-bottom:0;width:100%;}
    
        .in-panel{width:100%; margin-right:5%}
        .in-panel h2{
            margin-top:50px;
            font-size: 16px !important;
            /* border-top: 1px solid #de2213; */
    
            text-align: center;
            padding: 5px 0px 0px 0px;
        }
    
        .in-panel p {font-size: 14px;-moz-column-count:1;-webkit-column-count:1;column-count:1;}
    
      /*  .full-panel{} */
    
        .footer p{font-size:30px;}
    
    }
    @media (max-width: 600px) {
    
        #top{    
            width: 100%;
            height: 300px;
        }
    }