body,html {
	padding: 0px;overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow: 1px 1px 1px rgba(60,60,60,0.02);
	font-family: 'Open Sans', sans-serif;
}

h1, h2, h3 {font-family: 'Open Sans', sans-serif;}
body {
color:#eee; 
background: #1c1c1c;
}


p { margin: 0px;}

#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: 9px;
}


.gx-brand {
    float: left;
    margin-left: -100px;
    position: absolute;
    left: 50%;
    /*top: -38px;*/
    z-index: 3;
}

.gx-brand a{
    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;border-bottom: 1px solid #fff;}
.navbar-inverse .navbar-nav > li > a.anav:hover {border-bottom: 1px solid #111;}

.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: #8d93ae;
	border-bottom: 1px solid #8d93ae;
}
.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: #8d93ae9e;font-weight: 500;border-bottom: 1px solid #da221b;color:black;}

.navbar-inverse .navbar-nav > li > a.socialicon:hover {
    background: transparent !important;
}

.navbar-collapse.in,.navbar-collapse.collapsing {
	background-color: #fff;
	outline: none !important;
    max-height:unset;
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    z-index: 1;
}

.navbar-nav {
    margin: 100px -15px 50px -15px;
    text-align: center;
}
.navbar-collapse.in {
}


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;
	border-style:none;
	outline:none;
	z-index:3;
}

.navbar-inverse .navbar-toggle i {
	font-size:1.5em;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
	background: transparent;
	border: 1px solid transparent;
}

.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: #8d93ae; background:transparent;}

.navbar-nav li div.dropdown-menu{text-align:left;padding-left:10px;width:390px;left:-307px;background: #8d93ae;}

.in-panel.main-logo{
	padding-top:110px;
}
.in-panel{padding-top:10px; width:60%; margin: 0 auto;}
.in-panel h2{
	float:left;
	font-weight: 500;
    font-size: 1.4em;
    line-height: 2.0em;
}

.in-panel p{
    letter-spacing: 0.2rem; /*.0.3rem */
    text-align: left;
    width: 100%;
	}

.in-panel p.dida {
    font-size: 13px;
    margin-top: 8px;
    line-height: 20px;
    display: block;
    float: left;
}
.padcengx {
	/*padding:0 170px;*/
	padding:0 60px;
	text-align: left;}

strong{ /*font-size: 24px; font-weight: 300*/}
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.section {margin-top:100px;     margin-right: 50px; 
text-transform: uppercase;
font-weight:500; font-size:1.8em;line-height: 1.4em;
float:right;letter-spacing: 1px;
border-bottom: 0px solid #b65349;
padding-bottom: 5px;
color: #fff;
}
h1.section.titoloContatti {
	margin-top:150px
}

.in-panel h2.section {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.6em;
	line-height: 2em;
	float: left;
	letter-spacing: 2rem;
	border-bottom:1px solid #fcbc54;
	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-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;
}
.row.gxtopspace div:first-child {
    padding-top:80px;
}

.bkg00 {
	background: #8d93ae;

}
.bkgtestata {
	background: #f15557;

}
.bkgtestata-top{
	padding-left:0;
	padding-right:0;
}
.bkgtestata-intro{
	background:#fcbc54;
	color:#080808b3;
}
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; left:;
	    z-index: 1;
		}




/* nav-menu */
.navbar-fixed-top{/*width:970px;*/ width:100%; /*margin: 30px auto*/}
.navbar {text-transform: uppercase;background-color: #fff;
	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-size:cover;
		text-align: center;
		height: 250px;
		position: relative;
		background-color: white;
		width: 100%;
		margin: 0px auto;
	}
	#top img{
		max-width:400px;width:100%;
	}


	.main-logo{height:100%;color:#000;width:100%;}

.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 {
    max-width: 400px;
    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;
}


@media (max-width: 992px) {


	.in-panel.main-logo{
		display:none;
	}
	#top{    
		width: 100%;
		height: 150px;
	}
	#top img {
		max-width: 200px;
		width: 100%;
	}

	.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;
	}
	.navbar-fixed-top{width:100%; margin: 0;    height: 100px;}

	#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 {
    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;
	}


	.main-logo{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{
		font-size: 16px !important;
		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{/*background-position: 0 0!important;*/}

	.footer p{font-size:30px;}

}


@media (min-width: 768px) {
	.navbar-nav.socialicon-nav{float:left;}
	.navbar-nav > li > a {
		padding-top: 35px;
		padding-bottom: 39px;
	}
	.navbar-nav > li.socialicon > a {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.navbar-nav > li.socialicon > a img{
		height: 25px;
		height: 25px;
		filter: invert(1);
	}

	.navbar-nav {
		float: right;
		margin: 0;
		margin-right: 35px;
	}

	.boxgx {
		margin-top: 100px;
	}
}
@media (max-width: 768px) {
	.navbar-nav {
		margin: 20px -15px 0px -15px;
	}
	.navbar-nav.socialicon-nav{
		margin-top: 100px;
	}
	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-nav > li.socialicon {
		display:inline-block;
	}
	.navbar-nav > li.socialicon > a {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.navbar-nav > li.socialicon > a img{
		height: 45px;
		height: 45px;
		filter: invert(1);
	}
	.nav>li{height:50px;}
}