/* COLOR PALETTE ============================================================

#12b5bc colore1 
#14DDDD colore1 Hover
#0A7486 colore2 
#333333 grigio scuro 
============================================================================= */


/* ==========================================================================
   FONT
   ========================================================================== */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic);


@font-face {
  font-family: "ui-easysport";
  src:url("../fonts/ui-easysport.eot");
  src:url("../fonts/ui-easysport.eot?#iefix") format("embedded-opentype"),
    url("../fonts/ui-easysport.woff") format("woff"),
    url("../fonts/ui-easysport.ttf") format("truetype"),
    url("../fonts/ui-easysport.svg#ui-easysport") format("svg");
  font-weight: normal;
  font-style: normal;

}

@font-face {
    font-family: 'blogger_sansregular';
    src: url('../fonts/blogger_sans-webfont.eot');
    src: url('../fonts/blogger_sans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/blogger_sans-webfont.woff2') format('woff2'),
         url('../fonts/blogger_sans-webfont.woff') format('woff'),
         url('../fonts/blogger_sans-webfont.ttf') format('truetype'),
         url('../fonts/blogger_sans-webfont.svg#blogger_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'blogger_sansbold';
    src: url('../fonts/blogger_sans-bold-webfont.eot');
    src: url('../fonts/blogger_sans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/blogger_sans-bold-webfont.woff2') format('woff2'),
         url('../fonts/blogger_sans-bold-webfont.woff') format('woff'),
         url('../fonts/blogger_sans-bold-webfont.ttf') format('truetype'),
         url('../fonts/blogger_sans-bold-webfont.svg#blogger_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}






@font-face {
    font-family: 'blogger_sanslight_italic';
    src: url('../fonts/blogger_sans-light_italic-webfont.eot');
    src: url('../fonts/blogger_sans-light_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/blogger_sans-light_italic-webfont.woff2') format('woff2'),
         url('../fonts/blogger_sans-light_italic-webfont.woff') format('woff'),
         url('../fonts/blogger_sans-light_italic-webfont.ttf') format('truetype'),
         url('../fonts/blogger_sans-light_italic-webfont.svg#blogger_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'blogger_sansmedium';
    src: url('../fonts/blogger_sans-medium-webfont.eot');
    src: url('../fonts/blogger_sans-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/blogger_sans-medium-webfont.woff2') format('woff2'),
         url('../fonts/blogger_sans-medium-webfont.woff') format('woff'),
         url('../fonts/blogger_sans-medium-webfont.ttf') format('truetype'),
         url('../fonts/blogger_sans-medium-webfont.svg#blogger_sansmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


[data-icon]:before {
  font-family: "ui-easysport" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "ui-easysport" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.service_testo{
		color:#b4aea9; font-size:12px; margin-top:35px; margin-left:165px; font-weight:normal;
}

.sezione-home{
	height:100%;
	margin-top:0%;
}

.sezione-chisiamo{
	/*margin-top:600px;
	margin-left:40px;
	margin-right:40px;*/
	height:100%;
	
}

.sezione-contatti{
	
	height:100%;
	margin-top:50px;
	
}

.sezione-servizi{
	text-align:center;
	height:100%;
	padding:0px;
	
}

.sezione-portfolio{
	
	/*margin-left:50px;
	margin-right:50px;*/
	height:100%;
	
}



.services_icon_container .hi-icon {float: none; margin:20px 0px 0px 0px;}
.services_icon_container .hi-icon {float: none; margin:20px 0px 0px 0px;}
.services_icon_container .hi-icon {float: left;}
.service-title {
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	font-weight:bold;
	float:left;
	margin-left:30px;
	color:#555;
			
}
.hi-icon {
	display: inline-block;
	cursor: pointer;
	float:left;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	background-color: #42536F;
	border: 5px solid white;

}

/*.hi-icon:hover{
	display: inline-block;
	cursor: pointer;
	float:left;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	background-color: #42536F;
	border: 5px solid #E8D116;
}*/

.hi-icon:hover{
	display: inline-block;
	cursor: pointer;
	float:left;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	border: 5px solid #E8D116;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
	
}

.hi-icon:before {
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}

.hi-icon-mobile:before {
	content: "\e009";
}

.hi-icon-screen:before {
	content: "\e00a";
}

.hi-icon-earth:before {
	content: "\e002";
}

.hi-icon-support:before {
	content: "\e000";
}

.hi-icon-locked:before {
	content: "\e001";
}

.hi-icon-cog:before {
	content: "\e003";
}

.hi-icon-clock:before {
	content: "\e004";
}

.hi-icon-videos:before {
	content: "\e005";
}

.hi-icon-list:before {
	content: "\e006";
}

.hi-icon-refresh:before {
	content: "\e007";
}

.hi-icon-images:before {
	content: "\e008";
}

.hi-icon-pencil:before {
	content: "\e00b";
}

.hi-icon-link:before {
	content: "\e00c";
}

.hi-icon-mail:before {
	content: "\e00d";
}

.hi-icon-location:before {
	content: "\e00e";
}

.hi-icon-archive:before {
	content: "\e00f";
}

.hi-icon-chat:before {
	content: "\e010";
}

.hi-icon-bookmark:before {
	content: "\e011";
}

.hi-icon-user:before {
	content: "\e012";
}

.hi-icon-contract:before {
	content: "\e013";
}

.hi-icon-star:before {
	content: "\e014";
}

/* Effect 1 */
.hi-icon-effect-1 .hi-icon {
	background-color:white;
	background: rgba(61, 61, 61, 1);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}

.ie8 .hi-icon-effect-1 .hi-icon {
	background: #3d3d3d;
}




.hi-icon-effect-1 .hi-icon:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(.8);
	opacity: 0;
}

/* Effect 1a */
.no-touch .hi-icon-effect-1a .hi-icon:hover {
	color: #f6f6f6;
}

.no-touch .hi-icon-effect-1a .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 1b */
.no-touch .hi-icon-effect-1b .hi-icon:hover {

	color: #f6f6f6;
}

.hi-icon-effect-1b .hi-icon:after {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.no-touch .hi-icon-effect-1b .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.hi-icon i.fa_icon {
	position: relative;
	top: 25px;
}



.icon-pin:before {
  content: "a";
}
.icon-angle-down:before {
  content: "b";
}
.icon-angle-left:before {
  content: "c";
}
.icon-angle-right:before {
  content: "d";
}
.icon-angle-up:before {
  content: "e";
}
.icon-call-phone:before {
  content: "f";
  
}
.icon-camera:before {
  content: "g";
}
.icon-heart:before {
  content: "h";
}
.icon-heart-empty:before {
  content: "i";
}
.icon-twitter:before {
  content: "j";
}
.icon-twitter-circled:before {
  content: "k";
}
.icon-vimeo-circled:before {
  content: "l";
}
.icon-vimeo:before {
  content: "m";
}
.icon-linkedin-circled:before {
  content: "n";
}
.icon-linkedin:before {
  content: "o";
}
.icon-gplus-circled:before {
  content: "p";
}
.icon-gplus:before {
  content: "q";
}
.icon-facebook-circled:before {
  content: "r";
}
.icon-facebook:before {
  content: "s";
}
.icon-export:before {
  content: "t";
}
.icon-home:before {
  content: "u";
}
.icon-folder:before {
  content: "v";
}
.icon-forward:before {
  content: "w";
}
.icon-reply:before {
  content: "x";
}
.icon-youtube-rounded:before {
  content: "z";
}
.icon-search-1:before {
  content: "A";
}
.icon-youtube-play:before {
  content: "B";
}
.icon-video-camera:before {
  content: "y";
}
.icon-check-mark:before {
  content: "C";
}
.icon-repeat-redo:before {
  content: "D";
}
.icon-apple:before {
  content: "E";
}
.icon-android:before {
  content: "F";
}
.icon-calendar:before {
  content: "G";
}
.icon-clock:before {
  content: "H";
}
.icon-user:before {
  content: "I";
}
.icon-mail{
 width: auto;
  height: auto;
}
.icon-mail:before {
  content: "J";
  width: auto;
  height: auto;
}

.icon-posizione:before {
  content: "K";
}

.icon-shopping-cart:before {
  content: "L";
}
.icon-filter:before {
  content: "M";
}

.icon-sci-alpino:before {
  content: "N";
}
.icon-freeride:before {
  content: "O";
}
.icon-freestyle:before {
  content: "P";
}
.icon-telemark:before {
  content: "Q";
}
.icon-snowboard:before {
  content: "R";
}
.icon-skiboard:before {
  content: "S";
}
.icon-sci-nordico:before {
  content: "T";
}
.icon-sci-fondo:before {
  content: "U";
}

/* ML NORMALIZZO ICONE x Mobile: definisco in modo proporzionale l'ingombro per sfondo (.icon) e dell'elemento grafico interno (.iconpadd:before) */
.iconfull,
.iconpadd {
  position: relative;
  display: inline-block;
  height:1em;
  width:0.75em; 
  line-height:1em;
  text-align:center;
  font-size:50px;
  /* font-size:50px; /* NOTA font-size determina l'ingombro dell'icona, compreso lo sfondo (non serve modificare height, width, line-eight, ecc) */
  /* puoi defiirlo direttamente nella customizzaizone del layout */
}
/* icona occupa tutto il background */
.iconfull:before { 
  display:block;
  position:absolute;
  font-size:1em; top:0; left:0; 
}
/* icona con spazio rispetto al abackground */
.iconpadd:before { 
  display:block;
  position:absolute;
  font-size:0.55em; top:0.4090909090909091em; left:0.4090909090909091em; 
  /* se FS = font-size di :before, TL (valore top/left di :before) = (1-FS)/(2*FS) */
}


/* ==========================================================================
   STILI di STAMPA
   ========================================================================== */

@media print {
    * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
    a, a:visited { text-decoration: underline; }
    a[href]:after {  content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
     /* * Don't show links for images, or javascript/internal links */
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre,  blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead {  display: table-header-group; /* h5bp.com/t */ }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
     @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2,  h3 { page-break-after: avoid; }
}


/* ==========================================================================
   Stili globali (indipendenti dalle media queries)
   ========================================================================== */

html, body {
    padding:0;
    margin: 0;
    width: 100%;
    height: 100%;
}

body { 
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: white;
}

.container {
  margin: 0px auto;
  padding: 0 10px;
}

.debug-useragent {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 0.2em 0.5em;
  color: #fff;
  background:rgba(0,0,0,0.9);
  font-size: 12px;
  display: block;
}



* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none!important;
}

ul, li, p, a, h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
  /*list-style: none;*/
}

h1, h2, h3, h4, h5, h6 {
  font-family:  'Open Sans', sans-serif;
  font-weight: normal;
}

.a{
	font-size:80px;
}

.colore1 {
  color: #12b5bc
}

.colore2 {
  color: #0A7486
}

/*BUTTON ====================*/

a {
  color: #E8D115; 
}

a:focus, a:hover {
  color: white;
  text-decoration: none;
}



.btn {
  border-radius: 3px;
  font-family: 'blogger_sansregular';
  font-weight: bold;
  font-size: 14px;
  padding: 4px 10px;
  text-transform: uppercase;
  border:0;
}

.btn:focus,
.btn {
  background: #42536F;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
}

.btn:active,
.btn:hover {
  background: #E8D116;
  color: #fff;
}

input.btn {
  border: 0;
}

.btn .caret {
  margin-left: 4px;
  position: relative;
  top: -3px;
}

.btn-verde:focus,
.btn-verde {
  background: #78D14C;
  color: #fff;
}

.btn-verde:hover {
  background: #7CE647;
  color: #fff;
}

.btn-verde-scuro,
.btn-verde-scuro:focus {
  background: #0A7486;
  color: #fff;
}

.btn-verde-scuro:hover {
  background: #009cb6;
  color: #fff;
}


.btn-grigio:focus,
.btn-grigio {
  color: #fff;
  background: #666666
}

.btn-grigio:hover {
  background: #12B5BC;
  color: #fff
}

.btn-rosso:focus,
.btn-rosso {
  background: #FF4740;
  color: #fff!important;
}

.btn-link {
  color: #12b5bc
}

.btn-link:hover {
  color: #0A7486
}


.btn-rosso:hover {
  background: #FC1C0B;
  color: #fff!important;
}

.btn-link.btn-rosso {
  background: transparent;
  color: #FF4740!important;
}

.btn-link.btn-rosso:hover {
  background: transparent;
  color: #FC1C0B!important;
}

.btn-input {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 35px;
  padding: 0!important;
  border-radius: 0 3px 3px 0;
  border: 0;
}

.btn-input + input {
  padding-right: 30px;
}

.col-sx-fix .btn-input {
  font-size: 30px;
}

/*GENERALI ==============*/

.touch .scroll-dark,
.touch .scroll-light {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.carousel {
  /*padding-top: 30%;*/
  position: absolute;
  width: 100%;
  height:90%;
  /*top: 0;*/
  z-index: 0;
}

.carousel-inner {
  /*opacity:0.75;*/
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  
}

.slide .item {
  position: absolute;
  height: 670px;
  width: 100%;
  top: 0;
  left: 0;
  cursor: default;
  background-size: cover;
  background-position: center!important;
}

.carousel-control {
  display: none;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-fade .carousel-inner > .item.next,
.carousel-fade .carousel-inner > .item.active.right {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.next.left,
.carousel-fade .carousel-inner > .item.prev.right,
.carousel-fade .carousel-inner > .item.active {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}


/*OVERLAY ===========================================*/

.overlay {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(27,34,33,0.95);
  display: none;
  overflow: auto;
}

.overlay .bg-chiudi {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}

.box-modal {
  max-width: 100%;
  padding: 10px 20px 20px 20px;
  width: 280px;
  min-height: 250px;
  margin: 0 auto;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 2;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  -moz-transition:all 0.9s;
  -webkit-transition:all 0.5s;
  -o-transition:all 0.5s;
  transition:all 0.5s;
  top: 0%;
  -ms-transform:translateY(-200%) translateX(0);
  -moz-transform:translateY(-200%) translateX(0);
  -webkit-transform:translateY(-200%) translateX(0);
  transform:translateY(-200%) translateX(0);
}

.active.box-modal {
  top: 0px;
  -ms-transform:translateY(30px) translateX(0);
  -moz-transform:translateY(30px) translateX(0);
  -webkit-transform:translateY(30px) translateX(0);
  transform:translateY(30px) translateX(0)
}

.active.box-modal.center {
  top: 50%;
  -ms-transform:translateY(-50%) translateX(0);
  -moz-transform:translateY(-50%) translateX(0);
  -webkit-transform:translateY(-50%) translateX(0);
  transform:translateY(-50%) translateX(0);
}

html.modal-open,
body.modal-open body {
  height: 100%;
  overflow: hidden;
}


/*HEADER ===============================*/

body {
    /*padding-top: 80px;*/ /*(dipende dall'altezza dell'
	fixed)*/
    /*background: #FDFDFD;*/
}
header {
  width: 100%;
  height:80px;
  position: fixed;
  background:#42536F;
  /*background:#F4EABF; #42536F #338E99*/
  z-index: 100;
  box-shadow: 5px 5px 5px 2px #6A6A6A;
  -webkit-box-shadow: 5px 5px 5px 2px #6A6A6A;
  -moz-box-shadow: 5px 5px 5px 2px #6A6A6A;
}

header .container {
  margin-top: 0px;
  margin-bottom: 10px;
}

.tasto-menu-mobile {
  float: left;
  margin-right: 20px;
  color: #fff;
  width: 40px;
  height: 40px;
  margin-top:20px;
  position: relative;
  overflow: hidden;
}

.tasto-menu-mobile span {
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background: #fff;
  left: 0;
  right: 0;
  -ms-transform-origin: 50% 50%;
  -mox-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%; 
  transform-origin: 50% 50%;
}

.tasto-menu-mobile span.linea-mm1 {
  top: 5px;
  -ms-transition: top 0.2s 0.5s, -ms-transform 0.2s 0s ;
  -moz-transition: top 0.2s 0.5s, -moz-transform 0.2s 0s ;
  -webkit-transition: top 0.2s 0.5s, -webkit-transform 0.2s 0s ;
  -o-transition: top 0.2s 0.5s,  -o-transform 0.2s 0s ;
  transition: top 0.2s 0.5s, transform 0.2s 0s ;
}

.tasto-menu-mobile span.linea-mm3 {
  top: 33px;
  -ms-transition: top 0.2s 0.5s, -ms-transform 0.2s 0s ;
  -moz-transition: top 0.2s 0.5s, -moz-transform 0.2s 0s ;
  -webkit-transition: top 0.2s 0.5s, -webkit-transform 0.2s 0s ;
  -o-transition: top 0.2s 0.5s, -webkit-transform 0.2s 0s ;
  transition: top 0.2s 0.5s, transform 0.2s 0s ;
}

.mm-opened:not(.mm-right) .tasto-menu-mobile span.linea-mm1 {
  top: 50%;
  margin-top: -1px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  tranform: rotate(-45deg);
  -ms-transition: top 0.2s 0s, -ms-transform 0.2s 0.5s;
  -moz-transition: top 0.2s 0s, -moz-transform 0.2s 0.5s;
  -webkit-transition: top 0.2s 0s, -webkit-transform 0.2s 0.5s;
  -o-transition: top 0.2s 0s,  -o-transform 0.2s 0.5s;
  transition: top 0.2s 0s, transform 0.2s 0.5s, -webkit-transform 0.2s 0.5s; 
}

.mm-opened:not(.mm-right) .tasto-menu-mobile span.linea-mm3 {
  top: 50%;
  margin-top: -1px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  tranform: rotate(45deg);
  -ms-transition: top 0.2s 0s, -ms-transform 0.2s 0.5s;
  -moz-transition: top 0.2s 0s, -moz-transform 0.2s 0.5s;
  -webkit-transition: top 0.2s 0s, -webkit-transform 0.2s 0.5s;
  -o-transition: top 0.2s 0s, -o-transform 0.2s 0.5s;
  transition: top 0.2s 0s, transform 0.2s 0.5s;
}

.tasto-menu-mobile span.linea-mm2 {
  top: 50%;
  margin-top: -1px;
  -ms-transition: all 0.4s 0.5s;
  -moz-transition: all 0.4s 0.5s;
  -webkit-transition: all 0.4s 0.5s;
  -o-transition: all 0.4s ;
  transition: all 0.4s 0.5s;
}

.mm-opened:not(.mm-right) .tasto-menu-mobile span.linea-mm2{
  opacity: 0;
   -ms-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}




/*BOX FORM ================*/

input, textarea {
  width: 100%;
  border-radius: 3px;
  height: 30px;
  border:0;
  padding: 0 10px;
  border: 1px solid #ddd;
  resize: none;
}

.touch input,
.touch textarea {
  -webkit-appearance: none;
      -moz-appearance: none;
}

textarea {
  padding: 10px;
}

input:focus,
textarea:focus {
  border-color: #A9E4E6;
}


legend {
  color: #12b5bc;
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
  font-weight: normal;
  border-bottom: 0;
}


.form-group {
  position: relative;
}

input.con-ico {
  padding-left: 37px;
}

input.con-ico + i.glyphicon {
  position: absolute;
  left: 11px;
  top: auto;
  bottom: 9px;
  opacity: 0.6;
}

.box-form input.con-ico + i.glyphicon {
  bottom: 11px;
}


.box-form select,
.box-form input {
  height: 35px;
}


.box-form {
  margin-top: 50px;
  position: relative;
}

.box-form .claim {
  color: #555;
  text-shadow: 0 0 20px rgba(16, 19, 41, 0.33);
  text-align: left;
  font-size: 20px;
  
}

.box-form .row {
  margin-bottom: 0;
}

.claim h2,
.claim h3 {
  display: block;
  line-height: 1.1;
  font-weight: bold;
}

.claim h2 {
  font-size: 1.2em;
  text-transform: uppercase;
  font-family: Arial;
}

.claim h3 {
  margin-top: 10px;
  font-size: 1em
}

.box-form form {
  background: rgba(255,255,255,0.9);
  border-radius: 3px;
  margin-top: 50px;
  padding-top: 10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1)
}

.tit-input,
.titolo-label,
label {
  color: #12b5bc;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}


.box-tipi-corsi {
  overflow-x: auto;
  white-space: nowrap;
  padding: 15px;
  padding-bottom: 0;
  -webkit-overflow-scrolling: touch;
}

.label-tipi {
  margin-left: 15px;
}

.box-tipi-corsi .form-group   {
  display: inline-block;
  margin: 0;
}

.box-tipi-corsi .checkbox  {
  display: block;
}

.box-tipi-corsi .checkbox > label  {
  text-align: center;
  background: #f4f4f4;
  border: 1px solid #ddd;
  color: #333;
  padding: 15px;
  font-size: 30px;
  margin-bottom: 0;
  border-radius: 3px 3px 0 0;
  display: block;
}

.box-tipi-corsi .checkbox > label .ico-corso {
  font-size: 1.5em;
}

.box-tipi-corsi .checkbox > label .ico-label {
  display: block;
  line-height: 1;
  font-size: 0.4em;
  margin-top: 10px;
}


.box-tipi-corsi input[type='checkbox']:checked + label,
.box-tipi-corsi input[type='radio']:checked + label {
  background: #333;
  border: 1px solid #333;
  color: #fff
}

.dettagli-form {
  background: #333;
  padding: 15px;
}

button {
  border: 0;
}

.btn-apriform {
  background: #222;
  text-align: center;
  color: #fff;
  width: 100%;
  padding-top: 10px;
  height: auto;
  line-height: 1
}

.btn-apriform span {
  display: block;
  line-height: 1
}

.btn-apriform:hover {
  background: #1D1D1D;
}

.affina-ricerca {
  display: none;
}

.btn-submit-ricerca {
  text-align: center;
  color: #fff;
  background: #12b5bc;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  height: auto;
  border-radius: 0 0 3px 3px;
  border: 0;
}

.btn-submit-ricerca:hover {
  background: #15D4DC;
}



/*GRIGLIA TOP LOCALITA ================*/

section {
  margin: 0px 0;
}

.titolo-sezione {
  /*font-size: 35px;*/
  color: #42536F;
  margin-bottom: 50px;
  text-align: center;
  text-transform: uppercase;
  font-family: 'blogger_sansmedium';
  border-bottom: 3px solid #42536F;
}

.titolo-sezione span {
  background: none;
  display: inline-block;
  padding: 0 0px;
  position: relative;
  top: 30px;
}

.localita {
  font-size: 13px;
  
  overflowc: hidden;
}


.localita h4 {
  text-transform: uppercase;
}


.localita .content {
  position: relative;
  padding-top: 60%;
  /*border: 1px solid #fff;*/
  display: block;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
}

.localita .content span {
  display: block;
}

.localita .box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;

  /*-moz-transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -o-transition:all 0.4s;
  transition:all 0.4s;
  -ms-transform-origin: 50% 50%; 
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform:scale(1);
  -moz-transform:scale(1);
  -webkit-transform:scale(1);*/
}

/*.localita a:hover .box-bg {
  -ms-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -webkit-transform:scale(1.1);
}*/

.localita .text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15px;
  color: #fff;
  background: rgba(0,0,0,0.0);
  -moz-transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -o-transition:all 0.4s;
  transition:all 0.4s;
}

.localita .text-intro {
  margin-top: 7px;
  line-height: 1.35;
  -ms-transform:translateX(-100%);
  -moz-transform:translateX(-100%);
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%);
  -moz-transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -o-transition:all 0.4s;
  transition:all 0.4s;
}

.localita .num {
  font-family: 'Open Sans', sans-serif;
  display: inline!important;
  color: #E8D116;
  font-weight: bold;
}

.localita a:hover .text-intro {
  -ms-transform:translateX(0%);
  -moz-transform:translateX(0%);
  -webkit-transform:translateX(0%);
  transform:translateX(0%);
}

.localita a:hover .text {
  background: rgba(0,0,0,0.8);
}


h2.logo a {
  display: block;
}

h2.logo a img {
  /*width: 150px;
  height: 100px;*/
  
   
 
}

header .logo {
	width: 130px;
	float: left;
}


.mobile_apps {
    list-style: none;
    padding: 0;
    margin-left: 20px;
    margin-top: 5px;
}

header .mobile_apps {
    float: left;
    display: none;
}

.mobile_apps li {
    display: inline;
    margin-left: 10px;
}

.mobile_apps li a {
    display: inline-block;
    width: 110px;
    height: 34px;
    overflow: hidden;
}

.mobile_apps li a:hover {
    opacity: 0.95
}

.mobile_apps li.ma_android a {
    background: url('../images/ma_google.png') no-repeat 0 0;
}

.mobile_apps li.ma_ios a {
    background: url('../images/ma_appstore.png') no-repeat 0 0;
}


.select-lingua .btn .caret {
  margin-left: 5px;
  color: #555
}

.ico-lingua {
  display: inline-block;
  width: 20px;
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.ico-lingua img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

header .nav-lingua {
  display: none
}

.select-valuta {
  display: none
}

header ul.social {
  display: none;
}




/*MENU MOBILE ==========================*/

#menu-mobile ul.mobile_apps,
#menu-mobile ul.social {
  margin-left: 0px;
}


#menu-mobile .logo-mobile {
  margin-bottom: 20px;
  width: 180px;
}

#menu-mobile ul {
  padding: 10px 0
}

#menu-mobile ul.social li {
  margin-right: 15px;
  display: inline-block;
}

#menu-mobile ul.social li:after,
#menu-mobile ul.mobile_apps li:after {
  display: none;
}

#menu-mobile ul.social a {
  font-size: 35px;
}

#menu-mobile ul.mobile_apps li {
  display: inline-block;
  margin-left: 0;
}

