/*

Theme Name: Meteda
Theme URI: http://www.meteda.it
Description: Meteda
Version: 1.0
Author: BeeSoft - Web & Mobile Solutions
Author URI: http://www.beesoft.it

*/

/*********************************** INCLUSIONS ***************************************/

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,400italic');

@import url('css/bootstrap.min.css');

/********************************* CUSTOM STYLES **************************************/

* { outline: 0px; }

body {
	font-family: 'Lato', sans-serif;
	color: #777;
}

h1, h2, h3, h4 { font-weight: 300; }

hr { border-color: #e5e5e5; }

img {
	max-width: 100%;
	height: auto;
}

blockquote {
	border: 0px;
	padding: 0px 100px;
	min-height: 80px;
	position: relative;
	overflow: hidden;
}

blockquote:before {
	content: '\f10e';
	font-family: 'FontAwesome';
	font-size: 80px;
	line-height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	opacity: 0.2;
}

blockquote:after {
	content: '\f10e';
	font-family: 'FontAwesome';
	font-size: 80px;
	line-height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0.2;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.container-fluid { max-width: 1800px; }

.btn {
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 500px;
	border: 0px;
}

.btn .fa { margin-right: 10px; }

.btn.btn-primary { background: #388da9; }

.nav li a {
	border-radius: 0px;
	text-transform: uppercase;
	position: relative;
	border: 1px solid transparent;
	transition: 0.3s ease-in-out;
}

.nav li a:hover {
	border-color: #388da9;
	background: transparent;
	color: #388da9;
}

.nav li.current-menu-item a,
.nav li.current-ancestor-item a,
.nav li.current-parent-item a,
.single-prodotto .prods a {
	 background: #388da9;
	 color: #fff;
}

.jumbotron {
	background: #e9f1f3;
	border-radius: 0px !important;
}

.single-prodotto .jumbotron { margin-bottom: 0px; }

a { text-decoration: none !important; }

/**************************************************************************************/

#preload {
	background: #fff url('images/loader.gif') no-repeat center center;
	position: fixed;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1000;
	top: 0px;
	left: 0px;
	-webkit-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
}

.init #preload, .loading #preload {
	z-index: 900;
	opacity: 1;
}

.init header, .init section, .init footer { opacity: 0; }

/**************************************************************************************/

.content-area {
	background-position: center center;
	background-size: cover;
	padding: 60px 0px;
}

.content-area.compact { padding: 10px 0px; }

.content-area.light { background-color: #e9f1f3; }

.content-area.dark {
	background-color: #314454;
	color: #fff;
}

.content-area.dark .title h2 { color: #fff; }

.content-area.full { min-height: 100vh; }

.title.separator h2 {
	color: #388da9;
	position: relative;
	display: inline-block;
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #388da9;
}

.title.separator h2:before, .title.separator h2:after {
	content: '';
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	background: #388da9;
	left: 50%;
}

.title.separator h2:before {
	bottom: 0px;
	margin-left: -10px;
}

.title.separator h2:after {
	bottom: -10px;
	margin-right: -10px;
}

.title.simple h2 {
	color: #388da9;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #388da9;
}

.block {
	text-align: center;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
}

.block a {
	color: #fff;
	display: block;
}

.block .photo a { position: relative; }
.block .photo a, .block .photo img { display: block; }

.block .photo img {
	width: 100%;
	height: auto;
	border: 1px solid rgba(0,0,0,0.1);
	transition: 0.3s ease-in-out;
}

.desk .block:hover .photo img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

/*
.block .photo a:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	border: 1px solid #fff;
	transition: 0.3s ease-in-out;
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
}
*/

.desk .block:hover .photo a:before {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.block .photo a:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	top: 80%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0.6;
	background: #388da9;
}

.block.col-alt1 .photo a:after { background: #8bac77; }
.block.col-alt2 .photo a:after { background: #889bac; }
.block.col-alt3 .photo a:after { background: #bab0A6; }

.block.col-alt4 .photo a:after { background: #518f81; }
.block.col-alt5 .photo a:after { background: #976ca3; }
.block.col-alt6 .photo a:after { background: #bb7c7c; }

.block.col-alt7 .photo a:after { background: #c55680; }
.block.col-alt8 .photo a:after { background: #5688c5; }
.block.col-alt9 .photo a:after { background: #6c5ba2; }

.desk .block:hover .photo a:after { top: 0px; }

.block .title {
	position: absolute;
	z-index: 3;
	bottom: 10px;
	right: 20px;
	left: 20px;
}

.desk .block:hover .title { bottom: 40px; }

.block .title h3 {
/* 	text-transform: uppercase; */
	margin: 0px;
	font-size: 14px;
	transition: 0.3s ease-in-out;
}

.desk .block:hover .title h3 { 
	padding-bottom: 10px; 
}

.block .title h3 a { padding: 5px; }

.block .tagline {
	height: 0px;
	opacity: 0;
	transition: 0.3s ease-in-out;
}

.desk .block:hover .tagline {
	opacity: 1;
	height: 40px;
}

.block .tagline p {
	margin: 0px;
	font-weight: 300;
}

.post { overflow: hidden; }

.post .photo {
	width: 30%;
	float: left;
}

.post .title, .post .meta, .post .excerpt { margin-left: 34%; }

.post .photo { overflow: hidden; }

.post .photo img {
	display: block;
	transition: 0.3s ease-in-out;
}

.desk .post .photo:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.post .photo a {
	position: relative;
	display: block;
}

.post .photo a:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	border: 1px solid #fff;
	transition: 0.3s ease-in-out;
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.desk .post .photo:hover a:before {
	-webkit-transform: scale(2);
	transform: scale(2);
	opacity: 0;
}

.post .photo a:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0.6;
	background: #388da9;
}

.post .excerpt { font-size: 0.9em; }

.meta {
	overflow: hidden;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 10px;
	text-transform: uppercase;
	font-size: 0.8em;
}

.meta .date { float: right; }
.meta .cat { float: left; }

.meta .date:before, .meta .cat:before, .meta .tags:before {
	display: inline-block;
	font-family: 'FontAwesome';
	margin-right: 5px;
}

.meta .date:before { content: '\f073'; }
.meta .cat:before { content: '\f07b'; }
.meta .tags:before { content: '\f02c'; }

.contact-block { line-height: 180%; }

.contact-block .info {
	position: relative;
	margin-bottom: 10px;
}

.contact-block .info:before {
	font-family: 'FontAwesome';
	margin-right: 5px;
	opacity: 0.6;
}

.contact-block .place:before { content: '\f041'; }
.contact-block .phone:before { content: '\f095'; }
.contact-block .fax:before { content: '\f02f'; }
.contact-block .mail:before { content: '\f0e0'; }

.text.focus {
	font-size: 1.1em;
	line-height: 180%;
}

.text blockquote { margin: 40px 0px; }

.green { color: #27b25a; }

/**************************************************************************************/

.logo { margin-right: 40px; }

#main-nav {
	background: #fff;
	background: rgba(255,255,255,0.9);
	font-size: 11px;
	position: fixed;
	padding: 10px 0px;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 100;
	transition: 0.3s ease-in-out;
}

#main-nav.scroll {
	background: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

#main-nav .nav { margin-top: 12px; }

#main-nav .nav > li > a {
	padding: 5px 10px;
	padding: 5px;
}

#main-nav .lang {
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid rgba(0,0,0,0.1);
}

#main-nav .lang img {
	height: 12px;
	margin-right: 5px;
}

/**************************************************************************************/

.slick-prev:before, .slick-next:before {
	font-family: 'FontAwesome';
	font-size: 24px;
}

.slick-prev:before { content: '\f104'; }
.slick-next:before { content: '\f105'; }

.slick-prev { left: 40px; }
.slick-next { right: 40px; }

.slick-prev, .slick-next {
	background: #388da9 !important;
	width: 40px;
	height: 40px;
}

#slider { margin: 0px;  }

#slider .slick-dots { bottom: -40px; }

#slider .item {
	position: relative;
	background-position: center center;
	background-size: cover;
	/*
	height: 500px;
	height: 80vh;
	*/
}

/* Rimossa da richiesta di Marco Vespasiano l'11/11/2015
#slider .item:before {
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: -moz-linear-gradient(top,  rgba(136,155,172,0) 14%, rgba(136,155,172,0.8) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,rgba(136,155,172,0)), color-stop(100%,rgba(136,155,172,0.8)));
	background: -webkit-linear-gradient(top,  rgba(136,155,172,0) 14%,rgba(136,155,172,0.8) 100%);
	background: -o-linear-gradient(top,  rgba(136,155,172,0) 14%,rgba(136,155,172,0.8) 100%);
	background: -ms-linear-gradient(top,  rgba(136,155,172,0) 14%,rgba(136,155,172,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(136,155,172,0) 14%,rgba(136,155,172,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00889bac', endColorstr='#cc889bac',GradientType=0 );
}
*/

#slider .item .content {
	position: absolute;
	/* color: #fff;*/
	color: #388DA9;
	z-index: 10;
	bottom: 60px;
}

#highlights .block { margin: 20px 0px; }

#highlights .block .title:before { display: none; }

#quick-prods .btn-tgl {
	margin: 10px 0px -20px 0px;
	position: relative;
	z-index: 10;
}

#quick-prods .overview {
	margin-top: 40px;
	margin-bottom: 40px;
}

#quick-prods .block .title { bottom: 40px; }

#quick-prods .block .title h3 { 
	font-size: 22px; 
	opacity: 1;
}

#quick-prods .block .photo a:after { display: none; }

#quick-prods .block .photo a:before {
	-webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

#quality .photo, #quality .cert { margin: 40px; }
#quality .cert .photo { margin: 0px; }

#quality .photo.zoom { border-bottom: none; }
#quality .photo.zoom:before { display: none; }

#quality .cert h5 {
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
}

#quality .cert p { margin-top: 10px; }

#keynums { background-image: url('images/bg1.jpg'); }

#keynums blockquote { margin: 60px 0px; }

#keynums .num {
	margin: 40px 0px;
	padding: 20px;
	min-height: 130px;
	background: rgba(255,255,255,0.2);
}

#keynums .num strong {
	display: block;
	font-size: 2.5em;
}

