h1 {
	font-family: Comfortaa !important;
	line-height: 45px !important;
}
@media (max-width: 767px) {
	h1 {
		font-size: 2.3em !important;
	}
}
h2 {
	font-size: 1.7em !important;
	line-height: 1.3em !important;
}
h3 {
	font-size: 1.4em !important;
}
h4 {
	font-size: 1.12em !important;
}
h5 {
	font-size: .83em !important;
}
h6 {
	font-size: .75em !important;
}
#sp-logo .logo-wrapper {
	padding: 10px 20px !important;
}
#sp-logo .logo-wrapper a img.image-logo {
	max-height: 65px !important;
}
#project {
	max-width: 1200px;
	margin: auto;
}
#service {
	max-width: 1200px;
	margin: auto;
}
#sp-project-wrapper {
	background-color: white;
	padding: 20px;
}
#sp-slider-wrapper {
	background-image: none !important;
	padding: 0 !important;
}
#sp-slide {
	height: 600px !important;
	z-index: inherit !important;
}
#xeon-slider122 {
	top: 225px !important;
}
.over_video {
	top: 225px !important;
	position: relative;
	margin-bottom: 20px;
	line-height: 1;
	color: #fff !important;
}
.over_video h1,
.over_video h3 {
	color: #fff !important;
}
.container {
	max-width: 100% !important;
	width: 100% !important;
}
#sp-header-wrapper .container {
	padding: 0px !important;
}
#sp-main-menu ul {
	max-width: 650px;
	float: right;
	margin-right: 50px !important;
}
.responsive .sp-main-menu-toggler {
	right: 60px;
}
#sp-footer-wrapper .container {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
#sp-component-area {
	padding: 40px !important;
}
.logo-text {
	width: 250px !important;
}
.logo-slogan {
	width: 110px !important;
}
#pri-background-overlay-87 {
	background-color: #5fc3dd !important;
}
#sp-main-menu ul.level-0 > li:hover,
#sp-main-menu ul.level-0 > li.active {
	background: white !important;
}
#sp-main-menu ul.level-0 > li:hover > a,
#sp-main-menu ul.level-0 > li:active > a {
	color: #5fc3dd !important;
	font-family: Comfortaa;
}
#sp-main-menu ul.level-0 > li:hover >a,
#sp-main-menu ul.level-0 > li.active >a {
	color: #5fc3dd !important;
	font-weight: bold;
	font-family: Comfortaa;
}
.menu-title {
	font-family: Comfortaa;
}
#sp-service-wrapper .container {
	background: #5fc3dd !important;
	border-bottom: none !important;
}
.sp-portfolio-item-details h4 {
	color: #5fc3dd !important;
}
.sp-portfolio-introtext {
	color: #777;
}
#sp-portfolio-wrapper .sp-portfolio .sp-portfolio-filter a.btn.active {
	background-color: #ff8d20 !important;
}
#sp-portfolio-wrapper .sp-portfolio .sp-portfolio-filter a.btn {
	background-color: #ffb774 !important;
}
#sp-pricing-wrapper .container {
	background: #ff8d20 !important;
}
.btn.btn-primary {
	background: #66b9bf !important;
}
.btn.btn-primary:hover {
	background: #5fc3dd !important;
}
#sp-pricing-wrapper #sp-pricing .plan.featured li.plan-price {
	background: #66b9bf !important;
}
#sp-bottom-wrapper .container {
	background-color: #5fc3dd !important;
}
#sp-bottom-wrapper .sp_quickcontact input#sp_qc_submit.button {
	background: #ff8d20 !important;
}
#sp-quickcontact-form input,
#sp-quickcontact-form textarea {
	background: #fff !important;
}
#sp-component-area h1,
#sp-component-area h3,
#sp-component-area h4 {
	color: #5fc3dd !important;
}
#sp-component-area a {
	color: #ff8d20 !important;
}
#sp-component-area p {
	color: #505050 !important;
}
#sp-footer-wrapper .container span {
	color: #505050 !important;
}
#sp-footer-wrapper .container a {
	color: #5fc3dd !important;
}
#tlp-team-module a {
	color: #5fc3dd !important;
}
.servizi_header h1,
.servizi_header h2,
.servizi_header h3,
.servizi_header h4,
.servizi_header h5,
.servizi_header h6 {
	color: white !important;
}
div.appico .sp-portfolio-item-inner {
	border-radius: 8px;
}
#sp-portfolio-wrapper .sp-portfolio .sp-portfolio-item-inner .sp-portfolio-item-details {
	text-align: center !important;
	padding-left: 20px !important;
}
div.appico ul.sp-portfolio-filter {
	line-height: 3;
}
.plan {
	border-radius: 8px !important;
}
#sp-pricing-wrapper #sp-pricing .plan li.plan-action {
	border-bottom: none !important;
}
#sp-pricing-wrapper .container {
	border-bottom: none !important;
}
#sp-service-wrapper .icon-apple,
#sp-service-wrapper .icon-windows,
#sp-service-wrapper .icon-css3 {
	background-color: #5fc3dd !important;
	width: 130px;
	height: 100px;
	padding-top: 30px;
	font-size: 50px;
}
#sp-service-wrapper .icon-android,
#sp-service-wrapper .icon-html5,
#sp-service-wrapper .icon-thumbs-up {
	background-color: #ff8d20 !important;
	width: 130px;
	height: 100px;
	padding-top: 30px;
	font-size: 50px;
}
#tlp-team-module {
	max-width: 80% !important;
	margin: auto !important;
}
.servizi_header {
	margin-top: 20px;
	margin-bottom: 45px;
}
.servizio img {
	max-width: 250px !important;
}
.servizio h3 {
	color: #fff !important;
}
address {
	color: #fff !important;
}
.service_row h3,
.service_row h2,
.service_row h1,
.service_row h4,
.service_row h5,
.service_row h6,
.service_row p {
	color: white !important;
}
.profilo {
	margin-top: 30px !important;
}
.profilo img {
	border-radius: 50% !important;
	border: 5px solid #5fc3dd !important;
}
.profilo h3 {
	margin-top: 10px !important;
}
.accordion-toggle.nn_sliders-toggle {
	text-align: center !important;
}
.nn_sliders-title {
	display: none !important;
}
.span12.profilo .nn_sliders.accordion.panel-group {
	max-width: 435px !important;
	margin: auto !important;
}
@media (min-width: 979px) {
	.image_right {
		float: right !important;
	}
	#proj_par1 {
		margin-top: 125px !important;
	}
	#proj_par2 {
		margin-top: 80px !important;
	}
	#proj_par3 {
		margin-top: 120px !important;
	}
}
@media (max-width: 979px) {
	#proj_par1,
	#proj_par2,
	#proj_par3 {
		margin-top: 40px !important;
	}
}
@media (min-width: 979px) {
	.over_video h1 {
		font-size: 80px !important;
	}
	.over_video h3 {
		font-size: 25px !important;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.over_video h1 {
		font-size: 65px !important;
	}
	.over_video h3 {
		font-size: 25px !important;
	}
}
@media (min-width: 550px) and (max-width: 768px) {
	.over_video h1 {
		font-size: 44px !important;
	}
	.over_video h3 {
		font-size: 20px !important;
	}
}
@media (max-width: 550px) {
	.over_video h1 {
		font-size: 32px !important;
	}
	.over_video h3 {
		font-size: 17px !important;
	}
}
a.menu-item {
	width: 100% !important;
}
@media (max-width: 768px) {
	#footer {
		margin-left: -28px !important;
	}
}