#menu-mobile ul.mobile_apps li a {
  display: inline-block;
}

#menu-mobile h3 {
  text-transform: uppercase;
  margin-top: 25px;
  color: #A5A5A5;
  font-size: 16px;
  color: WHITE;
}

#menu-mobile .select-valuta {
  display: block;
  margin: 20px 0;
}

#menu-mobile .box-login {
  width: 100%;
  height: 40px;
  background: rgba(255,255,255,0.1);
}

#menu-mobile .box-login .box-img {
  width: 40px;
}

#menu-mobile .box-login .btn {
  line-height: 40px;
}

#menu-mobile .box-login .cell:nth-child(1) {
  width: 40px;
}

#menu-mobile .box-login a {
  padding-left: 15px;
  color: #fff
}



/*SEZIONE INFOGRAFICA ==============*/


/*FOOTER =========================*/

.footer {
  background: #222;
  padding: 30px 0;
  color: white;
  font-size: 15px;

}

.footer .claim {
  font-size: 20px
}

.footer .box-left, 
.footer .box-center, 
.footer .box-right {
  margin-bottom: 30px;
}

footer h4 {
  text-transform: uppercase;
  margin-bottom: 15px;
  display: block;
}

footer a {
  color: #fff;
  opacity: 1
}

footer a:hover {
  opacity: 1;
  color: #fff
}

