/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
  JSCROLLPANE
   ========================================================================== */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 22px;
	width: 15px;
	height: 100%;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #898585;
	position: relative;
  width:1px;
  margin:0 auto;
}

.jspDrag
{
	/*background: #222;*/
	position: relative;
	top: 0;
	left: -7px;
	cursor: pointer;
  width:15px;
}
.jspDrag:after
{
  background:#222;
  content:"";
  display:block;
  width:3px;
  margin:0 auto;
  height:100%;
  position:relative;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
  display:none;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}


/* ==========================================================================
   GENERAL
   ========================================================================== */

body {
  font-family:'Atlas Grotesk Web';
  font-weight:300;
  font-size:16px;
  /* LIGATURES & KERNING */
  -moz-font-feature-settings: "liga", "kern";
  -moz-font-feature-settings:"liga=1, kern=1";
  -ms-font-feature-settings:"liga", "kern";
  -o-font-feature-settings:"liga", "kern";
  -webkit-font-feature-settings:"liga", "kern";
  font-feature-settings: "liga", "kern";
}

article, footer, header, main, section {
  width:100%;
  overflow:hidden;
  position:relative;
  z-index:2;
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  font-weight:normal;
}

header {
  z-index:9999;
	overflow:visible; /* Safari - controllare altri browser */
}

nav {background-color:transparent;}
nav, .navbar-fixed-top {border:none;}
nav.with-bg {/*background-color:#f9f5ea;*/}
.nav-container {
  border-bottom:1px solid #000;
  z-index:2;
}
.project .nav-container,
.project.header-inverse nav.with-bg .nav-container,
.project.header-inverse .nav-container,
.homepage .nav-container,
.homepage.header-inverse nav.with-bg .nav-container,
.homepage.header-inverse .nav-container {
  border-color:transparent;
}
.project .with-bg .navbar_bg,
.homepage .with-bg .navbar_bg {
  opacity:0.9;
}
.project .with-bg.not_over_photo .nav-container,
.project.header-inverse .with-bg.not_over_photo .nav-container,
.project.header-inverse nav.with-bg.not_over_photo .nav-container,
.homepage .with-bg.not_over_photo .nav-container,
.homepage.header-inverse .with-bg.not_over_photo .nav-container,
.homepage.header-inverse nav.with-bg.not_over_photo .nav-container {
  border-color:#000;
}
.project .with-bg.not_over_photo .navbar_bg,
.homepage .with-bg.not_over_photo .navbar_bg {
  opacity:1;
}
#navbar {
  margin-top:30px;
}
.navbar-nav > li {
  float:none;
  display: inline-block;
  overflow: visible;
  position: relative;
  vertical-align: top;
}
nav ul > li ul {
  position:absolute;
  width: 230px;
  margin: 0;
  padding: 0 0 10px;
  list-style: none;
  display: none;
  font-size:14px;
  font-weight:300;
}
.navbar-brand {
  height:auto;
  padding-top:27px;
}
.navbar-brand img {
  width:142px;
}
.navbar-brand, .navbar-nav > li > a {
  text-shadow:none;
  font-size:18px;
  font-weight:300;
}
.navbar-brand span,
.navbar-brand h1 {
  display:block;
  width:1px;
  height:1px;
  overflow:hidden;
  text-indent:9000px;
  white-space:nowrap;
  margin:0;
}
.nav > li > a:hover, .nav > li > a:focus {
  background-color:transparent;
  text-decoration:underline;
}
.nav > li ul li a {
  padding:0 15px;
}

.header-inverse .nav-container {
  border-bottom:1px solid #fff;
}
.header-inverse header a {
  color:#fff;
}
.header-inverse nav.with-bg .nav-container {
  border-bottom:1px solid #000;
}
.header-inverse header nav.with-bg a {
  color:inherit;
}
.header-inverse .logo-matteo-thun-inverse {
  display:block !important;
}
.header-inverse .logo-matteo-thun {
  display:none;
}
.header-inverse .with-bg .logo-matteo-thun-inverse {
  display:none !important;
}
.header-inverse .with-bg .logo-matteo-thun {
  display:block;
}
.header-inverse header nav.with-bg .viewsearch {
	background-image:url('../img/search-small.svg');
}
.no-svg .header-inverse header nav.with-bg .viewsearch {
	background-image:url('../img/search-small.png');
}
.header-inverse .boxfreesearch .searchbutton {
	color:#fff;
}
.header-inverse .with-bg .boxfreesearch .searchbutton {
	color:#000;
}

.navbar-toggle .icon-bar {
  background: #000;
  width: 30px;
  height: 2px;
}
.navbar-toggle .icon-bar+.icon-bar {
	margin-top:8px;
}
.navbar-toggle {
  margin-right: 5px;
  padding: 15px;
  margin-top: 10px;
}

#change-menu {
  position: absolute;
  top: 0px;
}
#change-menu-border {
  position:relative;
  width:100%;
  height:0px;
}
.project #change-menu,
.homepage #change-menu {
  top: 40px;
}
.navbar_bg {
  position:absolute;
  z-index:1;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:#f9f5ea;
  opacity:0;
}
.with-bg .navbar_bg {
  opacity:1;
}

main {}

footer {
  background:#e6e4be;
  overflow:hidden;
  padding-top:50px;
  padding-bottom:50px;
}
.title-footer {
  font-size: 48px;
  font-weight: 100;
  margin-bottom: 50px;
}
.footer-col {
  font-family: 'StanleyRegular';
}
.footer-col hr {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border-color: #000;
}
#footer-bottom .footer-col {
  font-family: 'Atlas Grotesk Web';
	font-size:16px;
}
.footer-col .span {
  font-family: 'Atlas Grotesk Web';
  font-size:25px;
  font-weight:100;
}
.linkarrow:after {
	content: "";
  display: inline-block;
  width: 20px;
  height: 11px;
  background-image: url('../img/arr-right-small.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 13px 11px;
}
.logo-social-footer {
  margin-right:20px;
  padding:2px 4px 2px 0;
}
.logo-social-footer img {
  width:30px;
}
.logo-social-footer:hover {
  text-decoration:none;
}
.logo-social-footer:hover img {
  opacity:0.5;
}
.logo-social-footer-mta {
  margin-right:0;
  padding:0;
}
.logo-social-footer-mta img {
  width:36px;
}
.showaddress {
  cursor:pointer;
}
.showaddress a {
  display:none;
}
.showaddress.mailshowed a {
  display:inline-block;
}
.showaddress.mailshowed span {
  display:none;
}
.no-svg .linkarrow:after {
	background-image: url('../img/arr-right-small.png');
}
.linkarrow:hover:after {
	background-position: center right;
}
.overlayfade {
  position:fixed;
  z-index:99999999999;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:#f9f5ea;
}
.overlayfade img {
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  position: fixed;
  top: 50%;
  width: 100px;
}

.modal-thun {
  /*background:#e6e4be;*/
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:9000;
  display:none;
  padding-top:50px;
  padding-bottom:50px;
  font-family: 'StanleyRegular';
}
.modal-thun h3 {
  font-family: 'Atlas Grotesk Web';
  font-size:30px;
  font-weight:100;
  margin-top:0;
}
.modal-thun h4 {
    font-family: 'Atlas Grotesk Web';
    font-size: 24px;
    font-weight: 100;
    margin-top: 0;
}
#modal-privacy.modal-thun {
  z-index:9001; /* sopra a modal contact */
}
.modal-thun .modal-thun-content {
  background:#f9f5ea;
  position:absolute;
  bottom:0;
  height:100%;
  /* overflow-y:scroll; */ /* COMMENTATO PER ELIMINARE SCROLLBAR DI DEFAULT */
  border-bottom:1px solid #000;
  padding:50px 0;
}
#modal-contact .display-table {
  display:table;
  height:100%;
}
#modal-contact .display-table-cell {
  display:table-cell;
  vertical-align:bottom;
}
#modal-contact input, #modal-contact textarea {
  padding: 4px 0;
  margin-top: 10px;
}
#modal-contact input.form-checkbox {
  width:auto;
  border:1px solid #000;
  background:none;
}
#modal-contact input.send-contact {
  border:1px solid #000;
  font-family: 'Atlas Grotesk Web';
  font-weight:300;
  padding:6px 0;
}
#modal-contact textarea {
  min-height:32px;
}
/* SEPARARE REGOLE PLACEHOLDER ALTRIMENTI I BROWSER IGNORANO L'INTERA REGOLA */
#modal-contact ::-webkit-input-placeholder {
   color: #898585;
}
#modal-contact :-moz-placeholder { /* Firefox 18- */
   color: #898585;
}
#modal-contact ::-moz-placeholder {  /* Firefox 19+ */
   color: #898585;
}
#modal-contact :-ms-input-placeholder {
   color: #898585;
}
.modal-close {
  position:absolute;
  top:20px;
  right:20px;
  width:20px;
  height:20px;
  background-image:url('../img/close.svg');
  background-position: center center;
  background-repeat:no-repeat;
  background-size: 30px 30px;
  text-indent:9000px;
  overflow:hidden;
}
.no-svg .modal-close {
  background-image:url('../img/close.png');
}
textarea,
input {
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom:1px solid #000;
  background:none;
  width:100%;
}

