.modal h5{
	margin-top:10px;
	margin-bottom: 10px;
}

.btn{
	border-radius:0;
}

.btn-group-sm > .btn, .btn-sm {
	padding: .35rem .7rem;
	font-size: 18px;
	line-height: 1.7;
}

#header{
	/*background: rgba(0, 0, 0, 0.35); */
}

#header.header-scrolled {
	background: rgba(21, 109, 160, 1); 
}

#header #logo img {
	margin-top: -18px;  
	max-height: 40px;
}
#header.header-scrolled #logo img{
	/*height: 55px;*/
	max-height: 35px;
	margin-top: -2px;  
}

.nav-menu li:hover > a {
	color: #98e5ff;
}

.nav-menu > .menu-active > a {
	color: #98e5ff;
}

.menu-has-children{
	color: #fff;
	cursor: pointer;
}

#mobile-nav hr{border-top: 1px solid rgba(255, 255, 255, 0.10) !important;}
#mobile-nav-toggle {
	margin-top: 18px;
}
#mobile-nav ul li a.lang {
	margin-left: 13px;
	margin-top: 15px;
	padding: 6px;
	width: 50px;
	text-align: center;
	border-radius: 25px;
	font-size: 75%;
	background: rgba(255,255,255,0.3);
	font-weight: 300;
}

#intro .carousel-item::before {
	background-color: rgba(0, 0, 0, 0.60);
}

#intro .btn-get-started {
	font-size: 16px;
	font-weight: 800;
	padding: 12px 62px;
	border-radius: 50px;
	border-width: 2px;
	transition: 0.5s;
	margin: 10px;
	color:#fff;
	background: rgba(21, 109, 160, 1);
}

#intro .logo-intro{
	margin-bottom: 20px;
}
#intro h1 {
	font-size: 30px;
	margin-bottom: 10px;
}
#intro h2 {
	font-size: 20px;
	line-height: 25px;
	color:#fff;
}

#about {
	background: #f5f5f5;
}
#about::before {
	background: unset;
}
#map {
	padding: 60px 0;
}
.section-header p {
	padding-bottom: 0px;
}
#call-to-action {
	background: linear-gradient(rgba(5, 61, 105, 1), rgba(0, 187, 255, 1));
}

#portfolio .portfolio-item .portfolio-info {
	padding: 20px;
	height: 70px;
}
#portfolio .portfolio-item figure {
	background: #000;
	overflow: hidden;
	height: 240px;
	position: relative;
	border-radius: 0;

}
#team h3{
	font-size:18px;
	font-weight: 800;
}
#map-contact{
	height: 350px;
	background: url("../img/map.gif") center center no-repeat;
}

#footer {
	background: rgba(5, 61, 105, 0.9);
	padding: 0 0 30px 0;
	color: #fff;
	font-size: 16px;
}
#footer a {
	color:#fff;
}
#footer .footer-top {
	background: rgba(5, 61, 105, 1);
}
#footer .footer-top .footer-links ul li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding: 10px 0;
}
#footer .footer-top h2::before {
	background: rgba(255, 255, 255, 0.2);
}
#footer .footer-top .social-links a {
	font-size: 20px;
	background: rgba(0, 187, 255, 1);
}
.slogan-top{
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	z-index: 9;
	top: 0;
	bottom: 0;
	left:0;
	right:0;
	margin: auto;
	width:70%;
	height: 55%
}
@media (max-width: 600px) {
	.slogan-top{
		width:87%;
	}
}
.slogan-top h5{color:#fff;}

.img-shadow{box-shadow: 0px 0px 10px rgba(0,0,0,0.20);}

#about .about-col h3 {
	/*text-align: left;*/
	font-weight: 700;
	font-size: 18px;
	padding: 0 20px 10px;
	margin: 40px 0 12px 0;
}
#map{padding-bottom: 0}

