/* Space out content a bit */
body {
  padding-top: 0;
  padding-bottom: 40px;
  font-family: 'Lato', sans-serif;
  font-weight:300;
  font-size:17px;
}
a, a:visited, a:hover {
	color:#000;
}
h1 {
	font-size: 30px;
	font-weight:400;
}
h2 {
	font-size: 28px;
	font-weight:300;
}
button {
	background:transparent;
	border:0;
}
.toprow {
	height:25px;
	background:#D8D7DA;
	margin-bottom:20px;
}
.lingue {
	margin-top:10px;
}
.lingue  a.active{
	color:#000;
}
.lingue a , .lingue a:hover {
	text-decoration:none;
	color:#a2a9ae;
}
.greca {
	margin-bottom:40px;
	position:relative;
	overflow: hidden;
	text-align:center;
	width:100%;
	z-index:1;
	display:block;
}
.greca .bottom{
	position:absolute;
	bottom:-21px;
	/*width:2362px;
	max-width:2362px;*/
	z-index:10;
	left: 50%;-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
}
.imgcenter {
	text-align:center;
}
/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-right: 15px;
  padding-left: 15px;
}

/* Custom page header */
.header {
  padding-bottom: 20px;
  /*border-bottom: 1px solid #e5e5e5;*/
  height:180px;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}
.navbar {
	z-index:100;
}
#navbar {
	margin-top:100px;
	text-transform:uppercase;
	z-index:100;
}
.navbar-toggle .icon-bar {
	background:#000;
}
.nav, .nav > li {
	z-index:100;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover  {
	background-color: transparent !important;
    color: #000;
}
.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: underline;
    background-color: transparent !important;
}
/*
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
}
*/
.dropdown-menu li{
	padding:10px;
}
.dropdown .dropdown-menu li{
	padding:0;
}
.dropdown-menu > li > a {
	padding:10px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
	background:#D8D7DA;
	color:#000;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
}
/* Custom page footer */
.footer {
	margin-top:60px;
  padding-top: 80px;
  color: #000;
  border-top: 1px solid #000;
}
.footer a{
	color:#777;
}
#map {
	width:100%;
	height:460px;
}

#back-to-top {
    /*position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;*/
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #eaeaea;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #e9ebec;
}
#back-to-top.show {
    opacity: 1;
}

.subtitle {
	margin-top:-50px;
	margin-bottom:30px;
	font-size:28px;
}
.subtitle small{
	font-size:18px;
}
.profess p {
	margin-top:0;
	padding-top:0;
	margin-bottom:0;
	padding-bottom:0;
}
.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  padding:0;
  /*border-bottom: 1px solid #e5e5e5;*/
}
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}

/* Supporting marketing content */
.marketing {
	margin: 40px 0;
	text-align:center;
}
.marketing h1{
	position:relative;
    text-align:center;
	margin-bottom:50px;
}
.marketing h1::after {
    content:'';
    position:absolute;
    width:280px;
    height:1px;
    background:#000;
    bottom:-20px;
    left:0;
    right:0;
    margin:auto;
}
.marketing p {
	font-size:20px;
}

.marketing p + h4 {
	margin-top: 28px;
}
.maincontent {
	padding-bottom:40px;
}
.maincontent h1{
	position:relative;
    text-align:center;
	font-size:46px;
	margin-top:50px;
	margin-bottom:100px;
	text-transform:none;
	font-weight:400;
	letter-spacing:7px;
}
.maincontent h1::after {
    content:'';
    position:absolute;
    width:370px;
    height:1px;
    background:#000;
    bottom:-20px;
    left:0;
    right:0;
    margin:auto;
}
.centertext {
	font-size:28px;
	line-height:38px;
	padding-top:40px;
}
.competenze {
	margin-top:30px;
	height:270px;
	overflow:hidden;
	padding-right:30px;
	border-right: 1px solid #000;
}
.noborder {
	border:0;
}
.scroll {
	text-align:center;
}
.boximg {
	padding:0 !important;
	position:relative;	
	height:290px;
	overflow:hidden;
	text-align:center;
	z-index:1;
}
.boximgbig{
	height:auto;
	z-index:1;
}
.boximgbig .text {
	opacity:0;
}
.boximgbig hr{
	border-color:#fff !important;
}
.boximgbig a{
	text-decoration:none;
	color:#000 /*fff*/;
}
.boximgbig a:hover{
	color:#000;
}

.boximgbig a:hover  hr{
	border-color:#000  !important;
}

.boxprof {
	padding:2px !important;
}
.col-md-12.boxprof {
	margin-top:2px !important;
	/*height:530px !important;*/
	height:470px !important;
}
.col-md-12.boxprof .title{
	height:100px !important;
	padding-top:20px;
	margin:200px 0;
	width:100%;
}
.boxprof .title{
	display:none !important;
}
.col-md-12.boxprof:hover img {
	opacity:1 !important;
}
.col-md-12.boxprof:hover .title {
	/*opacity:0.6 !important;
	background:#fff;
	color:#000;*/
	color:#fff;
}
.col-md-12.boxprof .title span:hover{
	color:#101010;
}

