/* GENERICI */


/* BARRA DEI COOKIE */

.cookie-warn  {
	width: 100%;
	display: none;
	position: fixed;
	bottom: 0;
	padding: 15px 5px;
	z-index: 100000;
}

.cookie-warn p {
	margin: 0;
}

.cookie-warn p a.cookie-close {
	height: 30px;
	width: 30px;
	line-height: 23px;
	float: right;
}

/* TESTATA */

.main-head {
    height: auto;
    margin-left: -15px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 8000;
}

.main-head .container {
	position: relative;
}

.main-userzone .nav > li {
	display: inline-block;
	padding-left: 30px;
}

.nav>li>a {
	padding: 0;
}

.main-logo {
	z-index: 1;
}

.main-logo a {
    margin-left: 40px;
    margin-top: 15px;
    display: block;
}

.langCont select {
	vertical-align: top;
	display: inline-block;
	margin-top: 8px;
	width: 100px;
	height: 20px;
}
.langCont .customStyleSelectBoxInner {
	background-position: right 7px;
}

.miniCart {
	width: 450px;
}

/*.shopMenu {
    position: absolute;
    bottom: 0;
    right: 0;
}*/
.socialMenu {
    height: 50px;
}
    
.shopMenu {
    margin-right: 20px;
}
    
.shopMenu .socialLi {
    display: none;
}
.langCont .customStyleSelectBoxInner {
	padding: 1px 20px 1px 8px;
}

.lines-button {
    display: none;
}

.shopMenu ul {
	padding: 0;
}

.shopMenu ul li {
	padding: 15px 0 15px 20px;
}

.socialMenu ul li {
    float: right;
    padding: 15px 20px;
}

ul.dropdown-menu.maindrop ul {
	top: 0;
	left: 100%;
}

ul.dropdown-menu.maindrop li {
	padding: 10px;
}

.shopMenu .dropdown-menu>li>a {
	padding: 0;
}

.main-userzone {
	position: absolute;
	right: 0;
}

.main-userzone form {
	padding: 0;
	margin: 0;
}

input[type="text"].searchField {
	width: 70px;
}

input[type="text"].searchField.visibleField {
	width: 200px;
}

.searchBut {
	display: none;
	padding: 3px 12px;
	margin-left: -4px;
	margin-top: -4px;
}

.breadcrumbContainer {
	padding-top: 50px;
}

.breadcrumb {
	margin-bottom: 0;
}

/* Corpo pagina */

.mainBody.mainBodyContent {
    padding-top: 122px;
}

/* Homepage */

.bx-wrapper .bx-viewport {
    left: 0;
}
.mainImg .bx-wrapper {
	padding-left: 0px;
}

.random-brand .thumbnail div a {
	width: 100%;
	height: 170px;
	display: block;
	position: relative;
}

.random-brand .thumbnail div a img {  
    max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}

.bx-viewport .sliderProdotti .col-sm-4 {
	padding: 0;
}

.bestSeller-products .bx-wrapper .bx-viewport,
.lastBestProducts .bx-wrapper .bx-viewport {
	padding-left: 20px;
}

.sliderNav span a {
	width: 25px;
	height: 24px;
	display: inline-block;
}

/* Minischede */

.newProd {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.newProd p {
	margin-top: -28px;
	margin-left: 5px;
}

.nomeProdotto h5 a {
	height: 31px;
	display: inline-block;
}

/* Sheda prodotto */

.prodottoNome {
	margin-top: 0;
}

.prodottoThumb {
	margin-top: 10px;
}

.quantitaOrdine {
	margin-top: 20px;
}

.prodDetBlock {
    margin-top: 20px;
}

h2.ui-accordion-header {
	margin-bottom: 0;
}

.popAdvice {
	display: none;
	position: absolute;
	max-width: 80%;
	padding: 15px;
}

.testoPop {
	width: 253px;
}


/* custom select */

.customStyleSelectBox {
	display: block;
	height: 34px;
	width: 100%;
}

.customStyleSelectBoxInner {
	display: inline-block;
	height: 34px;
	padding: 6px 12px;
	width: 100%;
}

.customStyleSelectBoxList {
	position: absolute;
	bottom: 33px;
	margin: 0;
	padding: 0;
	width: 90%;
	*left: 0;
}

.customStyleSelectBoxList li{
	margin: 0;
	padding: 7px 12px;
}

.customContSel{
	display: inline-block;
	height: 13px;
	width: 13px;
	margin-right: 5px;
}

.customContSel input[type=checkbox], .customContSel input[type=radio] {
	padding: 0;
	margin: 0;
	height: 16px;
	width: 16px;
}

.customCheckbox, .customRadio {
	display: inline-block;
	position: absolute;
	height: 16px;
	width: 16px;
}

.customCheckbox span.cchecked, .customRadio span.cchecked {
	display: block;
	height: 10px;
	width: 10px;
	margin: 2px 0 0 2px;
}

.customRadio span.cchecked {
	height: 8px;
	width: 8px;
	margin: 3px 0 0 3px;
}

/*----- MENU -----*/

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

.socialMenu .menu-facebook a{
    width: 40px;
    height: 40px;
    display: inline-block;
}

/*-------- HOME -------*/
.slider-image img {
    width: 100%;
}
.slider-clients {
    margin: 30px 100px;
}
.slider-clients .slider-image img {
    width: auto;
}
.homeNews,
.viewAllNews  {
    height: 255px;
}
.homeWorks {
}
.homeWorks .imageBlock,
.homeWorks .textBlock{
    padding: 20px 30px;
    display: block;
}
.homeWorks .imageBlock.progettazione,
.homeWorks .imageBlock.realizzazione,
.homeWorks .imageBlock.installazione {
    width: 100%;
    height: 100%;
}
.homeWorks .imageBlock h3 {
    position: relative;
    top: 180px;
}
.homeWorks .textBlock h3 {
    margin-top: 0px;
    margin-bottom: 30px;
}
.homeClients .text-center h3{
    padding: 20px 0;
}
.homeSections {
    padding: 0px;
    height: 510px;
}
.homeMap {
    height: 500px;
}

.chiSiamo {
    height: 300px;
}

.chiSiamo .chiSiamoIcon {
    height: 160px;
    margin-top: 45px;
    margin-right: 10px;
}

.chiSiamo h2 {
    text-align: right;
}

.chiSiamoText {
    margin: 45px 0;
}

.homeSections a,
.viewAllNews a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -10000px;
}

