/*
	SpecificSections.css
	TemplateName: Business Management
	Copyright (c) 2015, ObjectWeb Srl. All rights reserved.
	Version: 1.0.0
*/

/* General
------------------------------------------------------------------------------------------------- */
.content.col-xs-12 {
	padding: 0;
}

.section {
    margin-bottom: 100px !important;
}

.section.no-margin,
footer .section,
.section.menu {
	margin-bottom: 0 !important;
}

.section-subtitle h3 {
  margin-top: 0;
  color: #CECECF;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 20px;
  text-align: center;
}

.section-title h1, 
.section-title h2 {
  margin-top: 0;
  font-weight: 800;
  font-size: 50px;
  margin-bottom: 30px;
  text-align: center;
}

.introduction {
  font-weight: 300;
  font-size: 20px;
}

@media(max-width:991px){
	.section-title h1, 
	.section-title h2 {
	  font-size: 40px;
	}
}

@media(max-width:767px){
	.section-title h1, 
	.section-title h2 {
	  font-size: 30px;
	  margin-bottom: 20px;
	}
	.section {
		margin-bottom: 50px !important;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Header
------------------------------------------------------------------------------------------------- */
header {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
    padding: 15px 0;
    transition: all 0.4s ease 0s;
}

header .header-contact-container {
	padding: 6px;
	margin-bottom: 10px;
}

header.shrink .header-contact-container {
	display: none;
}

header .header-contact-container .section {
	margin-bottom: 0px !Important;
}

header .header-contact-container .language-selector {
	float: right;
	padding-right: 15px;
}

header .header-contact-container .language-selector a {
	color: #fff;
	font-size: 15px;
}

header .header-contact-container .language-selector a.active {
	font-weight: 600;
}

header .header-contact-container .language-selector a::after {
  content: '|';
  padding-left: 5px;
}

header .header-contact-container .language-selector a:last-child::after {
  content: '';
}


header.shrink {
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0px 6px 7px rgba(204,204,204,0.5);
}

.navbar-brand {
    transition: all 0.4s ease 0s;
}

.navbar-brand img {
    max-width: 235px;
	transition: max-width 0.4s;
}

header.shrink .navbar-brand img {
    /*max-width: 200px;*/
}

.navbar-nav > li > a {
    transition: all 0.4s ease 0s;
}

header.shrink .navbar-nav > li > a {
    color: #38454e;
}

header.shrink .navbar-nav > .active > a,
header.shrink .navbar-nav > li > a:hover {
    color: #03C9A9;
}

@media(max-width: 992px){
	.navbar-brand img {
		max-width: 200px !Important;
	} 
}

@media(max-width: 767px){
	header .header-contact-container .language-selector {
		padding-right: 0px;
	}

	header .header-contact-container {
		padding: 0px;
		margin-bottom: 5px;
	}
}

/*Immagine in testata*/
.image-header {
    height: 450px;
    background-size: cover;
    background-position: center;
	position: relative;
}

.image-header:before {
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(36, 22, 16, 0.55)), color-stop(70%, rgba(36, 22, 16, 0)));
    background: -webkit-linear-gradient(top, rgba(36, 22, 16, 0.55) 0%, rgba(36, 22, 16, 0) 70%);
    background: linear-gradient(to bottom, rgba(36, 22, 16, 0.55) 0%, rgba(36, 22, 16, 0) 70%);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

@media(max-width:991px){
	.nav > li > a {
		padding-left: 9px;
		padding-right: 9px;
	}
	.image-header {
		height: 350px;
	}
}

@media(max-width:767px){
	header {
		padding: 10px 0 5px;
	}
	.navbar-brand img {
		max-width: 190px;
	}
	.navbar-collapse {
		background-color: rgba(255,255,255,0.9);
		margin: 0 -15px;
		padding: 0 30px;
	}
	.navbar-default .navbar-nav > li > a {
		background-color: #03C9A9;
		text-align: center;
		margin: 5px 0;
	}
	.image-header {
		height: 250px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Footer
------------------------------------------------------------------------------------------------- */
footer {
    background-color: #232526;
    padding: 100px 15px;
    text-align: center;
    color: #FFF;
}

footer .links-list {
    margin-bottom: 50px;
}

footer .links-list a {
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF;
    margin: 0 30px;
    font-size: 18px;
}

footer .links-list a.active, 
footer .links-list a:hover {
    color: #03C9A9;
}

#footer-copyright {
    font-weight: 100;
    font-size: 14px;
}

#footer-copyright a:hover {
    color: #FFF;
}

@media(max-width:991px){
	footer {
		padding: 50px 15px;
	}
	footer .links-list a {
		margin: 0 10px;
	}
}

@media(max-width:767px){
	footer {
		padding: 30px 15px;
	}
	footer .links-list {
		margin-bottom: 10px;
	}
	footer .links-list a {
		display: block;
		margin: 0;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Home
------------------------------------------------------------------------------------------------- */
/*Slider*/
.home-slider-container {
	height: 800px;
}

.home-slider-container .overlay {
    background-color: rgba(3,201,169,0.8);
    width: 50%;
}

.home-slider-container .text-container {
    margin-top: -125px;
    text-align: left;
    width: 50%;
    max-width: 570px;
    right: 50%;
    padding-right: 50px;
}

.home-slider-container .text-container .title {
    display: block;
    font-weight: 800;
    font-size: 65px;
    line-height: 70px;
    margin-bottom: 20px;
}

.home-slider-container .text-container .sub-title {
    font-weight: 800;
    text-transform: uppercase;
}

.home-slider-container .text-container p {
    font-weight: 300;
    font-size: 30px;
}

@media(max-width:1200px){
	.home-slider-container .text-container {
		padding-left: 15px;
	}
}

@media(max-width:991px){
	.home-slider-container {
		height: 600px;
	}
	.home-slider-container .text-container .title {
		font-size: 50px;
		line-height: 55px;
	}
}

@media(max-width:767px){
	.home-slider-container {
	  height: 400px;
	}
	.home-slider-container .overlay {
	  background-color: transparent;
	}
	.home-slider-container .text-container {
	  width: 100%;
	  right: auto;
	  top: 99px;
	  margin-top: 0;
	  text-align: center;
	  background-color: rgba(3,201,169,0.8);
	  padding: 20px 10px;
	}
	.home-slider-container .text-container .title {
	  font-size: 30px;
	  line-height: 35px;
	}
}

/*Marchi*/
.brand-carousel {
  background-color: #F3F3F3;
  padding: 30px 0;
}

.brand-carousel .item img {
  opacity: 0.3;
}

.brand-carousel .owl-controls.clickable {
  display: none !important;
}

@media(max-width:767px){
	.brand-carousel {
		padding: 15px 0;
	}
}

/*Introduzione*/
.presentation-band {
  background-color: #232526;
  color: #FFF;
  text-align: center;
  padding: 100px 0;
}

.presentation-band .links-container {
  margin-top: 30px;
}

.presentation-band .links-container a {
  background-color: #03C9A9;
  color: #FFF;
  display: inline-block;
  font-size: 18px;
  padding: 15px;
  border-radius: 50px;
  min-width: 330px;
  border: 2px solid #03C9A9;
}

.presentation-band .links-container a:hover {
  background-color: transparent;
  color: #03C9A9;
}

@media(max-width:991px){
	.presentation-band {
	  padding: 50px 0;
	}
	.presentation-band .links-container a {
	  display: inline-block;
	  min-width: auto;
	  padding: 10px 20px;
	}
}

@media(max-width:767px){
	.presentation-band {
	  padding: 30px 0;
	}

	.presentation-band .links-container {
	  margin-top: 20px;
	}
	.presentation-band .links-container a {
	  display: block;
	  margin: 5px 0;
	}
}

/*Griglia con immagine*/
.image-grid:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.image-grid .item {
    display: block;
    position: relative;
    padding: 50px;
    min-height: 500px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.image-grid .item:before {
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(36, 22, 16, 0.55)), color-stop(70%, rgba(36, 22, 16, 0)));
    background: -webkit-linear-gradient(top, rgba(36, 22, 16, 0.55) 0%, rgba(36, 22, 16, 0) 70%);
    background: linear-gradient(to bottom, rgba(36, 22, 16, 0.55) 0%, rgba(36, 22, 16, 0) 70%);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
	left: 0;
	top: 0;
}

.image-grid .item .text {
    position: relative;
    color: #FFF;
    max-width: 50%;
}

.image-grid .item .text .title {
    font-size: 30px;
    font-weight: 800;
}

.image-grid .item .text p {
    font-size: 18px;
}

.image-grid .item .more {
    position: absolute;
    right: -50%;
    display: block;
    width: 50%;
    text-align: center;
    padding-top: 190px;
    font-size: 18px;
    background-color: rgba(3,201,169,0.8);
    color: #FFF;
    transition: right 0.5s ease;
    height: 100%;
    top: 0;
    font-weight: bold;
    font-size: 50px;
}

.image-grid .item:hover .more {
    right: 0;
}

@media(max-width:991px){
	.image-grid .item {
		min-height: 300px;
		padding: 30px;
	}
	.image-grid .item:hover .more {
		right: -50%;
	}
	.image-grid .item .text {
		max-width: 100%;
	}
}

/*Fascia Contatti*/
.contact-band {
  background-color: #f1f8fd;
  padding: 100px 0;
  text-align: center;
}

.contact-band p {
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 30px;
}

.contact-band a {
  display: inline-block;
  background-color: #03C9A9;
  border: 2px solid #03C9A9;
  color: #FFF;
  padding: 15px 50px;
  border-radius: 50px;
  font-size: 18px;
}

.contact-band a:hover {
  background-color: transparent;
  color: #03C9A9;
}

@media(max-width:991px){
	.contact-band {
		padding: 50px 0;
	}
}

@media(max-width:767px){
	.contact-band {
		padding: 30px 0;
	}
	.contact-band p {
	  font-size: 25px;
	  line-height: 30px;
	  margin-bottom: 20px;
	}
	.contact-band a {
	  display: block;
	  padding: 10px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Prodotti
------------------------------------------------------------------------------------------------- */
.products-grid .introduction {
	margin-bottom: 30px;
    text-align: center;

}

.products-grid .item {
  margin-top: 30px;
}

.products-grid .item:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.products-grid .item img {
  padding: 0;
  min-height: 300px;
}

.products-grid .item .text {
  padding: 15px;
  background-color: #F3F3F3;
  min-height: 300px;
}

.products-grid .item .text span {
  display: block;
  font-weight: 800;
  font-size: 22px;
  margin-bottom: 10px;
}

.products-grid .item .text p {
  font-size: 15px;
}

@media(max-width:1200px){
	.products-grid .item img {
	  min-height: 350px;
	}
	.products-grid .item .text {
	  min-height: 350px;
	}
}

@media(max-width:991px){
	.products-grid .item {
	  margin-bottom: 30px;
	}
}

@media(max-width:767px){
	.products-grid .item {
		padding: 0;
	}
	.products-grid .item img,
	.products-grid .item .text {
		min-height: auto;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Servizi
------------------------------------------------------------------------------------------------- */
.services-grid .introduction {
	margin-bottom: 30px;
	text-align: center;
}

.services-grid .item {
    margin-top: 30px;
    position: relative;
}

.services-grid .item > div {
    background-color: #F3F3F3;
    position: relative;
    padding: 15px 15px 15px 65px;
}

.services-grid .item i {
    color: #03C9A9;
    position: absolute;
    left: 15px;
    font-size: 40px;
    top: 15px;
}

.services-grid .item span {
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
  font-size: 22px;
}

.services-grid .links-container {
  margin-top: 100px;
  text-align: center;
}

.services-grid .links-container a {
  background-color: #03C9A9;
  color: #FFF;
  display: inline-block;
  padding: 15px 50px;
  border-radius: 50px;
  border: 2px solid #03C9A9;
  font-size: 18px;
}

.services-grid .links-container a:hover {
  background-color: transparent;
  color: #03C9A9;
}

@media(max-width:1200px){
	.services-grid .item > div {
		min-height: 130px;
	}
}

@media(max-width:991px){
	.services-grid .item > div {
		min-height: 165px;
	}
	.services-grid .links-container {
		margin-top: 50px;
	}
}

@media(max-width:767px){
	.services-grid .item > div {
		min-height: auto;
		padding: 15px;
	}
	.services-grid .item i {
		position: relative;
		top: auto;
		left: auto;
	}
	.services-grid .item span {
		font-size: 20px;
	}
	.services-grid .links-container {
		margin-top: 50px;
		display: block;
		padding: 10px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Chi siamo
------------------------------------------------------------------------------------------------- */
.about-grid .introduction {
	margin-bottom: 60px;
    text-align: center;
}

.about-grid .item {
    text-align: center;
}

.about-grid .item i {
    background-color: #03C9A9;
    color: #FFF;
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin-bottom: 20px;
    border-radius: 50%;
    font-size: 40px;
}

.about-grid .item span {
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
  font-size: 22px;
}

@media(max-width:767px){
	.about-grid .introduction {
		margin-bottom: 30px;
	}
	.about-grid .item {
		min-height: 80px;
		text-align: left;
		margin-bottom: 10px;
	}
	.about-grid .item i {
		float: left;
		margin-bottom: 0;
		text-align: center;
		margin-right: 15px;
	}
	.about-grid .item span {
		font-size: 18px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Contatti
------------------------------------------------------------------------------------------------- */
.section.contact-list {
    padding-left: 0;
    padding-right: 50px;
}

.section.feedback {
    padding-right: 0;
    padding-left: 50px;
}

.feedback .section-title h2,
.contact-list .section-title h2 {
  text-align: left;
  font-weight: 300;
  font-size: 35px;
  margin-bottom: 30px;
}

.feedback .header-feedback {
  margin-bottom: 20px;
}

.input-div .input-type-textarea, 
.input-div input.input-type-text, 
.input-div .input-type-dropdownlist, 
.input-div input.input-type-email {
	max-width: 100% !important;
}

.inputbox label.validation-error-label {
  color: #C20000 !important;
  font-weight: normal;
  font-size: 12px !important;
  background-image: none !important;
  padding-left: 0 !important;
}

.inputbox .validation-highlight {
  background-image: none !important;
  border-color: #C20000;
}

.section.contact-list .item {
  position: relative;
  border-bottom: 1px solid #F3F3F3;
  padding-bottom: 20px;
  margin-bottom: 20px;
  padding-left: 40px;
}

.section.contact-list .item i {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 29px;
  color: #03C9A9;
}

.section.contact-list .item span {
    font-weight: bold;
    display: block;
}

@media(max-width:991px){
	.section.feedback {
		padding-left: 0;
	}
	.feedback .section-title h2, 
	.contact-list .section-title h2 {
		font-size: 29px;
	}
}

@media(max-width:767px){
	.feedback .section-title h2, 
	.contact-list .section-title h2 {
		font-size: 22px;
		margin-bottom: 10px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Fascia Tea Bork
------------------------------------------------------------------------------------------------- */
.image-band {
  background-size: cover;
  background-position: center;
}

.image-band .text {
  background-color: rgba(3,201,169,0.8);
  color: #FFF;
  width: 50%;
  padding: 150px;
}

.image-band .text .title {
  display: block;
  font-size: 50px;
  font-weight: 800;
}

.image-band .text .subtitle {
    font-weight: 800;
    text-transform: uppercase;
}

.image-band .text p {
  font-size: 20px;
  font-weight: 300;
  margin: 30px 0 50px;
}

.image-band .text a {
  color: #FFF;
  display: inline-block;
  border: 2px solid #FFF;
  border-radius: 50px;
  padding: 15px 50px;
  font-size: 18px;
}

.image-band .text a:hover {
  background-color: #FFF;
  color: #03C9A9;
}

@media(max-width:1200px){
	.image-band .text {
		padding: 50px;
	}
}

@media(max-width:991px){
	.image-band .text .title {
	  font-size: 40px;
	  line-height: 45px;
	}
	.image-band .text p {
	  margin: 20px 0;
	}
}

@media(max-width:767px){
	.image-band .text {
	  width: 100%;
	  padding: 30px 15px;
	  text-align: center;
	}
	.image-band .text .title {
	  font-size: 30px;
	  line-height: 35px;
	}
	.image-band .text a {
	  display: block;
	  padding: 10px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Cookie
------------------------------------------------------------------------------------------------- */
.section.cookie {
    bottom: 30px;
    font-size: 16px;
    margin-top: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 2147483647;
}

.section.cookie .info-cookie {
    background-color: rgba(37, 37, 37, 0.9);
    color: #fff;
    font-size: 20px;
    padding: 100px 50px;
    position: relative;
}

.section.cookie .info-cookie .close-popup {
    width: 30px;
    height: 30px;
    background-position: center bottom;
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
}

.section.cookie .info-cookie .close-popup:hover {
    background-position: center top;
}

.section.cookie .info-cookie .text a {
    color: #888;
    font-weight: bold;
    text-transform: uppercase;
}

.section.cookie .info-cookie .text a:hover {
	color: #FFF;
    text-decoration: underline;
}

@media(max-width: 767px){
	.section.cookie .info-cookie {
		padding: 55px 10px;
	}
	.section.cookie .info-cookie {
		font-size: 15px;
	}
}
/* ---------------------------------------------------------------------------------------------- */