body {
	color: white;
}

a {
    color: #E72331;
}

a:hover, a:focus, a:active, a.active {
    color: white;
}

.btn-outline {
	border: solid 2px white;
	color: white;
}

.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
	border: solid 2px white;
	color: #E72331;
	background: white;
}

hr {
	border-color: white;
	margin: 15px auto 40px;
    padding: 0;
    border: 0;
    border-top: solid 5px;
    text-align: center;
}

#hr-bacheca {
	max-width: 247px;
}

#hr-lavori {
	max-width: 407px;
}

#hr-contatto {
	max-width: 469px;
}

#hr-edRes {
	max-width: 570px;
}

#hr-impFV {
	max-width: 585px;
}

#hr-atAgr {
	max-width: 478px;
}

#hr-atArt {
	max-width: 540px;
}

#hr-atInd {
	max-width: 536px;
}

#hr-leNR {
	max-width: 564px;
}
	
#hr-leAmp {
	max-width: 352px;
}
	
#hr-leCop {
	max-width: 305px;
}

@media (max-width: 665px) { 
	h2 {
		font-size: 2.4em !important;
	}
	
	#hr-bacheca {
		max-width: 201px !important;
	}
	
	#hr-lavori {
		max-width: 330px !important;
    }
	
	#hr-contatto {
		max-width: 379px !important;
	}
	
	#hr-edRes {
		max-width: 460px !important;
	}
	
	#hr-impFV {
		max-width: 472px;
	}
	
	#hr-atAgr {
		max-width: 387px;
	}
	
	#hr-atArt {
		max-width: 436px;
	}
	
	#hr-atInd {
		max-width: 433px;
	}
	
	#hr-leNR {
		max-width: 455px;
	}
	
	#hr-leAmp {
		max-width: 286px;
	}
	
	#hr-leCop {
		max-width: 248px;
	}
	
}

@media (max-width: 486px) { 
	#hr-edRes {
		max-width: 292px !important;
	}
}

@media (max-width: 499px) {
	#hr-impFV {
		max-width: 290px;
	}
}

@media (max-width: 462px) {
	#hr-atArt {
		max-width: 260px;
	}
}

@media (max-width: 459px) {
	#hr-atInd {
		max-width: 257px;
	}
}

.navbar-default .navbar-brand {
    color: white;
}

.navbar-default .navbar-nav>li>a {
	color: white;
}

nav .container {
	width: 100%;
	min-height: 60px;
	padding: 0; 
	background: black;
}

.navbar-fixed-top {    
    padding: 0px;
} 

.navbar-collapse {
    display: block;
}

@media (min-width: 768px) {
	.navbar-nav.navbar-right:last-child {
	    margin-right: 0px;
	}
}                                   /*serve a non avere lo spazio vuoto a sinistra prima dell' ul;*/

#ul-nav {
	width: 100%;
	background: black;
	/*margin-left: 0%;
	margin-right: 0%;       se si vogliono rimettere i margini far riportare con la width */ 
	float: left;
	height: 60px;
	font-size: 13px;
	vertical-align: center;
}

.navbar-nav li {
	width: 16.6%;
	float: left; 
}

.secondNav {
	width: 33% !important;
}

@media (max-width: 665px) {
	.navbar-nav li {
		font-size: 10px;
	}
	
	.navbar-nav li a {
		padding: 10px 0px;
	}
}

.navbar-nav li a {
	text-align: center;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #E72331;
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #E72331;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #E72331;
    background-color: black;
}

header {
	color: white;
	background-color: black;
}

header .container {
	padding-top: 60px;
	padding-bottom: 50px;
	padding-left: 0px;
	padding-right: 0px;
}

header .logo {
	width: 100%;
	background: white;
	padding-bottom: 0px;	
}

@media (max-width: 1000px) {
	header .logo #br {
		display: none;
	}
}	

@media (max-width: 768px) {
	header .logo {
		padding-top: 100px;
	}
	header .logo a {
		font-size: 10px;
		line-height: 1em;
	}
	header .logo br {
		display: none;
	}
}	

header .logoS {
	width: 100%;
	background: white;
	padding-top: 80px;
	padding-bottom: 0px;	
}

#header .btn-outline {
	margin-top: 0;
}

