* {
	margin:0;
	padding:0;
}

html, body {
	width:100%;
	height:100%;
}

body {font-family:sans-serif;}

.maindivs {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:transparent center no-repeat;
	background-size:cover;
	overflow:hidden;
	z-index: 2;
}

.vid {
  z-index: 1; 
  width:100%; 
  height:100%;
}

#video1 {
  position: absolute; 
  top: 0px; 
  right: 0px; 
  min-width: 100%; 
  min-height: 100%; 
  width: auto; 
  height: auto; 
  z-index: -1000; 
  overflow: hidden;
}

.vpattern {
  background-image: url(../images/pattern2.png); 
  position: absolute; 
  opacity: 0.8; 
  left: 0px; 
  top: 0px; 
  width: 100%; 
  height: 100%; 
  z-index: -2;
}

.occh-1, .occh-2, .occh-3, .occh1, .occh2, .omaocch-1, .omaocch1, .omaocch2 {
    stroke-dasharray: 2000;
    stroke: #CCCBCB;
	stroke-miterlimit: 10;
	fill: #CCCBCB;
	fill-opacity: 0;
	stroke-dashoffset:0;
	stroke-linecap: round;
	stroke-linejoin: round;
	opacity: 0;
}

.txtspan {
	font-family: 'Roboto Slab', serif; 
	font-size: 66px;
	color: #fff;
	display: inline-block;
}

.txtspan > span {
	/*display: inline-block;
	transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);*/
}

.txtspan > span:hover {
	transform: none;
	-webkit-transform: none;
	-ms-transform: none;
	-moz-transform: none;
	-o-transform: none;
}

.txtspan2 {
	font-family: 'Roboto Slab', serif; 
	font-size: 46px;
}	

.shadow {
	text-shadow: 1px 1px 1px #444;
}

.txtspansub {
	font-family: 'Roboto Slab', serif; 
	font-size: 30px;
	color: #fff;
	display: block;
}	

.txtspansubcont {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #fff;
}

.txtspancont {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	color: #fff;	
}

.txtspansubabout {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #fff;
}

.txtspanabout {
	font-family: 'Open Sans', sans-serif;
	font-size: 36px;
	color: #fff;	
}

.txtspanmap {
	font-family: 'Roboto Slab', serif; 
	font-size: 20px;
	color: #000;
}

button {
  position: absolute;
  top: 10px;
  right: 90px;
}

.occhiali {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 90px;  
}

.logocontainer {
  width: 100%;
  height: 100%;
  position: absolute; 
  top: 0; 
  left: 0;
  display: inline-block;
}

.backgr{
  width: 100%; 
  height: 100%; 
  position: absolute;
}

path.shape1 {
  stroke-dasharray: 0,444.2152;
  stroke: #CCCBCB;
  stroke-width: 1;
  stroke-miterlimit: 10;
  fill: none;
}

path.shape2 {
  stroke-dasharray: 0,167.008;
  stroke: #CCCBCB;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
  fill: none;
}

path.shape3 {
  stroke-dasharray: 0,167.041;
  stroke: #CCCBCB;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
  fill: none;
}

path.plus, rect.minus {
  fill: #C39A6C;
}

path.logo {
  fill: #FFFFFF;
}

rect.bg {
  fill: #676767;
}

rect.grid {
  fill: #6D6D6D;
  stroke: #6D6D6D;
  stroke-width: 1;
}

rect.grid:hover {
  stroke: #C39A6C;
  stroke-width: 1.6;
}

.bglogo {
  background-color: #4D4E4E;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0.85;
  z-index: 5;
}

path.fixedocchi1, polygon.fixedocchi1 {
  fill: #110D0E;
}
path.fixedocchi2, polygon.fixedocchi2 {
  fill: #8F8680;
}
path.fixedocchi3 {
  fill: #070606;
}
path.fixedocchi4, polygon.fixedocchi3 {
  fill: #FFFFFF;
}
path.mline {
  stroke: #C39A6C;
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  fill: none;
  opacity:0;
}
line.mlline {
  opacity:0;
  fill:none;
  stroke:#FFFFFF;
  stroke-width:0.5;
  stroke-miterlimit:10;
}
rect.mrect, polygon.mpoly {
  fill: #FFFFFF;
  opacity: 0;
}
text.mtext {
  fill: #FFFFFF;
  font-family: 'Roboto Slab';
  font-size: 7px;
}