a .iconfull {
  position: relative;
  top: 3px;
}

footer ul.mobile_apps {
  margin: 0;
  text-align: center;
}

footer ul.mobile_apps li {
  margin-left: 0;
  margin-right: 10px;
}

.footer .social {
  margin-top: 20px;
  font-size: 30px;
  list-style: none;
}

.footer .social li {
  display: inline-block;
}

/* FORM ===================================*/


/*SELECT ===========*/


/*CCORDION BOOTSTRAP ===============*/



/*FILTRO MOBILE ==================*/

.mm-menu input,
.mm-menu select {
  height: 30px;
}

.mm-menu .btn-input {
  font-size: 30px;
}

.mm-menu input,
.mm-menu textarea {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.1);
}

.mm-menu fieldset {
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  padding-bottom: 20px;
}

.mm-menu legend {
  color: #12b5bc;
  font-size: 14px;
  margin-bottom: 10px;
  /*border-bottom: 1px solid rgba(255,255,255,0.1);*/
  border-bottom: 0;
  font-weight: bold;
}

.btn-double .btn {
  display: block;
  float: left;
  width: 50%;
}

.btn-double .btn:last-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.btn-double .btn:first-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.mm-menu .btn-filtro {
  display: block;
  width: 100%;
  margin-top: 15px;
}