#archive-title {
  padding-top:160px;
  margin-bottom:40px;
}
#archive-title .h1 {
  font-size:72px;
  font-weight:100;
  line-height:80px;
  margin-top:0;
  margin-bottom:20px;
}
#archive-title a {
  font-size:24px;
  font-weight:100;
}
#archive-title img.arr-right-med,
#archive-title img.arr-left-med {
  margin-bottom:10px;
  margin-left:5px;
  margin-right:5px;
  width:19px;
  height:15px;
}
#archive-title img.arr-left-med {
  margin-bottom:6px;
}
#archive-title a:hover img.arr-right-med {
  margin-left:10px;
  margin-right:0;
}
#archive-title a:hover img.arr-left-med {
  margin-left:0;
  margin-right:10px;
}
#archive-title img.arr-bottom-med {
  margin-bottom:8px;
  margin-left:10px;
  margin-right:10px;
  width:15px;
  height:19px;
}
#archive-title a.change-view img {
  opacity:0.5;
  transition: all .3s ease;
  height: 1.4em;
  margin-left: 0.7em;
  vertical-align: text-top;
}
#archive-title a.change-view-active img,
#archive-title a.change-view:hover img {
  opacity:1;
}
#archive-title a:hover img.arr-bottom-med {
  margin-bottom:2px;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}

.boxfreesearch {
  /*background:#f9f5ea;*/
  display: none;
  overflow: hidden;
  padding: 10px 0 10px 10px;
  position: absolute;
  right: 0;
  z-index: 4;
}
.boxfreesearch .searchbutton {
  width:150px;
  float:left;
  /*font-size:11px;
  line-height:14px;*/
}
.boxfreesearch #ricercalibera {
  width:200px;
  float:left;
  height:28px;
}
.header-inverse .boxfreesearch #ricercalibera {
  border-color:#fff;
  color:#fff;
}
.header-inverse .with-bg .boxfreesearch #ricercalibera {
  border-color:#000;
  color:#000;
}
.boxfreesearch #cercalibera {
  float:left;
  height:30px;
}
.viewsearch, #cercalibera {
  border:none;
  display:block;
  width:50px;
  background-image:url('../img/search-small.svg');
  background-position: center center;
  background-repeat:no-repeat;
  background-size: 20px 20px;
  text-indent:9000px;
  white-space:nowrap;
}
.no-svg .viewsearch, .no-svg #cercalibera {
  background-image: url('../img/search-small.png');
}
.header-inverse .viewsearch,
.header-inverse #cercalibera {
	background-image:url('../img/search-inverse.svg');
}
.header-inverse .with-bg .viewsearch,
.header-inverse .with-bg #cercalibera {
	background-image:url('../img/search-small.svg');
}
.no-svg .header-inverse .viewsearch,
.no-svg .header-inverse #cercalibera {
	background-image:url('../img/search-inverse.png');
}
.no-svg .header-inverse .with-bg .viewsearch,
.no-svg .header-inverse .with-bg #cercalibera {
	background-image:url('../img/search-inverse.png');
}
.tooltiperrore {
    background: none;
    border: medium none;
    color: #f22;
    display: none;
    left: 90px;
    padding: 4px 0 0 4px;
    position: absolute;
    top: 0;
    width: 190px;
    font-size:10px;
}

.fleft {
  float:left;
}

/* ==========================================================================
   TRANSITIONS
   ========================================================================== */

/*nav,*/
.nav-container {
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}
a,
/*.project-list-single,*/ /* con transition non calcola bene altezza blocchi con calcolaltezze */
.home-stories .h1 img,
#archive-title img,
.press-down,
.press-up,
.download,
.download:after,
#about-jobs a,
#about-jobs a:before,
#about-group p a:hover,
a.linkfreccia:hover,
#about-group a:hover,
#about-group p a:hover:after,
a.linkfreccia:hover:after,
#about-group a:hover:after,
#project-details .get_full_story,
#project-details .get_full_story:after,
.advanced-search-our-world,
.advanced-search-our-world:after,
.showmorepress,
.showmorepress:after,
.showlesspress,
.showlesspress:after,
.showmoreawards,
.showmoreawards:after,
.showlessawards,
.showlessawards:after,
.scrolldown,
.scrolldown:before,
#project-related-contents .projectpress a,
#project-related-contents .projectpress a:after,
.navbar-collapse,
.navbar-toggle .icon-bar,
.linkarrow,
.linkarrow:after,
.press-item,
.navbar_bg,
.masonry-gallery a div:before,
.non-masonry-gallery a div:before,
.map_area,
#full_slideshow .carousel-caption,
#home-social.home-social-2018 article figcaption,
#instagram .square,
#instagram a div:after,
.news-image:after,
.logo-social-footer img,
.news-articles .arr-right-big {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.projectpress,
.projectpress.chiuso {
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}



/* ==========================================================================
   HOMEPAGE
   ========================================================================== */

body.homepage section {
  overflow:hidden;
  background:#f9f5ea;
  z-index:2;
}

body.homepage section#home-video {
  background:#000;
  height:800px;
  z-index:1;
}
.videoplaceholder {
  background-size:cover;
  background-position: center center;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index:2;
}
.videoplaceholder_black {
  background-color:#000;
  z-index:1;
}
.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.scrolldown.video_didascalia:before {
  display: none;
}
.scrolldown.video_didascalia {
    margin-left: 0;
    left: 5.55555556%;
    width:88.8%;
    bottom:-10px;
    text-align:left;
    font-size: 12px;
    color:#fff;
    padding:20px 0;
    z-index:11;
}
.scrolldown.video_didascalia.no_desktop {
  position: relative;
  color: #000;
  top: 0;
  bottom: auto;
}
.scrolldown.video_didascalia p {
  margin:0;
}
.scrolldown.video_didascalia p a {
  color:#fff;
}
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}

#search-our-world {
  padding-top:130px;
  padding-bottom:130px;
}
#search-our-world .search-input {
  padding-left:50px;
  background-image:url('../img/search.svg');
  background-position: left center;
  background-repeat:no-repeat;
  background-size: 36px 36px;
  font-size:60px;
  font-weight:100;
}
.no-svg #search-our-world .search-input {
  background-image: url('../img/search.png');
}
#search-our-world .search-submit {
  position:absolute;
  border:none;
  top:0;
  right:0;
  bottom:0;
  width:50px;
  height:100%;
  background-image:url('../img/search-submit.svg');
  background-position: right center;
  background-repeat:no-repeat;
  background-size: 36px 36px;
  text-indent:9000px;
  display:none;
}
.no-svg #search-our-world .search-submit {
  background-image: url('../img/search-submit.png');
}
.advanced-search-our-world {
  font-size: 18px;
  padding-top: 20px;
  display: block;
}
.advanced-search-our-world:after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 18px;
  background-image: url('../img/arr-right-med.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 19px 15px;
}
.advanced-search-our-world:hover:after {
  background-position: right center;
}
.no-svg .advanced-search-our-world:after {
  background-image:url('../img/arr-right-med.png');
}

