@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900");
body, html {
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Raleway', sans-serif;
  color: white;
  background-color: black; }

h3.home-page {
    font-size: 1.2rem;
    line-height: 110%;
    margin: 0.5rem  0 0.4rem 0;
	color: white;
}

header {
  position: absolute;
  /*top: 25px;*/
  width: 100%; 
}
.header {
  position: absolute;
  /*top: 25px;*/
  width: 100%; }

.homepage {
  width: 100%;
  height: 100%;
  background-image: url(../img/homepage.jpg);
  background-size: cover;
  background-position: center center;
  text-align: center;
  position:relative;  }
  
.azienda {
  width: 100%;
  height: 100%;
  /*background-image: url(../img/video-imm.jpg);*/
  background-size: cover;
  background-position: center top;
  text-align: center; }

#play {
  font-size: 120px;
  color: white;
  transition: all 0.3s; }
  #play:hover {
    color: #63A3DA; }

a {
  color: #63A3DA;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent;
  word-break: break-word; 
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
  width: 23px;
  height: 23px; }

h1 {
  font-weight: 900;
  font-size: 65px; }

h3 {
  font-size: 25px;
  color: #63A3DA; }

nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
  height: 64px;
  line-height: 64px;
  font-size: 25px; }

.brand-logo img {
  width: 240px; }

nav {
  color: #fff;
  background-color: transparent;
  width: 100%;
  height: 56px;
  line-height: 56px;
  box-shadow: none;
  text-transform: uppercase; }

nav ul a {
  transition: background-color .3s;
  font-size: 0.9rem !important;
  color: #fff;
  display: block;
  padding: 0 11px;
  cursor: pointer; }

nav ul a:active, nav ul a:focus {
  color: #fff;
}

.business_view{
	max-width:150px;
	position:absolute;
	top:10px;
	right:-180px;
}

small {
  font-size: 22px;
  font-family: "Raleway", sans-serif; }

.tabella {
  display: table;
  width: 100%;
  height: 100vh; }
  .tabella .cella-tabella {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    padding: 25px 0; }

.giu {
  display: inline-block;
  transform: rotate(90deg); }

.arrow {
  position: absolute;
  left: 50%;
  bottom: 50px;
  font-size: 50px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-animation: anim-arrow 3s infinite;
  /* Safari 4+ */
  -moz-animation: anim-arrow 3s infinite;
  /* Fx 5+ */
  -o-animation: anim-arrow 3s infinite;
  /* Opera 12+ */
  animation: anim-arrow 3s infinite;
  /* IE 10+, Fx 29+ */
  line-height: 10px; }
  .arrow i {
    line-height: 20px; }

.our-sections {
  width: 100%;
  min-height: 100%;
  position: relative;
  background-image: url(../img/cold.jpg);
  background-size: cover;
  background-position: center center;
  text-align: center;
  transition: background-image 0.3s; }

.testata {
  width: 100%;
  height: 100%;
  text-align: center; }

.story {
  width: 100%;
  min-height: 100%;
  position: relative;
  /*background-image: url(../img/azienda.jpg);*/
  background-size: cover;
  background-position: center center;
  text-align: justify;
  transition: background-image 0.3s; }

@-webkit-keyframes anim-arrow {
  0% {
    bottom: 50px; }
  50% {
    bottom: 30px; }
  100% {
    bottom: 50px; } }
@-moz-keyframes anim-arrow {
  0% {
    bottom: 50px; }
  50% {
    bottom: 30px; }
  100% {
    bottom: 50px; } }
@-o-keyframes anim-arrow {
  0% {
    bottom: 50px; }
  50% {
    bottom: 30px; }
  100% {
    bottom: 50px; } }
@keyframes anim-arrow {
  0% {
    bottom: 50px; }
  50% {
    bottom: 30px; }
  100% {
    bottom: 50px; } }
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.sezioni .thumb {
  display: inline-block;
  vertical-align:top;
  text-align: center;
  padding: 10px 20px;
  position: relative; }
  .sezioni .thumb:hover {
    opacity: 1; }
  .sezioni .thumb:hover .hover-hidden {
    opacity: 1;
    top: 15px; }
  .sezioni .thumb:hover .immag {
    opacity: 1; }
  .sezioni .thumb .hover-hidden {
    opacity: 0;
    top: -25px;
    transition: all 0.2s;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    height: 200px; }
  .sezioni .thumb .immag {
    height: 110px;
    opacity: 0.7;
    margin-bottom: 25px;
    transition: all 0.3s; }
    .sezioni .thumb .immag img {
      max-height: 100%; }

.news .content .blu {
  height: 100% !important; }

