/*
Theme Name: Girolamo Pubblicità


Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/* Import css */
/* Google font */
@import url('https://fonts.googleapis.com/css?family=Open+Sans|PT+Sans');

body {
    color: #444;
    font-size: 14px;
    font-weight: 300;
    font-family: font-family: 'PT Sans', sans-serif;
    font-style:normal;

}

/* =========================================================
02. Typography
============================================================ */

p {
	line-height: 1.6em;
	margin: 0 0 10px 0;
  font-size: 18px;
  text-align: justify;
}
.firstcharacter {
  color: #903;
  float: left;
  font-size: 100px;
  line-height: 80px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}

blockquote {
	font-size:18px;
	border:none;
	padding:0;
}

blockquote.large {
	font-size:36px;
	font-weight:700;
	line-height:1.1em;
}
blockquote.large:before {
	font-size:64px;
	font-family: FontAwesome;
	content: "\f10d";
	margin-right:20px;
}

blockquote cite 						{ display:block; font-size:12px;}
blockquote cite:before 					{ content:"\2014 \0020"; }
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited 				{ color:#555; }

ul, ol {
	font-size: 1em; /* 16px */
	line-height: 1.5; /* 24px */
	margin: 0 0 1.5em 0;
}

.list-type1{
width:50%;
margin:0 auto;
}

.list-type1 ol{
counter-reset: li;
list-style: none;
*list-style: decimal;
font-size: 18px;
padding: 0;
margin-bottom: 4em;
}

.list-type1 ol ol{
margin: 0 0 0 2em;
}

.list-type1 a{
position: relative;
display: block;
padding: .4em .4em .4em 2em;
*padding: .4em;
margin: .5em 0;
background: #d5a23d;
color: #fff;
text-decoration: none;
transition: all .2s ease-in-out;
}

.list-type1 a:hover{
background: #333333;
text-decoration:none;
transform: scale(1.1);
}

.list-type1 a:before{
content: counter(li);
counter-increment: li;
position: absolute;
left: -1.3em;
top: 50%;
margin-top: -1.3em;
background:#ec605a;
height: 2em;
width: 2em;
line-height: 2em;
border: .3em solid #f3a15e;
text-align: center;
font-weight: bold;
color:#FFF;
}

.list-type2{
width:50%;
margin:0 auto;
}

.list-type2 ul{
counter-reset: li;
list-style: none;
*list-style: decimal;
font-size: 18px;
padding: 0;
margin-bottom: 4em;
}

.list-type2 ul ul{
margin: 0 0 0 2em;
}

.list-type2 a{
position: relative;
display: block;
padding: .4em .4em .4em 2em;
*padding: .4em;
margin: .5em 0;
background: #4cc1d5;
color: #fff;
text-decoration: none;
transition: all .2s ease-in-out;
}

.list-type2 a:hover{
background: #333333;
text-decoration:none;
transform: scale(1.1);
}



body, input, textarea {
}

a {
  color: #454545;
  text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	color: #312f2b;
	line-height:1.1em;
	font-family:'Open Sans', Arial, sans-serif;
}
h1 {
	font-size: 36px;
	margin-bottom:20px;
}
h2 {
	font-size: 30px;
	margin-bottom:20px;
}
h3 {
	font-size: 26px;
	margin-bottom:20px;
}
h4 {
	font-size: 22px;
	margin-bottom:20px;
}
h5 {
	font-size: 18px;
	margin-bottom:15px;
}
h6 {
	font-size: 16px;
	margin-bottom:10px;
}
strong {
	font-weight: 800;
  color: #000;

}
small {
	font-size: 0.75em; /* 12px */
	line-height: 2; /* 24px */
	margin-top: 2em;
	margin-bottom: 0em;
}
em {
	font-style: normal;
	font-family: 'Open Sans';
}

.muted {
	color: #A5A5A2;
}
.impressed {
	text-shadow:
 -1px -1px 0 rgba(0, 0, 0, 0.5), /* shadow */  1px 1px 0 rgba(255, 255, 255, 0.9); /* highlight */
}

h2.pagetitle a{
	color:#fff;
	font-size:70px;
  text-transform: uppercase;
  text-shadow: 2px 2px #666666;
  text-decoration: none;
}

.page-header {
  padding-top: 30px;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
#news-home {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#box-services {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.post-image {
  margin-bottom: 40px;

}

.title_home_separator {
    color: #fff;
    text-align: center;
    margin-top: 110px;
    margin-bottom: 20px;
    font-size: 46px;
    font-weight: 700;
    letter-spacing: -1px
  }

.separator_home_line {
  background-color: #1bac91;
  height: 300px;
  margin-bottom: 40px;
}

 .lavori_home_title {
    text-align: center;
    margin-top: 150px;
    margin-bottom: 80px;
    font-size: 80px;
    letter-spacing: 5px;
    font-weight: 800;
    opacity: 0.4;
  }

/* === section spacer === */

section.spacer {
	padding:90px 0 70px;
	color:#fcfcfc;
}

.spacer.green,.section.green {
	background-image: url("img/bg_azienda.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.spacer.green,.section.green h4 {
	color:#fff;
}

.spacer.services,.section.services {
	background-image: url("img/bg_servizi.jpg");
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
}

.spacer.services,.section.services h4 {
	color:#fff;
}

.spacer.acqua,.section.green_acqua {
	background-color: #d5a23d;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.spacer.acqua,.section.green_acqua h4 {
	color:#fff;
}

.spacer.bgportfolio,.section.bgportfolio {
	background-image: url("img/bg_portfolio.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.spacer.bgportfolio,.section.bgportfolio h4 {
	color:#fff;
}

.spacer.yellow,.section.yellow  {
	background:#ffe873;
}
.spacer.orange,.section.orange {
	background:#f36f36;
}

section.spacer.bg2 {
	background: url(../img/bg/bg-2.jpg) 50% 0 no-repeat fixed;
	width:100%;
	height:auto;
	margin:0;
}

section.spacer.bg3 {
	background: url(../img/bg/bg-3.jpg) 50% 0 no-repeat fixed;
	width:100%;
	height:auto;
	margin:0;
}

section.spacer blockquote.large:before {
	color:#eee;
	opacity:0.6;
}

section.spacer blockquote cite {
	color:#555;
}

/* =========================================================
03. Misc
============================================================ */

.navbar-nav {
  margin-top: 40px;
}

.nav > li > a {
  font-size: 14px;
  text-transform: uppercase;
}

.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size: 1em;
}
.alignright {
	text-align: right;
}
.alignleft {
	text-align: left;
}
.aligncenter {
	text-align: center;
}
.medium {
	font-weight: normal;
}


#portfolio-home {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
}

#portfolio-archive {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;

}

