/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
    font-size: 1em;
    line-height: 1.4;
    overflow-x: hidden;
}

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

img {
    vertical-align: middle;
}

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

textarea {
    resize: vertical;
}

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


/* ==========================================================================
   Author's custom styles
   ========================================================================== */



ul, h1, h2, h3, p {
	margin: 0;
    letter-spacing: 0.005em;
}

a {outline: 0;}
a:active, a:focus { outline: none; -moz-outline-style: none; }




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

@media handheld, only screen and (min-width : 640px) and (max-width : 980px) { 
	.altezza_4 {min-height: 360px;}
	.altezza_4 .ch {padding: 120px 20px 0;}
	td {width:50% !important; border-bottom: 1px solid #ccc;}
	tr {border-bottom: none !important;}
}

@media handheld, only screen and (min-width : 980px) and (max-width : 1280px) { 
	p.ch-description {
        font-size: 16px !important;
        line-height: 25px !important;
	}

}

@media handheld, only screen and (min-width : 480px) and (max-width : 980px) { 
    ul.emailadd li{
        min-height: 250px;
    }

}


@media only screen and (max-width: 1150px) {
    ul.emailadd li p, div.mail, div.adr, div.maps {
        font-size: 16px !important;
        line-height: 24px !important;
    }
}


@media only screen and (max-width: 980px) {
    #projects .blue {
		padding-left: 30px;
		padding-right: 30px;
	}
	#projects p {
	font-size: 18px;
	line-height: 30px;
	}
     .row { 
 	    width: auto !important; float: none; margin-left: 0; margin-right: 0;
 	}
 	
 	
 	.grid_1 footer, .grid_2 footer, .grid_3 footer, .grid_4 footer {
         border: none;
     }
     
     
     .tagline {
         display: none;
     }
     .hidden-phone {
         display: none !important;
     }

     header.case-history h1 {
         width: 40% !important;
     }
     
     .cbp-af-header h1 {
         width: 40% !important;
	 }

     .twitter footer {
         padding: 10px 0 10px 20px;
     }
     .last-home {
         border-top: 1px solid #CCCCCC !important;
     }
  	p.ch-description {
      	clear: both;
  	}
	/*li.twitter, li.article {
		min-height: 180px;
	}*/
	article .more-news {
	    padding-top: 10px;
	}
    .archive-list {
        -moz-column-count: 2 !important;
        -webkit-column-count: 2 !important;
        column-count: 2 !important;
    }

	ul.content li:nth-child(10), ul.content li:nth-child(11) {
    	border-bottom: 1px solid #ccc !important; 
    }


    /* news */

    .news div {
        padding-left: 12.5%;
        padding-right: 12.5%;
        float: left !important;
    }

    /* about & contacts*/


    .content-about section {
        padding-left: 12.5%; 
        padding-right: 12.5%; 
        display: block;
    }

    .content-about .how {
        padding-bottom: 20px !important;
    }



    .content-about .text {
        padding-top: 24px;
    }

    .content-about .title {
        padding-top: 0 !important;
        padding-bottom: 12px;
    }

    .content-about .suffix_050,
    .content-about .prefix_050,
    .not-found .suffix_050,
    .not-found .prefix_050 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    } 

    .what p:first-child {
        padding-bottom: 0 !important;
    }

    .for-clients p {
        padding-bottom: 0 !important;
    }


    ul.address li {
        width: 50%;
    }
    
    ul.emailadd li p, div.mail {
        font-size: 18px !important;
        line-height: 28px !important;

    }

    ul.emailadd li {
        width: 50% !important;
        margin-bottom: 60px;
    }

    .project-title {
        left: 30px !important;
    }

    /* not found 404 */

    .not-found {
        display: block !important;
    }

    .not-found h3,
    .not-found p {
    	text-align: center;
    }

}



@media only screen and (max-width: 800px) {
    
     .row-footer { 
 	    width: auto !important; float: none; margin-left: 0; margin-right: 0;
 	}
    
    footer.bottom {
            overflow: visible;
    }

    footer.bottom .grid_1 {
        width: 50% !important;
    }
    .social {
        overflow: hidden;
    }
    
    #italy .vcard {
        border-left: none;
    }
    footer nav ul li, footer .social ul li {
        float: left;
        margin-right: 20px;
    }
    
    footer .social ul, .vcard {
        border-bottom: 1px solid #CCCCCC;
    }
    footer nav ul {
        border-bottom: 1px solid #CCCCCC;
    }
    
    footer.bottom .altezza_1 {
        min-height: auto;
    }
    
    footer .social ul, .vcard {
        padding-bottom: 50px;
    }
    #cover h2 {
        font-size: 25px !important;
        padding-top: 40px !important;
    }
    .slider-about {
        padding: 0 !important;
        width: 100% !important;
    }

    .news div {
        padding-left: 0;
        padding-right: 6.25%;
        float: left !important;
    }

    .content-about section {
        padding-left: 0;
        padding-right: 0;
    }


    .spaced {
        margin-right: 8% !important;
    }
}


