/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 21-ago-2016, 17.56.31
    Author     : davidevinci
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 23-ago-2016, 0.12.13
    Author     : davidevinci
*/
/*-------------- MENU --------------------------------------------------------*/
/*-------------- FOOTER ------------------------------------------------------*/
/* Colori ----------------------------------------------------------------*/
/*-------------- MENU --------------------------------------------------------*/
/*-------------- FOOTER ------------------------------------------------------*/
/* HEADER --------------------------------------------------------------------*/
html,
body {
  color: #666666;
  max-width: 100%;
  overflow-x: hidden;
  height: 100%;
  letter-spacing: .04em;
  -webkit-overflow-scrolling: touch;
  font-size: 16px;
}
html,
body,
*,
h1,
h2,
h3,
h4,
h5,
h6,
p,
div {
  /*font-family: 'Raleway', sans-serif;*/
  font-family: 'Poppins', sans-serif;
  /*font-family: 'Quicksand', sans-serif;*/
  text-align: justify;
}
/*Impostazione del footer sempre in bottom*/
html,
body,
#container {
  min-height: 100vh;
  line-height: 35px;
}
header#header {
  transition: 1s all;
  padding: 20px;
  position: static;
  background: #293795;
  border-bottom: #3030b0 1px solid;
  width: 100%;
  top: 0;
  left: 0;
  height: 75px;
}
@media screen and (min-width: 768px) {
  header#header {
    position: fixed;
    height: 115px;
    z-index: 200;
  }
}
header#header.scroll {
  box-shadow: 0px 0px 20px 2px #ccc;
}
header#header #richiedi_preventivo {
  margin-right: 20px;
  text-decoration: underline;
}
header#header #richiedi_preventivo:hover {
  text-decoration: none;
}
header#header #menu-toggle {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  header#header #menu-toggle {
    padding-top: 30px;
  }
}
header#header nav#menu.top-bar {
  float: right;
}
header#header #menu-text-mobile {
  color: #fff;
  font-size: 10px;
  margin-top: -20px;
}
.mm-menu .mm-panels {
  background: #fff;
}
.mm-menu .mm-listview li {
  background: #fff;
}
.mm-menu .mm-listview li a {
  color: #293795 !important;
}
.mm-menu .mm-listview > li.current_page_item > a:not(.mm-next),
.mm-menu .mm-listview > li.current-menu-item > a:not(.mm-next),
.mm-menu .mm-listview > li.current_page_item span,
.mm-menu .mm-listview > li.current-menu-item span {
  background: #293795 !important;
  color: #fff !important;
}
.mm-menu .current_page_item {
  background: #293795 !important;
  color: #000 !important;
}
body > #container {
  height: auto;
  min-height: 100vh;
}
#content {
  padding-bottom: 10em;
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  #content {
    padding-top: 115px;
  }
}
#content .page-header {
  margin: 0 0 10px;
}
#content .page-title small {
  font-size: 50%;
}
#content p#breadcrumbs {
  margin: 0;
  padding: 5px 0 10px;
}
footer {
  background: #293795;
  font-size: 14px;
  clear: both;
  position: relative;
  z-index: 10;
  height: auto;
  border-top: none;
  color: #fff;
  margin-top: -7em;
  padding-bottom: 70px;
  box-shadow: 2px 2px 10px 2px #000;
}
@media screen and (min-width: 1024px) {
  footer {
    padding-bottom: 0px;
  }
}
footer a {
  color: #fff;
}
footer a:hover {
  color: #fff;
  text-decoration: underline;
}
footer #footerRow1 {
  padding: 1em;
  background: none;
}
footer #footerRow2 {
  padding: 1em;
  background: none;
}
footer #footerRow2 .panel-grid:before,
footer #footerRow2 .panel-grid-cell .so-panel:before {
  display: none;
}
footer .powered {
  line-height: 20px;
  font-size: 12px;
  text-align: right;
}
/*
*           COMPORTAMENTI GENERALI
*/
a,
a:hover {
  text-decoration: none;
}
.modal-backdrop.in {
  z-index: 9992;
}
.modal {
  z-index: 9993;
}
.modal .modal-content .modal-header {
  /*            background-color: @colore-principale;*/
  color: #fff;
  border-bottom: solid 1px rgba(41, 55, 149, 0.2);
  padding: 15px 30px;
}
.modal .modal-content .modal-body {
  color: #fff;
  padding: 15px 30px;
  background-color: #293795;
}
.modal .modal-content .modal-footer {
  background-color: #293795;
  padding: 15px 30px;
  border-top: solid 1px rgba(41, 55, 149, 0.2);
}
.mm-menu .mm-panels {
  background: #fff;
}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected span {
  background: #293795 !important;
  color: #fff !important;
}
/*
*           UTILITY ------------------------------------------------------------
*/
.pointer {
  cursor: pointer;
}
.padding-0 {
  padding: 0;
}
.hamburger {
  padding: 0;
  margin-top: 5px;
}
.hamburger .hamburger-inner:before,
.hamburger .hamburger-inner:after,
.hamburger .hamburger-inner {
  background-color: #fff;
  width: 32px;
  border-radius: 0;
}
p.text_noImage {
  font-size: 30px;
  border-top-left-radius: 4px;
  height: 150px;
  padding-top: 10%;
  color: #000;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+30 */
  background: -moz-linear-gradient(-45deg, #1e5799 0%, rgba(59, 116, 177, 0) 30%, rgba(125, 185, 232, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #1e5799 0%, rgba(59, 116, 177, 0) 30%, rgba(125, 185, 232, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #1e5799 0%, rgba(59, 116, 177, 0) 30%, rgba(125, 185, 232, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#007db9e8', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
dl.lbl_txt_ori {
  font-size: 14px;
  clear: both;
  /*    @media screen and (min-width: 768px) {
		  dt{width: 30%;}
		  dd{width: 70%;}
	  }*/
}
dl.lbl_txt_ori dt,
dl.lbl_txt_ori dd {
  float: left;
}
dl.lbl_txt_ori dt {
  width: 35%;
}
dl.lbl_txt_ori dd {
  width: 65%;
}
#searchform {
  padding: 20px;
}
#searchform input[type="text"] {
  width: 75%;
  height: 35px;
  border-radius: 0px;
  border: 1px solid #ccc;
  padding-left: 10px;
}
#searchform input[type="submit"] {
  border: 0;
  background: #293795;
  border-radius: 3px;
  color: #fff;
  padding: 7px 20px;
  letter-spacing: 3px;
}
/*
 *       STRUTTURA VALIDA DA MOBILE A DESKTOP -----------------------------------
 */