#blog-stream {
	overflow: hidden;
	position: relative;
}

#blog-stream:before {
	content: '\f0f6';
	font-family: 'FontAwesome';
	display: block;
	position: absolute;
	font-size: 250px;
	height: 250px;
	bottom: -10px;
	right: 40px;
	color: rgba(0,0,0,0.06);
	-webkit-transform: rotate(-20deg);
	transform: rotate(-20deg);
}

#blog-stream .text { margin-bottom: 40px; }

#blog-stream .ticker {
	border: 1px solid #388da9;
	background: #fff;
	margin: 40px 0px;
}

#blog-stream .slick-dots {
	width: 20px;
	right: -30px;
	top: 35%;
}

/* #blog-stream .post { padding: 36px 40px; } */
#blog-stream .post {
	min-height: 170px;
	margin: 20px 20px ;
	display: inline-block;
}

#category .post {
	overflow: hidden;
	margin-bottom: 40px;
}

/**************************************************************************************/

#heading {
	background-color: #314454;
	padding-top: 100px;
	text-align: center;
	color: #fff;
}

#heading .title h2 { color: #fff; }

#heading .tagline {
	text-transform: uppercase;
	margin-bottom: 40px;
	opacity: 0.5;
}

#heading .tagline:hover { opacity: 1; }

