body { font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 1rem}
.fullheight { height: 100vh; background-color: #000;
	background-image: url('../images/slide0.jpg');
	background-size: cover;
}

h3 {
	margin-bottom: 0.6rem;
	margin-top: 3rem;
}
.black { color:#000;}
#loading {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: #dda71d;
	z-index: 10000;
}

.btn-ottore-purple {
	border: 2px solid rgb(150, 46, 88);
	color: rgb(150, 46, 88) !important;
	text-transform: uppercase;
}

.btn-ottore-purple:hover {
	border: 2px solid rgb(150, 46, 88);
	color: white !important;
	background-color: rgb(150, 46, 88) !important;
	text-transform: uppercase;
}

.bordonero {text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.datifixedbottom { position: absolute;
bottom: 0px;
width: 100%;}
#loading .loading-container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 120px;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#loading .loading-container .loading-logo {
	position: relative;
	margin-bottom: 5px;
}
#loading .loading-container .loading-logo img,
#loading .loading-container .loading-logo svg {
	width: 100%;
	height: auto;
}
#loading .loading-container .loading-logo svg rect,
#loading .loading-container .loading-logo svg path,
#loading .loading-container .loading-logo svg polygon {
	fill: #fff !important;
}
#loading .loading-container .loading-bar {
	position: relative;
	height: 2px;
	background: rgba(169, 163, 163, 0.7);
}
#loading .loading-container .loading-bar .loading-count {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0%;
	height: 100%;
	background: #000;
}

.padding-20 { padding-top: 20%;}

.bgwhite { background-color: #fff; background-image: none;}
.centerall { /*padding-top: 35vh;*/ text-align: center; padding-bottom: 20px;}
h2 { font-size: 800%;
color:#dda71d;
font-weight: 900; text-transform: uppercase;}

.corpocontainer .immaginecopertina {
	padding: 0px;
	height:500px;
	overflow:hidden;
}
.corpocontainer .immaginecopertina100 {
	padding: 0px;
	height:100vh;
	overflow:hidden;
	position: absolute;
	top:0px;
}
.immaginecopertina img {
	width: 100%;
}
.immaginecopertina100 img {
	width: 100%;
	/*margin-top: -30%;*/
}
.h2copertina100 {
	position: absolute;
	bottom:-40px;
	width: 80%;
}

#slider {
	padding: 0;
	position: relative;
	height: 100vh;
}

.rslides {
position: relative;
list-style: none;
overflow: hidden;
height:100vh;
padding: 0;
margin: 0;
}

.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
height:100vh;
width:100%;
left: 0;
top: 0;
background-size: cover;
padding: 16% 0px 0px 0px;
}


.rslides li:first-child {
position: relative;
display: block;
float: left;
}

.rslides img {
border: 0;
}

ul.rslides_tabs.rslides1_tabs{
text-align: center;
margin-top: -30px;
z-index: 30;
position: absolute;
width: 300px;
/*margin-left: 45%;*/
}

li.rslides1_s1,
li.rslides1_s2,
li.rslides1_s3,
li.rslides1_s4 {
float: left;
width: 50px;
background-color: rgba(255, 255, 255, 0.53);
height: 3px;
margin-left:3px;
list-style: none;
}
a.rslides1_s1,
a.rslides1_s2,
a.rslides1_s3,
a.rslides1_s4 {
color:transparent;
width: 100% !important;
display: block;
}
.rslides_here {
background-color: #fff !important;
}


.rslides h1 {
	font-size: 220%;
	text-transform: uppercase;
}
.rslides h3 {
	font-size:150%;
	margin-top:0px;
}

.porta-menu {
	position: absolute;
  top:0px; right:0px;
	z-index: 299;
}
.porta-menu ul {
	list-style-type: none;
	background-color: #dda71d;
	height: 58px;
	font-size: 11px;
	line-height: 16px;
	padding: 5px 10px;
	float: left;
}
.porta-menu ul li {
    padding: 0px 0px;
}
.porta-menu ul a:hover {
	text-decoration: none;
	color: white;
}
a, a:visited { color:#fff; }
.navbar {
  display: block;
  padding: 0px;
}
.navbar-dark .aprichiudi {
	font-family: 'Montserrat', sans-serif;
  border: none;
	background-color: #dda71d;
	border-radius: 0;
	cursor: pointer;
	padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 300;
}
.aprichiudi span.testo-h{
	font-size: 14px;
	color: #000;
}
.navbar-dark .navbar-toggler-icon {
  background-image: url(../images/icone/icona-menu-apri.png);
}
.navbar-dark .navbar-toggler-icon.close-icon {
	background-image: url(../images/icone/icona-menu-chiudi.png);
}


#collapsingNavbar {
	/*background-color: rgba(188,168,142,0.9);*/
	background-color: #dda71d;
	padding-top: 10%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100vh;
	color: #fff;
  z-index: 200;
}
#collapsingNavbar .row {
	margin-bottom: 60px;
}
#collapsingNavbar h1 {
font-size: 1000%;
color:#000000;
font-weight: 900;
/*-webkit-background-clip: text;
-webkit-text-fill-color: transparent;*/
line-height: 80%;
}
#collapsingNavbar .footerdata {
	position: absolute;
	bottom: 10px;
	left: 20px;
	font-size: 90%;
	color: #afafaf;
}

