/*
Theme Name: Quid
Theme URI: 
Author: ITC Sviluppo Srl
Author URI: http://itcsviluppo.it
Description: Pelli grezze, wet blue, crust e articoli finiti: Qualità Italiana
Version: 1.0.6
License: MIT
License URI: http://opensource.org/licenses/MIT
Text Domain: bootstrap-basic
Domain Path: /languages/
Tags:

This theme built with Twitter Bootstrap v.3. It is basic theme with basic style for build new theme with Bootstrap.

*/

@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700&subset=latin,cyrillic-ext,cyrillic);

body {
    font-family: 'Roboto Slab', serif;
    font-size: 15px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}


a:hover {
	text-decoration: none;
}
/* nascondo alcuni dati del tema */
.post-edit-link {display:none !important;}
.help-block {display: none;}

/*
Required WordPress CSS
*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}


/* WordPress gallery */
.gallery-caption {
}
.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: 'Roboto Slab', serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/* back-to-top */

#back-top {
	position: fixed;
	bottom: 30px;
	/*margin-left: -150px;*/
	right: 20px;
}

#back-top a {
	width: 40px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 40px;
	height: 40px;
	display: block;
	background: #ddd;

	/* rounded corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}

/* header */

.header-top {
	background-color: #3f4f58;
	background-image: url(img/sfondo_header.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    max-height: 215px;	
}

.list-inline {
	margin: 0;
	padding: 0;
    list-style: none;
    float: left;
}
#menu-top {
	padding-top: 20px;
	font-size: 16px;
}
.list-inline>li {
    display: inline-block;
    padding-right: 8px;
    padding-left: 5px;
    border-right: 1px solid rgba(255,255,255,0.5);
    line-height: 1;
}
.list-inline a {color:rgba(255,255,255,0.5);}
.list-inline a:hover, .list-inline a:focus {color:rgb(255,255,255); text-decoration:none;}
.active a  {color:#fff;}

.list-inline>li:last-child {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    border: none;
}
.site-description {
    margin-top: 166px;
    color: #fff;
	margin-left: -15px;
}
.description {
	font-weight: 300;
}
#search-input {
	margin-top: 155px;
}

