/* CSS Specifico per il site builder personale */

*, *::before, *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*
*   Sistema di impaginazione a griglie composto da:
*   - tm-row: identifica la riga
*   - tm-col: identifica la colonna
*
*   Le classi cols2, cols3, cols4, cols5 identificano il numero di colonne
*   modificando la larghezza percentuale dell'elemento e quindi
*   della colonna
*/
.tm-row {
    padding:20px;
  /*margin-left: -20px;*/
}
.tm-row:before,
.tm-row:after {
  display: table;
  content: "";
  line-height: 0;
}
.tm-row:after {
  clear: both;
}
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}

.tm-col{
    float:left;
}


/*
*    Product Page
*
*/
.product-page .tm-row{
    /*height:350px;
    overflow:hidden;
    background:url("../images/product-page-bg.jpg");*/
}

.product-page p{
    text-align: justify;
}

.product-page .product-char-table{width: 100%;
margin-top: 30px;}

.sfondometallico{
    background:url("../images/product-page-bg.jpg");
}

.cols2{
    float:left;
    width:50%;
    
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    
    text-align:center;
}

.cols4{
    float:left;
    width:25%;
    
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    
    text-align:center;
}

.cols3{
    float:left;
    width:33.33%;
    
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    
    text-align:center;
}

.cols4 a{ width:100%;height:100%;}

.cols4 .product-item-logo1{
    width:230px;
    height:  230px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.cols4 .product-item-logo{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.cols4 img{
    width:100%;
    height:100%;
}

.cols4 .product-item-description{
    text-align:center;
    min-height:90px;
}

h1.product-item-title{font-size:1.5em;font-weight:bold;text-shadow: 0px 1px 2px #878787;text-align:center;}
h2.product-item-title{font-size:1.5em;font-weight:bold;text-shadow: 0px 1px 2px #878787;text-align:center;}

.product-plus-image{width:100px;}
.product-char-item{float:left;}

.logo-calandre{width:100%;height:100%;background: url("../images/logo-calandre.png");background-size: contain;}
.logo-profilatrici{width:100%;height:100%;background: url("../images/logo-profilatrici.png");background-size: contain;}
.logo-curvaprofili{width:100%;height:100%;background: url("../images/logo-curvaprofili.png");background-size: contain;}
.logo-custom{width:100%;height:100%;background: url("../images/logo-custom.png");background-size: contain;}

blockquote {
  border-left: 5px solid #2693CE;
}

/*
.fadeIn8{
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}*/

.fadeIn8 {
    opacity:0;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
}

.animDel05{
    -webkit-animation-delay: .5s; /* Chrome, Safari, Opera */
    animation-delay: .5s;
}

.animDel1{
    -webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
    animation-delay: 1s;
}

.animDel2{
    -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
    animation-delay: 2s;
}

.animDel4{
    -webkit-animation-delay: 4s; /* Chrome, Safari, Opera */
    animation-delay: 4s;
}

.animDel6{
    -webkit-animation-delay: 6s; /* Chrome, Safari, Opera */
    animation-delay: 6s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*Product tile*/
.product-tiles-container {width:100%;}
.product-tiles-4cols {}
.product-tiles-section{width:100%;float:left;}
.product-tiles-4cols .product-tile{width:20%; float:left; margin:1.5%;padding:1.5%;border-radius:3px;}
.product-tiles-3cols .product-tile{width:30%; float:left; margin:1.5%;padding:1.5%;border-radius:3px;}
.product-tile:hover{background-color:#8CCAEC;-moz-transition: all 1s linear;-webkit-transition: all 1s linear;-o-transition: all 1s linear;transition: all 1s linear;
}
.product-tile-description{text-overflow:ellipsis ellipsis;overflow:hidden;word-wrap: break-word;white-space: nowrap;height:2em;line-height: 1em;color:#5a5a5a;}
.product-tile-img-container{min-height:135px;}
/*.product-tiles-image{max-height:75px;}*/
.product-tiles-section-heading{font-size: 14pt;border-bottom: 1px solid lightgrey;}