.fix-menu-mob {
  position: fixed;
  background: #23282D;
  padding: 20px;
  top: 0;
  /*width: 68%;*/
  right: 0;
  left: 20%;
  z-index: 2;
  /*border-bottom: 1px solid rgba(255,255,255,0.1);*/
  box-shadow: 0 2px 6px rgba(0,0,0,0.5)
}

#filtro-mobile .box-menu-mobile {
  padding-top: 130px;
}

.mm-menu .checkbox input:disabled + label .check-custom,
.mm-menu .checkbox > label .check-custom {
  background: transparent;
  border-color: rgba(255,255,255,0.1);
}

.mm-menu .checkbox input:disabled + label .check-custom:before {
  background: #ABABAB;
  box-shadow: 0 0 0 3px #23282D;
}

.mm-menu .checkbox label .info {
  color: #ABABAB;
}

.mm-menu .form-group:last-child {
  margin-bottom: 0;
}

/*MODAL ===================*/




/*SCHEDE USER ===========*/




/*MODALE PRENOTAZIONE ====================*/



/*SCHEDA MAESTRO PRIVATA ===========*/



/* DASHBOARD MAESTRI + DASHBOARD MAESTRO SINGOLO =========================*/



/*DASHBOARD PRENTOAZIONI =========================*/