.btn-info:hover, .btn-info:focus {
    background-color: #92a9b5 !important;	
    border: #92a9b5;	
}	
.form-control {
    display: block;
    width: 100%;
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.btn {
    display: inline-block;
    padding: 5px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    color: #fff;
    background-color: #92a9b5 !important;
	background-image: none !important;
	filter: none;
	text-shadow:none;
    border: #92a9b5;	
}
.navbar-default {
    background-image: none;
    background-color: #fff;	
    filter: none;
    background-repeat: no-repeat;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
	border: none;
}
.navbar-collapse, .navbar-default .navbar-form {
    border: none !important;
	float: right;
	padding: 0;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
    background-image: none;
	background-color: #fff;
    filter: none;
    background-repeat: no-repeat;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-nav {
    font-size: 18px;
    font-weight: 400;
}

.navbar-default .navbar-nav>.active.quid>a, .navbar-default .navbar-nav>.open>a {
    border-top: 10px solid #92a9b5;
    padding-top: 20px;
    background-color: #fff;	
	color: #353535;	
}
.navbar-default .navbar-nav>.active.rim>a, .navbar-default .navbar-nav>.open>a {
    border-top: 10px solid #ffcc00;
    padding-top: 20px;
    background-color: #fff;	
	color: #353535;
}	
.navbar-default .navbar-nav>.active.nimis>a, .navbar-default .navbar-nav>.open>a {
    border-top: 10px solid #FF9900;
    padding-top: 20px;
    background-color: #fff;	
	color: #353535;
}
.navbar-default .navbar-nav>.active.provenienze>a, .navbar-default .navbar-nav>.open>a {
    border-top: 10px solid #CCCCCC;
    padding-top: 20px;
    background-color: #fff;	
	color: #353535;
}
.navbar-default .navbar-nav>.active.contatti>a, .navbar-default .navbar-nav>.open>a {
    border-top: 10px solid #8c383c;
    padding-top: 20px;
    background-color: #fff;	
	color: #353535;
}

.navbar-default .navbar-nav>li>a {
    color: #353535;
    padding-right: 0;
    padding-left: 70px;
	padding-top: 30px;	
}
.contatti-header {
	padding-top:16px;
	color: #353535;
}
.tel {
	font-family: 'Roboto Slab', serif;
    font-size: 21px;
    font-weight: 700;
}
.mail {
	color: #000;
	font-size: 16px;
    font-weight: 500;	
}
/*make the menu sub-menu items drop down on mouse hover */
ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;
    margin: 0;
}
.dropdown-menu {
	left: 35%;
}
/* homepage */

.header-home {
	background-color: #99aeb7;
	background-image: url(img/sfondo_slider.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;	
}
.parte1 {}
.chi-siamo {
	background-color: transparent;
    color: #fff;
	padding-right: 5px;
	padding-top: 20px;
}
.chi {
	font-weight: 600;
}
.continua {
	color: #fff;
	float: right;
}
.parte2 {
	padding-bottom: 30px;
    margin: 0;
    margin-left: -15px;	
}
.header-home-2 {
	background-color: #f2f2f2;
}
.box1 {
    background-color: #92a9b5;
	height: 243px;
	width: 274px;
	padding: 10px 20px;
    margin-top: 30px;
    margin-bottom: 40px;
}
.testo-box {
	opacity: 0;
	font-weight: 500;
    color: #fff;
}
.box1:hover .testo-box {
	opacity: 1;
	transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;	
}
.box1:hover {
    background: url(img/box_quid.png);
    background-position: center center;
    background-size: cover;
	opacity: 0.7;
	filter:opacity(130%);	
}
.box2 {
    background-color: #ffcc00;
	height: 243px;
	width: 274px;
	padding: 10px 20px;
    margin-top: 30px;
    margin-bottom: 40px;
}
.box2:hover .testo-box {
	opacity: 1;
	transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;	
}
.box2:hover {
    background: url(img/box_rim.png);
    background-position: center top;
    background-size: cover;
	opacity: 0.7;
}
.box3 {
    background-color: #FF9900;
	height: 243px;
	width: 274px;
	padding: 10px 20px;
    margin-top: 30px;
    margin-bottom: 40px;
}	
.box3:hover .testo-box {
	opacity: 1;
	transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;	
}
.box3:hover {
    background: url(img/box_nimis.png);
    background-position: center top;
    background-size: cover;
	opacity: 0.7;	
}
.box4 {
    background-color: #8c383c;
	height: 243px;
	width: 274px;
	padding: 10px 20px;
    margin-top: 30px;
    margin-bottom: 40px;
	transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;	
}
.box4:hover .testo-box {
	opacity: 1;	
}

.titolo {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
}
.header-home-3 {
	background-color: #353535;
}
.parte3 {
    padding-top: 20px;
    padding-bottom: 80px;
	color: #fff;
}

.provenienze {text-align: center;}
.nostre {
	font-size: 22px;
    font-weight: 600;
}
.bandiere {
	float: none;
	padding-top: 15px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;	
}
.testo-bandiere {
    border-top: 2px solid #ccc;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
	margin-top: 100px;
    padding-top: 10px;
    margin-right: 8px;
    margin-left: 8px;
	color: #fff;	
	opacity: 0;
}
.bandiera1 {
	float: left;
	width: 100px;
    height: 60px;
    margin: 5px;
    background: url(img/russia_120x80.png);
    background-position: 100%;
    background-size: cover;
	opacity: 0.7;
}
.bandiera1:hover .testo-bandiere, .bandiera1:hover {
	opacity: 1;
}
.bandiera2 {
	float: left;
	width: 100px;
    height: 60px;
    margin: 5px;
    background: url(img/bielorussia_120x80.png);
    background-position: 100%;
    background-size: cover;
	opacity: 0.7;	
}
.bandiera2:hover .testo-bandiere, .bandiera2:hover {
	opacity: 1;
}
.bandiera3 {
	float: left;
	width: 100px;
    height: 60px;
    margin: 5px;
    background: url(img/kazakhstan_120x80.png);
    background-position: 100%;
    background-size: cover;
	opacity: 0.7;	
}
.bandiera3:hover .testo-bandiere, .bandiera3:hover {
	opacity: 1;
}
.bandiera4 {
	float: left;
	width: 100px;
    height: 60px;
    margin: 5px;
    background: url(img/uzbekistan_120x80.png);
    background-position: 100%;
    background-size: cover;
	opacity: 0.7;	
}
.bandiera4:hover .testo-bandiere, .bandiera4:hover {
	opacity: 1;
}
.bandiera5 {
	float: left;
	width: 100px;
    height: 60px;
    margin: 5px;
    background: url(img/ucraina_120x80.png);
    background-position: 100%;
    background-size: cover;
	opacity: 0.7;	
}
.bandiera5:hover .testo-bandiere, .bandiera5:hover {
	opacity: 1;
}
.bandiera6 {
	float: left;
	width: 100px;
    height: 60px;
    margin: 5px;
    background: url(img/lituania_120x80.png);
    background-position: 100%;
    background-size: cover;
	opacity: 0.7;	
}
.bandiera6:hover .testo-bandiere, .bandiera6:hover {
	opacity: 1;
}
.bandiera7 {
	float: left;
	width: 100px;
    height: 60px;
    margin: 5px;
    background: url(img/cekia_120x80.png);
    background-position: 100%;
    background-size: cover;
	opacity: 0.7;	
}
.bandiera7:hover .testo-bandiere, .bandiera7:hover {
	opacity: 1;
}
.bandiera8 {
	float: left;
	width: 100px;
    height: 61px;
    margin: 5px;
    background: url(img/israele_120x80.png);
    background-position: 100%;
    background-size: cover;
	opacity: 0.7;	
}
.bandiera8:hover .testo-bandiere, .bandiera8:hover {
	opacity: 1;
}

.bandiera9 {
	float: left;
	width: 100px;
    height: 61px;
    margin: 5px;
    background: url(img/brasile.png);
    background-position: 100%;
    background-size: cover;
	opacity: 0.7;	
}
.bandiera9:hover .testo-bandiere, .bandiera9:hover {
	opacity: 1;
}.bandiera20 {	float: left;	width: 100px;    height: 61px;    margin: 5px;    background: url(img/Latvia.png);    background-position: 100%;    background-size: cover;	opacity: 0.7;	}.bandiera20:hover .testo-bandiere, .bandiera20:hover {	opacity: 1;}.bandiera21 {	float: left;	width: 100px;    height: 61px;    margin: 5px;    background: url(img/Estonia.png);    background-position: 100%;    background-size: cover;	opacity: 0.7;	}.bandiera21:hover .testo-bandiere, .bandiera21:hover {	opacity: 1;}.bandiera22 {	float: left;	width: 100px;    height: 61px;    margin: 5px;    background: url(img/Poland.png);    background-position: 100%;    background-size: cover;	opacity: 0.7;	}.bandiera22:hover .testo-bandiere, .bandiera22:hover {	opacity: 1;}

/* carousel */

.img-stretch {
	width: 100%;
}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    z-index: 15;
    right: 0px;
    width: 10%;
    left: 90%;
    list-style: none;
    margin: 0;
    padding: 0;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    border: 2px solid #ffed00;
	background: none;
}
.carousel-indicators li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0;
    border: 2px solid #fff;
}
.carousel-control {
    position: absolute;
    top: 45%;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 10px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
    opacity: .5;
}
.carousel-control.right, .carousel-control.left  {
    background-image: none !important;
    filter: none;
    background-repeat: no-repeat;
}
.carousel .carousel-control { visibility: hidden; }
.carousel:hover .carousel-control { visibility: visible; }