polyline.arroww{
	fill:none;
	stroke:#C49A6C;
	stroke-width:4;
	stroke-miterlimit:10;
    pointer-events:all;
    cursor:pointer;
    z-index: 50;
    
}
polyline.arroww:hover{
    stroke:#000000;
}

g.tempg:hover {
	transform:none;
}

rect.rectbutt {
	fill:#4D4E4E;
	opacity:0;
}

rect.rectbutt:hover {
	fill:#C0C0C0;
	opacity:0.2;
}

#txt1 {
  position: fixed;
  z-index: 2;
  opacity: 0;
  left: 75px;
  top: 50%;
  width: 100%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

#txt1main {
  padding-right: 100px;
}

#txt2main, #txt3main, #txt11main {
  width: 100%; 
  left: 0; 
  top: 140px;
}

#txt2sub, #txt3sub, #txt11sub {
  left: 0; 
  bottom: 20px; 
  padding-right: 75px;
}

.pright400 {
  padding-right: 400px;
}

.pright300 {
  padding-right: 300px;
}

.pright75 {
  padding-right: 400px;
}

p.black, span.black {
  color: #000;
}

.txtcolori, .txt4, .txt5, .txt6, .txt7, .txt8, .txt9 {
  position: fixed;
  z-index: 2;
  opacity: 0;
  left: 0; 
  top: 50%; 
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  display: none;
}

.txt4, .txt5, .txt6, .txt7, .txt8{
  width: 85%; //room for right arrow
}

.txt2, .txt3, .txt11 {
  position: absolute; //fixed
  z-index: 2;
  opacity: 0; 
  display: none;
}

.txt10, .txtabout {
  position: absolute;
  z-index: 1;
}

.txtabout {
  width: 600px; 
  left: 50%; 
  top: 35%; 
  margin-left: -350px; 
  margin-top: -200px;
}

#menu_main_content {
	width: 600px; 
	top: 0;
	right: -600px;
	height: 100%;
    background-color: #111;
    border-radius: 5px ;
    position: fixed;
    z-index: 8;
}

#menu_container {
    width: 300px;
    height: 260px;
    top:50%;
    left:30%;
    margin-top: -130px;
    margin-left: -150px;
    padding: 10px;
    position: absolute;
}

#contact_main_content {
	width: 100%; 
	top: 91px;
	right: -600px;
	height: 100%;
    background-color: #676767;
    position: fixed;
    z-index: 7;   
    display: none;
}

#press_main_content, #about_main_content {
	width: 100%; 
	top: 91px;
	right: -600px;
	height: 100%;
    background-color: #676767;
    position: fixed;
    z-index: 7;   
    display: none;
	overflow-y: scroll;
}

#about_container, #press_container, #contact_container {
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    z-index: 0;
    position: absolute;
}

#press_container2 {
    width: 100%;
    height: 3250px;
    z-index: 1;
	position: absolute;
    overflow: hidden;
    margin: 0 auto;
}

#about_container2 {
    width: 100%;
    height: 130%;
    z-index: 1;
	position: absolute;
    overflow: hidden;
    margin: 0 auto;
}

.menu {
  color: #fff;
}
.menu:hover {
  color: #C39A6C;
}

circle.socialcircle {
  fill:#676767;
  stroke:#808080;
  stroke-miterlimit:10;
}

path.sociallogo {
  fill:#FFFFFF;
}

a.sociala {
  cursor:pointer;
}
a.sociala:hover > circle.socialcircle {
  fill:#C49A6C;
}

.lang {
  position: absolute; 
  top:0; 
  right:91.4px; 
  width: 15px; 
  line-height: 91.4px; 
  display: none;
}

.langspan {
  cursor: pointer; 
  font-family: 'Open Sans', sans-serif; 
  font-size: 12px; 
  color: #fff;
}