.news .content p {
  bottom: 0 !important;
  opacity: 1 !important; }

.pubb {
  display: block;
  width: 100%;
  font-size: 0.7em; }

/* General button style (reset) */
.button {
  text-transform: uppercase;
  background: transparent;
  display: inline-block;
  border: 1px solid white;
  color: white;
  padding: 5px 25px;
  min-width: 100px;
  cursor: pointer;
  position: relative;
  z-index: 10;
  opacity: 1;
  transition: all 0.4s; }

.button:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

/* Button 1e */
.button {
  overflow: hidden; }

.button:after {
  width: 100%;
  height: 0;
  top: 50%;
  left: 50%;
  background: #fff;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg); }

.button:hover,
.button:active {
  color: black; }

.button:hover:after {
  height: 240%;
  opacity: 1; }

.button:active:after {
  height: 350%;
  opacity: 1; }

.dropdown-content {
  width: 100% !important;
  min-width: 230px; }

nav ul li {
  position: relative; }

.paragrafo p {
  margin-top: 30px; }

.immag-testa {
  height: 110px;
  margin-bottom: 25px;
  transition: all 0.3s; }
  .immag-testa img {
    max-height: 100%; }

.certificati {
  margin-top: 30px; }
  .certificati li {
    clear: both;
    width: 100%; }
.certificati img {
    margin-right: 30px;
    margin-bottom: 20px;
    float: left;
    width: 40px;
    height: auto; }
  .certificati span {
    float: left;
    margin-top: 10px; }

.dropdown-content li > a, .dropdown-content li > span {
  font-size: 16px;
  color: black;
  display: block;
  line-height: 22px;
  padding: 14px 16px; }

nav ul a:hover, .side-nav a:hover {
  background-color: #63A3DA;
  color: white; }

.footer {
  width: 100%;
  background-color: black;
  padding: 50px 0 30px 0; }
  .footer h5 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px; }
  .footer p {
    font-size: 14px; }
  .footer .social li i {
    font-size: 1.5em;
    width: 25px;
    position: relative;
    top: 3px; }
  .footer input:not([type]), .footer input[type=text], .footer input[type=password], .footer input[type=email], .footer input[type=url], .footer input[type=time], .footer input[type=date], .footer input[type=datetime], .footer input[type=datetime-local], .footer input[type=tel], .footer input[type=number], .footer input[type=search], .footer textarea.materialize-textarea {
    background-color: white;
    border: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 35px;
    width: 100%;
    font-size: 1rem;
    color: black;
    margin: 0 0 20px 0;
    padding: 5px 15px 5px 15px;
    box-shadow: none;
    box-sizing: border-box;
    transition: all 0.3s; }
  .footer input:not([type]):focus:not([readonly]), .footer input[type=text]:focus:not([readonly]), .footer input[type=password]:focus:not([readonly]), .footer input[type=email]:focus:not([readonly]), .footer input[type=url]:focus:not([readonly]), .footer input[type=time]:focus:not([readonly]), .footer input[type=date]:focus:not([readonly]), .footer input[type=datetime]:focus:not([readonly]), .footer input[type=datetime-local]:focus:not([readonly]), .footer input[type=tel]:focus:not([readonly]), .footer input[type=number]:focus:not([readonly]), .footer input[type=search]:focus:not([readonly]), .footer textarea.materialize-textarea:focus:not([readonly]) {
    border: 1px solid #63A3DA;
    box-shadow: none; }
  .footer #newsletter {
    position: relative; }
    .footer #newsletter input {
      float: left; }
    .footer #newsletter button {
      float: right;
      position: absolute;
      bottom: 20px;
      right: 0;
      height: 35px;
      width: 35px;
      background-color: #63A3DA;
      border: 0; }