/*.imVert {
	padding-top: 30px !important;
}

.imVert h3 {
	color: white;
}

.imVert a {
	background: #E72331;
}

.imVert a:hover, .imVert a:active, .imVert a.active, .imVert a:focus {
	border-color: #E72331;
}

.vertical {
	position: relative;
	min-height: 450px;
	background-position: center center;
	color: #E72331;
	text-align: left;                                     
}

.v1 {
	background-color: #ececec;
	background: url('img/StLegno.jpg') no-repeat;
}

.v2 {
	background-color: #ececec;
	background: url('img/ImpFot.jpg') no-repeat;
}

.v3 {
	background-color: #ececec;
	background: url('img/Prog.jpg') no-repeat;
}

@media (max-width: 400px) {
	#h3Prog { 
		margin-bottom: 22px;
	}
}

.vertical span {
	background-color: rgba(0,0,0,0.8);
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 8px;
}

#h4Legno {
	text-align: right;
}

#spLegno {
	background-color: rgba(123,180,33,0.8);
	padding-left: 8px;
	padding-right: 0px;
	margin-right: 10px;
}

.v1 a:first-of-type:hover, .v1 a:first-of-type:focus, .v1 a:first-of-type:active, .v1 a:first-of-type.active {
	color: #7BB421;
	text-decoration: none;
}

#spLegno:hover, #spLegno:focus, #spLegno:active, #spLegno.active  {
	background: #E72331;
}

@media (max-width: 1200px) {
	#spLegno {
		margin-right: 0px;
	}
}

@media (max-width: 665px) {
	
	h4 {
		line-height: 5px;
	}
		
	.vertical span {
		padding-top: 4px;
		padding-bottom: 4px;
		padding-right: 4px;
	}
	
	#spLegno {
		padding-left: 4px;
	}
}

@media (max-width: 400px) {
	#spLegno {
		padding-left: 2px;
	}
}	

.lightboxOverlay {
  background-color: rgb(123,180,33);
 }

.vertical .btn {
	margin: auto;
	position: absolute;
	top: auto;
	left: 0;
	bottom: 20px;
	right: 0;
	width: 50%;
	height: 66.6px;
}

@media (max-width: 1200px) {
	.imVert h3 {
		font-size: 1.5em;
	}
	
	.imVert .btn-outline {
		font-size: 18px;
		padding: 18px 0;
	}
}

@media (max-width: 1000px) {
	.imVert h3 {
		font-size: 1em;
	}
	
	.vertical {
		min-height: 400px;
	}
	
	.imVert h4 {
		font-size: 15px;
	}
	
	.imVert .btn-outline {
		height: 60px;
		font-size: 15px;
		padding: 18px 0;
		bottom:20px;
	}
}

@media (max-width: 665px) {
	.imVert h3 {
		font-size: 0.8em;
	}
	
	.vertical {
		min-height: 350px;
	}
	
	.imVert h4 {
		font-size: 10px;
	}
	
	.imVert .btn-outline {
		height: 50px;
		font-size: 13px;
		padding: 15px 0;
		bottom:15px;
	}
}

@media (max-width: 550px) {
	.imVert h3 {
		font-size: 10px;
	}
	
	.vertical {
		min-height: 320px;
	}
	
	.imVert .btn-outline {
		height: 40px;
		font-size: 11px;
		padding: 10px 0;
		bottom:10px;
	}
}

@media (max-width: 400px) {
	.imVert .btn-outline {
		height: 40px;
		font-size: 8px;
		padding: 12px 0;
	}
}
*/

header .wip {
	width: 100%;
	padding-top: 0px;
	background-color: white;
	color: #E72331;
}

header .intro-text .skills {
	font-size: 3em;
}

@media (max-width: 665px) { 
	header .intro-text .skills {
		font-size: 2em;
	}
}

header .intro-text .skills a:hover, 
header .intro-text .skills a:focus,
header .intro-text .skills a:active {
	color: black;
}

/*
section#bacheca {
	padding-top: 60px;
	background: #E72331;
}

section#bacheca a {
	color: white;
}
	
section#bacheca a:hover, section#bacheca a:active, section#bacheca a.active {
	color: black;
}

.contBacheca {
	position: relative;
	height: 139px;
}

.elBacheca {
	position: absolute;
	width: 95%;
}

.elBacheca img {
	width: 90px;
	float: left;
	margin-right: 10px;
}

.elBacheca p {
	margin-top: 55px;
}

@media (max-width: 665px) { 
	.contBacheca {
		height: 100px;
	}
	
	.elBacheca img {
		width: 65px;
	}
	
	.elBacheca p {
		margin-top: 40px;
		font-size: 18px;
	}
}

@media (max-width: 550px) { 
	.contBacheca {
		height: 75px;
	}
	
	.elBacheca img {
		width: 49px;
	}
	
	.elBacheca p {
		margin-top: 27px;
		font-size: 15px;
	}
}
*/
section#lavori {
	background: black;
}