@media handheld, only screen and (max-width : 640px) {
     .altezza_1 { min-height: 240px;}
     .altezza_2 { min-height: 240px;}
     .altezza_3 { min-height: 240px;}
     .altezza_4 { min-height: 240px;}
     .case_histories.altezza_4 { min-height: 410px;}
     .altezza_2 .ch, .altezza_3 .ch, .altezza_4 .ch {padding: 60px 20px 0;}
     .project-title { min-height: 120px;}
     li h1 {font-size: 24px; line-height: 30px;}
     td {width:100% !important; clear: both; border-bottom: 1px solid #ccc;}
     tr {border-bottom: none !important;}
     #cover h1 img {width: 200px;}
	 #cover h2 {font-size: 20px; padding: 50px 10px 0;}
	 #cover h3 {font-size: 20px; border-bottom: solid 2px; display: inline-block; margin-top: 10px;}
	 header nav {font-size: 0.95em !important;}
	 .row2 {width: auto !important; float: none; margin-left: 0; margin-right: 0;}
	 .project-more-info .external {padding: 10px 4% 100px !important;} 
	 .prev {text-align: left !important;}
	 .next {text-align: right !important;}
	 .project-navigation footer, .description {border-bottom: 1px solid #CCC !important;}
	 footer .altezza_1 {min-height:50px !important;}
	 footer ul, .vcard {border-left: none !important;}
	 #italy.grid_1, #us.grid_1 {
	     width: 100% !important;
	 }
	 .vcard p {float: left; margin-right: 5px}
     .vcard .country-name:after, .vcard .street-address:after, .vcard .locality:after  {
         content: " \2014 ";
      }
      .vcard {
          padding-bottom: 20px;
          overflow: hidden;
      }
    /* about */
    /*.flex-direction-nav a:before {
        content: url("../img/svg/left-nav-small.svg") !important;
    }
    .flex-direction-nav a.flex-next:before {
        content: url("../img/svg/right-nav-small.svg") !important;
    }
    .flex-direction-nav a {
        top: 42% !important;
    }
    .flex-direction-nav .flex-prev { 
        left: 0px !important;
    }
    .flex-direction-nav .flex-next {
        right: 0px !important;
    }*/


    /* indirizzi email */

    ul.emailadd li p, div.mail {
        font-size: 16px !important;
        line-height: 24px !important;

    }


    /* indirizzi fisici */

    ul.address li {
        width: 100% !important;
    }

    ul.address li:first-child {
        margin-bottom: 60px;
    }

    ul.address li .maps {
        position: relative !important;
        padding-top: 10px;
    }


    .not-found h1 {
    	font-size: 150px !important;
    }

     .not-found p {
    	font-size: 18px !important;
    	line-height: 28px !important;
    }


  

}

@media handheld, only screen and (max-width : 600px) {
    footer.bottom .grid_1 {
        width: 100% !important;
    }
    #cover h2 {
        font-size: 20px !important;
        padding-top: 40px !important;
    }
    .work-number {
        font-size: 30px !important; 
    }

    .cookie-content p {
        display: block;
        width: 100%;
        float: none !important;
    }
    .cookie-accept {
        display: block;
        width: 100%;
        float: none !important;
        overflow: hidden;
        text-align: center;
        padding: 25px 0 10px;
    }

    .cookie-accept a {
        margin: 15px auto;
        float: none !important;
    }
}


@media handheld, only screen and (max-width : 568px) {
 .slides-navigation a {
        margin: 0 5px !important;
    }
    .close-slider {
        top: 5px !important;
        right: 5px !important;
    }
}


