/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; vertical-align:baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,
q:before, q:after{content:''; content:none}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse; border-spacing:0}
a{text-decoration:none;}
img{display:block;}

button, input, optgroup, select, textarea{color:inherit; font:inherit; margin:0;}
button{overflow:visible;}
button, select{text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled]{cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner{border:0; padding:0;}
input{line-height:normal; padding:0; margin:0; outline:0; border:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box; padding:0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}

* html .clearfix{height:1%; overflow:visible;}
*+html .clearfix{min-height:1%;}
.clearfix:after{clear:both; content:"."; display:block; height:0; visibility:hidden; font-size:0;}
.clear{clear:both;}
/* FINE RESET */

@font-face{font-family:'brandon_grotesque_black'; src:url('font/brandon_blk-webfont.eot'); src:url('font/brandon_blk-webfont.eot?#iefix') format('embedded-opentype'), url('font/brandon_blk-webfont.woff2') format('woff2'), url('font/brandon_blk-webfont.woff') format('woff'), url('font/brandon_blk-webfont.svg#brandon_grotesqueblack') format('svg'); font-weight:normal; font-style:normal;}
@font-face{font-family:'brandon_grotesque_bold'; src:url('font/brandon_bld-webfont.eot'); src:url('font/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'), url('font/brandon_bld-webfont.woff2') format('woff2'), url('font/brandon_bld-webfont.woff') format('woff'), url('font/brandon_bld-webfont.svg#brandon_grotesquebold') format('svg'); font-weight:normal; font-style:normal;}
@font-face{font-family:'brandon_grotesque_medium'; src:url('font/brandon_med-webfont.eot'); src:url('font/brandon_med-webfont.eot?#iefix') format('embedded-opentype'), url('font/brandon_med-webfont.woff2') format('woff2'), url('font/brandon_med-webfont.woff') format('woff'), url('font/brandon_med-webfont.svg#brandon_grotesquemedium') format('svg'); font-weight:normal; font-style:normal;}
@font-face{font-family:'brandon_grotesque_regular'; src:url('font/brandon_reg-webfont.eot'); src:url('font/brandon_reg-webfont.eot?#iefix') format('embedded-opentype'), url('font/brandon_reg-webfont.woff2') format('woff2'), url('font/brandon_reg-webfont.woff') format('woff'), url('font/brandon_reg-webfont.svg#brandon_grotesque_regularRg') format('svg'); font-weight:normal; font-style:normal;}
@font-face{font-family:'brandon_grotesque_thin'; src:url('font/brandon_thin-webfont.eot'); src:url('font/brandon_thin-webfont.eot?#iefix') format('embedded-opentype'), url('font/brandon_thin-webfont.woff2') format('woff2'), url('font/brandon_thin-webfont.woff') format('woff'), url('font/brandon_thin-webfont.svg#brandon_grotesquethin') format('svg'); font-weight:normal; font-style:normal;}
@font-face{font-family:'brandon_grotesque_light'; src:url('font/brandon_light-webfont.eot'); src:url('font/brandon_light-webfont.eot?#iefix') format('embedded-opentype'), url('font/brandon_light-webfont.woff2') format('woff2'), url('font/brandon_light-webfont.woff') format('woff'), url('font/brandon_light-webfont.svg#brandon_grotesquelight') format('svg'); font-weight:normal; font-style:normal;}

html, body{width:100%; height:auto; font-family:'brandon_grotesque_regular', arial, sans-serif; font-size:100.01%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:auto; -webkit-font-smoothing:antialiased; color:#706f6f; background:#fafafa;}
.easing{-webkit-transition:all 0.25s ease; -ms-transition:all 0.25s ease; -moz-transition:all 0.25s ease; -o-transition:all 0.25s ease; transition:all 0.25s ease;}
.center{width:1200px; margin:0 auto; position:relative; /*border-left:1px solid #fff; border-right:1px solid #fff;*/}

#loading{position:fixed; top:0; left:0; width:100%; height:100%; background:#ededed; z-index:10000}
#loading #logo-load{width:280px; position:absolute; left:50%; top:50%; margin:-47px 0 0 -140px;}

.spinner{margin:100px auto 0; width:70px; text-align:center; position:absolute; top:50%; left:50%; margin:35px 0 0 -33px;}
.spinner > div{width:18px; height:18px; background-color:#f39325; border-radius:100%; display:inline-block; -webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both; animation:sk-bouncedelay 1.4s infinite ease-in-out both}
.spinner .bounce1{-webkit-animation-delay:-.32s; animation-delay:-.32s}
.spinner .bounce2{-webkit-animation-delay:-.16s; animation-delay:-.16s}
@-webkit-keyframes sk-bouncedelay {
  0%,80%,100%{-webkit-transform:scale(0)}
  40%{-webkit-transform:scale(1.0)}
}
@keyframes sk-bouncedelay {
  0%,80%,100%{-webkit-transform:scale(0); transform:scale(0)}
  40%{-webkit-transform:scale(1.0); transform:scale(1.0)}
}

#cookie-bar {background:#111111; background:rgba(0,0,0,0.6); height:auto; color:#eeeeee; text-align:center; padding:10px 0; z-index:99999; font:11px/11px arial;}
#cookie-bar.fixed {position:fixed; bottom:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; text-decoration:none; padding:6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#f39325;}
#cookie-bar .cb-disable {background:#f39325;}
#cookie-bar .cb-policy {background:#f39325;}

header{height:120px; width:100%; background:#fff; top:0; left:0; position:fixed; z-index:10;}
header #logo{width:250px; float:left; margin:31px 10px 0;}
header .menu{font-size:0; float:right; display:block;}
header .menu li{font:16px/120px 'brandon_grotesque_bold', arial, sans-serif; display:inline-block; margin:0 20px; color:#3c3c3b;}
header .menu li:not(.sostienici) a{color:#3c3c3b;}
header .menu li:not(.sostienici) a:hover, header .menu li:not(.sostienici) a.active{color:#f39325;}
header .menu li.sostienici{background:#f39325; border-radius:25px; padding:0 15px; display:none;}
header .menu li.sostienici a{color:#fff;}
header .btn{float:right; display:block; width:140px; height:40px; margin:40px 10px 0 20px;}
header .btn a{display:block; width:100%; height:100%; font:16px/40px 'brandon_grotesque_bold', arial, sans-serif; color:#fff; background:#f39325; text-align:center; border-radius:25px;}
header .btn-menu{display:none;}
header .btn.shark a{background:#3c3c3b; }

footer{background:#ededed; padding:80px 0;}
footer .col3{width:33.33%; float:left; box-sizing:border-box; padding:10px 0;}
footer .col3:first-child{width:24%;}
footer .col3:nth-child(2){width:37%; margin:0 6%;}
footer .col3:nth-child(3){width:27%;}
footer .col3 img{max-width:100%; margin:0 auto;}
footer .col3 p{margin-top:30px; font:18px/25px 'brandon_grotesque_medium', arial, sans-serif; color:#3c3c3b}
footer .col3 ul li{margin-bottom:16px; padding:2px 0 2px 40px; font:16px/25px 'brandon_grotesque_medium', arial, sans-serif; color:#3c3c3b; background-image:url('../img/icon-footer.png'); background-repeat:no-repeat;}
footer .col3 ul li a{color:#3c3c3b;}
footer .col3 ul li:nth-child(1){background-position:0 13px;}
footer .col3 ul li:nth-child(2){background-position:0 -38px;}
footer .col3 ul li:nth-child(3){background-position:0 -74px;}
footer .col3 ul li:nth-child(4){background-position:0 -112px;}
footer .col3 ul li:last-child{margin:0; background-position:0 -154px;}

main{padding-top:120px; overflow:hidden; position:relative;}
main h1{font:100px/100px 'brandon_grotesque_black', arial, sans-serif;}
main h2{font:29px/29px 'brandon_grotesque_black', arial, sans-serif;}

main section{width:100%; height:auto; padding:50px 0;}
main .banner{width:100%; margin-bottom:30px;}
main .fullscreen{height:850px; height:100vh; height:calc(100vh - 120px); min-height:850px; position:relative; padding:0;}
main .fullscreen .center{padding:15px 0;}
main .orange{background:#f39325; color:#fff;}
main .grey{background:#ededed;}
main .shark{background:#3c3c3b;}

main .middle{display:table}
main .middle .text{display:table-cell; vertical-align:middle;}

main .btn{display:block; width:450px; height:84px; margin:90px auto 0;}
main .btn a{display:block; width:446px; height:80px; border:2px solid #f39325; text-align:center; color:#f39325; font:19px/80px 'brandon_grotesque_black', arial, sans-serif; border-radius:80px;}
main .shark .btn a{color:#fff; border-color:#fff;}

/* SLIDE FULLSCREEN */
main .slide{background:black;}
main .slide .imgLiquid{width:100%; height:850px; height:100vh; height:calc(100vh - 120px); min-height:800px;}
main .slide .bx-controls{width:96%; max-width:1200px; height:20px; position:absolute; bottom:80px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index:5; font-size:0; text-align:center}
main .slide .bx-controls .bx-pager-item{display:inline-block; margin:0 5px; height:20px; width:20px;}
main .slide .bx-controls .bx-pager-item a{display:block; width:16px; height:16px; background:transparent; border:2px solid #fff; border-radius:20px; -webkit-transition:all 0.25s ease; -ms-transition:all 0.25s ease; -moz-transition:all 0.25s ease; -o-transition:all 0.25s ease; transition:all 0.25s ease;}
main .slide .bx-controls .bx-pager-item a:hover, main .slide .bx-controls .bx-pager-item a.active{background:#f39325; border-color:#f39325;}
main .slide .text{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); max-width:680px; width:94%; text-align:center;}
main .slide .text h1{font:62px/65px 'brandon_grotesque_light', arial, sans-serif; color:#fff; letter-spacing:10px; margin-bottom:100px;}
main .slide .text h1 strong{font-family:'brandon_grotesque_medium', arial, sans-serif; color:#f39325;}
main .slide .text .btn{height:84px; width:234px; font:18px/84px 'brandon_grotesque_black', arial, sans-serif; margin:0 auto; display:block;}
main .slide .text .btn a{display:block; height:80px; width:230px; border:2px solid #fff; color:#f39325; border-radius:80px;}
main .slide .text .btn a:hover{background:#f39325; color:#fff; border-color:#f39325;}
main .slide .go-down{position:absolute; z-index:10; bottom:15px; left:50%; margin-left:-20px; cursor:pointer; -webkit-animation:play 1s steps(100) infinite; -moz-animation:play 1s steps(100) infinite; -ms-animation:play 1s steps(100) infinite; -o-animation:play 1s steps(100) infinite; animation:play 1s steps(100) infinite;}
@-webkit-keyframes play{ 0%{bottom:30px;} 50%{bottom:10px;} 100%{bottom:30px;} }
@-moz-keyframes play{ 0%{bottom:30px;} 50%{bottom:10px;} 100%{bottom:30px;} }
@-ms-keyframes play{ 0%{bottom:30px;} 50%{bottom:10px;} 100%{bottom:30px;} }
@-o-keyframes play{ 0%{bottom:30px;} 50%{bottom:10px;} 100%{bottom:30px;} }
@keyframes play{ 0%{bottom:30px;} 50%{bottom:10px;} 100%{bottom:30px;} }

/* HOME PAGE */
.home .orange .btn a,
.home .shark .btn a{border-color:#fff; color:#fff;}
.home .btn-mini{width:156px; height:42px; margin-top:35px;}
.home .btn-mini a{width:152px; height:38px; border-color:#fff; color:#fff; line-height:38px; font-size:15px;}

.home #cont2 .text p{font:29px/39px 'brandon_grotesque_black', arial, sans-serif; margin-left:7.5%;}
.home #cont2 .text h1{margin-left:7.5%; position:relative; max-width:720px}
.home #cont2 .text h1 .marks-down{position:absolute; right:0; bottom:-30px;}
.home #cont2 .text cite{text-align:right; font:20px/24px 'brandon_grotesque_bold', arial, sans-serif; display:block; margin-top:110px}

.home #cont3{min-height:980px;}
.home #cont3 .fullscreen .center{padding-bottom:0;}
.home #cont3 h1{font:19px/19px 'brandon_grotesque_black', arial, sans-serif; color:#f39325; text-align:center; padding:0 0 40px;}
.home #cont3 .mappa{float:left; width:49%; height:auto; position:relative; margin-bottom:40px; height:620px;}
.home #cont3 .mappa .map{position:relative; width:125%; top:0; left:-25%;}
.home #cont3 .mappa .marker{position:absolute; width:19px; height:24px; display:block; background:url('../img/marker.png') center center no-repeat; cursor:pointer;}
.home #cont3 .mappa .marker.visible{background:url('../img/marker-active.png') center center no-repeat; z-index:10;}
.home #cont3 .mappa .marker.no-age, .home #cont3 .mappa .marker.no-nazione{background:url('../img/marker.png') center center no-repeat; cursor:pointer; z-index:1;}
.home #cont3 .mappa .marker a{display:block; width:19px; height:24px;}
.home #cont3 .mappa .mark1{top:46%; left:55%;}
.home #cont3 .mappa .mark2{top:54%; left:18%;}
.home #cont3 .mappa .mark3{top:77%; left:33%;}
.home #cont3 .mappa .mark4{top:11%; left:80%;}
.home #cont3 .mappa .mark5{top:22%; left:70%;}
.home #cont3 .mappa .mark6{top:48%; left:84%;}
.home #cont3 .mappa .mark7{top:49%; left:81%;}
.home #cont3 .mappa .mark8{top:58%; left:20%;}
.home #cont3 .filtri{float:right; width:49%; min-height:500px; margin-bottom:40px; height:620px;}
.home #cont3 .filtri .filter-category li{width:50%; height:auto; float:left; text-align:center; cursor:pointer; font:15px/15px 'brandon_grotesque_medium', arial, sans-serif; text-transform:uppercase;}
.home #cont3 .filtri .filter-category li.active{color:#f39325;}
.home #cont3 .filtri .filter-category li .icon{display:block; width:100%; height:70px; margin:0 auto; background:url('../img/icon-filter1.png') top center no-repeat;}
.home #cont3 .filtri .filter-category li.active .icon{background:url('../img/icon-filter1-active.png') top center no-repeat;}
.home #cont3 .filtri .filter-category li:last-child .icon{background:url('../img/icon-filter2.png') top center no-repeat;}
.home #cont3 .filtri .filter-category li.active:last-child .icon{background:url('../img/icon-filter2-active.png') top center no-repeat;}
.home #cont3 .filtri .txt-base{margin-top:50px}
.home #cont3 .filtri .txt-categoria{margin-top:50px; display:none;}
.home #cont3 .filtri .txt-dettaglio{margin-top:50px; display:none;}
.home #cont3 .filtri h2{font:50px/50px 'brandon_grotesque_black', arial, sans-serif; margin-bottom:30px;}
.home #cont3 .filtri .txt-dettaglio h2{margin-bottom:0px;}
.home #cont3 .filtri .txt-dettaglio h3{margin-bottom:0px; font:25px/25px 'brandon_grotesque_black', arial, sans-serif; margin-bottom:30px;}
.home #cont3 .filtri p{font:18px/22px 'brandon_grotesque_medium', arial, sans-serif;}
.home #cont3 .filtri .txt-dettaglio p{float:left; width:48%;}
.home #cont3 .filtri .txt-dettaglio .finanziamenti{float:right; width:auto; font:16px/16px 'brandon_grotesque_bold', arial, sans-serif; text-align:right}
.home #cont3 .filtri .txt-dettaglio .finanziamenti strong{font-weight:normal; font-size:25px; line-height:25px;}
.home #cont3 .filtri .filter-secondary{display:none;}
.home #cont3 .filtri .filter-secondary{margin:50px 0 10px; font:16px/16px 'brandon_grotesque_black', arial, sans-serif;}
.home #cont3 .filtri .filter-secondary span{font-family:'brandon_grotesque_medium', arial, sans-serif; display:inline-block; margin-left:3%; cursor:pointer;}
.home #cont3 .filtri .filter-secondary span.active{color:#f39325;}
.home #cont3 .filtri .filter-secondary:nth-child(3){margin:0 0 50px}
.home #cont3 .filtri .btn{margin-top:40px;}
.align-center{text-align:center;}
.home #cont3 .timeline{width:auto; min-width:20px; height:3px; background:#706f6f; display:inline-block; padding:0 20px; text-align:center; font-size:0;}
.home #cont3 .timeline span.time{display:inline-block; height:3px; min-width:30px; margin:0 5px; font-size:0;}
.home #cont3 .timeline span.time h2{display:inline-block; font:16px/16px 'brandon_grotesque_medium', arial, sans-serif; position:relative; padding-top:18px; background:url('../img/arrow-timeline.png') top center no-repeat;}
.home #cont3 .timeline span.time .marker{width:17px; height:17px; background:#706f6f; border-radius:17px; position:relative; display:inline-block; top:-21px; margin:0 5px; cursor:pointer}
.home #cont3 .timeline span.time .marker.visible, .home #cont3 .timeline span.time .marker:hover{background:#f39325;}
.home #cont3 .timeline span.time .marker.no-age, .home #cont3 .timeline span.time .marker.no-nazione{background:#706f6f;}

.home #cont3 #accordion{display:none; padding:30px 0 60px;}
.home #cont3 #accordion h3{width:90%; padding:0 1.5%; height:30px; font:24px/30px 'brandon_grotesque_bold', arial, sans-serif; color:#f39325; border-bottom:2px solid #f39325; max-width:480px; margin:30px auto 0; background:url('../img/arrow-accordion.png') 98.5% center no-repeat;}
.home #cont3 #accordion h3.close{background:url('../img/arrow-accordion-close.png') 98.5% center no-repeat;}
.home #cont3 #accordion ul{width:93%; max-width:480px; margin:0 auto; display:none;}
.home #cont3 #accordion ul li{height:20px; border-bottom:1px solid #706f6f; padding:0 1.5%; margin-top:10px;}
.home #cont3 #accordion ul li a{color:#706f6f}

.masonry #grid[data-columns]::before{content:'3 .column.size-1of3';}
.masonry .column{float:left;}
.masonry .size-1of3{width:33.333%; width:calc(33.33% - 10px); margin:0 5px;}
.masonry .column .cont{margin-bottom:10px; overflow:hidden; position:relative;}
.masonry .column img{width:100%;}
.home .masonry .column img{-webkit-filter:grayscale(1); ilter:grayscale(1);}
.masonry .column .box-hover{position:absolute; top:100%; left:0; width:100%; height:100%; background:rgba(243, 147, 36, .8); box-sizing:border-box; padding:8%;}
.masonry .column .box-hover img{width:auto; margin-bottom:5%;}
.masonry .column .box-hover h2{color:#fff; font:25px/25px 'brandon_grotesque_black', arial, sans-serif; margin-bottom:5%;}
.masonry .column .box-hover h3{color:#fff; font:16px/16px 'brandon_grotesque_medium', arial, sans-serif; margin-bottom:5%;}
.masonry .column .box-hover a{color:#fff; font:14px/14px 'brandon_grotesque_bold', arial, sans-serif;}
.masonry .column .cont:hover .box-hover{top:0}
.home .masonry .column .cont:hover img{-webkit-filter:grayscale(0.5); ilter:grayscale(0.5);}
.home #cont4 .btn{margin:50px auto;}

.home #cont5{padding:40px 0;}
.home #cont5 p{position:relative; margin-bottom:10px; cursor:default;}
.home #cont5 p:hover{color:#3c3c3b;}
.home #cont5 p span{display:block; float:left; min-height:50px; font-family:'brandon_grotesque_black', arial, sans-serif; position:relative;}
.home #cont5 p span.num{width:37%; text-align:right; position:absolute; letter-spacing:10px;}
.home #cont5 p:nth-child(1) span.num{font-size:332px; bottom:-10px;}
.home #cont5 p:nth-child(2) span.num{font-size:267px; bottom:-5px;}
.home #cont5 p:nth-child(3) span.num{font-size:215px; bottom:-5px;}
.home #cont5 p:nth-child(4) span.num{font-size:267px; bottom:-15px;}
.home #cont5 p span.txt{width:63%; float:right; font-size:117px; line-height:98px;}
.home #cont5 p:nth-child(3) span.txt{font-size:92px; line-height:76px;}

.list-news h1{font:19px/19px 'brandon_grotesque_black', arial, sans-serif; color:#f39325; text-align:center; padding:15px 0 0; margin-bottom:9%;}
.list-news .list-news li{float:left; width:29.33%; margin:0 2% 60px;}
.list-news .list-news li img{width:100%;}
.list-news .list-news li h3{font:16px/20px 'brandon_grotesque_bold', arial, sans-serif; text-transform:uppercase; width:98%; margin:30px auto 15px;}
.list-news .list-news li time{font:14px/14px 'brandon_grotesque_medium', arial, sans-serif; display:block; width:98%; margin:0 auto;}
.list-news .list-news li p{font:18px/26px 'brandon_grotesque_medium', arial, sans-serif; width:98%; margin:15px auto 0;}
.list-news .list-news li p .btn-fancy{cursor:pointer; color:#f39325; font:15px/15px 'brandon_grotesque_black', arial, sans-serif; text-transform:uppercase; display:block; margin-top:15px;}

.home .box-link li{width:33.3%; height:480px; position:relative; float:left; background:#000;}
.home .box-link li .imgLiquid{width:100%; height:100%; opacity:.8;}
.home .box-link li .txt{text-align:center; width:90%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); color:#fff;}
.home .box-link li .txt h2{font:42px/46px 'brandon_grotesque_black', arial, sans-serif;}
.home #cont6 .btn{margin:50px auto;}

.home #cont7{color:#fff;}
.home #cont7 h1{margin:0 10px;}
.home #cont7 h2{font:29px/41px 'brandon_grotesque_black', arial, sans-serif; margin:0 10px 65px;}
.home #cont7 p{font:18px/25px 'brandon_grotesque_medium', arial, sans-serif; margin:0 10px; display:inline-block; width:45%; width:calc(50% - 22px);}

/* CHI SIAMO */
.chi-siamo #cont1 img{max-width:96%; margin:0 auto 200px;}
.chi-siamo #cont1 p{float:left; width:50%; box-sizing:border-box; padding:0 10px; font:18px/25px 'brandon_grotesque_medium', arial, sans-serif;}

.chi-siamo #cont2 .timeline{width:3px; padding:10px 0; background:#fff; height:100%; position:absolute; left:50%; margin-left:-1.5px; top:-10px}
.chi-siamo #cont2 img{margin:0 auto; padding:10px 0;}
.chi-siamo #cont2 .time{position:absolute;width:372px;}
.chi-siamo #cont2 .time01{top:131px; right:132px;}
.chi-siamo #cont2 .time02{top:248px; left:24px; text-align:right;}
.chi-siamo #cont2 .time03{top:415px; left:130px; text-align:right;}
.chi-siamo #cont2 .time04{top:547px; right:75px;}
.chi-siamo #cont2 .time05{top:727px; right:124px;}
.chi-siamo #cont2 h2{font:29px/41px 'brandon_grotesque_black', arial, sans-serif; margin-bottom:20px;}
.chi-siamo #cont2 p{font:18px/25px 'brandon_grotesque_medium', arial, sans-serif;}

.chi-siamo #cont3 img{float:left; width:34%; margin-right:6%;}
.chi-siamo #cont3 .txt{float:left; width:60%; font:100px/100px 'brandon_grotesque_black', arial, sans-serif;}
.chi-siamo #cont3 .txt .btn{margin:90px 0 0;}

.chi-siamo #cont4 ul{margin-top:80px}
.chi-siamo #cont4 ul li{width:33.33%; box-sizing:border-box; padding:0 10px; margin:35px 0; float:left;}
.chi-siamo #cont4 ul li img{height:80px; width:auto;}

.chi-siamo #cont5 .text p{font:29px/39px 'brandon_grotesque_black', arial, sans-serif; margin-left:7.5%; color:#fff;}
.chi-siamo #cont5 .text h1{margin-left:7.5%; position:relative; max-width:730px; color:#fff;}
.chi-siamo #cont5 .text h1 .marks-down{position:absolute; right:0; bottom:-30px;}
.chi-siamo #cont5 .text cite{text-align:right; font:20px/24px 'brandon_grotesque_bold', arial, sans-serif; display:block; margin-top:110px; color:#fff;}

/* MISSION */
.mission #cont1{min-height:calc(100vh - 120px); padding:30px 0;}
.mission #cont1 h2{margin-bottom:80px;}
.mission #cont1 p{float:left; width:50%; box-sizing:border-box; padding:0 10px; font:18px/25px 'brandon_grotesque_medium', arial, sans-serif;}
.mission #cont1 .servizi{margin-top:100px; text-align:center;}
.mission #cont1 .servizi .dett{width:35%; display:inline-block; position:relative; text-align:left; margin-right:10%;}
.mission #cont1 .servizi .dett:last-child{margin-left:10%; margin-right:0;}
.mission #cont1 .servizi .dett h3{color:#f39325; font:18px/20px 'brandon_grotesque_black', arial, sans-serif; margin-bottom:5px; position:relative; z-index:2;}
.mission #cont1 .servizi .dett p{width:100%; padding:0; float:none; position:relative; z-index:2;}
.mission #cont1 .servizi .dett img{position:absolute; left:-55%;}
.mission #cont1 .servizi .dett:last-child img{left:-35%; top:55px;}
.mission #cont1 .btn{margin:160px auto 0;}

.mission #cont2 .imgLiquid{position:absolute; z-index:0; top:0; left:0; width:100%; height:100%;}
.mission #cont2 .center{max-width:100%;}

/* GALLERY */
.gallery h1{font:19px/19px 'brandon_grotesque_black', arial, sans-serif; color:#f39325; text-align:center; padding:80px 0 45px; margin:0;}
.gallery section{background:#fafafa; padding:0 0 200px;}

/* NEWS */
.news h1{font:19px/19px 'brandon_grotesque_black', arial, sans-serif; color:#f39325; text-align:center; padding:80px 0 45px; margin:0;}
.news section{background:#fafafa; padding:0 0 140px;}

#bkg-fancy{width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(59, 59, 59, .35); z-index:999; overflow:hidden; display:none;}
.facy-cont{width:90%; box-sizing:border-box; padding:0 5%; max-width:1100px; height:auto; position:relative; background:rgb(59, 59, 59); left:50%; -webkit-transform:translateX(-50%); -ms-transform:translate(-50%); transform:translate(-50%); box-shadow:0 0 10px rgba(0, 0, 0, .3); opacity:0;}
.facy-cont img.close{cursor:pointer; position:absolute; top:5%; right:5%;}
.facy-cont img.cover{padding-top:5%; max-width:100%;}
.facy-cont h1{text-align:left; font:50px/50px 'brandon_grotesque_black', arial, sans-serif; margin:40px 0 15px; color:#f39325;}
.facy-cont time{display:block; font:20px/20px 'brandon_grotesque_black', arial, sans-serif; color:#fff; margin-bottom:30px;}
.facy-cont .clearfix{padding-bottom:60px}
.facy-cont .clearfix p{float:left; width:48%; margin-right:1%; color:#fff; font:18px/26px 'brandon_grotesque_medium', arial, sans-serif;}
.facy-cont .clearfix p:last-child{margin-left:1%; margin-right:0;}
.facy-cont .fancy-btn{text-align:center; font-size:0; padding:0 0 70px; width:100%}
.facy-cont .fancy-btn li{width:100px; height:25px; border:1px solid #fff; color:#f39325; font:13px/25px 'brandon_grotesque_black', arial, sans-serif; text-align:center; margin:0 10px; display:inline-block; border-radius:25px; cursor:pointer;}

/* CONTATTI */
.contatti #cont1{padding:0px 0 10px;}
.contatti #cont1 .map{width:100%; height:56%; margin:0; padding:0; border:0; display:block; pointer-events:none;}
.contatti #cont1 .block{height:44%; display:table; width:100%;}
.contatti #cont1 .block ul{max-width:980px; margin:0 auto; padding:15px 0;}
.contatti #cont1 .block ul li{float:left; width:50%; position:relative; padding:0 10px 0 45px; box-sizing:border-box; height:65px; margin-bottom:30px; font:17px/20px 'brandon_grotesque_medium', arial, sans-serif;}
.contatti #cont1 .block ul li a{color:#706f6f;}
.contatti #cont1 .block ul li .icon{width:40px; height:40px; background-image:url('../img/icon-footer.png'); background-repeat:no-repeat; position:absolute; top:10px; left:3px;}
.contatti #cont1 .block ul li strong{font-weight:normal; font-family:'brandon_grotesque_bold', arial, sans-serif; color:#f39325;}
.contatti #cont1 .block ul li:nth-child(1) .icon{background-position:0 3px;}
.contatti #cont1 .block ul li:nth-child(2) .icon{background-position:0 -40px;}
.contatti #cont1 .block ul li:nth-child(3) .icon{background-position:0 -201px;}
.contatti #cont1 .block ul li:nth-child(4) .icon{background-position:0 -80px;}
.contatti #cont1 .block ul li:last-child .icon{margin:0; background-position:0 -241px;}

.contatti #cont2 h1{color:#fff; text-align:center; margin-bottom:80px}
.contatti #cont2 input[type="text"]{float:left; box-sizing:border-box; padding-left:25px; height:50px; background:#636362; color:#fff; font:19px/50px 'brandon_grotesque_regular', arial, sans-serif; border:0; outline:0; border-radius:0;}
.contatti #cont2 input.w50{margin:0 10px 20px; width:calc(50% - 20px);}
.contatti #cont2 input.w100{margin:0 10px 20px; width:calc(100% - 20px);}
.contatti #cont2 textarea{margin:0 10px; width:calc(100% - 20px); height:220px; box-sizing:border-box; padding-left:25px; background:#636362; color:#fff; font:19px/50px 'brandon_grotesque_regular', arial, sans-serif; border:0; outline:0; border-radius:0;}
.contatti ::-webkit-input-placeholder{color:#fff;}
.contatti ::-moz-placeholder{color:#fff;}
.contatti :-ms-input-placeholder{color:#fff;}
.contatti :-moz-placeholder{color:#fff;}
.contatti #cont2 input[type="submit"]{width:446px; height:80px; border:2px solid #fff; text-align:center; color:#fff; font:19px/80px 'brandon_grotesque_black', arial, sans-serif; border-radius:80px; margin:90px auto 0; display:block; background:transparent;}
.contatti #cont2 input[type="submit"]:hover{background:#f39325; border-color:#f39325;}

/* SOSTIENICI */
.sostienici section{color:#fff;}
.sostienici section h1{margin:10px 10px 70px;}
.sostienici section p{font:18px/25px 'brandon_grotesque_medium', arial, sans-serif; margin:0 10px; display:inline-block; width:45%; width:calc(50% - 22px);}
.sostienici section h2{font:37px/41px 'brandon_grotesque_black', arial, sans-serif; margin:100px 10px 0; text-align:center;}
.sostienici section ul{display:block; text-align:center; margin:100px 10px 0; font-size:0;}
.sostienici section ul li{display:inline-block; font:37px/37px 'brandon_grotesque_black', arial, sans-serif; width:37px; height:37px; text-align:center; background:url('../img/border.png') bottom center no-repeat; background-size:container;}
.sostienici section ul li:first-child{margin-right:30px; border:0; background:none;}
.sostienici section ul li:last-child{width:39px; background-repeat:repeat-x;}

/* SCHEDA PROGETTO */
.progetto .header{margin-bottom:40px;}
.progetto .header img{float:left; height:190px; padding-bottom:10px;}
.progetto .header .title{float:right; height:auto; width:75%;}
.progetto .header .title h1{font-size:50px; line-height:50px; color:#f39325;}
.progetto .header .title h2{font-size:25px; line-height:25px; margin-top:5px;}
.progetto .header .title span{font:16px/20px 'brandon_grotesque_medium', arial, sans-serif; display:block; margin-top:25px;}
.progetto .slider{float:left; width:55%;}
.progetto .slider img{width:100%;}
.progetto .slider .bx-pager{display:inline-block; width:100%; margin-top:20px; text-align:center;}
.progetto .slider .bx-pager div{display:inline-block; font-size:0;}
.progetto .slider .bx-pager div a{display:block; width:16px; height:16px; border:2px solid #f39325; margin:5px 10px; border-radius:20px;}
.progetto .slider .bx-pager div a.active, .progetto .slider .bx-pager div a:hover{background:#f39325; -webkit-transition:all 0.25s ease; -ms-transition:all 0.25s ease; -moz-transition:all 0.25s ease; -o-transition:all 0.25s ease; transition:all 0.25s ease;}
.progetto .text{float:right; width:42%}
.progetto .text h3{font:18px/20px 'brandon_grotesque_bold', arial, sans-serif; color:#f39325; margin-bottom:3px;}
.progetto .text p{font:18px/20px 'brandon_grotesque_medium', arial, sans-serif; margin-bottom:10px;}
.progetto .text h4{font:18px/20px 'brandon_grotesque_black', arial, sans-serif;}
.progetto .btn{margin-bottom:100px;}

/* PLUG-IN */
#grid .mix{display:none;}
.box-filter{text-align:center; margin-bottom:80px;}
.box-filter button{display:inline-block; border:0; background:transparent; font:16px/18px 'brandon_grotesque_bold', arial, sans-serif; margin:0 15px 15px; padding:0 0 4px; border-bottom:2px solid transparent;}
.box-filter button.active, .box-filter button:hover{border-bottom:2px solid #f39325;}

#pager{position:fixed; right:30px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:10;}
#pager span{display:block; width:20px; height:20px; margin-bottom:20px;}
#pager span:last-child{margin-bottom:0;}
#pager span a{display:block; width:16px; height:16px; border-radius:20px; border:2px solid #fff;}
#pager span a:hover, #pager span.active a{background:#fff;}
#pager.orange span a{border-color:#f39325;}
#pager.orange span a:hover, #pager.orange span.active a{background:#f39325;}

.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}
.fancybox-skin{position:relative;background:transparent;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.fancybox-opened{z-index:8030}
.fancybox-outer,.fancybox-inner{position:relative;height:1300px!important}
.fancybox-inner{overflow:hidden}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(../img/fancy/fancybox_sprite.png)}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}
#fancybox-loading div{width:44px;height:44px;background:url(../img/fancy/fancybox_loading.gif) center center no-repeat}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(../img/fancy/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}
.fancybox-prev{left:0}
.fancybox-next{right:0}
.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}
.fancybox-prev span{left:10px;background-position:0 -36px}
.fancybox-next span{right:10px;background-position:0 -72px}
.fancybox-nav:hover span{visibility:visible}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}
.fancybox-lock{overflow:hidden!important;width:auto}
.fancybox-lock body{overflow:hidden!important}
.fancybox-lock-test{overflow-y:hidden!important}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(../img/fancy/fancybox_overlay.png)}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}
.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}
.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}
.fancybox-opened .fancybox-title{visibility:visible}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{padding-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}

#fancyapp{width:100%; max-width:1100px; margin:0 auto; text-align:center; position:relative}
#fancyapp .slide{width:85%; max-width:950px; margin:0 auto; position:relative}
#fancyapp .arrow{width:40px; height:40px; position:absolute; top:50%; margin-top:-20px; cursor:pointer;}
#fancyapp .arrow img{width:100%; height:auto;}
#fancyapp .arrow.prev{left:-8%}
#fancyapp .arrow.next{right:-8%}
#fancyapp .bxFancy img{width:100%; height:auto;}
#fancyapp .bx-controls{position:relative; font:16px/16px 'brandon_grotesque_black', arial, sans-serif; margin-top:20px; color:#fff;}
#fancyapp .bx-controls .bx-pager{letter-spacing:-1px}
#fancyapp .bx-controls a{color:#fff; position:absolute; top:50%; margin-top:-9px;}
#fancyapp .bx-controls a.bx-prev{left:50%; margin-left:-30px;}
#fancyapp .bx-controls a.bx-next{right:50%; margin-right:-30px;}
#fancyapp  h1{font:16px/16px 'brandon_grotesque_black', arial, sans-serif; color:#fff; margin:30px 0;}
#fancyapp .btn{display:inline-block; width:100%; height:auto;}
#fancyapp .btn a{display:block; max-width:425px; width:80%; height:auto; border:2px solid #f39325; text-align:center; color:#f39325; font:18px/18px 'brandon_grotesque_black', arial, sans-serif; border-radius:80px; margin:0 auto; padding:30px 0;}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
	#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(../img/fancy/fancybox_sprite@2x.png);background-size:44px 152px}
	#fancybox-loading div{background-image:url(../img/fancy/fancybox_loading@2x.gif);background-size:24px 24px}
}

/* RISOLUZIONE < 1366 */
@media screen and ( max-width:1320px ){
  .home #cont5 p{margin-bottom:20px;}
  .home #cont5 p span.txt{font-size:92px; line-height:76px;}
  .home #cont5 p:nth-child(1) span.num{font-size:310px;}
  .home #cont5 p:nth-child(2) span.num{font-size:245px;}
  .home #cont5 p:nth-child(4) span.num{bottom:-45px}

  .mission #cont1 .servizi .dett{display:block; margin:0 auto; width:60%; max-width:480px;}
  .mission #cont1 .servizi .dett:last-child{margin:90px auto 0;}
  .mission #cont1 .servizi .dett img{left:-205px}
}

/* RISOLUZIONE < 1280 */
@media screen and ( max-width:1240px ){
  .center{width:980px;}

  header .center{width:98%}

  main h1{font-size:85px; line-height:85px;}

  .home #cont5 p span.txt{font-size:75px !important; line-height:60px !important;}
  .home #cont5 p:nth-child(1) span.num{font-size:250px; bottom:-30px}
  .home #cont5 p:nth-child(2) span.num{font-size:200px; bottom:-30px}
  .home #cont5 p:nth-child(3) span.num{font-size:175px; bottom:-25px}
  .home #cont5 p:nth-child(4) span.num{font-size:190px; bottom:-30px}

  .chi-siamo #cont2 img{width:100%;}
  .chi-siamo #cont2 .time01{top:145px; right:30px;}
  .chi-siamo #cont2 .time02{top:275px; left:15px;}
  .chi-siamo #cont2 .time03{top:455px; left:-20px;}
  .chi-siamo #cont2 .time04{top:600px; right:10px;}
  .chi-siamo #cont2 .time05{top:800px; right:95px;}
  .chi-siamo #cont3 img{width:30%; margin-right:2%;}
}

@media screen and ( max-width:1120px ){
  header #logo{width:200px; margin-top:37px;}
  header .menu li{margin:0 10px;}
  header .btn{margin:40px 10px 0;}
}

/* RISOLUZIONE < 1024 */
@media screen and ( max-width:979px ){

  header .btn-menu{display:block;}
  header .menu{position:fixed; top:120px; left:0; width:100%; background:#fff; padding:25px 0; box-shadow:0 6px 10px rgba(0,0,0,0.2); text-align:center; display:none;}
  header .menu li{line-height:45px; margin:0 15px;}

  .center{width:90%;}
  #pager{display:none;}
  main .fullscreen{height:auto; min-height:initial !important; padding:25px 0;}
  main.home .fullscreen.slide{padding:0;}
  main.mission .slide{padding:0; height:800px;}

  footer .col3:first-child{width:100%;}
  footer .col3:nth-child(2){width:100%; margin:30px 0;}
  footer .col3:nth-child(3){width:100%;}

  .home #cont7 p, .chi-siamo #cont1 p, .mission #cont1 p, .sostienici section p{width:100%; margin:0 0 25px;}

  main .slide .text h1{font-size:52px; line-height:55px;}
  .home #cont5 p span.num{display:block; width:100%; text-align:center; position:relative; bottom:initial !important;}
  .home #cont5 p span.txt{display:block; width:100%; text-align:center; position:relative; margin-top:-25px;}
  .home .box-link li .txt h2{font-size:30px; line-height:36px;}
  .home #cont3 .text, .home #cont3 .timeline{display:none;}
  .home #cont3 #accordion{display:block;}

  .chi-siamo #cont1 img{margin-bottom:100px;}
  .chi-siamo #cont2 img{display:none;}
  .chi-siamo #cont2 .time{width:100%; position:relative; top:initial !important; left:initial !important; right:initial !important; text-align:left !important;}
  .chi-siamo #cont2 h2{margin-bottom:0;}
  .chi-siamo #cont2 p{margin-bottom:30px;}
  .chi-siamo #cont3 img{float:none; margin:0 auto 30px; min-width:160px;}
  .chi-siamo #cont3 .txt{width:100%; float:none;}
  .chi-siamo #cont3 .txt .btn{margin:90px auto 0;}
  .chi-siamo #cont4 ul li{width:50%;}

  .contatti #cont1 .map{height:500px;}
  .contatti #cont1 .block{height:auto;}

  .progetto .header .title{float:none; width:100%; margin-bottom:30px}
  .progetto .slider{width:100%;}
  .progetto .text{width:100%; margin-top:100px;}

  .masonry #grid[data-columns]::before{content:'3 .column.size-1of3';}
}

/* RISOLUZIONE < 768 */
@media screen and ( max-width:700px ){
  main h1{font-size:55px; line-height:55px;}
  main .btn{width:90%;}
  main .btn a{width:calc(100% - 4px)}

  header .menu li.sostienici{display:inline-block;}
  header .btn:not(.btn-menu){display:none;}

  .home #cont2 .text p{font-size:23px; line-height:32px;}
  .home #cont5 p span.num{font-size:125px !important;}
  .home #cont5 p span.txt{font-size:45px !important; line-height:35px !important; margin-top:-15px;}
  .home .box-link li{width:100%;}

  .chi-siamo #cont4 ul li{width:100%;}

  .mission #cont1 .servizi .dett{width:100%}
  .mission #cont1 .servizi .dett img{position:relative; margin:0 auto 10px; left:0 !important; top:0 !important; }
  .mission #cont1 .servizi .dett:last-child{margin:40px auto 0;}

  .contatti #cont1 .block ul li{width:100%}
  .contatti #cont2 input[type="text"]{width:calc(100% - 20px)}
  .contatti #cont2 input[type="submit"]{width:100%}

  .list-news .list-news li{width:96%}
  .facy-cont .clearfix p{width:100%; margin:0 auto 10px;}
  .facy-cont img.close{top:10px; right:10px;}

  .masonry #grid[data-columns]::before{content:'1 .column.size-1of1';}
  .masonry .column, .masonry .column .cont{width:100%}
}

@media screen and ( max-width:600px ){
  main .slide .text{margin-top:-50px;}
  main .slide .text h1{margin-bottom:20px}
  main .slide .imgLiquid{height:500px; min-height:500px;}
}

/* RISOLUZIONE < 440 */
@media screen and ( max-width:400px ){
  header{height:140px;}
  header #logo{float:none; margin:15px auto 30px;}
  header .btn-menu{margin:0 auto; float:none;}
  header .menu{top:140px;}

  main{padding-top:140px;}
  main h1{font-size:40px; line-height:40px;}
  main .slide .text h1{font-size:52px; line-height:55px; letter-spacing:0}

  .chi-siamo #cont4 ul li img{width:100%; height:auto;}
  .chi-siamo #cont5 .text p{font-size:24px; line-height:34px;}
}