.pie {
  background-color: #333333;    min-height: 70px; }
  .pie p {
    margin: 0;
    padding: 10px 0;
    color: #7D7D7D; }
    .pie p a {
      color: #7D7D7D; }
      .pie p a:hover {
        text-decoration: underline; }

#redNetech {
  color: #FF0000; }

#refrigerazione-w {
  background-image: url(../img/refrigerazione-woman.png);
  background-size: contain;
  background-color: black;
  background-repeat: no-repeat; }

.blocchi {
  padding: 50px 0;
  margin-top: 150px; }

.box {
  position: relative;
  width: 50%;
  float: left; }
  .box:after {
    content: "";
    display: block;
    padding-bottom: 100%; }
  .box .content {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 15px; }
    .box .content .title-box {
      height: 100%;
      position: relative;
      width: 100%;
      z-index: 5; }
      .box .content .title-box:hover .blu {
        height: 100% !important; }
      .box .content .title-box:hover p {
        bottom: 0 !important;
        opacity: 1 !important; }
      .box .content .title-box .blu {
        background-color: rgba(99, 163, 218, 0.6);
        height: 0;
        width: 100%;
        overflow: hidden;
        -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
        -moz-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
        /* easeOutQuint */
        -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        -moz-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        /* easeOutQuint */ }
        .box .content .title-box .blu p {
          margin: 0;
          padding: 25px;
          position: absolute;
          bottom: 15%;
          opacity: 0;
          left: 0;
          font-size: 1.7em;
          color: white;
          -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
          -moz-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
          -o-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
          transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
          /* easeOutQuint */
          -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          -moz-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          -o-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          /* easeOutQuint */ }

.box.first {
  margin-top: -15%; }

.parallax-mirror {
  z-index: 1 !important; }

#map {
  width: 100%;
  height: 400px;
  margin-top: 120px; }

.contenitore {
  padding: 50px 0; }

.paragrafo i {
  color: #63A3DA;
  font-size: 25px;
  position: relative;
  top: 3px;
  margin-right: 8px; }

.no-absolute {
  position: relative !important;
  display: inline-block !important; }

#news {
  margin-top: 120px; }
  #news .data-news {
    color: #63A3DA; }
  #news .back {
    color: white;
    font-size: 16px;
    margin-bottom: 50px; }
    #news .back a {
      color: white;
      transition: all 0.3s; }
      #news .back a:hover {
        color: #63A3DA; }

.condividi, .wpfai-list{
  padding: 0;
  margin: 0;
  margin-top: 50px; }
  .condividi li, .wpfai-list li {
    color: #63A3DA;
    display: inline-block;
    margin: 0 5px; }

	.acceptance-762 input[type="checkbox"]{
		position:relative;
		opacity: 1;
		margin-left: 10px;
		left: unset;
	}
	
.cont-foot {
    min-height: 105px;
}

/* ==================
    Media Query
===================== */
@media screen and (max-width: 1440px) {
	nav ul a {
		transition: background-color .3s;
		font-size: 0.8rem !important;
		color: #fff;
		display: block;
		padding: 0 9px;
		cursor: pointer;
	}
}
@media screen and (max-width: 1380px) {
	#play {
		font-size: 80px;
	}
	h1 {
		font-size: 55px;
	}
}
@media screen and (max-width: 1024px) {
	h1 {
    font-size: 50px; }
	.box .content .title-box .blu {
        background-color: rgba(99, 163, 218, 0);
	}
	
	.business_view{
		max-width:100%;
	}
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 50px; }

  small {
    font-size: 18px; }

  .box {
    width: 100%;
    margin: 0 !important; }

  .blocchi {
    margin-top: 50px !important; } }
@media screen and (max-width: 479px) {
  .brand-logo img {
    width: 175px; }
	.tabella .cella-tabella{
		padding:80px 0 20px 0;
	}
  h1 {
    font-size: 30px; }
#play {
    font-size: 100px;
    color: white;
    transition: all 0.3s;
}
  small {
    font-size: 16px;
    font-family: "Raleway", sans-serif; }

  .sezioni .thumb .hover-hidden {
    opacity: 1 !important;
    top: 15px !important; }

  .sezioni .thumb .immag {
    opacity: 1 !important; }

  .sezioni .thumb {
    width: 100%!important; } 
	}
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
  .sezioni .thumb .hover-hidden {
    opacity: 1 !important;
    top: 15px !important; }

  .sezioni .thumb .immag {
    opacity: 1 !important; }

  .box .content .blu {
    height: 100% !important; }

  .box .content p {
    bottom: 0 !important;
    opacity: 1 !important; } }

/*# sourceMappingURL=main.css.map */


/**** MODIFICHE 02.20 ****/
/** Header **/
header {
	display: block;
    position: fixed;
    left: 0;
    z-index: 9999;
}
#header-menu {
	transition: all 0.8s ease 0s;
	padding: 20px 0px;
}
.navbar-header-overlay {
	display: flex;
    flex-direction: row;
    position: relative;
    margin-top: 15px;
	margin-bottom: 10px;
}
.navbar-header-overlay .toggle-button {
	position: relative;
    top: unset;
}
.navbar-header-overlay .wpml-ls-legacy-dropdown {
	z-index: 1;
    padding: 9px 10px;
    margin: 8px 15px 8px 0;
    height: 35px;
    width: 35px;
}
.navbar-header-overlay .wpml-ls-legacy-dropdown a {
	border: unset!important;
	background-color: unset!important;
}
#header-icon .wpml-ls-legacy-dropdown>ul {
	margin: -5px !important;
}
.wpml-ls-legacy-dropdown a:hover, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a {
	background: unset!important;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
	display:none!important;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
	border-top: unset!important;
}
.wpml-ls-legacy-dropdown .wpml-ls-flag {
	width: 25px!important;
    height: auto!important;
	padding-bottom: 10px;
}
/* menu ricerca + searchbox */
#search {
    position: relative;
    top: unset;
    padding: 9px 10px;
    margin: 8px 15px 8px 0;
    height: 35px;
    width: 35px;
    cursor: pointer;
    z-index: 999;
}
#search:hover {
	color: #ffffff!important;
}
#search .fa-search {
	position: absolute;
    top: -10px;
	height:auto!important;
	line-height: unset!Important;
}