.homeNewsCaption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 20px;
}

.footerContacts {
    height: 330px;
}

.footerInfo {
    height: auto;
}

#map_canvas {
    height: 500px;
}


/*------- ROTAZIONI -------*/

.rotating {
    position: relative;
    height: 300px;
}

.rotating .front {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: inherit;
  height: inherit;
  text-align: center;

  -webkit-transform: rotateX(0deg) rotateY(0deg);
     -moz-transform: rotateX(0deg) rotateY(0deg);
          transform: rotateX(0deg) rotateY(0deg);

  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;

  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;

  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
}

.rotating:hover .front {
  z-index: 900;

  -webkit-transform: rotateX(180deg);
     -moz-transform: rotateX(180deg);
          transform: rotateX(180deg);
}

.rotating .back {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 800;
  height: inherit;

  -webkit-transform: rotateX(-180deg);
     -moz-transform: rotateX(-179deg); /* setting to 180 causes an unnatural-looking half-flip */
          transform: rotateX(-179deg);

  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;

  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;

  /* -- transition is the magic sauce for animation -- */
  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
}

.rotating:hover .back {
  z-index: 1000;

  -webkit-transform: rotateX(0deg) rotateY(0deg);
     -moz-transform: rotateX(0deg) rotateY(0deg);
          transform: rotateX(0deg) rotateY(0deg);
}

/*---- NEWS ----*/
.newsPage {
    padding-top: 45px;
    padding-bottom: 40px;
}
.newsBanner {
    margin-bottom: 40px;
    margin-left: -15px;
    margin-right: -15px;
}

.border {
    margin-left: -15px;
    margin-right: -15px;
}

.item {
    position: relative;
    margin-bottom: 20px;
}

.item img {
    width: 100%;
}

.newsCaption {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 15px 0;
}

.newsCaption p {
    margin-bottom: 0px;
    padding: 0 20px 0 50px;
}

.newsDefaulImage,
.newsDefaulImage a {
    height: 375px;
    display: block;
}

.newsGalleryBlock {
    min-height: 375px;
}

.prodImg img {
    width: 100%;
    margin-bottom: 15px;
}

.newsDateBlock {
    margin-top: 20px;
    height: 140px;
}

.newsDateBlock div {
    margin-top: 15px;
}

.newsDateBlock .newsDay {
    font-size: 40px;
    width: 84px;
    margin: 10px auto;
}

.newsDateBlock .newsMonth {
    font-size: 20px;
}

.newsMenu .title {
    margin-bottom: 0px;
}

.newsMenu .selezionato {
    display: none;
}

/*----- FOOTER -----*/

.toFixFooterCont {
    min-height: 100%;
    position: relative;
    background: #dbd2c7;
}

.toFixFooterContBody {
    padding-bottom: 389px;
}

