/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/

/*#main-nav {margin:17px 0 0 0;list-style: none;padding:0;}
#main-nav li {float:left; margin:0;padding:0 0 0 9px;}
#main-nav li:first-child {margin-left: 5px;}
#main-nav a {float:left;display:block;padding:4px 10px 7px 3px;text-decoration:none;text-transform:uppercase;font-family:arial;font-size:12px;font-weight:bold;color:#666;}
#main-nav a:hover {color: #fff;}

#header #current a {background:000;color: #fff;}*/

/************************************************************************************
HOME
*************************************************************************************/
section { 
    display: block; }

h4.cv { margin-top:0; }

.success a { color:#4a4a4a; }

.modal-body.info-collaborazione p, .modal-body.info-collaborazione ul {
    font-size: 17px;
    font-weight: lighter;
    text-align: justify;
}

/*** Filtri 1 2 3 ***/		
#options{float:left; width:100%; padding:0;}
#filters{width: 100%;height:50px;margin:0 auto;}
#filters li	{background: none repeat scroll 0 0 #eee;
    display: inline-block;
    height: 50px;
    margin: 0 2px 6px 0;
    padding: 0;
    width: 165px;}
	
#filters li.print {background: rgba(255,127,26,0.2);}	
#filters li.logo {background: rgba(57,180,238,0.2);}	
#filters li.web {background: rgba(106,209,79,0.25);}	
#filters li.illustrazione {background: rgba(238,228,68,0.3);}
#filters li.wedding {background: rgba(170,104,238,0.2);}		


#filters li	a{ color: #333;
    display: block;
    height: 30px;
    margin: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    top: 13px;
    width: 165px; }
#filters li	a:hover{ color: #ff7f1a;}
#filters li	a#f-print:hover{ color: #ff7f1a; }
#filters li	a#f-logo:hover{ color: #39b4ee;}
#filters li	a#f-web:hover{ color: #6ad14f;}
#filters li	a#f-illustrazione:hover{ color: #967e2b;}
#filters li	a#f-wedding:hover{ color: #aa68ee;}

	#f-all{background:url("img/all.png") no-repeat center center;}
	
	
	
	#filters a span{background: url("img/tooltip.png") no-repeat center center;color:#fff;font-size:11px;font-family:arial; font-weight:bold;top:-10px;position:absolute;opacity: 0;width:100%;text-align:center;padding: 0px 2px 2px 2px;
	/* animation */-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

	#filters li a:hover span {opacity: 1;}
	.selected{background-position: bottom !important}
	.selected span{opacity: 1 !important}
	
#iso-content{float: left;
    margin: 0;
    padding: 25px 0;
    width: 100%;}

.element {width: 230px;overflow:hidden;margin: 5px;float: left;position: relative;color: #222;box-shadow: 0 1px 3px #111; -moz-box-shadow: 0 1px 2px  #111; -webkit-box-shadow: 0 1px 3px  #111;}

.element.print {background: #ff7f1a;}
.element.logo {background: #39b4ee;}
.element.web {background: #6ad14f;}
.element.illustrazione {background: #eee444;}
.element.wedding {background: #aa68ee;}


.element img{margin-bottom:-5px; -webkit-transition: all 0.50s ease-out;-moz-transition: all 0.50s ease-out;-o-transition: all 0.50s ease-out;-ms-transition: all 0.50s ease-out;transition: all 0.50s ease-out;}
.element .icon{position:absolute;z-index:12; left:10px; font-size:20px; top:4px;  width:10px; height:10px;display:block;  }

/*** etichette ***/


	.element .text-el{background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    bottom: 0;
    color: #333333;
    display: block;
    height: 40px;
    margin: 0;
    overflow: hidden;
    padding: 12px 0 0 25px;
    position: absolute;
    transition: height 300ms ease-in-out 0s;
    width: 230px;
    z-index: 11;}
	
	.element.print .text-el { border-top: 5px solid #ff7f1a;}
	.element.logo .text-el { border-top: 5px solid #39b4ee;}
	.element.web .text-el { border-top: 5px solid #6ad14f;}
	.element.illustrazione .text-el { border-top: 5px solid #eee444;}
	.element.wedding .text-el { border-top: 5px solid #aa68ee;}
  
  	.element .text-el h1{margin:0;padding:0; font-size:13px;color:#333;}
  	.element .text-el ul{margin: 10px 0 0 0; padding: 0;}
	.element .text-el ul li{line-height: 1.15em; padding: 0;}
	
	.element .text-el p{font-weight: normal;margin-top:4px;color:#fff;}

 	.element a:hover .text-el{height: 150px; /* height = total height of A and P child elements */}
 	.element a:hover img{opacity:0.3}


/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */

@media (min-width: 320px) {
    
#options{float:left; width:100%; padding:10px 0 100px;}
#filters {padding: 0;}
#filters li {width: 140px;}
#filters li a {width: 140px;}

}

@media (min-width: 319px) {
    
.image_chi{float:left; width:48%; border-radius: 200px;
 }

#chisono .col-sm-4 {
    margin: 40px 0;
}


@media (min-width: 480px) {
    
#options{float:left; width:100%; padding:10px 0 40px;}
.image_chi{float:left; width:50%; 
 }

}

@media (min-width: 600px) {
    
#options{float:left; width:100%; padding:10px 39px 40px;}
#filters {padding: !important;}
#filters li {width: 154px;}
#filters li a {width: 154px;}
.image_chi{float:left; width:50%;
 }
}

@media (min-width: 768px) {
    
#options{float:left; width:100%; padding:10px 0 0;}
#filters li {width: 114px;}
#filters li a {width: 114px;}
.image_chi{float:left; width:auto;
 }

}
@media (min-width: 1024px) {
    
#options{display: table; float: left; padding: 10px 0 0; text-align: center; width: 100%;}
#filters li {width: 151px;}
#filters li a {width: 151px;}
.image_chi{float:left; width:auto; 
 }

}