/* CSS Document */
body {
	border-bottom: 5px solid #7f1a1d;
}
body,
h1,h2,h3,h4,h5,h6 {
    font-family: 'Source Sans Pro', Helvetica, Aria, sans-serif;
	line-height:1.3;
}
h1,h2,h3,h4,h5,h6 { 
	font-weight: 700;
	line-height:1.1;
}
p, ul {
	line-height:1.3;
}
a {color:#7f1a1d; }
a:hover
a:visited {
	color:#7f1a1d;	
}
.valign {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%); /* IE 9 */
  -webkit-transform: translateY(-50%); /* Safari */
} 
p:last-child {
	margin-bottom: 0;
}
.blu {
	color: #004799;
}
.rosso {
	color: #7f1a1d
}

.section-title {
	font-size: 30px;
}
.diagonalBR::before {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	border-bottom: 30px solid #004799;
	border-left: 30px solid transparent;
	width: 0;
}


#main-wrapper {
	position: relative;
}

/* HEADER */
.header-row {
	position: relative;
}
.header {
	margin-bottom: 40px;
}
.site-logo {
	margin-top: 20px;
}
/* nav */
.nav-wrapper {
    padding-top: 80px;
}
.header .menu-item {
	color: #004799;
	text-transform: uppercase;
	font-size: 15px;
	position: relative;
	padding-left: 10px;
}
.header .menu-item:before {
	content: '';
	width: 4px;
	height: 13px;
	background-color: #7f1a1d;
	position: absolute;
	left: 0;
	top: 3px;
}
.header .menu-item:first-child {
	margin-right: 50px;
}
.header a.menu-item:hover {
	color: #7f1a1d
}

/* COMPANY */
.header .company-row {
	position: absolute;
	top: 0; right: 0;
	z-index: 1;
}
.header .company-row .content-wrapper {
	background-color: #7f1a1d;
	border: 4px solid #FFF;
	border-top: none;
	padding: 0 20px 20px 20px;
	position: relative;
	height: 794px;
}
/*codice css specifico per chrome e safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.header .company-row .content-wrapper { 
		height: 778px; 
	}
	.header .description {
		margin-top: 59px;
	}
}

.header .company-row * {
	color: #FFF;
}
.header .company-row .menu-item:before {
	background-color: #fff;
}
.size25 {
	font-size: 25px;
}
.size40 {
	font-size: 37px;
}
.ttupper {
	text-transform: uppercase
}
.header .company-row .info-title {
    margin-top: 50px;
}
.header .company-row .info-title a:hover h4 {
 color:rgba(255,255,255,.5);
}
.header .company-row .info-title .ttupper {
	margin-bottom: 0px;
	line-height: 1;
}
.header .company-row .bsb-btn {
	margin-top: 70px;
}
.header .description {
	margin-top: 72px;
}
.bsb-btn a,
.bsb-btn a:active,
.bsb-btn a:visited {
    width: 251px;
    height: 61px;
    background: url(../img/btn.png) no-repeat;
    color: #7f1a1d !important;
    padding-left: 18px;
    margin-top: 23px;
    display: inline-block;
    font-size: 28px;
    line-height: 61px;
}
.bsb-btn a:hover {
	color: #004799 !important;
}


/* INTRO */
.intro-row {
	margin-bottom: 30px;
}
.page-title {
	font-size: 30px;
	text-transform: uppercase;
	margin-top: -7px;
}
/*.main-image-wrapper {
	height: inherit;
	background: url(../img/logistica-industriale.jpg) no-repeat;
	background-position: center left;
	background-size: cover;
}
.main-image-wrapper img {
	border: 1px solid #ccc;
}*/


/* MAP */
.map-row {
	padding: 40px 0;
	background: url(../img/row-maps-bg.jpg) no-repeat;
	background-position: center;
	background-size: cover;
	margin-bottom: 40px;
}
.map-row {
	color: #FFF;
}
.map-row .map-wrapper {
	background: url(../img/mappa-operativa-bsb.png) no-repeat;
	background-position: center;
	background-size: cover;
	height: inherit;
}


