@charset "utf-8";
/* CSS Document */

/* Generale */
/*body { font-family: 'Source Sans Pro', sans-serif; }*/


body { font-family: 'Lato', sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif; font-weight:300 }

/*h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif;}*/
 
a { color:#333; font-weight:bold; }
a:hover {text-decoration:none;}
.height100 {height:100%;}
.width100 {width:100%;}
.no-padding {padding:0;}
.no-margin {margin:0;}
.principale {padding-top:50px}
.slider {padding:50px 0 0 0; }
.center {text-align:center}
.left {text-align:left}
.right {text-align:right}
.separator {height:40px;}
.shadow {	-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.75);-moz-box-shadow:    1px 1px 1px 0px rgba(0, 0, 0, 0.75); box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.75); text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
/* hr */
.hrlong, .hrshort, .hr100 {	margin:10px auto; border-top: 1px solid #aaa; }
.hr100 {width:100%;}
.hrlong {width:70%;}
.hrshort {width:50%;}



/*pulsanti */
.sr-button {
	display: inline-block;
	font-weight: 400;
	font-size: 13px;
	line-height: 20px !important;
	letter-spacing: 0.2em; 
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 5px;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
	padding: 10px 10px;
	position: relative;
}
.sr-button:after {
	content:"";	
	width: 100%;
	height: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;
}

.sr-black {color: #000; border: 1px solid rgba(0,0,0,1); }
.sr-white {color: #fff; border: 1px solid rgba(255,255,255,1); }
.sr-black:after { background: #000; }
.sr-white:after { background: #fff; }
.sr-white:hover { color: #000; border-color: #fdfdfd; }
.sr-black:hover { color: #ffffff; border-color: #0d0d0d; }

.sr-button:hover:after { height: 100%; }
.mini-button { font-size: 10px; padding: 5px 15px; }
.small-button { font-size: 11px; padding: 5px 20px; }
.medium-button { font-size: 13px; padding: 10px 30px; }
.big-button { font-size: 15px;	padding: 15px 40px;	}
.sr-button2 { color: #000; border: 1px solid rgba(0,0,0,.4); }
.sr-button2:after { background: #000; }
.sr-button2:hover { border-color: #000; color: #fff; }

/* input */
input.form-control, select.form-control, textarea.form-control  {border-radius:0;}
.form-group  {margin:10px 0;}
.labelform {height:34px; line-height:34px;}
/* homepage */
.blocchi {margin-top:-100px;}
.box { height: 200px; padding:0; background-color:#FFF}
.rosa {background-color:#f4e3b8}


.ls-inner {z-index:0;}
.social i { padding-top:50px; color:#fff; font-size:70px; }
.box_testo h4 { font-size:14px;  text-transform:uppercase; }
.box_testo p {font-size:12px;}

.social i {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.social i:hover {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
   color:#342901;
}
/* collezione */
.imgcollezione img, .imgcolore img{
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
	
.imgcollezione:hover img {
	-webkit-transform: scale(0.98,0.98);
	-moz-transform: scale(0.98,0.98);
	-o-transform: scale(0.98,0.98);
	-ms-transform: scale(0.98,0.98);
	transform: scale(0.98,0.98);
	opacity:0.9;
}

.imgcolore:hover img {opacity:0;}
.imgcollezione, .imgcolore { position:absolute; top:0; left:0; display:block; width:100% }
.colore img{ border-radius:50%; border:#666 0px solid; }
/* azienda */

.titolo_over_img {
	color: #fff;
	position: absolute;
	top: 5%;
	display: block;
	width: 100%;
	font-weight: 500; 
	font-size: 20px;
	text-align:center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}
.bigimg {background:url(http://www.failli1979tuscany.com/system/img/azienda/big.jpg) no-repeat center center; background-size:cover; }
.overlay_didascalia {width:100%; height:100%; position:absolute; top:0; left:0; background:rgb(0, 0, 0); opacity:0;}
.titolo_didascalia {white-space: nowrap; position:absolute; top:40px; left:40px; color:#fff; width:0; overflow:hidden; height:58px;}
.sottotitolo_didascalia {white-space: nowrap; position:absolute; top:65px; left:40px; color:#fff; width:0; overflow:hidden}
.overlay_didascalia h4, .overlay_didascalia h5 { white-space: nowrap; position:absolute; left:0; top:0; display:block }

/* artigianalità */
.full-height {
	min-height: 50vh;
	position:relative;
}
#page-title	 {background-size:cover!important; background-repeat:no-repeat!important }
#page-title .section-inner {
	padding: 120px 0;
}
	
#page-title.full-height .section-inner {
	position: absolute;
	width: 90%;
	width: calc(100% - 80px);		
  	top: 50%;
	left: 50%;
  	-webkit-transform: translateX(-50%) translateY(-50%);
  	-moz-transform: translateX(-50%) translateY(-50%);
  	-ms-transform: translateX(-50%) translateY(-50%);
  	-o-transform: translateX(-50%) translateY(-50%);
  	transform: translateX(-50%) translateY(-50%);
	}
	
#page-title.full-height .section-inner.vTop { 
	padding-top: 0;
	top: 40px;
	-webkit-transform: translateX(-50%) translateY(0);
  	-moz-transform: translateX(-50%) translateY(0);
  	-ms-transform: translateX(-50%) translateY(0);
  	-o-transform: translateX(-50%) translateY(0);
  	transform: translateX(-50%) translateY(0);
	}	
	
#page-title.full-height .section-inner.vBottom { 
	padding-bottom: 0;
	top: inherit;
	bottom: 40px;
	-webkit-transform: translateX(-50%) translateY(0);
  	-moz-transform: translateX(-50%) translateY(0);
  	-ms-transform: translateX(-50%) translateY(0);
  	-o-transform: translateX(-50%) translateY(0);
  	transform: translateX(-50%) translateY(0);
	}	
	
/* toscana */
.titolo_over_img_black {
	color: #000!important;
	text-shadow:none!important;
}
/* la scarpa */

.hotspot { 
	border-radius:50px;
	width:15px;
	height:15px;
	cursor:pointer;
	position:absolute;
	background-color:#fff;
	border:#DAA528 solid 2px;
	line-height:10px;
	font-size:8px;
	text-align:center;
	color:#DAA528;
	font-weight:bold;
}
.hotspot:hover  { background-color:#DAA528;	color:#fff; }
.hotactive  { background-color:#DAA528;	color:#fff; }

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; top:-50px } to { opacity:1; top:0; } }
@-moz-keyframes fadeIn { from { opacity:0; top:-50px; } to { opacity:1; top:0; } }
@keyframes fadeIn { from { opacity:0; top:-50px; } to { opacity:1; top:0; } }

.prefade, .prescarpa {opacity:0;}
.fade-in, .lascarpa {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	animation-duration:0.5s;
}

.icone1 .fade-in {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s;
}

.icone2 .fade-in {
	-webkit-animation-delay: 2.2s;
	-moz-animation-delay:2.2s;
	animation-delay: 2.2s;
}

.lascarpa {
	-webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
	animation-delay:2.5s;
}

.numeri {min-height:210px}
/* loader */

.pace {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -100px;
	margin-top:30px;
    width: 200px;
    background: #2D1A08;
    z-index: 999999;
	transition: all 800ms .2s ease-in-out;
	-webkit-transition: all 800ms .2s ease-in-out;
    -moz-transition: all 800ms .2s ease-in-out;
    -o-transition: all 800ms .2s ease-in-out;
    -ms-transition: all 800ms .2s ease-in-out;
	 opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
body.loading .pace {opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
body.loading-end .pace { top: 40%; opacity:0!important;filter:alpha(opacity=0)!important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"!important; }

.pace .pace-progress {
    background: #f4e3b8;
    z-index: 2000;
    height: 2px;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    -khtml-transition: all 1s;
    transition: all 1s;
}

.pace-inactive {
   display: none;
}

#page-loader {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 100001;
}
	
.page-loader-inner {
	width: 200px;
	height: 1px;
	position: absolute;
	top: 50%; margin-top: -10px;
	left: 50%; margin-left: -100px;
	text-align: center;
}
	
.page-loader-inner .loader-logo-name {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	margin-top: -120px;
	transition: all 800ms ease-in-out;
	-webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms  ease-in-out;
	 opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
body.loading .loader-logo-name {opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
body.loading-end .loader-logo-name { top: -60px; opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
	
.page-loader-inner .loader-logo-name img {
	max-height: 90px;									/* depending on the logo height */
}
	
.page-loader-inner h6 { 
	font-size: 12px;
	margin-top: 0px; 
	transition: all 800ms .1s ease-in-out;
	-webkit-transition: all 800ms .1s ease-in-out;
    -moz-transition: all 800ms .1s ease-in-out;
    -o-transition: all 800ms .1s ease-in-out;
    -ms-transition: all 800ms .1s ease-in-out;
	 opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
body.loading .page-loader-inner h6 {opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
body.loading-end .page-loader-inner h6 { margin-top: -100px; opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

/*fine loader */

/* navbar */

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color: transparent!important; }
.dropdown-menu {border:none!important}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #600!important;
	background-color: transparent!important;
}

.mynavbar {text-align:center;}
.mynavbar .nav {float:none;}
.mynavbar .nav li {
	display:inline-block;
	float:none;
	vertical-align:middle;
	font-size:12px;
	text-transform:uppercase;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.mynavbar .nav li a {color:#000;}
.mynavbar .nav li a:hover {color:#600;}
.mylogo a {
	background:transparent;
	display:block;
	padding:20px 20px 10px 20px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.mylogo a img {
	max-width:200px;
	height:auto;
	vertical-align:middle;
	display:inline-block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.navbar-brand {
	display:none;
	margin-left: -70px;
	left: 50%;
	position: absolute;
}
.navbar { margin-bottom:0px; border:none; background:#FFF  }
.nav>li>a { padding:10px 7px }


/* megamenu */
/*
 * Project: FH Mega Menu
 * Author: Filiz ÖZER
 * Author URI: http://codecanyon.net/user/designingmedia
 * Description: A Bootstrap 3 Mega Drop Down Menu
 * License: GPL
 */
.fhmm .dropdown a,
.fhmm .dropdown-menu  a {color:#656565;}
.fhmm .dropdown-menu > li > a {
	padding:6px 15px;
}
.fhmm .navbar-nav > li > .dropdown-menu {margin-top:1px;}
.fhmm i {color:#BFBFBF}
.fhmm .dropdown-menu {
	/*box-shadow:none; */
	border:1px solid #efefef;
	padding:0;
}
.fhmm .form-control {
	margin-top:10px;
	border:1px solid #efefef;
}
.fhmm .btn {
	margin:10px 0 20px
}
.fhmm video {
	max-width: 100%;
	height: auto;
}
.fhmm iframe,
.fhmm embed,
.fhmm object {
	max-width: 100%;
}
.fhmm .google-map {
	width:100%; 
	border:1px solid rgba(255, 255, 255, 0.5);
	min-height:200px;
}
.fhmm div.google-map {
	background:rgba(255, 255, 255, 0.5);
	background: #ffffff;
	height: 200px;
	margin: 0 0 0px 0;
	width: 100%;
} 
#googlemaps img{max-width:none;}
.fhmm .dropdown-menu .withoutdesc{    
	margin-top:0;
	padding:15px 20px;
    display: block;
    text-align: left;
    text-transform: none;
    width: 100%;
}
.fhmm a:hover {text-decoration:none}
.fhmm .dropdown-menu .withoutdesc ul li {
	padding:3px 10px;
}
.fhmm .dropdown-menu .withoutdesc ul li:hover,
.fhmm .dropdown-menu .withoutdesc ul li:focus{
	color:#262626;
	text-decoration:none;
	background-color:#f5f5f5 !important
}
.fhmm .dropdown-menu .withoutdesc li:last-child {
	border-bottom:0 solid #fff;
}
.fhmm .fhmm-content.withdesc a:after {
    color: #CFCFCF;
    content: attr(data-description);
    display: block;
    font-size: 11px;
    font-weight: 400;
    line-height: 0;
    margin: 10px 0 15px;
    text-transform: uppercase;
}

.fhmm .dropdown-submenu{position:relative;}
.fhmm .dropdown-submenu>.dropdown-menu{
	top:0;
	left:100%;
	margin-top:0;
	margin-left:-1px;
	-webkit-border-radius:0 6px 6px 6px;
	-moz-border-radius:0 6px 6px 6px;
	border-radius:0 6px 6px 6px;
}
.fhmm .dropdown-submenu:hover>.dropdown-menu{display:block;}

.fhmm .dropdown-submenu>a:after{
	display:block;
	content:" ";
	float:right;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
	border-width:5px 0 5px 5px;
	border-left-color:#cccccc;
	margin-top:5px;
	margin-right:-10px;
}
.fhmm .dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.fhmm .dropdown-submenu.pull-left{float:none;}
.fhmm .dropdown-submenu.pull-left>.dropdown-menu{
	left:-100%;
	margin-left:10px;
	-webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px;
}
.fhmm p {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
	color:#656565;
}
.fhmm .nav,
.fhmm .collapse,
.fhmm .dropup,
.fhmm .dropdown {
	position: static;
}
.fhmm .half {
    width: 40%;
	left: auto !important;
   right: auto !important;
}
.fhmm .container {
	position: relative;
}
.fhmm .dropdown-menu {
	left: auto;
}
.fhmm .nav.navbar-right .dropdown-menu {
	left: auto;
	right: 0;
}
.fhmm .fhmm-content {
	padding: 15px 25px;
}
.fhmm .dropdown.fhmm-fw .dropdown-menu {
	left: 0;
	right: 0;
}
.fhmm .title {
	font-size:13px;
	font-weight:bold;
	margin-top:15px;
	text-transform:uppercase;
	border-bottom:1px solid #efefef;
	padding-bottom:10px;
}
.fhmm ul {
	list-style:none;
	padding-left:0px;
}

.fhmm .fhmm-content.withdesc, .fhmm .fhmm-content.withdesc li {display:block;}

.mega_voce li a {font-weight:400}

/*fine mega menu */

/* sticky menu */
.stickylogo a img { max-width: 150px;!important }
.stickylogo a{ padding:10px 10px 5px 10px;!important }
.sticky >li>a { padding: 5px 5px 9px 5px; !important }
.mynavbar .sticky  > li { font-size: 11px; !important }

/* footer */
footer {  margin-top:30px;  width: 100%;  padding:15px 0;  text-align:center;  background-color: #fff; }

/* News */
#owl .item {padding:15px;}
.datanews {font-style:italic}
.FlexEmbed {
  display: block;
  overflow: hidden;
  position: relative;
}

.FlexEmbed:before {
  content: "";
  display: block;
  width: 100%;
}

.FlexEmbed--3by1:before {
  padding-bottom: 33.33333%;
}

.FlexEmbed--2by1:before {
  padding-bottom: 50%;
}

.FlexEmbed--16by9:before {
  padding-bottom: 56.25%;
}

.FlexEmbed--4by3:before {
  padding-bottom: 75%;
}

.CoverImage {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto 1em;
  max-height: 600px;
  max-width: 600px;
}

/* responsive */

.col-xs-2_4,.col-xs-2_4, .col-sm-2_4, .col-md-2_4, .col-lg-2_4 { position: relative;  min-height: 1px; overflow:hidden   }
.col-xs-4_8,.col-xs-4_8, .col-sm-4_8, .col-md-4_8, .col-lg-4_8 { position: relative;  min-height: 1px; overflow:hidden   }
.col-xs-7_2,.col-xs-7_2, .col-sm-7_2, .col-md-7_2, .col-lg-7_2 { position: relative;  min-height: 1px;  overflow:hidden  }
.col-xs-9_6,.col-xs-9_6, .col-sm-9_6, .col-md-9_6, .col-lg-9_6 { position: relative;  min-height: 1px;  overflow:hidden  }

.col-xs-2_4 { float: left; }
.col-xs-2_4 { width: 20%; }
.col-xs-pull-2_4 { right: 20%; }
.col-xs-push-2_4 { left: 20%; }
.col-xs-offset-2_4 { margin-left: 20%; }

.col-xs-4_8 { float: left; }
.col-xs-4_8 { width: 40%; }
.col-xs-pull-4_8 { right: 40%; }
.col-xs-push-4_8 { left: 40%; }
.col-xs-offset-4_8 { margin-left: 40%; }

.col-xs-7_2 { float: left; }
.col-xs-7_2 { width: 60%; }
.col-xs-pull-7_2 { right: 60%; }
.col-xs-push-7_2 { left: 60%; }
.col-xs-offset-7_2 { margin-left: 60%; }

.col-xs-9_6 { float: left; }
.col-xs-9_6 { width: 80%; }
.col-xs-pull-9_6 { right: 80%; }
.col-xs-push-9_6 { left: 80%; }
.col-xs-offset-9_6 { margin-left: 80%; }

.col-hide-port {display:none;}
.col-hide-phone {display:none;}

.menu-desk {display:none;}
.menu-phone {display:block;}

.slide-home h1 {font-size:20px;}
.slide-home p {font-size:10px;}
/* ----- offset right ------*/

.col-xs-offset-right-12 { margin-right: 100%;}
.col-xs-offset-right-11 {  margin-right: 91.66666667%;}
.col-xs-offset-right-10 {  margin-right: 83.33333333%;}
.col-xs-offset-right-9 {  margin-right: 75%;}
.col-xs-offset-right-8 {  margin-right: 66.66666667%;}
.col-xs-offset-right-7 {  margin-right: 58.33333333%;}
.col-xs-offset-right-6 {  margin-right: 50%;}
.col-xs-offset-right-5 {  margin-right: 41.66666667%;}
.col-xs-offset-right-4 {  margin-right: 33.33333333%;}
.col-xs-offset-right-3 {  margin-right: 25%;}
.col-xs-offset-right-2 {  margin-right: 16.66666667%;}
.col-xs-offset-right-1 {  margin-right: 8.33333333%;}
.col-xs-offset-right-0 {  margin-right: 0;}

@media (min-width: 768px) {
.col-sm-2_4 { float: left; }
.col-sm-2_4 { width: 20%; }
.col-sm-pull-2_4 { right: 20%; }
.col-sm-push-2_4 { left: 20%; }
.col-sm-offset-2_4 { margin-left: 20%; }
  
.col-sm-4_8 { float: left; }
.col-sm-4_8 { width: 40%; }
.col-sm-pull-4_8 { right: 40%; }
.col-sm-push-4_8 { left: 40%; }
.col-sm-offset-4_8 { margin-left: 40%; }
  
.col-sm-7_2 { float: left; }
.col-sm-7_2 { width: 60%; }
.col-sm-pull-7_2 { right: 60%; }
.col-sm-push-7_2 { left: 60%; }
.col-sm-offset-7_2 { margin-left: 60%; }
  
.col-sm-9_6 { float: left; }
.col-sm-9_6 { width: 80%; }
.col-sm-pull-9_6 { right: 80%; }
.col-sm-push-9_6 { left: 80%; }
.col-sm-offset-9_6 { margin-left: 80%; }
 
.col-sm-offset-right-12 { margin-right: 100%; }
.col-sm-offset-right-11 { margin-right: 91.66666667%; }
.col-sm-offset-right-10 { margin-right: 83.33333333%; }
.col-sm-offset-right-9 { alignment-adjust:margin-right: 75%; }
.col-sm-offset-right-8 { margin-right: 66.66666667%; }
.col-sm-offset-right-7 { margin-right: 58.33333333%; }
.col-sm-offset-right-6 { margin-right: 50%; }
.col-sm-offset-right-5 { margin-right: 41.66666667%; }
.col-sm-offset-right-4 { margin-right: 33.33333333%; }
.col-sm-offset-right-3 { margin-right: 25%; }
.col-sm-offset-right-2 { margin-right: 16.66666667%; }
.col-sm-offset-right-1 { margin-right: 8.33333333%; }
.col-sm-offset-right-0 { margin-right: 0; }
  
.box { height: 200px;}
.box_testo {padding:30px;}
.box_testo h4 {font-size:14px;}
.box_testo p {font-size:12px;}
.social i { padding-top:30px; color:#fff; font-size:20px; }
.col-hide-port {display:none;}
.col-hide-phone {display:block;}
.titolo_over_img { font-size:21px; font-weight:300; }

.slide-home h1 {font-size:28px;}
.slide-home p {font-size:16px;}

}


@media (min-width: 769px) {
	.principale {padding-top:114px}
	.slider {padding:114px 0 0 0}
	.menu-desk {display:block;}
	.menu-phone {display:none;}
}

@media (min-width: 992px) {
.col-md-2_4 { float: left; }
.col-md-2_4 { width: 20%; }
.col-md-pull-2_4 { right: 20%; }
.col-md-push-2_4 { left: 20%; }
.col-md-offset-2_4 { margin-left: 20%; }
  
.col-md-4_8 { float: left; }
.col-md-4_8 { width: 40%; }
.col-md-pull-4_8 { right: 40%; }
.col-md-push-4_8 { left: 40%; }
.col-md-offset-4_8 { margin-left: 40%; }
  
.col-md-7_2 { float: left; }
.col-md-7_2 { width: 60%; }
.col-md-pull-7_2 { right: 60%; }
.col-md-push-7_2 { left: 60%; }
.col-md-offset-7_2 { margin-left: 60%; }
  
.col-md-9_6 { float: left; }
.col-md-9_6 { width: 80%; }
.col-md-pull-9_6 { right: 80%; }
.col-md-push-9_6 { left: 80%; }
.col-md-offset-9_6 { margin-left: 80%; }
 
.col-md-offset-right-12 { margin-right: 100%; }
.col-md-offset-right-11 { margin-right: 91.66666667%; }
.col-md-offset-right-10 { margin-right: 83.33333333%; }
.col-md-offset-right-9 { margin-right: 75%; }
.col-md-offset-right-8 { margin-right: 66.66666667%; }
.col-md-offset-right-7 { margin-right: 58.33333333%; }
.col-md-offset-right-6 { margin-right: 50%; }
.col-md-offset-right-5 { margin-right: 41.66666667%; }
.col-md-offset-right-4 { margin-right: 33.33333333%; }
.col-md-offset-right-3 { margin-right: 25%; }
.col-md-offset-right-2 { margin-right: 16.66666667%; }
.col-md-offset-right-1  {margin-right: 8.33333333%; }
.col-md-offset-right-0 { margin-right: 0; }
  
.box { height: 211px;}
.box_testo {padding:20px;}
.box_testo h4 {font-size:14px;}
.box_testo p {font-size:12px;}
.social i { padding-top:30px; color:#fff; font-size:30px; }
.col-hide-port {display:block;}
.col-hide-phone {display:block;}

.menu-desk {display:block;}
.menu-phone {display:none;}

.titolo_over_img {font-size:29px}

.slide-home h1 {font-size:32px;}
.slide-home p {font-size:18px;}

.hotspot { 
	width:22px;
	height:22px;
	line-height:17px;
	font-size:15px;

}

}
@media (min-width: 1200px) {
.col-lg-2_4 { float: left; }
.col-lg-2_4 { width: 20%; }
.col-lg-pull-2_4 { right: 20%; }
.col-lg-push-2_4 { left: 20%; }
.col-lg-offset-2_4 { margin-left: 20%; }
  
.col-lg-4_8 { float: left; }
.col-lg-4_8 { width: 40%; }
.col-lg-pull-4_8 { right: 40%; }
.col-lg-push-4_8 { left: 40%; }
.col-lg-offset-4_8 { margin-left: 40%; }
  
.col-lg-7_2 { float: left; }
.col-lg-7_2 { width: 60%; }
.col-lg-pull-7_2 { right: 60%; }
.col-lg-push-7_2 { left: 60%; }
.col-lg-offset-7_2 { margin-left: 60%; }
  
.col-lg-9_2 { float: left; }
.col-lg-9_2 { width: 80%; }
.col-lg-pull-9_2 { right: 80%; }
.col-lg-push-9_2 { left: 80%; }
.col-lg-offset-9_2 { margin-left: 80%; }
  
.col-lg-offset-right-12 { margin-right: 100%; }
.col-lg-offset-right-11 { margin-right: 91.66666667%; }
.col-lg-offset-right-10 { margin-right: 83.33333333%; }
.col-lg-offset-right-9 { margin-right: 75%; }
.col-lg-offset-right-8 { margin-right: 66.66666667%; }
.col-lg-offset-right-7 { margin-right: 58.33333333%; }
.col-lg-offset-right-6 { margin-right: 50%; }
.col-lg-offset-right-5 { margin-right: 41.66666667%; }
.col-lg-offset-right-4 { margin-right: 33.33333333%; }
.col-lg-offset-right-3 { margin-right: 25%; }
.col-lg-offset-right-2 { margin-right: 16.66666667%; }
.col-lg-offset-right-1 { margin-right: 8.33333333%; }
.col-lg-offset-right-0 { margin-right: 0; }
  
.box { height: 255px;}
.box_testo {padding:30px;}
.box_testo h4 {font-size:18px;}
.box_testo p {font-size:13px;}
.social i { padding-top:40px; color:#fff; font-size:50px; }
.col-hide-port {display:block;}
.col-hide-phone {display:block;}

.menu-desk {display:block;}
.menu-phone {display:none;}

.titolo_over_img {font-size:29px}

.slide-home h1 {font-size:36px;}
.slide-home p {font-size:20px;}
}
@media (min-width: 1601px) {
.container { width: 1600px; }
.box { height: 350px;}
.box_testo p {font-size:14px;}
.social i { padding-top:50px; color:#fff; font-size:70px; }
.col-hide-port {display:block;}
.col-hide-phone {display:block;}

.menu-desk {display:block;}
.menu-phone {display:none;}

.titolo_over_img {font-size:40px}
}


 @media screen and (max-width:768px) {
.blocchi {margin-top:0px;}
.navbar-brand {display:inline}
.mynavbar .nav li {	display:block;	margin:0}
.mynavbar .nav li a { border-radius:0;	display:block;	border-bottom:1px solid #fff }
div.mylogo {display:none}
}