#heading .breadcrumb {
	border-radius: 0px;
	display: inline-block;
	margin-bottom: -40px;
	background: #388da9;
	font-size: 0.7em;
	color: #fff;
}

#heading .breadcrumb a, #heading .breadcrumb > .active { color: #fff; }
#heading .breadcrumb > .active { opacity: 0.5; }

.photo.zoom {
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #388da9;
}

.photo.zoom:before {
	content: '';
	display: block;
	width: 100px;
	height: 100px;
	background: #388da9;
	position: absolute;
	right: -50px;
	bottom: -50px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.photo.zoom img { display: block; }

.timeline {
	border: 1px solid #388da9;
	margin: 40px 0px;
	position: relative;
	text-align: center;
}

.timeline:before {
	content: '';
	display: block;
	width: 200px;
	height: 200px;
	position: absolute;
	border: 1px solid #388da9;
	top: 20px;
	left: 50%;
	margin-left: -100px;
	-webkit-transform: rotate(45deg);
}

.timeline .item { padding: 40px; }

.timeline .item h3 {
	font-size: 1.2em;
	text-transform: uppercase;
}

.timeline .year {
	background: #388da9;
	margin: auto;
	margin-top: 10px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	font-size: 20px;
	border-radius: 50%;
}

.clients { margin: 40px 0px; }

.clients img {
	display: inline-block;
	margin: 10px;
}

/**************************************************************************************/

.cat-group .prod { margin-bottom: 40px; }

#cat-list { margin: 30px 0px; }

#cat-list li { margin-bottom: 5px; }

#cat-list li a {
	color: #fff;
	background: #388da9;
	display: block;
	text-transform: uppercase;
	border-radius: 3px;
	padding: 3px 5px;
}