/* pagine */

.tecnico {padding-top: 90px;}
.imgrusso {display: inline; float: left; margin-right: 1.5em}
.imgtecnico {display: inline; float: left; margin-right: 1.5em}
.timbro {display: inline; float: right;  margin-left: 1.5em;}

.intestazione {
    background-color: #777;
    color: #fff;
    padding: 2px 10px;	
}
.filetto {
    padding: 2px 10px;
    border-bottom: 1px solid;
    padding-bottom: 10px;	
}
.header {
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 10px;	
}
.site-main {
    padding-top: 20px;	
}
/* contatti */
.mappa {
	float: left;
	padding-right: 20px;	
}

address {line-height: 1.8;}

/* pagina2 */

.header-top-page {
	background-color: #eee;
}
.headertop {
	padding-left: 130px;
    padding-top: 20px;
    padding-bottom: 10px;	
}
.site-main2 {
	padding-left: 115px;
	padding-top: 20px;
}
.entry-title2 {
	margin-top: -5px;	
}
.logo-page {
    position: absolute;
    left: 20px;
    top: -90px;	
}
.bandiera-page {
    position: absolute;
    left: 20px;
    top: -85px;		
}
/* footer */
.fa {
	color: #469cc3;
	font-size: 24px;
	padding-bottom: 10px;
}
.header-footer {
	background-color: #8ea6b1;
	background-image: url(img/striscia.png);
	background-repeat: repeat-x;
	background-position: top center;
	background-size: cover;
}
#site-footer {
	background-color: transparent;
	background-image: url(img/footer.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	height: 312px;	
	padding: 10px;
	color: #000;
}
.evidenziatore {font-weight: 600;}
.widget-title-footer {
	font-size: 20px;
	font-weight: 600;
}
.logo-footer {
	float: right;
	padding-top: 20px;
}
.textwidget {
    padding-top: 10px;
	line-height: 1.6;
}
.mail-footer {
	color: #000 !important;
}
.copy {
    padding-top: 20px;	
}
/* MEDIA QUERIES */