#home-stories {
  margin-top:-50px;
}
/* uso classe .home-stories perchè vale anche per #home-stories-under */
.home-stories .h1 {
  margin-bottom:40px;
  font-family:'StanleyRegular';
  font-weight:normal;
  font-size:35px;
  /*text-indent:70px;*/
}
.home-stories .h1 p {
  display:inline;
}
.home-stories .h1 img {
  margin-bottom:10px;
  margin-left:10px;
  margin-right:5px;
  width:26px;
  height:21px;
}
.home-stories a:hover .h1 img {
  margin-left:15px;
  margin-right:0px;
}
.home-stories .h2 {
  margin-bottom:90px;
  font-size:18px;
  font-weight:100;
}
.home-stories .h1 p,
.home-stories .h2 p {
  margin:0;
}
.home-stories article:nth-child(2n) .h2 {
  text-align:right;
}

/* ==========================================================================
   HOMEPAGE
   ========================================================================== */

.news-articles {
  font-family: 'StanleyRegular';
}
.news-articles article {
  margin-bottom:30px;
  font-size:20px;
}
.news-articles article p {
  margin-top:0;
}
.news-articles article img {
  max-width:100%;
}
.news-texts {
  padding:30px 0;
}
.news-cont-table {
  display:table;
  width:100%;
}
.news-image,
.news-texts {
  display:block;
  vertical-align:middle;
  width:100%;
  overflow:hidden;
  position:relative;
}
.news-texts .h1 {
  font-weight:bold;
}
.news-articles a:hover,
.news-articles a:hover .news-texts,
.news-articles a:hover .h2 .lineetta-news {
  text-decoration:none !important;
}
.news-articles a:hover .h1,
.news-articles a:hover .h2 p {
  text-decoration:underline;
}
.news-articles a:hover .arr-right-big {
  margin-left:7px;
}
.news-image:after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  background:#000;
  z-index:3;
  opacity:0;
}
.news-articles a.news-image:hover:after {
  opacity:0.4;
}
.pagination {
  list-style:none;
  font-size:25px;
}
.pagination li {
  display:inline-block;
}
.pagination li.active a {
  text-decoration:underline;
}
.h1 .pagination {
  display:none;
}

#home-intro {
  padding-bottom:30px;
}
#home-intro .h3 {
  font-size:18px;
  font-weight:100;
}
#archive-title.home-intro-text {
  padding-top:50px;
  padding-bottom:40px;
  margin-bottom:0;
}
.page-text.home-intro-text {
  padding-bottom:20px;
  margin-bottom:0;
}


/* ==========================================================================
  HOME SOCIAL
  ========================================================================== */

#home-social {
  padding-bottom:5px;
}
#home-social img {
  width:100%; height:auto;
}
#home-social article {
  position:relative;
}
#home-social article figcaption {
  font-family: 'StanleyRegular';
  margin-top:21px;
}
/*
#home-social article:nth-child(2n+1) figcaption {
  margin-top:30px;
}
#home-social article:nth-child(2n) figcaption {
  margin-bottom:30px;
}
#home-social article:nth-child(2n) p:first-child {
  margin-top:-4px;
}
*/
#home-social.home-social-2018 h2,
#instagram h2,
#home-intro h2 {
  font-size: 27px;
  font-weight: 100;
  /*text-align:center;
  color: #555;*/
  margin:20px 0;
}
#home-social.home-social-2018 article {
  margin-bottom:25px;
}
#home-social.home-social-2018 article figcaption {
  background:rgba(0,0,0,0.4);
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  color:#fff;
  text-align:center;
  margin:0;
  display:table;
  padding:10px 5%;
}
#home-social.home-social-2018 article figcaption > div {
  display:table-cell;
  vertical-align:middle;
}
#home-social article figcaption p {
  margin-bottom:0;
}
#home-social.home-social-2018 article figcaption p {
  margin:0;
}
/* */
#home-social.masonry-gallery .item a,
#home-social.non-masonry-gallery .item a {
  font-size:inherit;
}

#home-stories-under {
  margin-bottom:90px;
}
.scrolldown {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 3;
  color: transparent;
  text-align: center;
  padding: 40px 0;
  width: 22px;
  margin-left: -11px;
  font-size:0px;
}
.scrolldown:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url('../img/arr-down-big-inverse.svg');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 21px 26px;
  margin-bottom:-10px;
}
.scrolldown:hover:before {
  background-position: left bottom;
}
.no-svg .scrolldown:before {
  background-image:url('../img/arr-down-big-inverse.png');
}

#call-contact {
  position:fixed;
  z-index:99;
  bottom:40px;
  right:0;
  font-size:12px;
}
#call-contact > div {
  background:#f1e435;
  float:left;
  height:80px;
  position:relative;
  padding:10px;
}
.call-contact-left {
  margin-right:1px;
  width:190px;
}
.call-contact-right {
  width:100px;
}
.call-contact-left span {
  display: block;
  height: 11px;
}
.call-contact-close {
  position:absolute;
  top:5px;
  right:5px;
}
.call-contact-close,
.call-contact-right {
  cursor:pointer;
}
.contactshowed .call-contact-left {
  display:none;
}
.call-contact-right img {
  margin:14px 0;
}

/* ==========================================================================
   TYPOLOGY
   ========================================================================== */

#typology-list .subtypology-group {
  margin-bottom:100px;
}
#typology-list .subtypology-group:nth-child(2n) {
  /* margin-left:11.111111%; MEDIA QUERY MIN 1200PX */
}
#typology-list .subtypology-group .add {
  display:block;
  overflow:hidden;
}
#typology-list .subtypology-group-column {
  display:table;
}
#typology-list .subtypology-group-column-cell {
  display:table-cell;
  vertical-align:bottom;
}
#typology-list .subtypology-group-column-cell img {
  width:100%;
  margin-bottom:20px; /* per allineamento base testo h2 */
}
#typology-list .h2 {
  margin:0;
  /*font-size:72px;*/
  font-weight:100;
  /*line-height:80px;*/
  /*margin-bottom:10px;*/ /* per allineamento base img */
  font-size: 24px;
  line-height: normal;
  margin-top: 10px;
}
#typology-list .subtypology-group img {
  width:100%;
}

/* ==========================================================================
   GRID
   ========================================================================== */

.view-grid .no-grid {
  display:none !important;
}
.view-grid .project-list-single:nth-child(2n) {
  /* margin-left:11.111111%; MEDIA QUERY MIN 1200PX */
}
.view-grid .project-list-single {
    margin-bottom: 65px;
}
.view-grid .project-name {
  font-weight:300;
}
.view-grid .project-date {
  color:#555;
}
.view-grid .project-location {
  color:#555;
}
.view-grid .project-typology {
  color:#555;
}
.project-list-single .h2 {
  font-size:18px;
  font-weight:100;
}
.project-list-single a {
  display:block;
  overflow:hidden;
}
.project-list-single img {
  width:100%;
}
.no-none {
  display:none;
}
.change-view {
 /* freccia */
}
.change-view-active {
  text-decoration:underline;
}
#map-canvas {
  min-height:0;
}
.project-subtypology span:after {
  content:", ";
  display:inline;
}
.project-subtypology span:last-child:after,
#map-canvas span.subt:last-child:after {
  display:none;
}
#map-canvas span.subts {
  display:inline-block;
  width:100%;
}
#projects-list .project-subtypology,
.item .project-subtypology {
  display: inline-block;
  width: 100%;
}
#projects-list a:hover .project-subtypology,
.item a:hover .project-subtypology {
  text-decoration:underline;
}
.projects .view-grid .project-list-single .project-typologies {display:none;}