#cat-list li a.col-alt1 { background: #8bac77; }
#cat-list li a.col-alt2 { background: #889bac; }
#cat-list li a.col-alt3 { background: #bab0A6; }

#cat-list li a.col-alt4 { background: #518f81; }
#cat-list li a.col-alt5 { background: #976ca3; }
#cat-list li a.col-alt6 { background: #bb7c7c; }

#cat-list li a.col-alt7 { background: #c55680; }
#cat-list li a.col-alt8 { background: #5688c5; }
#cat-list li a.col-alt9 { background: #6c5ba2; }

#prod-list .prod { margin-bottom: 40px; }

#details { padding-top: 20px; }

#details .cat {
	text-align: center;
	margin: -20px 0px 20px 0px;
}

#details .text {
	overflow: hidden;
	margin-bottom: 20px;
}

#details .media {
	position: relative;
	overflow: hidden;
	margin: 60px 0px;
	padding: 20px 0px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

#details .media:before {
	font-family: 'FontAwesome';
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 20px;
	left: 10%;
	color: #000;
	opacity: 0.1;
	font-size: 200px;
}

#details .media.vid:before { content: '\f03d'; }
#details .media.doc:before { content: '\f15c'; }

#details .media iframe {
	position: relative;
	z-index: 10;
	width: 60%;
	height: 500px;
	float: right;
}

#details .media .text {
	position: relative;
	z-index: 10;
	margin: 20px 0px;
	text-align: right;
	float: left;
	width: 30%;
}

.prod .cat {
	text-align: center;
	text-transform: uppercase;
	padding-top: 10px;
	height: 60px;
	font-size: 0.7em;
}

.prod .cat a,
.prod .cat span {
	color: #fff;
	background: #6FB7CE;
	display: inline-block;
	text-transform: uppercase;
	border-radius: 3px;
	padding: 3px 8px;
	margin: 5px;
}

.related { text-align: center; }

.related .prod {
	vertical-align: top;
	display: inline-block;
	margin: 20px;
	width: 30%;
}

