@import url("https://fonts.googleapis.com/css?family=Archivo+Black|Heebo:400,700,900&display=swap"); html,body {
background:black;
font-family:'Heebo',sans-serif;
font-weight:400;
color:white;
font-size: 15px;
}
.menu-margin {
margin-top:100px;
}
.border-bottom{
border-bottom:1px solid #000;
} b, strong {
font-weight:700;
}
a,.link,.btn {
font-family:'Heebo',sans-serif;
color:inherit;
cursor:pointer;
}
a:hover {
color:inherit;	
}
p a {
text-decoration: underline;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p,li {
font-family:'Archivo Black',sans-serif;
margin:0;
padding:0;
margin-bottom:15px;
}
p {
font-family:'Heebo',sans-serif;
}
h1,.h1 {
font-size:3.6rem;
line-height: 1em;
text-transform:uppercase;
}
h2,.h2 {
font-size:2.8rem;
line-height: 1em;
text-transform:uppercase;
}
h3,.h3 {
font-family:'Heebo',sans-serif;
font-size:2rem;
line-height: 1em;
text-transform:uppercase;
font-weight:400;
}
.big {
font-size:5rem;
}
@media (max-width: 991px) {
h1,.h1 {
font-size:2.5rem;
}
h2,.h2 {
font-size:2rem;
}
h3,.h3 {
font-size:1.5rem;
}
.big {
font-size:3rem;
}
}
.background-black {
background-color:black;
color:white;
}
.background-white {
background-color:#fff;
color:black;
}
.background-red {
background-color: #eb3e3a;
color:white;
}
.background-blue {
background-color:#00011f;
color:white;
}
.gradient:before {
position:absolute;
top:0;
width:100%;
content:'';
height:75%;
background:-moz-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=0);
z-index:1;
}
.text-white {
color:white;
}
.text-black {
color:black;
}
.text-red {
color:#eb3e3a;
}
.icon {
max-height:40px;
width:auto;
}
.fixed {
position:fixed !important;
top:60px;
left:0;
right:0;
background-color:rgba(0,0,0,0.8);
z-index:50;
transition:all ease 2s;
}
.pulsante {
display:inline-block;
width:130px;
height:80px;
text-align:center;
font-size:14px;
padding:20px 10px;
margin:5px;
background-repeat:no-repeat;
background-position: center 30px;
background-size:100% auto;
background-image:url(//www.immersivevr.it/wp-content/themes/immersive-2020/images/button-icon-2.png);
transition: all 0.5s ease;
cursor: pointer;
}
.pulsante:hover, .pulsante.selected {
color:red;
text-decoration: none;
background-position:center bottom;
}
.pulsante_2 {
display:inline-block;
text-align:center;
font-size:14px;
padding:10px;
margin:5px;
transition: all 0.5s ease;
cursor: pointer;
color:inherit;
text-decoration: underline;
}
.pulsante_2:hover, .pulsante_2.selected {
color:red;
text-decoration: none;
}
.cycle-prev,.cycle-next {
display:inline-block;
width:40px;
height:40px;
vertical-align:middle;
text-align:center;
cursor:pointer;
color:#000;
}
.slideshow-controls {
position:absolute;
top:50%;
right:0;
transform:translateY(-50%) rotate(90deg);
transform-origin:center center;
}
section, .container, .container-fluid {
position:relative;
z-index: 1;
overflow: hidden;
}   @media (min-width: 1100px) and (max-width: 1199px) {
.navbar-nav>li>a{
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 992px) and (max-width: 1099px) {
.navbar-nav>li>a{
padding-left: 5px;
padding-right: 5px;
}
}
@media (max-width: 991px) {
.container, .container-fluid {
text-align: center;
padding-left:10%;
padding-right:10%;
}
.text-right {
text-align: center;
}
} @-webkit-keyframes ani-mouse {
0% {
opacity:1;
top:29%;
}
15% {
opacity:1;
top:50%;
}
50% {
opacity:0;
top:50%;
}
100% {
opacity:0;
top:29%;
}
}
@-moz-keyframes ani-mouse {
0% {
opacity:1;
top:29%;
}
15% {
opacity:1;
top:50%;
}
50% {
opacity:0;
top:50%;
}
100% {
opacity:0;
top:29%;
}
}
@keyframes ani-mouse {
0% {
opacity:1;
top:29%;
}
15% {
opacity:1;
top:50%;
}
50% {
opacity:0;
top:50%;
}
100% {
opacity:0;
top:29%;
}
}
.scroll-btn {
display:block;
position:absolute;
left:0;
right:0;
bottom:0;
margin-bottom:7vh;
text-align:center;
}
.scroll-btn > * {
display:inline-block;
font-size:13px;
font-weight:400;
color:#7f8c8d;
color:#fff;
font-family:"proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.scroll-btn > :hover,.scroll-btn > :focus,.scroll-btn > .active {
color:#fff;
}
.scroll-btn > :hover,.scroll-btn > :focus,.scroll-btn > :active,.scroll-btn > .active {
opacity:.8;
filter:alpha(opacity=80);
}
.scroll-btn .mouse {
position:relative;
display:block;
width:35px;
height:55px;
margin:0 auto 20px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border:2px solid #fff;
border-radius:23px;
}
.scroll-btn .mouse > * {
position:absolute;
display:block;
top:29%;
left:50%;
width:8px;
height:8px;
margin:-4px 0 0 -4px;
background:#fff;
border-radius:50%;
-webkit-animation:ani-mouse 2.5s linear infinite;
-moz-animation:ani-mouse 2.5s linear infinite;
animation:ani-mouse 2.5s linear infinite;
} @media (max-width: 767px) {
.scroll-btn {
padding-bottom:0;
margin-bottom:10vh;
}
} header {
z-index:1001;
position:fixed;
width:100%;
top:0;
left:0;
transition: all 0.5s ease;
}
.page-template-page-tour header,
.page-template-page-vantaggi header {
background-color:black;
}
.navbar-brand {
height:auto;
}
.navbar-brand img {
max-height:30px;
}
.navbar-toggle {
border:none;
margin-top:20px;
}
.navbar-toggle:hover {
background-color: transparent !important;
}
.navbar-toggle:hover .icon-bar {
background-color: white;
}
.navbar-default {
border:none;
margin:0;
background-color:transparent;
}
.navbar .main-navbar {
margin-top:9px;
}
.navbar-nav > li {
margin:0;
}
.navbar-nav > li > a {
color:white !important;
border-bottom: solid 1px transparent;
}
.navbar-nav > li > a:hover,
.navbar-nav > li.active > a {
color:white !important;
border-bottom:1px solid #eb3e3a;
background-color: transparent !important;
}
@media (max-width: 991px) {
header {
background-color: black;
}
.navbar-default {
margin-bottom:0;
}
.navbar .main-navbar {
text-align:center;
border:none;
box-shadow: none;
}
.navbar-nav > li > a,
.navbar-nav > li > a {
background-color: transparent !important;
border-bottom:none !important;
}
}  footer {
background-color:#eb3e3a;
color:#fff;
font-size:12px;
}
#logo_footer img {
max-height:30px;
} @media (max-width: 767px) {
footer * {
text-align:center;
}
} .background-media {
height:100%;
width:100%;
overflow:hidden;
position:absolute;
z-index: 0;
top:0;
left:0;
}
@media (max-width: 767px) {
.background-media {
position:relative;
min-height: auto;
padding-top: 56%;
perspective: 1px;
}
}
@media (max-width: 991px) {
.background-media:before {
position:absolute;
top:0;
width:100%;
content:'';
height:75%;
background:-moz-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=0);
z-index:1;
}
}
.background-media video,
.background-media > img {
position:absolute;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:0;
}
@media (max-width: 767px) {
.background-media video,
.background-media > img {
width:100%;
min-height:none;
}
}
.background-media > img:nth-child(2) {
animation-name:fading;
animation-duration:3s;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-timing-function:ease;
}
.background-media.zooming > img {
animation-name:zooming;
animation-duration:10s;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-timing-function:ease;
}
@keyframes fading {
0% {
opacity:1;
}
33% {
opacity:1;
}
66 {
opacity:0;
}
100% {
opacity:0;
}
}
@keyframes zooming {
0% {
transform:translate(-50%,-50%) scale(1);
}
100% {
transform:translate(-50%,-50%) scale(1.1);
}
} section#formazione{
background-image: url(//www.immersivevr.it/wp-content/themes/immersive-2020/images/formazione-immersive-vr.jpg);
background-position: center center;
background-size: cover;
background-attachment: fixed;
}   .progetti_item {
display:block;
position:relative;
}
.progetti_item img {
filter: grayscale(50%);
transition: all 1s ease;
}
.progetti_item:hover img {
filter: grayscale(0%);
}
.progetti_item_data {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
padding:30px 33% 30px 30px;
background-color: rgba(0,0,0,0.5);
transition: all 0.5s ease;
}
.progetti_item:hover .progetti_item_data {
background-color: rgba(0,0,0,0);
}
.progetti_item_data p {
position:absolute;
bottom:30px;
left:30px;
color:#eb3e3a;
}
#gallery .grid .grid-item {
transition: all 0.5s ease;
}
#gallery .grid:hover .grid-item {
opacity:0.5;
}
#gallery .grid .grid-item:hover {
opacity:1;
} #clienti {
min-height:100vh;
}
#intro_clienti {
padding-top:20vh;
}
#logo_cliente {
overflow:hidden;
}
#logo_cliente:hover {
opacity:.92;
}
#logo_cliente img {
filter:grayscale(100);
max-height:150px;
width:auto; }
.background-red .btn-primary{
border-color:#FFF !important;
font-size: 18px;
padding: 10px 15px;
}
.background-red .btn-primary:hover{
background-color: black;
}