.animated-thumb {
  -ms-transform: translate(0, 80px);
  -webkit-transform: translate(0, 80px);
  transform: translate(0, 80px);
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  opacity:0.01;
}
/*.animated-thumb:last-child {
  -ms-transform: translate(0, 100px);
  -webkit-transform: translate(0, 100px);
  transform: translate(0, 100px);
  -webkit-transition: all 1.2s ease-out;
  -moz-transition: all 1.2s ease-out;
  -o-transition: all 1.2s ease-out;
  transition: all 1.2s ease-out;
}*/
.animated-thumb.thumb-shown,
.animated-thumb.thumb-shown:last-child {
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.animated-thumb figure {
  overflow:hidden;
}
.animated-thumb figure img {
  transition: transform 9s ease-out;
}
.animated-thumb figure img:hover {
  transform:scale(1.05);
}

/* ==========================================================================
   LIST
   ========================================================================== */

.view-list {
  margin-bottom: 65px;
}
.view-list .no-none.yes-list {
  display:block;
}
.view-list .project-list-single .h2 {
  font-size:18px;
  font-weight:100;
  overflow: hidden;
  margin: 8px 0;
}
.view-list .no-list {
  display:none !important;
}
.view-list article.project-list-single {
  width: 94.44444%;
  border-bottom:1px solid #000;
  height:auto !important;
}
.view-list .project-date,
.view-list .project-name,
.view-list .project-location,
.view-list .project-typology {
  float:left;
  display:block;
}
.view-list .project-date {
  width:10%;
  color:#555;
}
.view-list .project-name {
  width:45%;
  font-weight:300;
}
.view-list .project-location {
  width:17%;
  color:#555;
}
.view-list .project-typology {
  width:28%;
  color:#555;
}
.view-list .project-typology br {
  display: none;
}

/* ==========================================================================
   MAP
   ========================================================================== */

.view-map .no-none.yes-map {
 display:block;
}

.view-map .no-map {
  display:none !important;
}

.map-marker-label{
  position: absolute;
  color:#fff;
  font-size: 15px;
  background:#555;
  display:block;
  padding:2px 5px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  -webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.5);
  -moz-box-shadow:0 0 3px 0 rgba(0,0,0,0.5);
  box-shadow:0 0 3px 0 rgba(0,0,0,0.5);
}

/* ==========================================================================
   PROJECT
   ========================================================================== */

#project-full-cover,
.project-full-cover {
  height:623px;
  background-size:cover;
  background-position:center center;
  background-attachment:scroll; /* NON FIXED, perché fixed scala alla viewport */
  transition: transform 9s ease-out;
}
.project-full-cover-fixed {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:0;
}
.project-full-cover-fixed:after,
#home-video:after,
#home-video:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    opacity:0.3;
    height: 200px;
    z-index:10;
}
.full-cover-zoom .project-full-cover-fixed {
  transform: scale(1.2);
}
#home-video:after {
  position:fixed;
}
#home-video:before {
  top:auto;
  bottom:0;
  position: absolute;
  background: -moz-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  opacity:0;
}
#project-title {
  padding-top:70px;
  padding-bottom:90px;
}
#project-details p,
.page-text p {
  font-family: 'StanleyRegular';
  font-size:40px;
  line-height: 48px;
  /*text-indent:70px;*/
}
#project-details p {
  margin-top:0;
}
#project-details #project-photo-credits p {
  font: inherit;
  text-indent: 0;
  margin: 0;
}
#project-details .awardslist p {
	font-size: 18px;
	line-height: 27px;
	font-weight: 100;
	font-family: 'Atlas Grotesk Web';
	text-indent: 0;
	margin: 0;
  color:#555;
}
#project-details .awardslist p strong, #project-details .awardslist p b {
  font-weight: 300;
  color: #000;
}
#project-details .get_full_story {
  font-size:18px;
  font-weight:100;
}
#project-details .get_full_story:after,
#project-related-contents .projectpress a:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 18px;
  background-image: url('../img/download-small.svg');
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 10px 10px;
}
#project-details .get_full_story:hover:after,
#project-related-contents .projectpress a:hover:after {
  background-position: right bottom;
}
.no-svg #project-details .get_full_story:after,
.no-svg #project-related-contents .projectpress a:after {
  background-image:url('../img/download-small.png');
}
#project-details-table {
  padding-top:90px;
  padding-bottom:90px;
}
#project-details-table .h3,
#project-related-contents .h3,
#project-related-contents1 .h3 {
  font-size:24px;
  line-height:24px;
  font-weight:100;
	margin-top:0;
  margin-bottom:15px;
}
#project-related-contents a,
#project-related-contents1 a {
  display:block;
  font-size:18px;
  font-weight:100;
}
.project-related-versions a.linkarrow {
  border-bottom: 1px solid #000;
}
.project-related-versions a {
  line-height: 27px;
}
#project-related-contents,
#project-related-contents1 {
  padding-bottom:90px;
}
.project #search-our-world {
  padding-top:50px;
  padding-bottom:130px;
}

body.project #project-title,
body.project #project-details,
body.project #project-gallery,
body.project #project-related-contents,
body.project #search-our-world {
  background:#f9f5ea;
}
.masonry-gallery .item,
.non-masonry-gallery .item {
  padding-bottom:90px;
}
.masonry-gallery .item a {
  opacity:0;
  font-size:12px;
}
.masonry-gallery a img,
.non-masonry-gallery a img {
  width:100%;
}
.masonry-gallery a div,
.non-masonry-gallery a div {
  position:relative;
}
.item-with-video a div:after {
  content:"";
  position:absolute;
  width:100px;
  height:100px;
  background:url('../img/play.svg') center center;
  left:50%;
  top:50%;
  margin-left:-50px;
  margin-top:-50px;
  z-index:8;
}
.masonry-gallery a div:before,
.non-masonry-gallery a div:before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  background:#000;
  left:0;
  top:0;
  right:0;
  bottom:0;
  z-index:7;
  opacity:0;
}
.masonry-gallery a:hover div:before,
.non-masonry-gallery a:hover div:before {
  opacity:0.2;
}
body .fancybox-caption {
  border:none;
}
body .fancybox-button--left {
  position: fixed;
  left: 0;
  top: 50%;
  margin-top: -22px;
}
body .fancybox-button--right {
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -22px;
}
body .fancybox-image,
body .fancybox-spaceball {
  /* padding causa errori in animazione
  padding-left: 44px;
  padding-right: 44px;*/
}
#project-details-table ul {
  padding:0;
  list-style:none;
  border-bottom:1px solid #000;
  margin-bottom:0;
}
#project-details-table ul.awardslist {
  border-bottom:none;
}
#project-details-table li {
  border-bottom:1px solid #000;
  overflow:hidden;
  font-size:18px;
  font-weight:100;
}
#project-details-table-right li {
  border:none;
}