@media handheld, only screen and (max-width : 480px) {
    .about h1 {
        font-size: 22px !important;
    }
    .altezza_2 .ch, .altezza_3 .ch, .altezza_4 .ch {
        padding-top: 85px;
    }
   
    .cbp-af-header h1 {
        padding-top: 5px;
    }
    .cbp-af-header h1 img {
        height: 60px !important;
    }
    .case-history.cbp-af-header h1 {
        padding-right: 0;
    } 
    header nav {
        font-size:0.84em !important;
        padding-top: 9px !important;
    }
	.cbp-af-header h1 { font-size:1.1em !important }
    header nav li {
        margin-right: 15px;
    }
	header { height: 100px;}
	main {
	    padding-top: 100px;
	}
	main {padding-top: 100px;}
	
    .project-title {
        min-height: 20px;
    }
    #projects p {
        padding: 30px;
        font-size: 16px;
        line-height: 25px;
    }
    .bx-pager {
        display: none;
    }
    .project-navigation .prev {
        padding: 80px 40px 0;
    }
    .project-navigation .next {
        padding: 80px 40px 0;
    }
    footer.bottom {
        min-height: 380px;
    }
    /*
    #cover-project {
         -webkit-background-size: 180% auto !important; 
         background-position: center center fixed;
         background: no-repeat; 
    }*/
    .archive-list {
        -moz-column-count: 1 !important;
        -webkit-column-count: 1 !important;
        column-count: 1 !important;
    }

    .content-about {
        padding-top: 105px !important;
    }

    .content-about .introduction,
    .content-about .where,
    .content-about .who-we-are,
    .content-about .wedo,
    .content-about .slider-content,
    .content-about .what,
    .content-about .clients,
    .content-about .for-clients,
    .content-about .awards {
        padding-bottom: 60px;
    }

    .content-about .how,
    .content-about .where,
    .content-about .wedo,
    .content-about .slider-content,
    .content-about .what,
    .content-about .clients,
    .content-about .for-clients,
    .content-about .awards {
        padding-top: 40px !important;
    }

    .content-about .title, .news-detail h1 {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    .content-about .text, .news-detail .text, .news-detail h2 {
        font-size: 18px !important;
        line-height: 28px !important;
    }

/* citazione plinio */

    .for-clients span {
        font-size: 40px !important;
    }

    .indent {
        margin-left: -15px !important;
    }

    .who-said {
        padding-left: 16px !important;
    }
    
    .for-clients span.last {
        bottom: -30px !important;
    }



/* stop */

    .clients ul li {
        margin: 20px 0 !important;
        width: 100%;
    }

    ul.emailadd li, ul.address li {
        min-height: 0px !important;
        width: 100% !important;
        margin-right: 0 !important;
        padding: 0 !important;
    }

    ul.emailadd li .mail {
        position: relative !important;
        padding-top: 10px;
    }

    footer.bottom {
        padding-top: 100px;
    }
	
	.fancybox-close {
		top: 10px;
		right: -10px;
	}
	.section-title-news {
	    padding-bottom: 20px;
	    padding-top: 60px;
	}
	
	.news h1 {
	    font-size: 28px;
	    line-height: 38px;
	    font-weight: 200;
	    margin-bottom: 20px;
	}
	.news div {
	    font-size: 16px;
	    line-height: 26px;
	}

    .cbp-af-header h1 {
    width: 20% !important;
    }

    .not-found {
    	height: 600px !important;
    }


}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { 
    #cover-project {
         -webkit-background-size: 180% auto !important; 
         background-position: center center fixed;
         background: no-repeat; 
    }

    #cover {
		background: url("../img/splash/ipad/06.jpg") !important; 
		background-image: url("../img/splash/ipad/06.jpg") !important; 
        background-position: center 0px !important; 
        background-size: auto auto !important; 
        background-repeat: no-repeat !important; 
	}

    .content-about {
        padding-top: 100px !important;
    }  
    .content-about .title, .content-about .text {
        padding: 20px 0 !important;
    }
	
    
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { 
    #cover-project {
         -webkit-background-size: 200% auto !important; 
         background-position: center center fixed;
         background: no-repeat; 
    }
    #cover {
		background: url("../img/splash/ipad/06.jpg") !important; 
		background-image: url("../img/splash/ipad/06.jpg") !important; 
        background-position: center 0px !important; 
        background-size: auto auto !important; 
        background-repeat: no-repeat !important; 
	}
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1)  { 
    #cover-project {
        -webkit-background-size: 150% auto !important; 
         background-position: center center fixed;
         background: no-repeat; 
    }
    #cover {
		background: url("../img/splash/ipad/06.jpg") !important; 
		background-image: url("../img/splash/ipad/06.jpg") !important; 
        background-position: center 0px !important; 
        background-size: auto auto !important; 
        background-repeat: no-repeat !important; 
	}
    
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1)  { 
    #cover-project {
         -webkit-background-size: 180% auto !important; 
         background-position: center center fixed;
         background: no-repeat; 
    }
    #cover {
		background: url("../img/splash/ipad/06.jpg") !important; 
		background-image: url("../img/splash/ipad/06.jpg") !important; 
        background-position: center 0px !important; 
        background-size: auto auto !important; 
        background-repeat: no-repeat !important; 
	}
	
}



@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { 
    #cover-project {
         -webkit-background-size: 230% auto !important; 
         background-position: center center fixed;
         background: no-repeat; 
    }

}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { 

    #cover-project {
         -webkit-background-size: 280% auto !important; 
         background-position: center center fixed;
         background: no-repeat; 
    }    
 }

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { 

    #cover {
        -webkit-background-size: 350% auto !important; 
        background-position: 0 0;
    }

}




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

}

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

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.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 {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        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) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

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

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

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

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

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

    @page {
        margin: 0.5cm;
    }

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

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