@charset "utf-8";
/* CSS Document */

.logo.logo_with_text img {
    max-width: 230px;
}
.content-3lines-ellipsis {
   height: auto;
}
	.content-3lines-ellipsis .titleNews{
		color: #25367e;
		display: block;
		height: 120px;
		overflow: hidden;
		font-weight: 800;
	}
/*.intro_section .rounded-container img {
    width: 70.333333%;
}*/
.person_bio .avatar img {
    max-width: 100%;
}
.titolo-sedi{
  display: block;
    height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
}
 ul.list2 li span{
 	line-height: 11px;
 }
 .parallax.ds:after {
    background-color: #27387f;
    opacity: 0.85;
}
.listaValori{
}
.listaValori li{
	display: table;
	width: 100%;
}
	.listaValori li img{
		display: inline-block;
		width: 35px;
		max-width: inherit;
		margin-top: 15px;
		margin-bottom: 15px;
		    margin-right: 15px;
	}
	.listaValori li span{
		display: inline-block;
		vertical-align: top;
		color; #ffffff;
		padding-left: 0px;
		text-align: left;
		padding-top: 15px;
		padding-bottom: 15px;
		width: calc(100% - 50px);
		font-weight: 800;
	}
	
.list2.color4{
	font-size: 22px;
	font-weight: 600;
}
	.list2.color4 li{
		margin-bottom: 15px;
	}


@media (min-width: 400px){
	.vertical-item.content-padding .item-content {
		padding: 20px;
	}
}
@media (min-width: 992px){
	.intro_section + .section_offset_teasers [class*="col-"]:first-child .teaser, 
	.intro_section + .section_offset_teasers [class*="col-"]:nth-child(4) .teaser {
		margin-top: -100px;
	}
}

.top_offset_icon h4{
	font-size: 16px;
}
.top_offset_icon p{
	font-size: 12px;
	line-height: 13px;
	height: auto;
}

.teaser{
	height: 185px;
}
.teaser.teaserCitazione{
	height: auto;
}
.citazione{
	font-size: 16px !important;
	line-height: normal !important;
	height: 120px !important;
}
@media (max-width: 991px){
	.citazione {
		height: 150px !important;
	}
}
.ds.ms {
    background-color: #162465;
}
.item-media {
   position: relative;
   height: 320px;
   background-color: #C7C7C7;
}
.item-media img{
   /* display: inline-block;
    width: auto; 
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);*/
}
.item-media img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.credits_link{
 color: #38B5E6 !important;
 font-weight: 700;
 font-family: sans-serif;
}

.credits_link:hover{
 color: #fff !important;
}

 .credits_link:before{
  content: "";
  vertical-align: middle;
  width:16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  background-image: url(https://www.clion.it/favicon-96x96.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center center;

  transition: all 450ms ease;
 }

  .credits_link:hover:before{
   transform: rotateZ(360deg) rotateY(360deg);
  }
  .page_breadcrumbs.parallax {
    background-image: url(../images/top.jpg);
}

/*.sedi_operative__page .content-3lines-ellipsis{
	height: auto;
}*/
.side-item.big-padding .item-content {
    padding: 17px 55px 55px 55px;
}
.news__page .theme_button{
	font-size: 10px;
}
.section_padding_bottom_150 > [class*="container"] {
     padding-bottom: 0; 
}
.section_padding_top_150 > [class*="container"] {
    padding-top: 20px;
}
.media-links:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    filter: alpha(opacity=0);
    opacity: 0;
    transition: all 0.2s linear;
}



@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 425px) {}
@media screen and (max-width: 320px) {}
@media screen and (min-width: 320px) and (max-width: 425px) {
	h3 {
    font-size: 11px;
}
}

.entry-thumbnail {
    display: block;
    height: 200px;
}

.entry-thumbnail img {
    display: inline-block;
    width: auto; 
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}