/*#prodotti1,#prodotti2,#prodotti3,#prodotti4,#prodotti5,#servizi1,#servizi2,#servizi3,#servizi4,#servizi5 {
	padding: 60px 0 40px 0;
	position: relative;
	}*/

	.booking-mobile{
		position:fixed;
		bottom:0;
		left:0;
		background:rgba(0, 0, 0, 0.80);
		width:100%;
		padding:10px;
		z-index:99;
	}
	.booking-mobile .btn{
		background:$bgcolor-1;
		border-color:$bgcolor-1;
		color: #fff;
		font-size:90%;
		width: 80%;
	}

	.section-header h2 {
		font-size: 22px;
	}
	.quality{
		position: absolute;
		left: 10px;
		top:10px;
		z-index: 9;
	}

	/*===============================*/
	@media (max-width: 600px) { 
		#header {
			padding: 30px 0 20px;
			height: 78px; 
		}
		.back-to-top {
			bottom: 10px;
			right: 10px;
		}
		#footer {
			padding: 0 0 60px 0;
		}
		#featured-services p {
			font-size: 18px;
		}
		.section-header h2 {
			font-size: 26px;
		}
		#servizi .about-col h3, #prodotti .about-col h3 {
			font-size: 22px;
		}
		body {
			font-size: 18px;
		}
	}

	/*===============================*/

	@media (min-width: 768px) { 

		#header #logo img {
			margin-top: -15px;  
			max-height: 50px;
		}
		#header.header-scrolled #logo img{
			/*height: 55px;*/
			margin-top: -8px;  
		}


		h1, h2, h3, h4, h5, h6 {
			margin: 0 0 45px 0;
		}
/*	#header.header-scrolled {
		background: rgba(5, 61, 105, 0.95); 
		}*/
		#map-contact{
			height: 450px;
			/*background: url(../img/map.gif center center no-repeat);*/
		}

		.slogan-top{
			width:80%;
		}

		.section-header h2 {
			font-size: 36px;
		}

	}

	/*===============================*/

	@media (min-width: 1024px) {

		#header #logo {
			padding-left: 10px;
			margin-top:2px;
		}
		
		#nav-menu-container {
			padding-right: 0px;
		}
		#header.header-scrolled #logo img{
			max-height: unset;
			height: 45px;
			transition: all 0.5s;
			margin-top: -9px; 
		}
		#intro h1 {
			font-size: 44px;
			margin-bottom: 20px;
		}
		.nav-menu a {
			padding: 6px 12px 6px 12px;
			font-size: 12px;
		}
		.nav-menu a.btn {
			padding-left: 20px;
			padding-right: 20px;
			margin-left: 10px;
		}
		.nav-menu a.lang {
			margin-left: 15px;
			margin-top: 3px;
			padding: 6px;
			border-radius: 25px;
			font-size: 65%;
			background: rgba(255,255,255,0.3);
			font-weight: 300;

		}
		#call-to-action  {
			font-size: 20px;
		}
		#call-to-action h2 {
			font-size: 48px;
		}
		#call-to-action .cta-btn {
			font-weight: 700;
			font-size: 19px;
			padding: 10px 50px;
		}
	}
	/*===============================*/

	@media (min-width: 1200px) {

		#header #logo {
			padding-left: 60px;
			margin-top:0;
		}
		#nav-menu-container {
			padding-right: 60px;
		}

		#header #logo img {
			margin-top: -10px;  
			max-height: none;
		}
		#header.header-scrolled #logo img{
			/*height: 55px;*/
			margin-top: -7px;  
		}
		.nav-menu a {
			padding: 6px 14px;
			font-size: 13px;
		}
		.nav-menu a.lang {
			margin-top: 4px;
			margin-left: 20px;

		}
		.btn-group-sm > .btn, .btn-sm {
			font-size: 16px;
		}
		
		#intro h1 {
			font-size: 54px;
		}
		#intro h2 {
			font-size: 24px;
			line-height: 27px;
		}


	}

	/*===============================*/
	@media (min-width: 1400px) {

	}