#project-title .h1 {
  font-size:72px;
  line-height: 90px;
  font-weight:100;
  margin:0;
}
#project-title .project-title-column {
    display: table;
}
#project-title .project-title-column-cell {
    display: table-cell;
    vertical-align: bottom;
}
#project-title .h2 {
  font-size:18px;
  font-weight:100;
  margin-bottom:7px;
}
#project-title .h2 span {
  display:inline-block;
  margin-left:30px;
}
#project-title .h2 a:hover span {
  text-decoration:underline;
}
.projectpress {
  overflow: hidden;
  max-height:9000px;
}
.projectpress.chiuso {
  max-height: 206px;
}
.showmorepress, .showmoreawards,
.showlesspress, .showlessawards {
  display:block;
  width:100%;
  text-align:right;
  border-top:1px solid #000;
  padding-top:4px;
}
.showmorepress:after, .showmoreawards:after,
.showlesspress:after, .showlessawards:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 18px;
  background-image: url('../img/bottom-med.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 15px 8px;
}
.showlesspress:after, .showlessawards:after {
	background-image: url('../img/top-med.svg');
}
.showmorepress:hover:after, .showmoreawards:hover:after {
  background-position: center bottom;
}
.showlesspress:hover:after, .showlessawards:hover:after {
  background-position: center top;
}
.no-svg .showmorepress:after, .no-svg .showmoreawards:after {
  background-image:url('../img/bottom-med.png');
}
.no-svg .showlesspress:after, .no-svg .showlessawards:after {
  background-image:url('../img/top-med.png');
}
#project-related-contents a.showlesspress {
  display:none;
}
#project-details-table-right.collapsed .awardsitem {
  max-height:163px !important;
}
#project-details-table-right.collapsed.expanded .awardsitem {
  max-height:9000px !important;
}
#project-related-contents .cont_projectpress.collapsed .projectpress {
  max-height:160px !important;
}
#project-related-contents .cont_projectpress.collapsed.expanded .projectpress {
  max-height:9000px !important;
}
.collapsed .showless,
.notcollapsed .showmore,
.notcollapsed .showless,
.collapsed.expanded .showmore,
.notcollapsed.expanded .showmore,
.notcollapsed.expanded .showless {
    display: none !important;
}
.collapsed .showmore,
.collapsed.expanded .showless {
  display:block !important;
}
ul.awardslist {
  margin-bottom: 0;
}
.chiudimappa {
  cursor:pointer;
  display:none;
  width:30px;
  height:30px;
  margin-bottom:10px;
  background-image:url('../img/close.svg');
  background-position: center center;
  background-repeat:no-repeat;
  background-size: 30px 30px;
}
.awardsitem strong:before {
  background: #000 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  width: 100%;
}
.awardsitem strong:first-child:before,
#project-details-table li:first-child:after {
  display:none;
}
/* interlineaaaa */
#project-details-table li > div {
  line-height: 27px;
}
#project-details-table li {
  border-bottom: none;
  font-size: 18px;
  font-weight: 100;
  overflow: hidden;
  padding-bottom: 0;
  position: relative;
}
#project-details-table li:after {
  background: #000 none repeat scroll 0 0;
  top: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
#project-details-table .awardslist li:after {
  display:none;
}
#project-details-table .awardslist p {
  position:relative;
}
#project-details-table .awardslist p:after {
  background: #000 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}

/* ==========================================================================
   ABOUT
   ========================================================================== */

#about-group article:nth-child(2n) {
  /* margin-left:11.111111%; MEDIA QUERY MIN 1200PX */
}
#about-group article:nth-child(2n) {
  /* margin-left:11.111111%; MEDIA QUERY MIN 1200PX */
}
#about-press article {
  /*margin-bottom:30px;*/
}
.press-item {
  opacity:0;
  overflow:hidden;
}
.collapse.in .press-item {
  opacity:1;
}
#about-press .press-item a {
  color:#555;
}
#about-press .press-item a strong {
  font-weight:300;
  color:#000;
}
#about-group h2 {
  font-size:24px;
  font-weight:100;
}
.press-divider div {
  height:1px;
  background:#000;
  width:100%;
}

.collapse-press .press-up,
.collapse-press.collapsed .press-down {
  display:inline-block;
}
.collapse-press .press-down,
.collapse-press.collapsed .press-up {
  display:none;
}
.press-down,
.press-up {
  width:30px;
  height:20px;
  background-image:url('../img/bottom-med.svg');
  background-position: center center;
  background-repeat:no-repeat;
  background-size: 15px 8px;
}
.press-up {
  background-image:url('../img/top-med.svg');
}
.collapse-press:hover .press-down {
  background-position: center bottom;
}
.no-svg .press-down {
  background-image:url('../img/bottom-med.png');
}
.no-svg .press-up {
  background-image:url('../img/top-med.png');
}
#about-contact {
  margin-bottom:65px;
}
#about-group p,
#about-contact p,
#about-jobs p {
  font-family: 'StanleyRegular';
  font-size:18px;
}
#about-contact p {
  font-size:16px;
}
#about-group p a,
#about-group a,
a.linkfreccia {
  font-family:'Atlas Grotesk Web';
  font-weight:100;
  cursor:pointer;
  display: inline-block;
  padding-right:40px;
}
a.linkfreccia {
  text-indent:0;
  width:29%;
  padding-bottom:30px;
  font-size:30px;
}
a.linkfreccia:nth-child(3n+1) {
  width:42%;
}
#about-group p a:after,
#about-group a:after,
a.linkfreccia:after {
  content:"";
  display:inline-block;
  width: 20px;
  height: 11px;
  background-image: url('../img/arr-right-small.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 13px 11px;
}
a.linkfreccia:after {
  width:40px;
  height:20px;
  background-size: 26px 22px;
}
#about-group p a:hover:after,
#about-group a:hover:after,
a.linkfreccia:hover:after {
  background-position: right center;
}
.no-svg #about-group p a:after,
.no-svg #about-group a:after,
.no-svg a.linkfreccia:after {
  background-image:url('../img/download-small.png');
}
#about-press .h2 {
  font-size:24px;
  font-weight:100;
}
#about-press article {
  font-weight:100;
}
#about-jobs p {
  font-size:36px;
}
#about-jobs a {
  display:block;
}
#about-jobs a:before {
  display:inline-block;
  content:"";
  width:40px;
  height:21px;
  background-image:url('../img/arr-right-big.svg');
  background-position: left center;
  background-repeat:no-repeat;
  background-size: 26px 21px;
}
#about-jobs a:hover:before {
  background-position: center center;
}
.no-svg #about-jobs a:before {
  background-image:url('../img/arr-right-big.png');
}

.download:after {
  display:inline-block;
  content:"";
  width:20px;
  height:20px;
  background-image:url('../img/download.svg');
  background-position: center bottom;
  background-repeat:no-repeat;
  background-size: 16px 16px;
}
.no-svg .download:after {
  background-image:url('../img/download.png');
}
a:hover .download:after {
  background-position: right bottom;
}

/* ==========================================================================
   CUSTOM PAGE
   ========================================================================== */

.page-text {
  margin-bottom:40px;
}
.page-subtitle h2 {
  font-size: 40px;
  margin: 0 0 40px;
  line-height: 52px;
}
.page-text p {
  margin: 0 0 40px;
}
.page-video {
  margin-bottom:130px;
}
.responsive-video {
  position: relative;
  padding-bottom: 56.25%; /* video 16/9 */
  overflow: hidden;
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.desktop_map, .mobile_map {position:relative;}
.desktop_map img, .mobile_map img {width:100%; z-index:1;}
.map_area {position:absolute; background:rgba(249,245,234,0); z-index:3; display:block;}
.map_area:hover {background:rgba(249,245,234,0.3);}
.fancybox-caption p {margin:0;}

.page-gallery .item .linkarrow:after {
  background-size: 18px 15px;
  height: 28px;
  width: 18px;
}

/* ==========================================================================
   SEARCH
   ========================================================================== */

.searchpanel {
  font-size:18px;
}
.labeltitle {
  font-size:24px;
  margin-bottom: 15px;
  display:block;
}
.panelleft .label {
    font-size: 18px;
    margin: 6px 0;
}
.paneltop {
  margin-bottom: 40px;
}
.labelcriteria {
    margin-top: 15px;
}
.panelleft-panelright {
  border-top:1px solid #000;
  border-bottom:1px solid #000;
}
.panelright {
  /*border:1px solid #000;*/
  height:270px;
  overflow-y:scroll;
  padding: 20px 0px;
}
.panelleft {
  padding: 20px 0px;
}
.panelright .lettera {
  border-bottom: 1px solid #ccc;
  padding: 4px 0;
  margin-bottom: 4px;
  font-weight: 300;
}

#search-parameters {
  margin-bottom:30px;
  font-weight:100;
}
.panelleft .label,
.panelright span {
  cursor:pointer;
  font-weight: 100;
}
.panelleft .label:hover,
.panelright span:hover,
.panelleft .label.active,
.panelright span.active {
  text-decoration:underline;
}
.panelright .panel {
  /*border-bottom:1px solid #aaa;*/
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  display:none;
}
.panelright ul {
  list-style:none;
  margin: 0 0 15px;
  padding:0;
}
.panelright ul ul {
  padding-top:15px;
  display:block !important;
}
.panelright span {
  color: #555;
}
.advanced-search-submit {
  text-align:right;
  padding-top:20px;
  margin-bottom: 50px;
}
.advanced-search-submit a {
  border:1px solid #000;
  padding: 10px 20px;
  display:inline-block;
}
.selectedcriteria span {
  cursor:pointer;
  padding-right: 20px;
}
.selectedcriteria span:after {
  display:inline-block;
  content:"";
  width:8px;
  height:8px;
  background-image:url('../img/delete-small.svg');
  background-position: center center;
  background-repeat:no-repeat;
  background-size: 8px 8px;
  margin:0 0 2px 5px;
}
.no-svg .selectedcriteria span:after {
  background-image:url('../img/delete-small.png');
}