/*GESTIONE MULTILINGUA FRONTEND ==================*/

.container-lingue {
  position: relative;
}

.container-lingue .select-lingua.open {
  z-index: 10;
}

.container-lingue .btn-group:hover,
.container-lingue .btn-group.open,
.container-lingue button.dropdown-toggle:active,
.container-lingue button.dropdown-toggle:focus,
.container-lingue button.dropdown-toggle:hover {
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important
}

.select-lingua .btn:hover .caret {
  border-top-color: #0099EB
}

.select-lingua .btn:focus .caret {
  border-top-color: #1FC5FF
}

.container-lingue .form-group {
  /*margin-bottom: 15px!important;*/
  margin-bottom: 0px!important;
}

.container-lingue label,
.container-lingue .tit-input {
  /*margin-left: 60px;*/
}

.container-lingue input,
.container-lingue textarea {
  padding-left: 55px!important;
}


.container-lingue .select-lingua {
  position: absolute;
  top: 32px;
  /*left: 0;*/
  z-index: 2;
}

.select-lingua > button {
  padding: 4px 8px;
}

.select-lingua > button:not(:hover) {
  background-color: transparent;
}

.select-lingua .dropdown-menu  {
  width: 140px
}

.select-lingua .dropdown-menu > li  {
  display: block;
}

.select-lingua .dropdown-menu > li > a {
  padding: 8px 11px;
  display: block;
}

*[data-lingua]  {
  display: none!important;
}

.ico-lingua[data-lingua].active,
.form-inline .form-group[data-lingua].active  {
  display: inline-block!important;
}

.form-group[data-lingua].active  {
  display: block!important;
}

.select-lingua .btn .caret {
  margin-left: 5px;
}

.ico-lingua {
  display: inline-block;
  width: 20px;
}

.ico-lingua img {
  width: 100%;
  height: auto;
}

.menu-lingua .ico-lingua {
  position: relative;
  top: -2px;
  margin-right: 5px;
}

.menu-lingua {
  padding: 5px 0;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
}

.menu-lingua li a {
  padding: 8px 11px;
  display: inline-block;
}

/*MAESTRO ANAGRAFICA =============*/




/*RISULTATI COLLETTIVE ======================*/


/*INDISPONIBILITà MAESTRO ======================*/


/*fine globali*/


/* ==========================================================================
   SMARTPHONE - SCHERMI PICCOLI BP000 > BP480
   ========================================================================== */


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

	.service {
		width: 100%;
		float: left;
		margin-bottom:20px;
		margin-top: 20px;
		margin-left:0px;
	}
	
	.service_testo{
		font-size:9px; 
		margin-left: 5px;
		margin-top:35px;
	}
	.service-title{
		font-size:10px;
		margin-left: -5px;
		margin-top:20px;
	}
	.section_title {
		font-size: 40px;
		
	}
	
	.descrizione {
		font-size: 13px;
   	}
	
	.sezione-chisiamo{
		margin-top: 240px;
	}
	
    /* disabilita ridimensionamento testo quando cambio orientamento portrait/landscape */
    html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
        -webkit-text-size-adjust:none;
    }

    .modal {
      padding-right: 0!important;
    }
	
	h2.logo a img {
		width:210%;
		margin-top:26px;
		margin-left: -15px;
	}
	
	#menu-mobile .logo-mobile a img {
		margin-bottom: 20px;
		width: 150%;
		margin-top:20px;
	}


} /* FINE SMARTPHONE 000 > 480 */










/* ==========================================================================
   SMARTPHONE - SCHERMI PICCOLI 550px (media query mmmenu)
   ========================================================================== */

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

	.localita {
		width: 100%;
		margin: 10px;
		border: 2px solid #42536F;
	}
	
	.service {
		width: 100%;
		float: left;
		margin-bottom:20px;
		margin-top: 20px;
		margin-left: 20px;
	}
	
	.service_testo{
		font-size:10px;
	}
	.service-title{
		font-size:15px;
	}
    .fix-menu-mob {

      left: auto;
      width: 440px;
    }
	.section_title {
		font-size: 55px;
		
	}
	
	.localita {
    
    float: left;
    margin: 10px;
    border: 2px solid #42536F;
  }
	




} /* FINE SMARTPHONE 550px (media query mmmenu) */