@media (min-width:768px) and (max-width:1024px) and (orientation: landscape) {
.list-inline>li {border:none;}
.chi-siamo {padding-top: 0px; font-size: 13.5px;}
.continua {padding-top: 0px;}
.box1 {height: 200px; width: auto;}
.box2 {height: 200px; width: auto;}
.box3 {height: 200px; width: auto;}
.box4 {height: 200px; width: auto;}
.testo-bandiere {display:none;}
}

@media (min-width:768px) and (max-width:1024px) and (orientation: portrait) {
.description {font-size: 16px;}
.list-inline>li {border:none;}
.chisiamo {width:100%;}
.continua {float: none; padding-bottom: 10px;}
.logo-footer {float:none;}
.box1 {height: 150px; width: auto;}
.box2 {height: 150px; width: auto;}
.box3 {height: 150px; width: auto;}
.box4 {height: 150px; width: auto;}
.testo-bandiere {display:none;}
.nostre {font-size: 20px;}
}
@media (min-width:320px) and (max-width:767px) {
.continua {float: none;}
.testo-bandiere {display:none;}	
.site-description {display:none;}
.site-main2 {padding-left: 0px;}
.navbar-nav {margin:0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {float: left;}
.navbar-header {margin-top: -50px;}
.imgrusso {display: block; margin:0 auto; float:none;}
.imgtecnico {display: block; margin:0 auto; float:none;}
.timbro {display: block; margin:0 auto; float:none;}
#search-input {position: relative; float: right; width: 40%; margin-left: 180px; margin-top: -30px;}
#menu-top {position: absolute; top: -195px; left: 80%;}
}
@media (min-width:320px) and (max-width:981px) {
.chi-siamo {margin-right: 0px;}
.description {font-size: 16px;}
.box1 {margin-left: auto; margin-right: auto;}
.box2 {margin-left: auto; margin-right: auto;}
.box3 {margin-left: auto; margin-right: auto;}
.box4 {margin-left: auto; margin-right: auto;}
.list-inline>li {border:none;}
.logo-footer {float:none;}
#site-footer {background-image: none; background-color: #8ea6b1; height:auto;}
}