.cat a.col-alt1,
.cat span.col-alt1 { background: #8bac77; }
.cat a.col-alt2,
.cat span.col-alt2 { background: #889bac; }
.cat a.col-alt3,
.cat span.col-alt3 { background: #bab0A6; }

.cat a.col-alt4,
.cat span.col-alt4 { background: #518f81; }
.cat a.col-alt5,
.cat span.col-alt5 { background: #976ca3; }
.cat a.col-alt6,
.cat span.col-alt6 { background: #bb7c7c; }

.cat a.col-alt7,
.cat span.col-alt7 { background: #c55680; }
.cat a.col-alt8,
.cat span.col-alt8 { background: #5688c5; }
.cat a.col-alt9,
.cat span.col-alt9 { background: #6c5ba2; }

.cover {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover !important;
	margin-bottom: 40px;
	position: relative;
	/*
	height: 500px;
	height: 60vh;
	*/
}

.cover:before {
	content: '';
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: -moz-linear-gradient(top,  rgba(136,155,172,0) 14%, rgba(136,155,172,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,rgba(136,155,172,0)), color-stop(100%,rgba(136,155,172,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(136,155,172,0) 14%,rgba(136,155,172,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(136,155,172,0) 14%,rgba(136,155,172,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(136,155,172,0) 14%,rgba(136,155,172,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(136,155,172,0) 14%,rgba(136,155,172,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00889bac', endColorstr='#cc889bac',GradientType=0 ); /* IE6-9 */
}

.cover img {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

.cover .title {
	color: #388da9;
	/*
	position: absolute;
	color: #fff;
	z-index: 10;
	bottom: 40px;
	left: 40px;
	right: 40px;
	*/
}

.text-2col {
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.text-3col {
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.gallery {
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	margin: 60px 0px;
	padding: 40px 0px;
}

.gallery:before {
	content: '\f002';
	font-family: 'FontAwesome';
	font-size: 30px;
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #e5e5e5;
	color: #fff;
	position: absolute;
	top: -25px;
	left: 50%;
	margin-left: -25px;
}

.tech {
	border: 1px solid #e5e5e5;
	background: #fff;
	padding: 40px;
	margin: 40px 0px;
	font-size: 1.2em;
	position: relative;
	overflow: visible !important;
}

.tech:before {
	content: '\f0ca';
	font-family: 'FontAwesome';
	font-size: 30px;
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #e5e5e5;
	color: #fff;
	position: absolute;
	top: -25px;
	right: 25px;
}

.tech.attach:before { content: '\f0f6'; }

.tech h4 { color: #388da9; }

.tech ul {
	margin: 20px 0px;
	padding: 0px;
}

.tech li {
	border-bottom: 1px dashed #e5e5e5;
	padding: 10px 0px;
}

.callto {
	padding: 40px;
	margin: 40px 0px;
	text-align: center;
	background: #f16820;
	position: relative;
	overflow: hidden;
	font-size: 2em;
	display: block;
	color: #fff !important;
}

.callto:before {
	content: '\f138';
	font-family: 'FontAwesome';
	font-size: 80px;
	opacity: 0.3;
	position: absolute;
	line-height: 80px;
	height: 80px;
	width: 80px;
	right: -15px;
	top: 50%;
	margin-top: -40px;
	transition: 0.3s ease-in-out;
}


span.callto { padding: 20px 40px; }

span.callto em {
	display: block;
	font-style: normal;
}

span.callto img {
	height: 60px;
	width: auto;
	display: inline-block;
	margin: 6px 10px 0 10px;
}

span.callto:before { display: none; }


.desk .callto:hover:before {
	right: 20px;
	opacity: 1;
}

.callto.scrollto:before { content: '\f13a'; }

.desk .callto:hover:before {
	right: -15px;
	top: 55%;
}

.aligncenter {
	margin: 20px auto;
	display: block;
	max-width: 100%;
	clear: both;
}

.alignleft {
	margin: 10px 20px 20px 0px;
	max-width: 100%;
	float: left;
	clear: left;
}

.alignright {
	margin: 10px 0px 20px 20px;
	max-width: 100%;
	float: right;
	clear: right;
}

/**************************************************************************************/

.form-box {
	background: #e9f1f3;
	padding: 20px;
}

.req { color: red; }

#ninja_forms_field_7, #ninja_forms_field_13, #ninja_forms_field_22 { display: inline-block; }

.ninja-forms-form-wrap select { width: 100% !important; height: 34px !important; }
.field-wrap.label-left .ninja-forms-field { margin-left: 0 !important; }

.info-block {
	border: 1px solid #e5e5e5;
	background: #fff;
	padding: 40px;
	margin-bottom: 40px;
	position: relative;
}

.info-block:before {
	content: '\f129';
	font-family: 'FontAwesome';
	font-size: 30px;
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #e5e5e5;
	color: #fff;
	position: absolute;
	top: -25px;
	right: 25px;
}

.info-block .title { color: #388da9; }
.info-block .title h3 { margin: 0px 0px 20px 0px; }

.downloads { text-align: center; }

.downloads .block {
	display: inline-block;
	font-size: 0.8em;
	margin: 20px;
	width: 20%;
}

.block.download .title, .block.download .photo a:after { display: none; }

/**************************************************************************************/

.side-box {
	padding: 20px;
	margin-bottom: 40px;
	border: 1px solid #e5e5e5;
}

.side-box h3 {
	margin: 0px 0px 20px 0px;
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
}

aside .side-box ul {
	padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

aside .side-box ul li {
	float: none;
	position: relative;
    display: block;
        margin-top: 2px;
    margin-left: 0;
}

aside .side-box ul li a {
	border-radius: 0px;
	text-transform: uppercase;
	position: relative;
	border: 1px solid transparent;
	transition: 0.3s ease-in-out;
	display: block;
	padding: 10px 15px;
}

aside .side-box ul li a:hover { border: 1px solid #388da9; }

aside .side-box ul li.current-cat a {
	background: #388da9;
	color: #fff;
}


#single .title.simple h2 { margin-bottom: 10px; }

#single .meta { margin-bottom: 40px; }

#single .meta.foot {
	border-top: 1px solid rgba(0,0,0,0.1);
	padding-top: 10px;
	margin-top: 40px;
}

#sidebar .block { margin-bottom: 20px; }

#cloud { text-align: center; }
#cloud a { margin-right: 5px; }

.wp-pagenavi {
	border-top: 1px dashed #e5e5e5;
	text-transform: uppercase;
	margin: 40px 0px;
	padding-top: 20px;
	text-align: right;
	font-size: 0.8em;
}

.wp-pagenavi .pages { float: left; }

.wp-pagenavi .current, .wp-pagenavi a {
	display: inline-block;
	padding: 3px 5px;
	border: 1px solid #e5e5e5;
	margin-left: 5px;
}

.wp-pagenavi .current {
	background: #388da9;
	color: #fff;
}

/**************************************************************************************/

#foot {
	padding: 60px 0px;
	border-top: 5px solid #e5e5e5;
	font-size: 0.9em;
}

#foot .social { margin: 20px 0px; }

#foot .social .fa {
	margin: 5px;
	vertical-align: middle;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
	width: 30px;
	height: 30px;
	color: #fff;
}

.fa-facebook { background: #3e5c9a; }
.fa-twitter { background: #5ea9dd; }
.fa-youtube { background: #c2191e; }
.fa-google-plus { background: #d84734; }
.fa-instagram { background: #195c81; }
.fa-pinterest { background: #c21e27; }
.fa-linkedin { background: #007bb6; }

#foot .logos { text-align: right; }

#foot .logos img {
    margin-left: 10px;
    max-height: 54px;
}

#foot .credits { font-size: 0.8em; }

#foot .nav {
	display: inline-block;
	margin: 20px 0px 20px 40px;
}

#gotop {
	opacity: 0;
	position: fixed;
	display: block;
	text-align: center;
	z-index: 100;
	right: 20px;
	bottom: -100%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	background: rgba(0,0,0,0.2);
	color: #fff !important;
	transition: 0.6s ease-in-out;
}

#gotop.show {
	opacity: 1;
	bottom: 40px;
}

.ext-link {
	text-transform: uppercase;
	font-size: 10px;
	display: inline-block;
	margin-top: 5px;
}

.ext-link:before {
	content: '\f08e';
	margin-right: 5px;
	display: inline-block;
	font-family: 'FontAwesome';
}


#nf-form-13-cont .nf-form-fields-required {
  display: none;
}

/**************************************************************************************/
/**************************************************************************************/


/*** WIDE 1280px ***/

@media only screen and (min-width: 1280px) {

	.content-area.bg-fixed { background-attachment: fixed; }
	
	.block .photo a:after { top: 85%; }
	.block .title h3 { font-size: 14px; }

	#main-nav { font-size: 14px; }

	#main-nav .nav > li > a {
		padding: 5px 8px;
	}

	#foot .logos img {
		max-height: 60px;
		margin-left: 20px;
	}


}


/*** TABLET (vertical) + MOBILE common rules ***/

@media only screen and (max-width: 991px) {

	/** Assistenza **/
	.info-block { margin-top: 40px; }

	/** Single Prodotto **/
	#details .media iframe { width: 100%; }
	#details .media .text {
		width: 100%;
		text-align: left;
	}

	/** Single Case **/
	.related .prod {
		width: 80%;
		margin-bottom: 40px;
	}

	#details .cover { 
		/* height: 45vh; */
	}

	#sidebar { margin-top: 80px; }

}

/*** TABLET 768px (vertical) ***/

@media only screen and (min-width: 768px) and (max-width: 991px) {

	/** Header **/
	.navbar-header { width: 120px;}
	#main-nav { font-size: 11px; }
	#main-nav .nav > li > a {
		padding: 4px 2.5px;
		font-size: 10px;
	}
	a.logo { margin-right: 0px; }
	a.logo img {
		max-width: 100%;
		margin-top: 6px;
	}
	#main-nav .lang {
		padding-left: 5px;
		margin-left: 5px;
	}

	/** Slider **/
	/*#slider .item { height: 50vh; }*/
	#slider { margin-top: 70px; }
	#slider .item .content { 
		margin-left: 60px; 
		bottom: 10px;
	}
	.slick-prev { left: 20px; }
	.slick-next { right: 20px; }
	
	.content-area { padding: 30px 0px; }

	/** Quick Prods **/
	#quick-prods .overview .photo { margin-bottom: 20px; }
	#quality .photo, #quality .cert { margin: 10px; }

	/** Blog Stream **/
	#blog-stream .title.separator {
		display: block;
		text-align: center;
	}
	#blog-stream .text { text-align: center; }
	#blog-stream a.btn.btn-primary {
		margin: 0px auto;
		display: table;
	}

	/** Footer **/
	#foot .col-md-3 {
		display: inline-block;
		vertical-align: top;
	}

	#foot .col-md-4,
	#foot .col-md-8.text-right {
		display: inline-block;
		vertical-align: middle;
	}
	#foot .col-md-8.text-right { float: right; }
	#foot .logos img {
	    margin-left: 0px;
		max-height: 50px;
		margin-top: 20px;
		margin-right: 20px;
	}

	/** Azienda **/
	.photo.zoom img {
		max-width: none;
		width: 100%;
	}

	/** Single Prodotto **/
	#details .title h2 { font-size: 26px; }


}

/*** MOBILE 320px ***/

@media only screen and (max-width: 767px) {

	.alignleft, .alignright {
		margin: 20px 0px;
		float: none;
		width: 100%;
		max-width: none;
	}

	/** Header **/
	.logo { margin: 0 20px; }
	.nav-pills > li {
		float: none;
		display: block;
	}
	.navbar-right.lang li { display: inline-block; }
	#main-nav .lang {
		text-align: center;
		margin-left: 0 !important;
		padding: 10px 0px;
		padding-bottom: 10px;
		border: 1px solid rgba(0,0,0,0.1);
	}

	/** Slider **/
	#slider { margin-top: 80px; }
	#slider .item .content { 
		position: static;
		text-align: center;
	}
	#slider .item .content .btn { font-size: 9px; }
	/*#slider .item { height: 380px; }*/
	.slick-prev, .slick-next { display: none !important; }
	
	.content-area { padding: 30px 0px; }

	/** Quick Prods **/
	#quick-prods .overview .photo { margin-bottom: 20px; }
	#quality .photo, #quality .cert { margin: 20px; }

	/** Blog Stream **/
	#blog-stream .col-md-4 { text-align: center; }
	#blog-stream .post { padding: 20px; }
	.post .photo {
		width: 100%;
		display: inline-block;
	}
	.post .title,
	.post .meta,
	.post .excerpt {
		margin-left: 0;
		display: inline-block;
	}
	.post .meta {
		margin-top: 10px;
		width: 100%;
	}

	/** Footer **/
	#foot .logos { text-align: left; }
	#foot .logos img { margin: 20px 30px 0 0; }
	#foot .nav { margin-left: 0px; }
	#foot .nav-pills.links > li { display:block; }
	#foot .nav-pills.links {
		float: left;
		text-align: left !important;
	}
	#foot .credits.text-right { text-align: left; }

	/** Assistenza **/
	.downloads .block { width: 70%; }

	/** Azienda **/
	#quality .cert { margin-bottom: 40px; }

	/** Single Prodotto **/
	#details .cover .title { bottom:20px; }
	#details .title h2 { font-size: 20px; }
	#details .media iframe { height: 200px; }

	/** Single Case **/
	.related .prod {
		width: 100%;
		margin: 0 0 40px 0;
	}
	.related .prod .block .title h3 { font-size: 1em; }

	/** Template Standard **/
	blockquote { font-size: 11.5px; }

	/** Blog **/
	#category .title h3 { margin-top: 4px; }

}

/*** MOBILE (WIDE) 480px ***/

@media only screen and (min-width: 480px) and (max-width: 767px) {

	#details .cover { 
		/* height: 50vh; */
	}

}

/**************************** NEW STYLES FOR VIDEO TUTORIAL ********************************/

.seabeescuit-custom-form {
	width: 100%;
	display: inline-block;
	margin: 30px 0 0 0;
}

.seabeescuit-custom-form .form-group .form-check-label {
	font-size: 13px !important;
	font-weight: 400 !important;
	vertical-align: middle !important;
	padding-left: 10px !important;
}

.seabeescuit-custom-form .form-group .form-check-input {
	margin-top: 8px !important;
}

.seabeescuit-custom-form .form-group .seabeescuit-customform-field-label {
	font-size: 14px !important;
	font-weight: 700 !important;
	margin-bottom: 2.5px !important;
}

.seabeescuit-custom-form .form-group {
	margin: 10px 0 !important;
}
.seabeescuit-custom-form .form-group .form-control {
	height: 50px !important;
	font-size: 14px !important;
}

.seabeescuit-custom-form .form-group .seabeescuit-customform-field-submit {
	display: inline-block !important;
	background: #388da9 !important;
	border-color: #388da9 !important;
	color: #fff !important;
	height: 50px !important;
	padding: 10px 40px !important;
	margin: 0 !important;
	border-radius: 500px !important;
	font-size: 14px !important;
	text-align: center !important;
	-webkit-transition: 0.4s ease-in-out;
		-moz-transition: 0.4s ease-in-out;
			transition: 0.4s ease-in-out;
}

.seabeescuit-custom-form .form-group .seabeescuit-customform-field-submit:hover {
	background: transparent !important;
	border: 1px solid #388da9 !important;
	color: #388da9 !important;
}


.form-email-check {
	width: 100%;
	display: inline-block;
	margin: 30px 0;
}

.form-email-check .form-submit,
.form-email-check .form-control {
	width: 100%;
	height: 50px;
}

.form-email-check .form-control {
	border-radius: 0;
}

.form-email-check .form-submit {
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.form-email-check .form-submit:hover {
	background: transparent;
	border: 1px solid #388da9;
	color: #388da9;
}

.form-email-check label.error {
	font-size: 11px;
	font-style: italic;
	color: red;
}