/* SERVICES  */
.services-row {
	margin-bottom: 30px;
}
.services-row .section-title {
	font-size: 22px;
	color: #004799;
	font-weight: 300;
}
.services-row .image-wrapper {
    height: 190px;
	background-position: center;
	background-size: cover;
	position: relative;
}
.services-row .col-1 .image-wrapper {
	background-image: url(../img/logistica-distributiva.jpg);
}
.services-row .col-2 .image-wrapper {
	background-image: url(../img/factory-logistic.jpg);
}
.services-row .col-3 .image-wrapper {
	background-image: url(../img/logistic-consulting-professionale.jpg);
}

.services-row .content-wrapper {
	padding: 20px 0;
    border-top: 4px solid #7f1a1d;
}

.services-row .image-wrapper a {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
}
.services-row .wrapper {
	border-bottom: 4px solid #7f1a1d;
}


/* TAG */
.row.tecnica-row {
	padding: 40px 0;
	/* margin-bottom: 40px; */
}
	.tag-wrapper {
		margin-bottom: 20px;
	}
		.tag-wrapper button {
    display: inline-block;
    background-color: #004799;
    color: #FFF;
    padding: 4px 10px;
    margin-right: 10px;
    text-transform: uppercase;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 10px;
}
			.tag-wrapper button:hover {
				background-color: #7f1a1d;
			}
			.tag-wrapper button:last-child {
				margin-right: 0;
			}
				.tag-wrapper button h5 {
					margin: 0;
					font-weight: 300;
					font-size: 1rem;
				}
	.description-wrapper {
		position: relative;
	}
		.description-wrapper p {
    display: none;
}





/* Footer */
.footer {
	padding-bottom: 40px;
	margin-top: 60px;
}
	.footer p {
		font-size: 12px;
		margin-bottom: 0;
	}

#backtop {
	background-image: url(../img/backtotop.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	width: 31px; height: 30px;
	display: inline-block;
	transition: background-position 0.3s ease;
	-webkit-transition: background-position 0.3s ease;
	-moz-transition: background-position 0.3s ease;
	-o-transition: background-position 0.3s ease;
}
#backtop:hover {
	background-position: bottom center;
}



.cc-message {text-align: right;}

/* Landing page links in footer */
.landing-links li {
	display: inline-block;
}
.landing-links li a {
	font-size: 13px;
	color: #004799;
	background: #CCC;
	padding: 2px 8px;
	margin: 0 6px 4px 0;
	display: inline-block;
	border-radius: 5px;
}
	.landing-links li a:hover {
		background: #004799;
		color: #FFF;
	}



@media screen and (max-width: 1023px) {
	.header .menu-item:first-child {
		margin-right: 30px;
	}
	.size25 {
		font-size: 18px;
	}
	.size40 {
		font-size: 28px;
	}
	.header .company-row .content-wrapper {
		padding: 0 20px 20px 20px;
		height: auto;
	}
	.header .company-row .info-title {
		margin-top: 20px;
	}
	.header .company-row .bsb-btn {
		margin-top: 10px;
	}
	.header .description {
		margin-top: 20px;
	}
	.bsb-btn a {
		width: 100%;
		padding-left: 28px;
		margin-top: 15px;
		font-size: 25px;
		line-height: 64px;
	}
	.services-row .content-wrapper {
		padding-bottom: 20px;
	}	
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 639px) {
	.header .company-row {
		position: relative;
		z-index: auto;
		margin: 20px auto;
		height:auto;
	}
	.main-image-wrapper {
		height: auto;
		margin: 20px 0;
	}
	.company-row .nav-wrapper {
		padding-top: 20px;
	}
	.map-row .map-wrapper {
		height: 300px;
		margin-top: 20px;
	}
	.size25 {
		font-size: 25px;
	}
	.size40 {
		font-size: 40px;
	}
	.bsb-btn a {
		background: url(../img/btn.png) no-repeat center;
	}
	.services-row .wrapper {
		border-bottom: none;
	}	
	.header .company-row .content-wrapper {
		border: none;	
	}


@media screen and (max-width: 480px) {
	.nav-wrapper {
		padding-top: 20px;
		text-align: left;
	}
	.header .menu-item {
		display: inline-block;
	}	
}