/*
 ******* Generale ************/
/* Categoria Ricerche in corso */
.elencoCategorie {
  border-radius: 3px;
  padding: 20px;
  margin: 10px;
}
h3.title-categorie {
  border-bottom: 1px solid #293795;
  padding-bottom: 10px;
}
ul.elencoCategorie,
ul.elencoArticoli {
  list-style: none;
}
ul.elencoCategorie a,
ul.elencoArticoli a {
  color: #293795;
}
ul.elencoCategorie a:hover,
ul.elencoArticoli a:hover {
  color: #fff;
}
ul.elencoCategorie li,
ul.elencoArticoli li {
  transition: 0.5s all;
  float: left;
  padding: 10px;
  width: 100%;
  border-radius: 3px;
  border: 1px solid #293795;
  margin: 20px 0;
  text-align: center;
  line-height: 29px;
  height: 170px;
}
@media screen and (min-width: 768px) {
  ul.elencoCategorie li,
  ul.elencoArticoli li {
    width: 43%;
    margin: 20px;
  }
}
@media screen and (min-width: 1280px) {
  ul.elencoCategorie li,
  ul.elencoArticoli li {
    width: 20%;
  }
}
ul.elencoCategorie li h2,
ul.elencoArticoli li h2,
ul.elencoCategorie li h3,
ul.elencoArticoli li h3 {
  text-align: center;
}
ul.elencoCategorie li:hover,
ul.elencoArticoli li:hover {
  background: #293795;
}
ul.elencoCategorie li:hover a,
ul.elencoArticoli li:hover a {
  color: #fff;
}