/* ==========================================================================
   DESKTOP - SCHERMI GRANDI BP640 > BP...   
   ========================================================================== */

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

	.service_testo{
		font-size:15px;
	}
	.service-title {
		font-size:20px;		
	}
	
	.service {
		width: 100%;
		float: left;
		margin-bottom:20px;
		margin-top: 20px;
		margin-left: 20px;
	}
	
	.section_title {
		font-size: 55px;
		
	}
	.sezione-chisiamo{
		margin-top: 500px;
	}


  /*GRIGLIA TOP LOCALITA ================*/

  .localita {
    width: 46%;
    float: left;
    margin: 10px;
    border: 2px solid #42536F;
  }
 
 .section_title {
		font-size: 55px;
		
	}



} /* FINE SMARTPHONE 640 > ... */




/* ==========================================================================
   TABLET - SCHERMI MEDI BP481 > BP768
   ========================================================================== */

@media only screen and  (max-width:767px) {
	
	
	
	
	
  
	
  .form-inline {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #ddd;
  }

  [class^="col-sm-"],
  [class*=" col-sm-"] {
    margin-bottom: 15px;
  }

  .row {
    margin-bottom: 0;
  }

  .modal-dettaglio-lezione .testata-table {
    display: none;
  }

  .tab-periodo .box-cell:nth-child(2) {
    margin-bottom: 15px;
  }
	


}/* FINE TABLET 481 > 768 */



/* ==========================================================================
   DESKTOP - SCHERMI GRANDI BP768 > BP...   
   ========================================================================== */

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

	.service_testo{
		font-size:15px;
	}
	.service-title {
		font-size:20px;		
	}
	
	
	.service {
		width: 100%;
		float: left;
		margin-bottom:20px;
		margin-top: 20px;
		margin-left: 20px;
	}
  
  
  .section_title {
		font-size: 75px;
		
	}
  .sezione-chisiamo{
	margin-top: 600px;
  }
  .container {
    width: 750px;
  }

  .btn-filtro-mobile,
  .btn-carrello-mobile {
    margin-left: 20px;
  }

  .testata .titolo {
    margin-bottom: 15px;
  }

  .testata .main-right .box-table {
    display: table;
    width: 100%;
  }

  .testata .main-right .box-cell {
    display: table-cell;
  }

  .ore-prenotate .riga-orario.testata-table{
    display: table-row;
  }

  .testata .main-right .box-cell:last-of-type {
    text-align: right;
  }

  .box-filtro-testata .label-tasti,
  .box-filtro-testata {
    margin-bottom: 0;
  }

  .box-filtro-testata .label-tasti, 
  .box-filtro-testata select {
    display: inline-block;
    margin-right: 10px;
  }

  .box-filtro-testata select {
    max-width: 200px;
    height: 28px;
  }

  /*SLIDER ===============*/

  .carousel-control {
    font-size: 30px;
    position: absolute;
    top: 50%;
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    background: rgba(0,0,0,0.3);
    color: #fff;
    border-radius: 2px;
    -moz-transition:all 0.4s;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
    display: block;
  }

  .carousel-control:hover {
    background: rgba(0,0,0,0.6);
  }

  .carousel-control.prev {
    left: 20px;
  }

  .carousel-control.next {
    right: 20px;
    left: auto;
  }

  .slide .item {
    min-height: 650px;
  }

  /*FORM ==========*/

  .box-form form {
    padding: 20px;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }

  .box-tipi-corsi {
    padding: 0;
  }

  .label-tipi {
    margin-left: 0px;
    margin-top: 0px;
  }


  /*GRIGLIA TOP LOCALITA ================*/

  .localita {
	width: 46%;
    margin: 10px;
    border: 2px solid #42536F;
	
  }
 

  /*SEZIONE INFOGRAFICA ==============*/
  


  /*SCHEDA PREZZO  ==================*/



  /*MODAL MAESTRO =====================*/

  
  /*MODAL PRENTOAZIOEN =====================*/


  /*DASHBOARD =======*/

  
  /*PRENOTAZIONI UTENTE ===========*/

  

  /*SCHEDA COLLETTIVA ========*/

  

  /*INDISPONIBILITà MAESTRO =====*/

 





} /* FINE DESKTOP 768 > ... */


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


  .schede-user .cover {
    width: 950px;
  }


}


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

  .btn-mobile {
    border-radius: 3px;
    font-family: 'blogger_sansregular';
    font-weight: bold;
    font-size: 14px;
    padding: 5px 8px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    font-size: 14px;
  }

  .btn.btn-block {
    padding: 6px 8px;
  }

  .btn-mobile:focus,
  .btn-mobile {
    background: #12B5BC;
    color: #fff;
  }

  .btn-mobile:active,
  .btn-mobile:hover {
    background: #14DDDD;
    color: #fff;
    text-decoration: none;
  }

  .elenco-thumb-video {
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }

  .contenuti-scheda section {
    margin-bottom: 30px;
  }

  .testata-agenda {
    position: static !important;
    top: auto!important;
    width: auto!important;
  }


}/* FINE TABLET  < 1023 */