.col-md-12.boxprof:hover .title:hover {
	opacity:0.6 !important;
	background:#fff;
	color:#000;
	/*height:530px !important;*/
	height:470px !important;
	/*padding-top:460px;*/
	padding-top:380px;
	margin:0 !important;
	top:0 !important;
	
}

.boxprof:hover img {
	opacity:0;
}
.col-md-12.boxprof .title {
	/*top: 240px !important;*/
	top: 160px !important;
}
.boximg img{
	width:100%;
	z-index:2;
}
.boximg .title{
	z-index:3;
	color:#fff;
	font-size:22px;
	left: 0;
    position:absolute;
    text-align:center;
    top: 140px;
    width: 90%;
	margin-left:5%;
	margin-right:5%;
	font-weight:normal;
	letter-spacing:1px;
}
.boximg .title hr{
    width:190px;
	margin-top:5px;
	border-width: 2px 0 0;
}

.boximg:hover .title{
	color:#000;
	display:block !important;
}
.boximg:hover .title hr{
	border-color:#000;
}
.boximgbig .text {
	padding-top:40px;
	padding-bottom:60px;
	bottom: 0 !important;
}
.boximg .text{
	color:#fff;
	left: 0;
    position:absolute;
    text-align:center;
    bottom: 100px;
    width: 100%;
	z-index:2;
	/*
	margin-left:15%;
	margin-right:15%;
	*/
}
.boximg .text hr{
	margin-top:10px;
	width:370px;
	border-width: 1px 0 0;
}
.boximg .text span{
	font-size:46px;
	font-weight:normal;
}
.boximg .text p{
	font-family: 'Old Standard TT', serif !important;
	font-style:italic;
	font-size:24px;
	font-weight:300;
}
.boximg:hover .text{
	color:#000;
}
.boximg:hover .text hr{
	border-color:#000;
}
.boximg:hover img{
	opacity:0.5;
}
.boximgbig:hover img{
	opacity:0.5 !important;
}
.boximgbig:hover .text {
	opacity:1 !important;
	color:#000;
	/*color:#fff;*/
	/*background: url(/images/trasp-60.png) #dadada*/;
}
.boximgbig .text:hover  hr{
	opacity:1 !important;
	/*border-color:#000  !important;*/
}
.contattiimg {
	height:900px;
	background-size:cover;
	background-position:center center;
}
.h1profess {
	margin-bottom:40px !important;
	letter-spacing:3px !important;
	/*padding-bottom:10px;	*/
}
.anno {
	font-style:italic;
	font-size:20px;
	font-weight:500;
}
.mgb-0 {
	margin-bottom:0 !important;
}
.mgb-40 {
	margin-bottom:40px !important;
}
.pdb-0 {
	padding-bottom:0;
}

.h2sentenze {
	height:60px;
}
@media screen and (max-width: 480px) {
	.navbar-brand img {
		height:70px;
	}
	#navbar {
		margin-top:40px;
		background:#D8D7DA;
	}
	.grecahome .bottom{
		display:none;
	}
	.boximg .text{
		bottom:10px;
	}
	.boximg .text hr{
		width:200px;
	}
	.boximg .text p{
		font-size:14px;
	}
	.boximg .text span{
		font-size:24px;
	}
	.boximg .text p{
		font-style:italic;
		font-size:14px;
		font-weight:300;
	}
	.boximgbig .text {
		opacity:1;
		font-size:10px !important;
		bottom:0 !important;
		padding-bottom:5px !important;
	}
	.boximgbig .text span{
		font-size:110% !important;
	}
	.boximgbig .text p {
		font-size:100% !important;
	}
	.competenze {
		height:auto;
		overflow:auto;
		border-right:0;
		padding-right:0;
	}
	.scroll {
		display:none;
	}
	.maincontent h1 {
		font-size:30px;
		letter-spacing: 4px;
	}
	.maincontent h1::after {
		width:80%;
	}
	.col-md-12.boximg.boxprof {
		height:330px !important;
		clear:both;
		overflow:hidden;
	}
	.col-md-12.boximg.boxprof img {
		height:100%;
		width:auto !important;
		position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
	}
	.col-md-12.boxprof .title {
		margin-top:10px !important;
	}
	
}

@media screen and (min-width: 481px) and (max-width: 980px) {
	.navbar-brand img { 
		/*logo*/
		height:100px;
	}
	
	.col-md-3.boximg {
		width:50% !important;
		float:left;
	}
	.col-md-4.boximg.boxprof {
		width:33% !important;
		float:left;
	}
	.col-md-12.boximg.boxprof {
		height:330px !important;
		clear:both;
	}
	.col-md-12.boxprof .title {
		margin-top:10px !important;
	}
	.competenze {
		height:auto;
		overflow:auto;
		border-right:0;
		padding-right:0;
	}
	
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
	.boximgbig .text {
		opacity:1;
		font-size:10px !important;
		bottom:0 !important;
		padding-bottom:50px !important;
	}
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
}

.pp_inline h2{
	margin-top:0 !important;
}
.pp_inline {
	padding-left:20px;
	padding-right:20px;
}
@media screen and (max-width: 1023px) {
	.professnav {
		display:none;
	}
}