html,
body {
    height: 100%;
}

body {
	overflow-x: hidden;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

.page-header {
    color: #012060;
}
.div-text-center {
	text-align: center;
}

.btn-grsa {
	background-color: #012060;
	font-size: 10px !important;
}

.row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.evidence-word {
	color: #C93943;
	font-weight: 300;
}

/* Cookie Banner */

#grsa-cookie-banner {
	top: 0px; 
	background-color: #012060; 
	z-index: 999999; 
	position: fixed; 
	padding: 15px 0px; 
	width: 100%; 
	font-size: 13px; 
	color: rgb(255, 255, 255); 
	box-shadow: rgb(0, 0, 0) 0px 0px 8px; 
	display: block; 
	opacity: 0.8;
}
#wrapper-cookie-banner {
	margin: 0px 10px; 
	text-align: center; 
	line-height: 23px; 
}
#close-cookie-banner {
	margin-left: 20px;
}

/* Home */

#home-header{
	width: auto; 
	height: auto; 
	font-family: verdana; 
	font-size: 3.7em; 
	color: #C93943;
	text-align: center; 
	margin-top: 40px; 
	margin-left: 30px;  
}  
@media only screen and (max-width: 768px) {
	#home-header {
		font-size: 2.7em; 
		margin-left: 0; 
	}
} 
#home-logo{
	margin-top: 60px;
}
@media only screen and (min-width: 600px) and (max-width: 768px){
	#home-logo {
		margin-left: 25%;
	}	
}
header.carousel {
    height: 75%;
}
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}
header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
#home-list {
	margin-left: 20px;
}
#home-description {
	font-size: 16px !important;
}

/* Prodotti */
.inner-item {
	padding-left: 30px;
}
.outer-item {
	color: black;
}
.list-group-item.active {
	background-color: #012060 !important;
	color: lightgray !important;
}
#pa-icon, #ac-icon, #pg-icon, #pr-icon {
	margin-right: 5px;
}
.accessori-title {
	color: #012060;
}
.prodotti-header {
	padding-bottom: 9px;
	margin: 40px 0 20px;
	border-bottom: 1px solid #eee;
	color: #C93943;
}
.prodotti-subtitle {
	font-size: 18px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	color: #012060;
}
.prodotto-content {
	margin-bottom: 50px;
}

/* Contatti */

.contact-one{
	animation-delay: 0.2s !important;
}
.contact-two{
	animation-delay: 0.4s !important;
}
.contact-three{
	animation-delay: 0.6s !important;
}
.contact-four{
	animation-delay: 0.8s !important;
}
.contact-five{
	animation-delay: 1s !important;
}
.contact-six{
	animation-delay: 1.2s !important;
}
#success {
	color: green;
}
#error, #mail-error {
	color: red;
}
.mail-loader {
  border: 5px solid lightgray;
  border-radius: 50%;
  border-top: 5px solid #012060;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Realizzazioni */

.second{
	animation-delay: 0.5s !important;
}
.third{
	animation-delay: 1s !important;
}

/* Navbar */

.navbar {
	border-radius: 0 !important;
	background-color: #012060 !important;
}
.navbar .dropdown-menu a {
    padding: 10px !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    color: #012060 !important;
}
.navbar-nav .open .dropdown-menu {
	background-color: white !important;
	border-color: #012060 !important;
}
.navbar-collapse.in {
	overflow-y: none !important;
}
.active-link{
	color: #fff !important;
}
.dropdown.open > a {
	background-color: white !important;
	color: #012060 !important;
}
.nav-sticky {
	top: 0;
	position: fixed;
	width: 100%;
	z-index: 999;
}

/* Footer */

footer {
	background-color: #012060;
	color: lightgray;
	padding-top: 30px;
}

/* 404 */

.error-404 {
    font-size: 100px;
}

/* Responsive */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

/* Margins */

.h4-margin-top{
	margin-top: 37px;
}