#searchbox {
    position: relative;
    background: #ffffff;
    width: calc(100% - 120px);
    margin: 20px auto;
    overflow: hidden;
    height: 0px;
}
#searchbox form {
	position:relative;
}
#searchbox.show {
    animation: reveal-search ease .75s forwards;
    height: 50px;
}
#searchbox .fa-search, #searchbox .close-search {
	margin: auto 0;
    position: absolute;
    height: 55px;
    fill: #B2AFAF;
    top: -10px;
    bottom: 0;
	width: 25px;
}
#searchbox .fa-search {
	left: 20px;
    right: 0;
    fill: #B2AFAF;
}
#searchbox .close-search {
	right: 20px;
	cursor: pointer;
	color: #111;
	z-index: 99999;
}
#searchbox input {
    width: calc(100% - 160px);
    line-height: 55px;
    font-size: 20px;
    max-height: 55px;
    border: 0;
    padding: 0 2vw;
    font-weight: 300;
    color: #B2AFAF;
    padding-left: 80px;
    background: transparent;
	height: auto;
}


/** Homepage **/
.section .scroll, .normal {
	background-blend-mode: multiply;
    background-color: rgba(0,0,0,0.5);
}

.homepage-play-video i {
	color:#ffffff;
	display:block;
	margin-bottom:10px;
}
.homepage-play-video small {
	color:#ffffff;
	font-weight: bold;
	display:block;
}

/** Footer **/
footer h5, footer p, footer ul li {
    text-align: left;
}

footer ul.social {
	margin-bottom: 2.5rem;
}
footer .footer-logo {
	text-align: left;
}

/** btn back to top **/
#btnTop, #btnTopHome {
  display: none;
  position: fixed;
  bottom: 5%;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #63A3DA;
  color: white;
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  line-height: 50px;
  text-align: center;
}
#btnTop:hover, #btnTopHome {
  background-color: #337ab7;
}
#btnTopHome {
	display: block;
	position: absolute;
}

/* Funzione ricerca */
.row.singolo-ricerca {
	display:flex;
	align-items:center;
}
.backbtn{
  display: none;
    position: fixed;
    bottom: 5%;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #63A3DA;
    color: white;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    line-height: 50px;
    text-align: center;
}
.backbtn:hover{
      background-color: #337ab7;
  color: #fff;
}
/** MEDIA QUERY **/

@media screen and (max-width: 479px) {
	#searchbox input {
		width: 100%;
		padding-left: 10px;
	}
	/* homepage */
	#play {
		font-size: 70px;
	}
	.arrow {
		left: 90%;
		margin-bottom: 20px;
	}
	.sezioni .thumb {
		width: 49%!important;
	}
	/**/
}

@media only screen and (max-width: 992px) {
	header {
	  top: 0px!important; 
	}
	#header-menu {
		padding: 5px 0px;
	}
	nav .brand-logo {
		left: 30%;
	}
	.toggle-button {
		margin: 8px 0px 8px 0;
	}
	.navbar-header-overlay .wpml-ls-legacy-dropdown {
		margin: 8px 8px 8px 0;
	}
	
	#header-menu .container {
		padding:0;
	}
	.toggle-button, #search {
		margin: 8px 8px 8px 0;
	}
	#searchbox input {
		width: calc(100% - 100px);
		padding-left: 50px;
	}
	/* homepage */
	.arrow {
		left: 90%;
		margin-bottom: 10%;
	}
	.thumb h6 {
		min-height: 45px;
	}
	/* pagina azienda */
	.certificati img {
		width: 15%;
	}
	.certificati span {
		width: 70%;
	}
	/* footer */
	footer h5, footer p, footer ul li, footer .footer-logo {
		text-align: center;
	}
	/* Funzione ricerca */
	.row.singolo-ricerca {
		display:block;
	}
	
}