/* ==========================================================================
   DESKTOP - SCHERMI GRANDI BP1024 > BP...   
   ========================================================================== */

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

	.descrizione {
		font-size: 20px;
   	}


	.service_testo{
		font-size:15px;
	}
	.service-title {
		font-size:20px;		
	}
	
	.service {
		width: 100%;
		float: left;
		margin-bottom:20px;
		margin-top: 20px;
		margin-left: 20px;
	}

  

  .container {
      width:990px;
      padding: 0;
	  
  }

  .main-container section {
    padding: 0 0 0 30px;
    margin-bottom: 50px;
    position: relative;
  }


  #menu-mobile {
    display: none;
  }

  /*BOX FORM =============*/

  .box-tipi-corsi {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0;
  }

  .box-tipi-corsi .form-group {
    display: table-cell;
    padding: 0 7px;
  }

  .box-tipi-corsi .form-group:first-child {
    padding-left: 0;
  }

  .box-tipi-corsi .form-group:last-child {
    padding-right: 0;
  }

  /*GRIGLIA TOP LOCALITA ================*/

  .localita {
    width: 31%;
	margin:10px;
	border:2px solid #42536F;
  }

  .localita:first-child .text,
  .localita:first-child .box-bg {
    border-radius: 3px 0 0 0;
  }

  .localita:nth-child(4) .text,
  .localita:nth-child(4) .box-bg {
    border-radius: 0 3px  0 0;
  }

  .localita:nth-child(9) .text,
  .localita:nth-child(9) .box-bg {
    border-radius: 0 0 0 3px;
  }

  .localita:last-child .text,
  .localita:last-child .box-bg {
    border-radius:  0 0 3px 0;
  }


  /*HEADER ===========*/
  
  .btn-filtro-mobile,
  .btn-carrello-mobile,
  .tasto-menu-mobile {
    display: none;
  }

  header .select-valuta {
    background-color: transparent;
    border-color: rgba(0,0,0,0.2);
    width: 60px;
    float: right;
    height: 34px;
    margin-right: 20px;
    display: block;
    margin-top: 5px;
  }

  .select-valuta:hover {
    border-color: rgba(0,0,0,0.5);
  }

  header .mobile_apps {
    display: block;
  }

  header .logo {
    width: 145px;
    margin-top: 0;
  }

  
  
  ul.tasti li {
    display: inline-block;
    list-style: none;
  }
  
   header ul.tasti {
    float: left;
    margin-right: 10px;
    margin-top: 18px;
    display: block;
  }
 
  header ul.tasti li a {
    color: #555;
    font-size: 16px;
    opacity: 1
  }
 
  header ul.tasti li a:hover {
    opacity: 0.8
  }
	
  ul.social li {
	
    display: inline-block;
    list-style: none;
    margin-right: 10px;
  }

  
  header ul.social {
	
    float: right;
    margin-right: 10px;
    margin-top: 20px;
    display: block;
  }


  header ul.social li a {
    color: #555;
    font-size: 30px;
    opacity: 1
  }

  header ul.social li a:hover {
    opacity: 0.8
  }


  header .nav-lingua {
    display: inline-block;
    position: relative;
    float: right;
    margin-top: 27px;
  }

  header .nav-lingua > a  {
    background: #fff;
    display: block;
    border-radius: 2px;
  }

  header .nav-lingua > a > .ico-lingua {
    padding: 0px 4px ;
    margin: 0 auto;
    width: 26px;
    display: block;
    position: static;
  }

  header .nav-lingua > a,
  header .nav-lingua > a > .ico-lingua {
    height: 22px;
  }

  header .nav-lingua > a > .ico-lingua img {
    vertical-align: top;
    position: relative;
    top: 5px;
  }

  header .nav-lingua.open a .ico-lingua {
    border-radius: 3px 3px 0 0 ;
  }

  header .dropdown-menu>li>a {
    padding: 5px 10px;
  }

  header .box-login {
    margin-top: 5px;
    float: right;
    margin-left: 15px;
    display: block;
  }


  .box-radio-privacy h6 {
    margin-bottom: 5px;
    font-size: 15px;
    display: block;
  }

  .box-radio-privacy p {
    margin-bottom: 1em;
    font-size: 12px;
  }

  .box-radio-privacy .checkbox {
    margin-right: 20px;
  }


  /*FOOTER ==================*/

  .footer .box-right {
    /*float: left;
    width: 20%;*/
    text-align: right;
  }


  /*PAGINA CON FILTRO ===============================*/

  .main-left {
    width: 270px;
    float: left;
    padding: 0 20px;
    position: relative;
  }

  .col-sx-fix.main-left {
    padding: 20px;
    display: block;
  }

  .main-right {
    margin-left: 270px;
    /*padding: 25px;*/
  }



  .testata  {
    position: fixed;
    width: 100%;
    z-index: 10;
    top:64px
  }

  .testata .container {
    margin-top: 0;
    margin-bottom: 0;
  }

  .testata-tab-filtri .main-left {
    display: block;
  }

  .testata.testata-tab-filtri {
    padding-bottom: 0;
    padding-top: 0px;
  }

  .main-left .col-xs-6:first-child {
    padding-right: 8px;
  }

  .main-left .col-xs-6:nth-child(2) {
    padding-left: 8px;
  }

  .box-filtro .row {
    margin-bottom: 15px;
  }

  .testata .main-left .btn {
    display: block;
    width: 100%;
  }

  .testata .btn-tab .btn {
    padding: 5px 0;
    font-size: 16px;
  }

  .btn-tab .btn {
     border-radius: 3px 3px 0 0;
     text-transform: uppercase;
  }

  .testata .btn.active {
    text-transform: uppercase;
    background: #12b5bc;
  }

  .testata .titolo {
    font-weight: normal;
    display: inline-block;
    color: #fff;
    position: relative;
    margin-bottom: 0;
    font-size: 22px
  }

  .testata.testata-tab-filtri .main-left {
    position: absolute;
    bottom: 0px;
  }

  .testata .main-right {
    padding: 0;
    padding-left: 25px;
  }

  .testata .label-tasti {
    color: #fff
  }

  .col-sx-fix {
    background: #23282D;
    position: fixed;
    top: 115px;
    bottom: 0;
  }

  .no-testata .col-sx-fix {
    top: 64px;
  }

  .box-table {
    display: table;
    width: 100%;
  }

  .box-row {
    display: table-row;
    width: 100%;
  }

  .box-cell {
    display: table-cell;
  }

  .box-cell.va-middle {
    vertical-align: middle;
  }

  .row-tab {
    display: table;
    width: 100%;
  }

  .tab-fix {
    display: table;
    table-layout: fixed;
    width: 100%;
  }

  .row-tab .box-cell {
    padding: 0 15px;
  }

  .row-tab .box-cell:first-child {
    padding-left: 0;
  }

  .row-tab .box-cell:last-child {
    padding-right: 0;
  }

  .cell-tasti {
    text-align: right;
  }

  .cell-tasti .btn {
    display: inline-block;
    margin-left: 10px;
  }

  .testata .box-cell {
    vertical-align: middle;
    padding: 10px 0;
  }

  .cell-tasti .btn-tab {
    display: block;
    margin-right: 5px;
    position: absolute;
    top: 12px;
    padding-right: 10px;
    right: 98px;
  }

  .cell-tasti .btn-tab:after {
    height: calc(100% + 21px);
    bottom: 0;
    right: 0;
    width: 1px;
    background: rgba(255,255,255,0.1);
    display: block;
    content: '';
    position: absolute;
  }

  .cell-tasti .btn-tab .btn {
    margin-right: 10px;
    padding: 8px 30px;
    font-size: 0.9em
  }

  /*FILTRO SX E CARRELLO DX =======================*/

  


  /*SCHEDE USER ===========*/

  

  /*SCHEDA MAESTRO PRIVATA ===========*/

  
  /*PRENOTAZIONI UTENTE ===============*/

} /* FINE DESKTOP 1024 > ... */