body .noUiSlider.horizontal {
  width: 100%;
  height: 3px;
  margin-left: 10px;
  border:none;
  margin-top: 20px;
  margin-bottom: 20px;
}
body .noUiSlider.horizontal a:first-child {
  background:#555;
}
body .noUiSlider.horizontal div {
  margin: -9px 0 0 -9px;
}
body .noUiSlider div {
  border: none;
  border-radius: 30px;
  background: #f2e042;
  cursor:pointer;
}
#yearsrange .year1/*,
#yearsrange #year1*/ {
  float:left;
}
#yearsrange .year2/*,
#yearsrange #year2*/ {
  float:right;
  margin-right: -20px;
}
#yearsrange #year1year2,
#yearsrange #year1,
#yearsrange #year2 {
 font-size:20px;
 font-weight:300;
}
#yearsrange #year1,
#yearsrange #year2 {
  /*position: absolute;
  margin-left: -15px;*/
}

#yearsrange .year1,
#yearsrange .year2 {
  color:#aaa;
}
.showingresults .panels,
.showingresults .labelcriteria.labeltitle,
.showingresults .advanced-search-submit,
.showingresults .selectedcriteria span:after {
  display:none;
}
/* maschero selected criteria in modo che non siano cliccabili quando il pannello è chiuso */
.showingresults .selectedcriteria:after {
  content:"";
  width:100%;
  height:100%;
  position: absolute;
  z-index:10;
  top:0;
  left:0;
  right:0;
  bottom:0;
}
.noresults-title {
  font-family: 'StanleyRegular';
  font-weight:normal;
  font-size:36px;
  margin-bottom:50px;
}
.noresults-title-searched {
  font-size:21px;
  font-weight:300;
}
a.noresults-tryagain {
  font-size: 24px;
  font-weight: 100;
  border: 1px solid #000;
  padding: 10px 30px;
  display: inline-block;
  margin-bottom:150px;
}

/* ==========================================================================
   INSTAGRAM
   ========================================================================== */

#instagram {
 padding-bottom:60px;
}
#instafeed {
  display: block;
  margin:0 -3px -6px;
  overflow:hidden;
}
#instagram a {
  width:33.3%;
  padding:0 3px 6px;
  float:left;
  display:block;
  position:relative;
}
#instagram .square {
  width:100%;
  opacity:0;
}
#instagram a div:after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  background:url('../img/instagram-white.svg') no-repeat center center;
  background-size: 30%;
  opacity:0;
}
#instagram a:hover .square {
  opacity:0.4;
}
#instagram a:hover div:after {
  opacity:1;
}

/* ==========================================================================
   CAROUSEL
   ========================================================================== */

.img-responsive,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
 display: block;
 max-width: 100%;
 height: auto;
 width: 100%;
}
.img-rounded {
 border-radius: 6px;
}
.img-thumbnail {
 padding: 4px;
 line-height: 1.42857143;
 background-color: #ffffff;
 border: 1px solid #dddddd;
 border-radius: 4px;
 -webkit-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 display: inline-block;
 max-width: 100%;
 height: auto;
}
.img-circle {
 border-radius: 50%;
}
hr {
 margin-top: 20px;
 margin-bottom: 20px;
 border: 0;
 border-top: 1px solid #eeeeee;
}
.sr-only {
 position: absolute;
 width: 1px;
 height: 1px;
 margin: -1px;
 padding: 0;
 overflow: hidden;
 clip: rect(0, 0, 0, 0);
 border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
 position: static;
 width: auto;
 height: auto;
 margin: 0;
 overflow: visible;
 clip: auto;
}
[role="button"] {
 cursor: pointer;
}
.carousel {
 position: relative;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -ms-transition: all 0.3s;
 -o-transition: all 0.3s;
 transition: all 0.3s;
}
.carousel-inner {
 position: relative;
 overflow: hidden;
 width: 100%;
}
.carousel-inner > .item {
 display: none;
 position: relative;
 -webkit-transition: 0.6s ease-in-out left;
 -o-transition: 0.6s ease-in-out left;
 transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
 line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
 .carousel-inner > .item {
   -webkit-transition: -webkit-transform 0.6s ease-in-out;
   -o-transition: -o-transform 0.6s ease-in-out;
   transition: transform 0.6s ease-in-out;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-perspective: 1000px;
   perspective: 1000px;
 }
 .carousel-inner > .item.next,
 .carousel-inner > .item.active.right {
   -webkit-transform: translate3d(100%, 0, 0);
   transform: translate3d(100%, 0, 0);
   left: 0;
 }
 .carousel-inner > .item.prev,
 .carousel-inner > .item.active.left {
   -webkit-transform: translate3d(-100%, 0, 0);
   transform: translate3d(-100%, 0, 0);
   left: 0;
 }
 .carousel-inner > .item.next.left,
 .carousel-inner > .item.prev.right,
 .carousel-inner > .item.active {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   left: 0;
 }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
 display: block;
}
.carousel-inner > .active {
 left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
 position: absolute;
 top: 0;
 width: 100%;
}
.carousel-inner > .next {
 left: 100%;
}
.carousel-inner > .prev {
 left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
 left: 0;
}
.carousel-inner > .active.left {
 left: -100%;
}
.carousel-inner > .active.right {
 left: 100%;
}
.carousel-control {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 width: 15%;
 opacity: 0.5;
 filter: alpha(opacity=50);
 font-size: 20px;
 color: #ffffff;
 text-align: center;
 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
 background-color: rgba(0, 0, 0, 0);
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -ms-transition: all 0.3s;
 -o-transition: all 0.3s;
 transition: all 0.3s;
}
.carousel-control.left {
}
.carousel-control.right {
 left: auto;
 right: 0;
}
.carousel-control:hover,
.carousel-control:focus {
 outline: 0;
 color: #ffffff;
 text-decoration: none;
 opacity: 0.9;
 filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
 position: absolute;
 top: 42%;
 margin-top: -10px;
 z-index: 5;
 display: inline-block;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -ms-transition: all 0.3s;
 -o-transition: all 0.3s;
 transition: all 0.3s;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
 left: 50%;
 margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
 right: 50%;
 margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
 width: 20px;
 height: 20px;
 line-height: 1;
 font-family: serif;
}
.carousel-control .icon-prev:before {
 content: '\2039';
}
.carousel-control .icon-next:before {
 content: '\203a';
}
.carousel-indicators {
 display:none;
 position: relative;
 bottom: 0;
 left: 0;
 z-index: 15;
 width: 100%;
 margin: 0;
 padding-left: 0;
 list-style: none;
 text-align: center;
 opacity:0.8;
}
.carousel-indicators li {
 display: inline-block;
 width: 10px;
 height: 10px;
 margin: 1px;
 text-indent: -999px;
 border: 1px solid #000;
 border-radius: 10px;
 cursor: pointer;
 background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
 margin: 0;
 width: 12px;
 height: 12px;
 background-color: #000;
}
.carousel-caption {
 position: relative;
 z-index: 10;
 padding-top: 7px;
 padding-bottom: 20px;
 font-size:12px;
 color: #000;
 text-align: center;
 text-shadow:none;
}
.carousel a:hover .carousel-caption {
  text-decoration:none;
}
.thun-carousel-div {
  padding-bottom:90px;
}
#full_slideshow {
  padding-bottom:30px;
}
#full_slideshow .carousel-caption {
  width: 100%;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.4);
  bottom: 0;
  padding: 10px 10px;
  font-family: 'StanleyRegular';
  font-size: 14px;
}
.homepage #full_slideshow .carousel-caption {
  color:#fff;
}
.carousel-caption .glyphicon-chevron-right.glyphicon-chevron-right-thun::before,
.home-social-2018 .glyphicon-chevron-right.glyphicon-chevron-right-thun::before {
  width:20px;
  height:14px;
  background-size:auto 14px;
}
.home-social-2018 .glyphicon-chevron-right.glyphicon-chevron-right-thun {
  display:inline-block;
  margin-top:15px;
}
.carousel-caption .btn {
 text-shadow: none;
}
.glyphicon-chevron-left.glyphicon-chevron-left-thun:before {
  content:"";
  display:block;
  width: 30px;
  height: 30px;
  background-image: url('../img/arr-left-big-inverse.svg');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 26px 21px;
}
.glyphicon-chevron-right.glyphicon-chevron-right-thun:before {
  content:"";
  display:block;
  width: 30px;
  height: 30px;
  background-image: url('../img/arr-right-big-inverse.svg');
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 26px 21px;
}
@media screen and (min-width: 768px) {
  .carousel-control.left {
   background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
   background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
   background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
   background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  }
  .carousel-control.right {
   background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
   background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
   background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
   background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  }
 .carousel-control .glyphicon-chevron-left,
 .carousel-control .glyphicon-chevron-right,
 .carousel-control .icon-prev,
 .carousel-control .icon-next {
   width: 30px;
   height: 30px;
   margin-top: -10px;
   font-size: 30px;
   top:50%;
 }
 .carousel-control .glyphicon-chevron-left,
 .carousel-control .icon-prev {
   margin-left: -10px;
 }
 .carousel-control .glyphicon-chevron-right,
 .carousel-control .icon-next {
   margin-right: -10px;
 }
 .carousel-caption {
  position: absolute;
  bottom: 20px;
  padding-top: 20px;
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  font-size:16px;
  left: 2%;
  right: 2%;
  padding-bottom: 30px;
 }
 .carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
 }
 .carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
 }
 .carousel-indicators {
  display:block;
  position: absolute;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin: 16px 0 16px -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
  bottom: 20px;
  opacity:1;
 }
 .scrolldown.video_didascalia {
     margin-left: 0;
     left: 5.55555556%;
     bottom:-10px;
     width: 40%;
     font-size:16px;
     bottom:0;
     display: block;
     text-align: left;
     color:#fff;
     padding:40px 0;
 }
 .scrolldown {
   font-size:16px;
   width: 200px;
   margin-left: -100px;
   color:#fff;
 }
}
.clearfix:before,
.clearfix:after {
 content: " ";
 display: table;
}
.clearfix:after {
 clear: both;
}
.center-block {
 display: block;
 margin-left: auto;
 margin-right: auto;
}
.pull-right {
 float: right !important;
}
.pull-left {
 float: left !important;
}
.hide {
 display: none !important;
}
.show {
 display: block !important;
}
.invisible {
 visibility: hidden;
}
.text-hide {
 font: 0/0 a;
 color: transparent;
 text-shadow: none;
 background-color: transparent;
 border: 0;
}
.hidden {
 display: none !important;
}
.affix {
 position: fixed;
}