.langspan:hover {
  font-weight: bold;
  text-decoration: overline;
}

input.rounded {
  border: none;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  //-moz-box-shadow: 1px 2px 1px #333;
  //-webkit-box-shadow: 1px 2px 1px #333;
  //box-shadow: 1px 2px 1px #333;
  padding: 7px 17px;
  outline: 0;
  font-family: 'Roboto Slab', serif; 
  font-size: 12px;
  width: 365px;
  background-color: #C39A6C;
  color: #fff;
}

input.rounded:focus {
  border: 1px solid #ccc;
}

input[type="submit"] {
  margin-left: -50px;
  height: 20px;
  width: 44px;
  border: none;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  font-family: 'Roboto Slab', serif; 
  font-size: 12px;
  background-color: #fff;
  color: #C39A6C;
}

::-webkit-scrollbar {
    width: 0;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #fff;
}

.noscroll {
  overflow: hidden;
}

image.vincolo {
    filter: contrast(400%); 
	-webkit-filter: contrast(400%); 
    -moz-filter: contrast(400%); 
    -ms-filter: contrast(400%); 
    -o-filter: contrast(400%); 
}

#circnav {
  fill:#4D4E4E;
  stroke:#C49A6C;
  stroke-width:2;
  stroke-miterlimit:10;
  cursor:pointer;
}

#arrnav {
  fill:none;
  stroke:#C49A6C;
  stroke-width:2;
  stroke-miterlimit:10;
}

#progr {
  position: fixed; 
  bottom: 0; 
  left: 0; 
  height: 10px; 
  z-index: 10; 
  background-color: #C49A6C; 
}

.slideitem {
  display:none; 
  left: 70px; 
  top: 27px;
}

.pointer {
  cursor: pointer;
}

.mnitem {
  font-family: 'Roboto Slab', serif;
  font-size: 50px;
}

.hidden {
  display:none;
}

#logo {
  position: relative; 
  top: 2px; 
  left: 147px; 
  width: 300px;
}

#exp {
  position:absolute; 
  top:0; 
  left: 300px; 
  color:#777;
}

#socialtop {
  position: absolute; 
  top:0; 
  right:100px; 
  width: 394px; 
  height: 89.6px;
}

#tripleline {
  position: fixed;
  z-index: 9; 
  top:0; 
  right:0; 
  width: 91.4px; 
  height: 89.6px; 
  cursor:cell;
}

line.tr {
  fill:none;
  stroke:#C49A6C;
  stroke-width:3;
  stroke-miterlimit:10;
}

#recbgbut {
  position: fixed; 
  bottom: 0; 
  right: 0; 
  width: 123.5px; 
  height: 127.5px; 
  opacity: 1; 
  z-index: 6;
}

.presspicsdiv {
  position: absolute; 
  top:0; 
  width:30%; 
  height:100%;
}

.presspic {
  position: absolute;
  right: 30px; 
  height:200px;
}

.presstextdiv {
  position: absolute; 
  width:70%; 
  height:100%; 
  left: 30%;
}

.presstext {
  position: absolute;
  right: 30px; 
  height:200px; 
  color:#fff;
}
.presstext > p {
  font-family:'Open Sans'; 
  font-size:14px;
}

.presstext > p > a {
 color:#E49C6E;
}

.svgcontainer {
  z-index: 0; 
  width:100%; 
  height:100%; 
  background-color: #676767;
}

.arrowcontainer {
  z-index: 2;
  position:absolute; 
  width: 100%; 
  height:100%;
}

.imgcontainer {
  z-index: 0; 
  position:absolute; 
  width: 100%; 
  height:100%;
}

.ott {
  position: absolute; 
  display: block; 
  margin-left: -5%;
}

#consegnare {
  z-index: 0; 
  position:absolute; 
  width: 100%; 
  height:100%;
}

.relagoimg {
  position: absolute; 
  z-index: 0; 
  left:0; 
  top:0;
}

.omalento {
  fill:#fff;
  opacity: 0.3;
}