#lavori h2 {
	    color: #E72331;
	}

#lavori p {
	    color: white;
		font-size: 30px;
	}

@media (max-width: 665px) { 
	#lavori p {
		font-size: 20px;
	}
}

#lavori a:hover, #lavori a:focus, #lavori a:active,
#lavori p:hover, #lavori p:focus, #lavori p:active {
	color: #E72331;
}

/*
#lavori h3 {
	color: white;	
	font-size: 2.5em;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

@media (max-width: 665px) { 
	#lavori h3 {
		font-size: 1.8em;
	}
}
*/

#contact [placeholder] {
	opacity: 0.3;
}

.carousel-inner > .item > img {
      width: 100%;
      margin: auto;
}

.carousel-indicators {
	z-index: 100 !important;
}

.carousel-indicators li {
	
}    
  
.carousel-indicators .active { 
	background-color: white;
}

.carousel-control { 
	color: white;
} 

.carousel-control:hover { 
	color: white;
}

#portfolio {
	background: #E72331;
}

#portfolio h3 {
	color: white;
	font-size: 2.2em;
	text-align: center;
}

@media (max-width: 1200px) { 
	#portfolio h3 {
		font-size: 1.8em;
	}
}

@media (max-width: 1000px) { 
	#portfolio h3 {
		font-size: 1.6em;
	}
}

#portfolio .caption {
	background: rgba(0,0,0,.9) !important;
}

.atArt {
	background-color: black !important;
}

#portfolio.atArt .caption {
	background: rgba(60,92,153,.9) !important;
}

.leAmp {
	background-color: black !important;
}

#portfolio.leAmp .caption {
	background: rgba(60,92,153,.9) !important;
}

#portfolio iframe {
	display: block;
	margin: 0 auto;
}

@media (max-width: 991px) { 
	#portfolio iframe {
		width: 345px;
		height: 249.156px;
	}
}

@media (max-width: 767px) { 
	#portfolio iframe {
		width: 400px;
		height: 288.875px;
	}
}

section#contact {
	background: white;
	padding-bottom: 5px;
}

section#contact h2, section#contact hr  {
	color: #E72331;
}

form .row:first-child .floating-label-form-group {
	border-top: 1px solid #E72331;
}

.floating-label-form-group {
	border-bottom: 1px solid #E72331;
}

input:-moz-placeholder {
    color: #E72331 !important;
}

input::-webkit-input-placeholder {
    color: #E72331 !important;
	font-weight: bold;
}

input[placeholder],[placeholder],*[placeholder] {
    color: #E72331 !important;
}

textarea:-moz-placeholder {
    color: #E72331 !important;
}

textarea::-webkit-input-placeholder {
    color: #E72331 !important;
	font-weight: bold;
}

textarea[placeholder],[placeholder],*[placeholder] {
    color: #E72331 !important;
}

label {
	color: green;
}

.floating-label-form-group-with-focus label {
	color: black;
}

.btn-success {
	color: #E72331;
	background-color: white;
	border-color: #E72331;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
	color: white;
	background-color: #E72331;
	border-color: #E72331;
}

.alert-success {  
    background-color: green;
    border-color: green;
    color: #ffffff;
}

footer {
	color: #E72331;
}

footer .footer-above {
	background-color: white;        
}

footer .footer-below {
	background-color: black;
	color: white;
}

footer a {
	color: white;
}

footer a:hover, a:focus, a:active, a.active {
	color: #E72331;
}

@media (max-width: 1200px) { 
	footer .footer-above .container .row .footer-col iframe {
		width: 550px; height: 325px;
	}
}

@media (max-width: 625px) { 
	footer .footer-above .container .row .footer-col iframe {
		width: 400px; height: 250px;
	}
}

@media (max-width: 425px) { 
	footer .footer-above .container .row .footer-col iframe {
		width: 250px; height: 175px;
	}
} 

.modal-content {
    background-color: black;
}

@media (max-width: 1000px) { 
	.modal-body h2 {
		font-size: 2.2em !important;
	}
}

@media (max-width: 665px) { 
	.modal-body h2 {
		font-size: 1.8em !important;
	}
}

.portfolio-modal .close-modal .lr .rl {
    background-color: #E72331;
}

.portfolio-modal .close-modal .lr {
    background-color: #E72331;
}

.btn-default {
    color: #E72331;
    background-color: white;
    border-color: #E72331;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
    color: white;
    background-color: #E72331;
    border-color: #E72331;
}