/* ==========================================================================
   General images saturation
   ========================================================================== */

.thun_saturation,
.fancybox-image {
  filter: saturate(73%);
  -webkit-filter: saturate(73%);
  -ms-filter: saturate(73%);
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}
@media only screen and (min-width: 1200px) {
  .no_desktop, .nodesktop {
    display:none !important;
  }
  .view-grid .project-list-single:nth-child(2n) {
    /*margin-left:11.111111%;*/
  }
  #typology-list .subtypology-group:nth-child(2n) {
    /*margin-left:11.111111%;*/
  }
  #about-group article:nth-child(2n) {
    margin-left:11.111111%;
  }
  #about-contact article:nth-child(3n+1) {
    margin-left:5.5555555%;
  }
  #about-group article:nth-child(2n) {
    margin-left:11.111111%;
  }
  #about-group article:nth-child(3),
  #about-group article:nth-child(4),
  #about-group article:nth-child(5),
  #about-group article:nth-child(6),
  #about-group article:nth-child(7) {
    width: 14.7%;
    height: auto !important;
  }
  #about-group article:nth-child(4),
  #about-group article:nth-child(5),
  #about-group article:nth-child(6),
  #about-group article:nth-child(7) {
    margin-left: 2%;
  }
  #full_slideshow {
    padding-bottom:90px;
  }
  #full_slideshow .carousel-caption {
    padding: 25px 10px;
    font-size: 18px;
    opacity:0;
  }
  #full_slideshow .carousel-inner:hover .carousel-caption {
    opacity:1;
  }
  .carousel-caption .glyphicon-chevron-right.glyphicon-chevron-right-thun::before,
  .home-social-2018 .glyphicon-chevron-right.glyphicon-chevron-right-thun::before {
    width:25px;
    height:18px;
    background-size:auto 18px;
  }
  #home-social {
    padding-bottom: 90px;
  }
  #home-social.home-social-2018 article {
    margin-bottom:0;
  }
  #home-social.home-social-2018 article figcaption {
    opacity:0;
  }
  #home-social.home-social-2018 .contenitore-social:hover figcaption {
    opacity:1;
  }
  #home-social article .contenitore-social {
    position:relative;
  }
  #home-social article:first-child .contenitore-social {
    margin-right:10px;
  }
  #home-social article:last-child .contenitore-social {
    margin-left:10px;
  }
  #home-social.home-social-2018 h2,
  #instagram h2,
  #home-intro h2 {
    font-size: 60px;
    margin:30px 0;
  }
  #home-video:before {
    opacity:0.3;
  }
  .h1 .pagination {
    display:block;
  }
  .news-image,
  .news-texts {
    display:table-cell;
    width:50%;
  }
  #instagram {
    padding-bottom:150px;
  }
  #instafeed {
    display: block;
    margin:0 -10px;
    overflow:hidden;
  }
  #instagram a {
   width: 20%;
   padding: 0 10px;
  }
  #instafeed a:last-child {
    display:none;
  }
  #instagram a div:after {
    background-size: 16%;
  }
  #home-intro {
    padding-bottom:50px;
  }
  #home-intro .h3 {
    font-size:24px;
  }
  .full-cover-zoom .project-full-cover-fixed {
    transform: scale(1.1);
  }
}

@media only screen and (max-width: 1440px) {
  .nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 1350px) {
  .nav > li > a {
    padding-left: 5px;
    padding-right: 5px;
  }
  .navbar-brand, .navbar-nav > li > a {
    font-size:17px;
  }
}
@media only screen and (max-width: 1300px) {
  a.linkfreccia,
  a.linkfreccia:nth-child(3n+1) {
    width:50%;
  }
}