/*.compare {
	-webkit-animation: comparire 0.3s;
  -webkit-animation-play-state: paused;
	animation: comparire 0.3s;
  animation-play-state: paused;
}
.scompare {
	-webkit-animation: scomparire 0.3s;
  -webkit-animation-play-state: paused;
	animation: scomparire 0.3s;
  animation-play-state: paused;
}*/

@-webkit-keyframes comparire {
  0% { opacity: 0;}
  100% { opacity:1; }
}
@-webkit-keyframes scomparire {
  0% { opacity: 1;}
  100% { opacity:0;
		-webkit-animation-play-state: paused;
		animation-play-state: paused;}
}

.logocontainer {
	position: absolute;
bottom: 10px;
right: 20px;
height: 50px;
z-index: 300;
width: 120px;
text-align: center;
display: none;
}
.logofooter {
width: 120px;
text-align: center;
margin: 0px 0px 10px auto;
}
.footerinfo {
	padding: 15px 0px 5px 5px;
	font-size:0.65rem;
}

.vertical-text {
	transform: rotate(90deg);
	transform-origin: left top 0;
  position: absolute;
  right: -177px;
  top:80px;
  z-index:300;
  display: none;
  color:#fff;
  width: 200px;
}
.navbar .vertical-text {
	color: #000000;
}
.vertical-label {
	transform: rotate(90deg);
	transform-origin: left top 0;
  position: absolute;
	font-size: 90%;
  right: -280px;
  top:80px;
  z-index:100;
  color:#000;
  width: 300px;
	line-height: 110%;
	font-weight: 700;
}
.uppersize { text-transform: uppercase; padding: 0px; font-size: 115%; font-weight: 700;}

#link1, #link2, #link3, #link4, #link5 { cursor: pointer; display: none; color: #000000;}

.altezzafull {
	height:100vh; overflow:hidden
}

.containerh2 {
	margin-top:-85px;
}

.white { color:#fff;}
.antracite { color:#dda71d;}
.tortora { color:#000000;}

@media only screen
and (max-width : 1024px)
and (orientation: portrait) {
	#collapsingNavbar h1 {
		font-size: 450%;
		color:#000000;
		font-weight: 900;
		/*-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;*/
		line-height: 80%;
	}
	.padding-20 { padding-top: 0%; padding-bottom: 40%;}

	.datifixedbottom { position: fixed;
	bottom: 0px;
	width: 100%;}

	#collapsingNavbar {
		padding-top: 50%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 100vh;
		color: #fff;
	  z-index: 200;
	}

	.centerall { padding-top: 18vh; text-align: center; padding-bottom: 20px;}

	.corpocontainer .immaginecopertina100 {
		height: 50vh;
	}

	.immaginecopertina img {
		height: 100%;
		width: auto;
		position: absolute;
		left: -50%;
	}
	.immaginecopertina100 img {
		margin-top: -50%;
	}

	.altezzafull {
		height:50vh; overflow:hidden
	}

	.h2copertina100 {
		bottom: -20px;
	}

	.h2copertina100 h2 {
		font-size:400%;
	}

	.testocontatti { text-align: center;}

	.testocontatti a:hover, .testocontatti a:visited:hover { color:#000; text-decoration: underline;}

	#collapsingNavbar .footerdata {
		position: absolute;
		bottom: 10px;
		left: 20px;
		font-size: 70%;
		color: #afafaf;
		width: 50%;
	}

	h2 {
		font-size:500%;
	}
	h3 { margin-top:10px;}
	.containerh2 {
		margin-top:-55px;
	}

	.linkable h1 { font-size:20px;}


}