.main-footer {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.footerIcon {
    height: 160px;
    margin-top: 30px;
}

.footerIcon a {
    height: 160px;
    display: block;
}

.footerInfo {
    padding: 10px 0;
}

.footerInfo p {
    margin-bottom: 0px;
}

.footerPrivacy,
.footerMindgear {
    margin: 5px 0;
}

.footerText a {
    display: block;
}


/*------ NOTIFICHE -----*/

.notification {
    text-align: center;
    padding: 10px 0;
    background: #eee;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}

/* ---------- RESPONSIVE ---------*/

@media (min-width: 991px) and (max-width: 1200px) {

    /*---- NEWS ----*/

    .newsDateBlock .newsMonth {
        font-size: 17px;
    }
}

@media (max-width: 991px) {
    .slider-clients {
        margin: 30px 0px;
    }
    
    
    /*---- NEWS ----*/
    .newsDateBlock .newsDay {
        font-size: 20px;
        width: auto;
    }
    
    .newsDateBlock .newsMonth {
        font-size: 12px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .shopMenu ul li {
	    padding: 15px 8px;
    }
    
    .newsDateBlock div {
        margin-top: 35px;
    }
    
    .footerInfo {
        height: auto;
    }
}

@media (max-width: 767px) {
    
    /*.mainBody.mainBodyContent {
        padding-top: 228px;
    }*/
    
    .toFixFooterContBody {
        padding-bottom: 1115px;
    }
    
    .bx-wrapper .bx-controls-direction a {
        top: 40%;
    }
    
    .slider-clients .bx-wrapper .bx-controls-direction a {
        top: -19%;
    }
    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        bottom: 10px;
    }
    
    .slider-clients .slider-image {
        margin-left: 15px;
    }

    .lines-button {
        position: fixed;
        top: 30px;
        right: 10px;
    }
    
    .navbar {
        min-height: 0;
    }
    
    .main-logo {
        text-align: center;
    }

    .main-logo a {
        margin-left: 0px;
        display: inline-block;
    }

    .lines-button {
        display: inline-block;
    }
    
    .shopMenu ul li {
        padding: 15px 20px;
    }
    
    .socialMenu .menu-facebook a {
        margin-right: 0px;
    }

    .navbar-toggle {
         float: none;
         margin-right: 0px;
    }
    
    .navbar {
         text-align: center;
    }
    
    .shopMenu ul {
        padding: 0;
        width: 100%;
        text-align: center;
        position: fixed;
        left: 0;
        background: #fff;
        margin: 0;
        top: 130px;
        bottom: 0;
    }
    
    .socialRow {
        display: none;
    }
    
    .shopMenu .socialLi {
        display: block;
    }

    .newsGalleryBlock {
        min-height: inherit;
    }

    .newsGalleryImage {
        float: left;
    }
    
    .newsMenuImage {
        float: left;
    }
    
    .newsMenuCaption {
        float: right;
    }
    
    .chiSiamo,
    .footerContacts {
        height: auto;
    }
    
    .footerText,
    .chiSiamo h2 {
        text-align: center;
    }
    
    
    /*---- NEWS ----*/
    
    .newsDateBlock {
        margin-top: 20px;
        height: 140px;
    }

    .newsDateBlock div {
        margin-top: 15px;
    }

    .newsDateBlock .newsDay {
        font-size: 40px;
        width: 84px;
        margin: 10px auto;
    }

    .newsDateBlock .newsMonth {
        font-size: 20px;
    }
}

@media (max-width: 600px) {

}

@media (max-width: 450px) {
    .lines-button {
        position: fixed;
        top: 30px;
        right: 10px;
    }
}



/*----- BOTTONE X -----*/

button {
  display: inline-block;
  margin: 0 1em;
  border: none;
  background: none;
  outline: none;
}
button span {
  display: block;
}


/* ====================== lines button ==================================================*/
.lines-button {
  padding: 2rem 1rem;
  transition: .3s;
  cursor: pointer;
  user-select: none;
  border-radius: 0.57143rem;
  /* */
}
.lines-button:hover {
  opacity: 1;
}
.lines-button:active {
  transition: 0;
}

.lines {
  display: inline-block;
  width: 4rem;
  height: 0.57143rem;
  background: #969696;
  border-radius: 0.28571rem;
  transition: 0.3s;
  position: relative;
}
.lines:before, .lines:after {
  display: inline-block;
  width: 4rem;
  height: 0.57143rem;
  background: #969696;
  border-radius: 0.28571rem;
  transition: 0.3s;
  position: absolute;
  left: 0;
  content: '';
  -webkit-transform-origin: 0.28571rem center;
  transform-origin: 0.28571rem center;
}
.lines:before {
  top: 1rem;
}
.lines:after {
  top: -1rem;
}

.lines-button:hover .lines:before {
  top: 1.14286rem;
}
.lines-button:hover .lines:after {
  top: -1.14286rem;
}

.lines-button.chiuso {
  -webkit-transform: scale3d(0.8, 0.8, 0.8);
  transform: scale3d(0.8, 0.8, 0.8);
}

.lines-button.arrow.chiuso .lines:before, .lines-button.arrow.chiuso .lines:after {
  top: 0;
  width: 2.22222rem;
}
.lines-button.arrow.chiuso .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 40deg);
  transform: rotate3d(0, 0, 1, 40deg);
}
.lines-button.arrow.chiuso .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -40deg);
  transform: rotate3d(0, 0, 1, -40deg);
}





.lines-button.x.chiuso .lines {
  background: transparent;
}
.lines-button.x.chiuso .lines:before, .lines-button.x.chiuso .lines:after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  width: 4rem;
}
.lines-button.x.chiuso .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.chiuso .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}