.btn-default {
  background-color: #d5a23d;
  color: #fff;
  border-color: #654a15;
}

.btn-default:hover {
    color: #fff;
    background-color: #333333;
    border-color: #666666;
}

.breadcrumb {
    background-color: #fff;
    font-size: 11px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}

.home-post {
	background:#fff;

}

.home-post:hover {
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


.home-post .entry-content {
	padding:20px;
}
.home-post .entry-content h5 a {
	font-size:22px;
}
.home-post .entry-content h5 a:hover {
	color:#312f2b;
	text-decoration:none;
}
.home-post .entry-content a.more {
	font-size:13px;
}
.home-post .post-meta {
	padding:20px;
	overflow:hidden;
	color:#fcfcfc;
}
.home-post .post-meta i {
	float:left;
	margin-right:20px;
}
.home-post .post-meta span {
	margin-top:10px;
}
.home-post .post-meta span.date {
	font-weight:700;
	font-size:13px;
	float:left;
}
.home-post .post-meta span.tags strong {
	font-weight:800;
	font-size:13px;
	float:left;
	color:#fff !important;
}
.home-post .post-meta span.tags a {
	color:#fcfcfc;
}

 .max-img {
 width: 100%;
 margin-right: auto;
 margin-left: auto;
 display: block;
}


.home-post .post-meta {
	background: #d5a23d;
}

.home-post .post-meta {
	padding:20px;
	overflow:hidden;
	color:#fcfcfc;
}
.home-post .post-meta i {
	float:left;
	margin-right:20px;
}
.home-post .post-meta span {
	margin-top:10px;
}
.home-post .post-meta span.date {
	font-weight:700;
	font-size:13px;
	float:left;
}

.home-post .post-meta span.tags {
	font-weight:700;
	font-size:13px;
	color:#ddd;
}
.home-post .post-meta span.tags a {
	color:#fcfcfc;
}

.home-post .entry-content {
	padding:20px;
}
.home-post .entry-content h5 a {
	font-size:22px;
}
.home-post .entry-content h5 a:hover {
	color:#312f2b;
	text-decoration:none;
}
.home-post .entry-content a.more {
	font-size:13px;
}

.img-thumbnail {
  width: 300px;
  padding: 0;
  height: auto;
  border: none;
  margin: 0 auto;

}
.box_thumbnail {
  width: 300px;
  height: 200px;
  border-radius: 4px;
  overflow: hidden;
  margin: 0 auto;

}

a:hover .img-thumbnail {
  padding: 4px;
}

a.list-group-item {
  text-transform: uppercase;
  color: #fff;
}

.portfolio_content img {
  width: 100%!important;
  height:auto!important;
  margin-bottom: 20px;
}

/* =========================================================
07. Icons
============================================================ */

/* bg */
i.icon-bglight {
	color: #444;
	background: #f7f7f7;
}
i.icon-bglight.active {
	color: #fff;
}

i.icon-bglight.active:hover{
	color: #444;
	background: #f7f7f7;
}

i.icon-bgdark {
	color: #f7f7f7;
	background: #333;
}
i.icon-bgdark:hover {
	color: #fff;
}
i.icon-bgdark.active:hover {
	color: #f7f7f7;
	background: #333;
}

/* square */
i.icon-square {
	display: inline-block;
	text-align: center;
	width: 24px !important;
	height: 24px !important;
	line-height: 24px !important;
}
i.icon-square.icon-2x{
	width: 48px !important;
	height: 48px !important;
	line-height: 48px !important;
}
i.icon-square.icon-3x{
	width: 72px !important;
	height: 72px !important;
	line-height: 72px !important;
}
i.icon-square.icon-4x{
	width: 96px !important;
	height: 96px !important;
	line-height: 96px !important;
}
i.icon-square.icon-5x{
	width: 120px !important;
	height: 120px !important;
	line-height: 120px !important;
}

/* rounded */
i.icon-rounded {
	display: inline-block;
	border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
	-o-border-radius: 6px !important;
	-ms-border-radius: 6px !important;
	text-align: center;
	width: 24px !important;
	height: 24px !important;
	line-height: 24px !important;
}

.icon-rounded.icon-2x{
	width: 48px !important;
	height: 48px !important;
	line-height: 48px !important;
}
.icon-rounded.icon-3x{
	width: 72px !important;
	height: 72px !important;
	line-height: 72px !important;
	border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
	-o-border-radius: 8px !important;
	-ms-border-radius: 8px !important;
}
.icon-rounded.icon-4x{
	width: 96px !important;
	height: 96px !important;
	line-height: 96px !important;
	border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	-o-border-radius: 10px !important;
	-ms-border-radius: 10px !important;
}
.icon-rounded.icon-5x{
	width: 120px !important;
	height: 120px !important;
	line-height: 120px !important;
	border-radius: 12px !important;
	-moz-border-radius: 12px !important;
	-webkit-border-radius: 12px !important;
	-o-border-radius: 12px !important;
	-ms-border-radius: 12px !important;
}


/* circled */
i.icon-circled {
	display: inline-block;
	border-radius: 1000px !important;
	-moz-border-radius: 1000px !important;
	-webkit-border-radius: 1000px !important;
	-o-border-radius: 1000px !important;
	-ms-border-radius: 1000px !important;
	text-align: center;
	width: 24px !important;
	height: 24px !important;
	line-height: 24px !important;
}

.icon-circled.icon-2x{
	width: 48px !important;
	height: 48px !important;
	line-height: 48px !important;
}
.icon-circled.icon-3x{
	width: 72px !important;
	height: 72px !important;
	line-height: 72px !important;
}
.icon-circled.icon-4x{
	width: 96px !important;
	height: 96px !important;
	line-height: 96px !important;
}
.icon-circled.icon-5x{
	width: 120px !important;
	height: 120px !important;
	line-height: 120px !important;
}

i.icon-white {
	color:#fff;
}

/* more icon sizes for font-awesome icons */

.icon-6x {
  font-size: 6em;
}
.icon-6x.icon-border {
  border-width: 6px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.icon-7x {
  font-size: 7em;
}
.icon-6x.icon-border {
  border-width: 6px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.icon-8x {
  font-size: 8em;
}
.icon-6x.icon-border {
  border-width: 6px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.icon-9x {
  font-size: 9em;
}
.icon-6x.icon-border {
  border-width: 6px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.icon-10x {
  font-size: 10em;
}
.icon-6x.icon-border {
  border-width: 6px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

/* =========================================================
06. Footer
============================================================ */

footer {
	background: #000000;
	text-align: center;
	color: #666666;
	padding:50px 0 50px;
  font-size: 13px;
}

footer a {
    color: #666666;
}

footer a:hover {
    color: #fff;
}

footer ul.social-networks {
	list-style:none;
}

footer ul.social-networks li {
	display:inline;
}

footer ul.social-networks li i {
	display:inline-block;
}

footer ul.social-networks li a {
	color: #5e5e5e;
	margin: 0 5px;
}

footer ul.social-networks li a:hover {
	text-decoration:none;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

footer ul.social-networks li i.icon-bgdark {
	background:#414141;
	color: #656565;
}


footer ul.social-networks li a i.icon-instagram:hover {
	background: #ba7b3d;
	color: #fff;
}

footer ul.social-networks li a i.icon-twitter:hover {
	background: #5ad2eb;
	color: #fff;
}
footer ul.social-networks li a i.icon-dribbble:hover {
	background: #f57b71;
	color: #fff;
}
footer ul.social-networks li a i.icon-pinterest:hover {
	background: #d84848;
	color: #fff;
}

/* responsive */
@media (max-width: 680px) {
  h2.pagetitle a {

  	font-size:40px;
    line-height: 1em;

  }
}

@media (max-width: 680px) {
  blockquote.large {

  	font-size:30px;
    line-height: 1em;
    margin-right:20px;


  }
  blockquote.large:before {
  	font-size:42px;
  	font-family: FontAwesome;
  	content: "\f10d";
  	margin-right:20px;
  }
}
@media (max-width: 680px) {
  .brand img{
  	width: 60%;
    padding-bottom: 10px;

  }

}