@media only screen and (max-width: 1199px) {
  .no_mobile, .nomobile {
    display:none !important;
  }
  .navbar-brand {
    padding-top: 15px;
    padding-left: 15px;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 9000px !important;
    position: relative;
    top: 0;
    bottom: 140px;
    background: #f9f5ea;
    overflow-y: scroll;
  }
  /*
  .navbar-collapse.in {
    right:0;
  }
  */
  nav.with-bg {
    background:none;
  }
  .nav-container {
    border-bottom:none;
  }
  #navbar {
    margin-top:0;
  }
  .navbar-nav > li {
    display: block;
  }
  .navbar-header.with-bg-mobile {
    background-color:#f9f5ea;
  }
  nav ul > li ul {
    position: relative;
    width: 100%;
    padding: 0 0 10px;
    display: none !important;
    font-size: 14px;
  }
  .navbar-nav > li {
    overflow:hidden;
  }
  .navbar-toggle .icon-bar:nth-child(2),
  .navbar-toggle .icon-bar:nth-child(4) {
    transform: rotate(45deg);
    width: 30px;
    margin-top: 8px;
    position: absolute;
  }
  .navbar-toggle .icon-bar:nth-child(4) {
    transform: rotate(-45deg);
    margin-top: -1px;
  }
  .navbar-toggle .icon-bar:nth-child(3) {
    opacity:0;
  }
  .navbar-toggle.collapsed .icon-bar:nth-child(2),
  .navbar-toggle.collapsed .icon-bar:nth-child(4) {
    transform:none;
    width: 30px;
    margin-top: 0;
    position: relative;
  }
  .navbar-toggle.collapsed .icon-bar:nth-child(4) {
    transform:none;
    margin-top: 8px;
  }
  .navbar-toggle.collapsed .icon-bar:nth-child(3) {
    opacity:1;
  }
  .navbar-nav > li .linkmobile {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    /* background:rgba(0,0,0,0.3); */
    z-index:2;
  }
  .mobile_activated .linkmobile {
    display:none;
  }
  nav ul > li.mobile_activated ul {
    display: block !important;
  }
  /* forzo colore nero se menu aperto */
  header .navbar-collapse.collapse.in a {
    color: #000 !important;
  }
  .header-inverse .navbar-collapse.collapse.in .viewsearch,
  .header-inverse .navbar-collapse.collapse.in #cercalibera {
    background-image: url('../img/search-small.svg');
  }
  .header-inverse .navbar-toggle .icon-bar {
    background:#fff;
  }
  .header-inverse .navbar.with-bg .navbar-toggle .icon-bar,
  .menuopen .navbar .navbar-toggle .icon-bar {
    background:#000 !important;
  }
  body.menuopen .navbar-brand .logo-matteo-thun {
    display:block !important;
  }
  body.menuopen .navbar-brand .logo-matteo-thun-inverse {
    display:none !important;
  }
  body.menuopen .header-inverse .boxfreesearch #ricercalibera {
    border-color:#000 !important;
  }
  .boxfreesearch {width:100%;}
  .boxfreesearch .searchbutton {
    display: block;
    width: 100%;
  }
  .panelleft-panelright {
    border-top:none;
  }
  .panelright ul ul span {
    font-size: 14px;
  }
  .panelright {
    padding: 20px 10px;
    background: #e9e5da;
  }
  a.noresults-tryagain {
    margin-top:20px;
  }

  #search-our-world {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  /* HOME */
  #archive-title {
    padding-top: 100px;
  }
  .home-stories .h1 {
    font-size:18px;
    margin-bottom:10px;
  }
  .home-stories .h2 {
    font-size:12px;
    margin-bottom:40px;
  }
  #home-social article figcaption {
    font-family: 'StanleyRegular';
    font-size:14px !important;
  }
  #home-social article figcaption p {
    margin-bottom:0;
  }
  #call-contact {
    display:none;
  }
  #home-stories {
    margin-top:-25px;
  }
  #full_slideshow {
    width:100%;
    float:left;
    z-index:2;
  }
  /* TYPOLOGY */
  #typology-list .h2 {
    font-size:26px;
    line-height:32px;
  }
  #typology-list .subtypology-group-column {
    height:auto !important;
  }
  #typology-list .subtypology-group {
    margin-bottom:40px;
  }
  #archive-title .h1 {
    font-size:30px;
    line-height:36px;
  }
  #archive-title a {
    font-size:18px;
  }
  .masonry-gallery .item,
  .non-masonry-gallery .item {
    padding-bottom: 40px;
  }
  .thun-carousel-div {
    padding-bottom:40px;
  }
  /* PROJECTS */
  .change-view-map {
    text-align:right;
  }
  .change-view-list {
    text-align:center;
  }
  .project-list-single .h2,
  .view-list .project-list-single .h2 {
    font-size:12px;
    overflow:hidden;
  }
  .project-list-single {
    height:auto !important;
  }
  .view-grid .project-list-single {
    margin-bottom:20px;
  }
  .view-list .project-date {
    width:25%;
  }
  .view-list .project-name {
    width: 75%;
  }
  /* .view-list .project-typology,
  .view-list .project-location {
    width: 75%;
    margin-left: 25%;
  } */
  #map-canvas {
    /*height:600px !important;*/
    min-height:0;
  }
  .open_search_parameters {
    margin-bottom:20px;
  }
  #search-parameters {
    margin-bottom: 0;
  }
  /* PROJECT */
  #project-title {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  #project-title .h1 {
    font-size:30px;
    line-height: normal;
  }
  #project-title .h2 {
    font-size:18px;
    margin:30px 0 0;
  }
  #project-title .h2 span {
    margin-left:0;
  }
  #project-title .project-title-column {
    height:auto !important;
  }
  #project-details-table {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  #project-details-table li {
    font-size:12px;
    font-weight:300;
  }
  #search-our-world .search-input {
    font-size:27px;
    padding-left: 30px;
    background-image: url('../img/search-small.svg');
    background-size: 22px 22px;
  }
  #project-details-table .h3, #project-related-contents .h3, #project-related-contents1 .h3 {
    font-size:18px;
    line-height:18px;
    margin-top:0;
  }
  .advanced-search-our-world {
    font-size:12px;
    font-weight:300;
  }
  #project-details p, .page-text p {
    font-size: 18px;
    /*text-indent: 35px;*/
    line-height: normal;
  }
  #project-details .get_full_story {
    font-size:12px;
    font-weight:300;
  }
  #project-details-table li {
    padding:3px 0;
  }
  #project-details-table li > div {
    line-height: normal;
  }
  #project-details-table-right {
    margin-top: 40px;
  }
  #project-details .awardslist p,
  .showmorepress, .showmoreawards, .showlesspress, .showlessawards,
  #project-related-contents a, #project-related-contents1 a {
    font-size:12px;
    font-weight:300;
    line-height: 18px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
  #project-details .awardslist p,
  #project-related-contents1 a {
    line-height: 23px;
  }
  #project-related-contents1 a {
    padding-top:0;
    padding-bottom:0;
  }
  #project-details .get_full_story::after, #project-related-contents .projectpress a::after {
    height: 14px;
  }
  .advanced-search-our-world:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 11px;
    background-image: url('../img/arr-right-small.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 13px 11px;
  }
  .showmorepress::after, .showmoreawards::after, .showlesspress::after, .showlessawards::after {
    height: 8px;
  }
  #project-related-contents, #project-related-contents1 {
    padding-bottom: 40px;
  }
  .project #search-our-world {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  /* ABOUT */
  .about article {
    height: auto !important;
  }
  #about-group h2,
  #about-contact h2,
  #about-press .h2,
  #about-jobs p {
    font-size:18px;
  }
  #about-group p,
  #about-contact p {
    font-size:14px;
  }
  #about-press article a {
    font-size:12px;
  }
  #about-group p a, #about-group a, a.linkfreccia {
    width:100%;
  }
  .download:after {
    width: 14px;
    height: 14px;
    background-image: url('../img/download-small.svg');
    background-size: 10px 10px;
  }
  /* FOOTER */
  .footer-col .span {
    font-size: 18px;
  }
  .footer-col {
    margin-bottom: 20px;
    font-size:14px;
  }
  .modal-thun {
    font-size: 12px;
  }
  .modal-thun h3 {
    font-size: 20px;
  }
  .modal-thun h4 {
    font-size: 16px;
  }
  #footer-bottom a {
    font-size: 12px;
  }
  .news-articles article {
    font-size:18px !important;
  }
  .view-list article.project-list-single {
    width: 88.8889%;
  }
  a.linkfreccia,
  a.linkfreccia:nth-child(3n+1) {
    width:100%;
    font-size:18px;
    padding-bottom:20px;
  }
  a.linkfreccia::after {
    width: 30px;
    height: 12px;
    background-size: 18px 14px;
  }
}



@media only screen and (min-width: 1400px) and (max-width: 2399px) {
  .masonry-gallery .item a {
    font-size: 14px;
  }
  body .fancybox-caption {
    font-size:16px;
  }
}

@media only screen and (min-width: 2400px) {
  .masonry-gallery .item a {
    font-size: 16px;
    line-height: 30px;
  }
  body .fancybox-caption {
    font-size:19px;
  }
}




@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}