/* ==========================================================================
   DESKTOP - SCHERMI GRANDI BP1366 > BP...   
   ========================================================================== */

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

	.service {
		width: 47%;
		float: left;
		margin-bottom:20px;
		margin-top: 20px;
		margin-left: 20px;
	}


  .container {
      width:1220px;
  }

  .schede-user .cover {
    width: 920px;
  }

  .cover .carousel {
    min-height: 390px;
  }

  .schede-user .contenuti-scheda {
    margin-top: 390px;
  }

  .ufficio {
    display: table;
  }

  .ufficio-via {
     display: table-cell;
     padding-right: 15px;
  }

  .info-ufficio {
    display: table-cell;
  }
  

  .info-ufficio .cell:first-child {
    padding-right: 15px;
  }
} /* FINE DESKTOP 1366 > ... */

/* ==========================================================================
   DESKTOP - SCHERMI GRANDI BP1366 > BP...   
   ========================================================================== */

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

  .container {
    width: 1300px;
  }

  .main-left {
    width: 350px;
    float: left;
  }


  .main-right {
    margin-left: 350px;
  }


  .slide .item {
    min-height: 550px;
  }

  .box-form {
    margin-top: 130px;
  }

  .box-form form {
    margin-top: 90px;
  }


  .box-form .claim {
    font-size: 35px 
  }


  /*SCHEDE USER ========*/

  .schede-user .cover {
    width: 1000px;
  }


} /* FINE DESKTOP 1366 > ... */


/* ==========================================================================
   DESKTOP - SCHERMI GRANDI BP1440 > BP...   
   ========================================================================== */

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

  .slide .item {
    min-height: 650px;
  }


  .box-form {
    margin-top: 150px;
  }

  .box-form form {
    margin-top: 110px;
  }

  .box-form .claim {
    font-size: 40px
  }


} /* FINE DESKTOP 1366 > ... */


/* ==========================================================================
   IE8 e precedenti   html.lt-ie9 > ...
   ========================================================================== */

html.lt-ie9 body {
}




/* ==========================================================================
   Classi Utili - Clearfix etc.
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}




/*SOVRASCRIVO BOOTSTRAP ==============*/


.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding: 0 10px;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}


/* TASTI HEADER */

.container-color{
	width:100%;
	margin: 0px auto;
	padding: 0;
	background:gray;
	margin-top:450px;
}


#top-menu a {
	display: block;
	-webkit-transition: .5s all ease-out;
	-moz-transition: .5s all ease-out;
	transition: .5s all ease-out;

}

#top-menu a:hover {
	background:none;
}

#top-menu a:focus{
	background:none;
}

#top-menu li.active a {
	border-bottom:4px solid #E8D116;
	padding: 0 15px 6px 15px ;
	background:none;
}

.nav .current a {
	border-bottom:4px solid #E8D116;
	padding: 0 15px 6px 15px ;
	background:none;
}


.nav{
	font-family: 'Open Sans', sans-serif;
	display:inline-block;
	list-style:none;
	float:right;
	/*margin-left:400px;*/
	margin-top:25px;	
}

.nav li{
	float:left;
}
	

	
.nav li a{
	display: block;	
	font-weight: ;
	padding: 0 15px 9px 15px ;
	text-decoration: none;
	color: white;
	font-size: 18px;
	text-transform:uppercase;
	border-bottom:;
}	

.descrizione{
	text-align:center;
	color:#555555;
	font-family: 'Open Sans', sans-serif;
	
	margin-left:50px;
	margin-right:50px;
	margin-top:25px;
}
/*.nav li a:hover{
	color: #ccc !important;
	background:none;
}
.nav li a:active{
	background:none;
	border-bottom:4px solid #E8D116;
	padding: 0 15px 6px 15px ;	
}

.nav li a:focus{
	background:none;
	border-bottom:4px solid #E8D116;
	padding: 0 15px 6px 15px ;
}*/

.section_title {
    
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -3px;
    margin-bottom: 28px;
	color:#42536F;
}

.section_subtitle {
    color: #b4aea9;
    text-transform: uppercase;
    text-align: center;
    margin: 15px 0px;
	font-size: 20px;
}

.section_line {
    width: 80px;
    height: 4px;
    background-color: #b4aea9;
    margin: 0 auto;
	margin-bottom:50px;
}

.griglia-lavori{
	margin-top:30px;
}


	
@media (max-width: 1300px) {

#top-menu a {
font-size:15px;
}

header .nav-lingua {
    
    margin-top: 24px;
}

}
	
@media (max-width: 1000px) {

.nav { display: none;  }





}

/*CONTATTI*/
.my-form .field{
}

.my-form .form-group{
}

.my-form .form-group:last-child{
	margin-bottom:0
}

.my-form input.form-control{
	height:48px;background:#dbdbdb;-webkit-box-shadow:none;box-shadow:none;border:0;margin:0
}

.my-form textarea.form-control{
	background:#dbdbdb;-webkit-box-shadow:none;box-shadow:none;border:0;margin:0
}

.my-form button{
	padding-top:12px;padding-bottom:12px;font-weight:700;font-family:Montserrat;font-size:20px
}

.my-address{
	margin-bottom:48px
}

.my-address h3{
	margin:0 0 24px;font-size:20px
}

.my-address address{
	margin:0
}

.my-email{
	margin-bottom:48px
}

.my-email h3{
	margin:0 0 24px;font-size:20px
}

.my-phone{
	margin-bottom:48px
}

.my-phone h3{
	margin:0 0 24px;font-size:20px
}

.help-block ul{
	padding:0;list-style:none
}

.help-block ul li{
	color:red
}

.field .form-group{
	margin:0
}

.success{
	padding:0;background:0 0;border:0
}



/*SOCIAL NEW*/
.fbNew:hover{
		content: url(../images/fb-bianco.png);
}
			
.twNew:hover{
		content: url(../images/tw-bianco.png);
}
.youNew:hover{
		content: url(../images/you-bianco.png);
}
.inNew:hover{
		content: url(../images/in-bianco.png);
}

/* @services
********************************************************************************************
********************************************************************************************/

.service {
  font-size: 13px;
  
  overflowc: hidden;
}


.service .content {
  position: relative;
  padding-top: 60%;
  border: 1px solid #fff;
  display: block;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
}

.service .content span {
  display: block;
}

.service .box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;

}



.service .text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15px;
  color: #fff;
  background: rgba(0,0,0,0.0);
  -moz-transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -o-transition:all 0.4s;
  transition:all 0.4s;
}

.service .text-intro {
  margin-top: 7px;
  line-height: 1.35;
  -ms-transform:translateX(-100%);
  -moz-transform:translateX(-100%);
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%);
  -moz-transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -o-transition:all 0.4s;
  transition:all 0.4s;
}

.service .num {
  display: inline!important;
  color: #12b5bc;
  font-weight: bold;
}

.service a:hover .text-intro {
  -ms-transform:translateX(0%);
  -moz-transform:translateX(0%);
  -webkit-transform:translateX(0%);
  transform:translateX(0%);
}

.service a:hover .text {
  background: rgba(0,0,0,0.8);
}



.griglia-servizi{
	text-align:center;
	
}