/*--------------------------------------------------
SCHEDA SCAVOLINI
www.scavolini.com
website by websolute
--------------------------------------------------*/


/*--------------------------------------------------
Social
--------------------------------------------------*/
.socialButton {margin-top:2.5em;}





/*--------------------------------------------------
Galslider
--------------------------------------------------*/

.mobile .scrollbox {overflow:hidden;}
.scrollbox {padding-bottom:1em;}
.scrollbox .container {overflow:hidden; position:relative; z-index:1;}
.scrollbox .loading {position:absolute; top:0; left:0; z-index:10; background:url(../img/loading_white.gif) no-repeat center 40% #fff; width:100%; height:200%;}
.scrollbox .content {width:20000em;}
.scrollbox ul {margin:0; list-style:none; padding:3em 0 4em;}
.scrollbox ul li {margin:0; padding:0; display:inline-block; padding:0 12px; width:347px; text-align:center; float:left;}
.mobile .scrollbox ul li {padding:0;}
.mobile .scrollbox .flex-direction-nav {padding:0;}
.scrollbox ul li img {width:100%; height:auto;}
.scrollbox .scrollbar {position:absolute; bottom:14px; left:0; z-index:1; width:100%; height:3px; background:#dddddd; }
.scrollbox .drag {position:absolute; left:0; bottom:-14px; z-index:2; width:80px; height:11px; cursor:url(../img/cur_grab_off.cur), move; border:none;  background:url(../img/icon.png) no-repeat 5px -429px #C00B1D; border-top:10px solid #fff; border-bottom:10px solid #fff;}
.touch .scrollbox .drag {border-top:10px solid #fff; border-bottom:10px solid #fff;}
.scrollbox .dragon {cursor:url(../img/cur_grab_on.cur), move;}
.scrollbox .drag span {background:url(../img/icon.png) no-repeat scroll 0 -452px; height:6px; position:absolute; right:5px; top:3px; width:6px; z-index:1;}
.scrollbox .drag:hover {background-color:#e91b31;}
/*.touch .scrollbox .drag:hover {border-top:10px solid #e91b31; border-bottom:10px solid #e91b31;}*/
.galslider .flexslider .loading {position:absolute; z-index:100; top:40%; left:50%; background:url(../img/loading.gif) no-repeat center center #000; border:3px solid #555; width:32px; height:32px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; padding:4px; -moz-opacity:.7; -webkit-opacity:.7; opacity:.7; filter:alpha(opacity:70); margin-top:-23px; margin-left:-23px;}

/*--------------------------------------------------
combobox nav
--------------------------------------------------*/

.infoBtn {position:absolute; bottom:10px; right:10px; width: 14px; height: 15px; background:url(../img/icon.png) no-repeat -496px -482px; cursor:pointer; z-index:22; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; padding:4px; background-color:rgba(256,256,256, 0.8);}
.infoBtn.on {background-position:-600px -540px; background-color:transparent; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; padding:0;} 
.infoBox {position:absolute; left:0; bottom:0; background:rgba(10,10,10, 0.8); color:#fff; z-index:20; width:100%; font-size:14px; line-height:21px; padding:30px 0; -moz-opacity:0; -webkit-opacity:0; opacity:0; filter:alpha(opacity=0);}
.infoBox .thumbTitle {color:#fff; font-weight:700; padding:0 20px;}
.infoBox .thumbDescr {color:#fff; font-weight:400; padding:0 20px;}


/*--------------------------------------------------
Box Download
--------------------------------------------------*/
.box_download {margin-bottom:2.5em;}
.box_download .sx, .box_download .dx, .box_download .center {float:left; width:33.33333333333333%;}
.box_download .center .bp {padding: 0 8px;}
.box_download .sx .bp {padding: 0 16px  0  0;}
.box_download .dx .bp {padding: 0  0  0 16px; text-align:center;}
.box_download .dx .cta {margin-top:4.2em;}
.box_download .sx .border_icon {margin:1.5em auto 0;}

.centered .border_icon {margin:0 auto 2em;}
.box_download.col_3.col_pos_1.centered {min-height:267px; margin-bottom:2em;}


/*--------------------------------------------------
Scheda tavoli
--------------------------------------------------*/
.scheda_tss .box_download {margin-top:2.5em;}
.scheda_tss .box_download .center {width:66.666666666666666%;}
#sliderNoZoom li {margin: 0!important;}
.noMobile .scheda_tss .socialButton {margin:2.5em 0 3em; width:84%;}
.scheda_tss h3, .scheda_tss  .h3 {margin:0.9em 0; padding:0;}


/*--------------------------------------------------
Mappa
--------------------------------------------------*/
#localizeMeData { display: none; }
#map {position:relative; width:100%;/* background:url(../img/mapsPlaceholder.jpg) no-repeat left top; padding:20px 0; background-size:cover;*/}
#map_canvas {max-height:420px;}
#overlayMap {position:absolute; z-index:90; bottom:5px; left: 0; background:url(../img/1pxWhite.png); width:100%; height:auto; font:12px/18px 'Open Sans', sans-serif; font-weight:400;}
#overlayMap .result {padding:20px 20px 15px;}
#overlayMap .result .lfloat {margin-right:30px;}
#overlayMap .result .name a {font-weight:700; color:#272c31;}
#overlayMap .result .number {font:16px/24px 'Open Sans', sans-serif; font-weight:700; display:block; width:24px; height:24px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; background-color:#c00b1d; text-align:center; color:#fff; margin-top:6px;}
#overlayMap .result a {font:12px/18px 'Open Sans', sans-serif; font-weight:400;}
#overlayMap .result .arrow {display:block; width:32px; height:32px; background:url(../img/icon.png) no-repeat left -212px;}
#map .icon_map, #map .icon_phone {margin:0 auto 2em;}
#map strong {white-space:nowrap;}


/*--------------------------------------------------
Numero verde
--------------------------------------------------*/
.phone {position:relative; width:100%; text-align:center;}
.phone .small {margin-top:1.74em;}
.mobile .phone .cta {margin-top:1.5em;}
.mobile .phone .border_icon {margin-bottom:100px!important; margin-right:20px!important;}
.mobile .icon_mail {display:none;}
.phone .border_icon {margin-left:auto; margin-right:auto;}
/*#numeroVerde .cta {background:#6C9D23}*/


/*--------------------------------------------------
Correlati
--------------------------------------------------*/
.cor {position:relative; z-index:0;}
.overlayPr {position:absolute; z-index:10; bottom: 0; left: 0; background:url(../img/1pxBlack.png); width:100%;}
.overlayPr span {padding: 0 11px;}
.overlayPr span.h6 {padding-top:11px;}
.overlayPr span.h7 {padding-bottom:11px;}
.mobile .row24 .cor {padding: 0!important; margin-left:12px!important;}
.mobile .row24:first-child .cor {margin-right:12px!important; margin-left: 0!important;}





/*--------------------------------------------------
Media Query
--------------------------------------------------*/

@media screen and (min-width:100px) and (max-width:366px) {
	.colorsBox .tooltip.last {margin-right: 0;}
}

@media screen and (min-width:100px) and (max-width:559px) {
	/* Box dowload */
	.noMobile .box_download .sx .bp, .noMobile .box_download .dx .bp, .noMobile .box_download {padding: 0; margin: 0;}
	.noMobile .box_download .dx .cta {margin: 0;}
	.noMobile .box_download .sx, .noMobile .box_download .dx, .noMobile .box_download .center {float:none; text-align:center; width:100%; margin-bottom:2em;}
	
	/* Combo box */
	.combobox {display:none;}
	
	/* Mappa */
	#map {overflow:hidden; width:100%; height:100%; /*border-bottom:1px solid #e4e4e4;*/}
	#map img {width:100%; height:auto;}
	#overlayMap {position:static; top:auto; left:auto; width:100%; margin:0 auto; background:#fff;}
	.noMobile #overlayMap .result {border-top:1px solid #e4e4e4; padding:12px  0; position:relative;}
	#overlayMap .result .cf {width:90%; padding:13px 12px; position:relative; z-index:0; margin:0 auto;}
	#overlayMap .result .lfloat:first-child {width:10%; margin-left: 0; height:30px; margin-top:-17px; top:50%; position:absolute;}
	#overlayMap .result .lfloat {margin-right:0; width:70%; margin-left:20%;}
	#overlayMap .result .rfloat {width:14px; height:15px; margin-top:-7px; top:50%; position:absolute; right:10px;}
	#overlayMap .result .arrow {width:14px; height:15px; background-position:-500px -486px;}
	#overlayMap .result.open .arrow {background-position:-600px -486px;}
	.mobile .scrollbox .container {padding-bottom: 0;}
	.mobile .scrollbox .flexslider {margin-bottom: 0;}
	.mobile .colorsBox {text-align:center;}
	.colorsBox .cta {clear:none; float: none; margin-top:12px; margin-bottom:2.5em;}
	.mobile .galslider {margin-bottom:0!important;}

	/* Scheda tavoli */
	.scheda_tss .col_4 {width:100%;}
	.scheda_tss .socialButton {width:100%;}
}

@media screen and (min-width:560px) and (max-width:959px) {
	/* Download & newsletter */	
	.box_download {margin-bottom:1.3em;}
	.box_download .center {width:40%;}
	.box_download .sx {width:30%;}
	.box_download .dx {width:30%;}
	.box_download .dx .cta {margin-top:2.6em;}
	.box_download .sx .border_icon {margin:0.5em auto 0;}
	#downloadNewsletter .col_3 {width:100%;}
	.box_download.col_3.col_pos_1.centered {width:50%!important;}
	
	/* Structure */
	.row .col_1 {width:50%; margin-bottom:1.3em;}
	.row .col_1.col_pos_1.centered {min-height:250px;}
	.col_pos_2.col_2 {width:50%;}
	.col_pos_2.col_2 figure {margin-bottom:2em; width:80%;}
	/*.galslider_nav  {margin-top:-4.5em;}*/
	.col_3 .col_2.right {width:100%; margin-bottom:1.3em;}
	.row .col_3 .col_1.right {width:100%;}
	.col_3 .col_1 .bp {padding: 0;}
	.col_3 .col_1 .cta {margin-right:5px;}
	.col_2_centered {width:80%;}
	.row .col_3 .h3, .row .col_3 h3 {padding-bottom:1.3em;}

	/* Map */	
	#map {margin-bottom:4.5em;}
	#numeroVerde {margin-bottom:32px;}

	/* Scheda tavoli */
	.scheda_tss .col_2 {margin-bottom:2.5em;}
	.scheda_tss .col_2, .scheda_tss .col_4 {width:100%;}
	.scheda_tss .socialButton {width:100%;}
}


@media screen and (min-width:960px) and (max-width:1024px) {
	/* Map */
	#map iframe {height:540px;}
	#overlayMap .result .lfloat:first-child {margin-bottom:20px;}
	.col_3 .col_2.right {width:100%; margin-bottom:1.3em;}
	.row .col_3 .col_1.right {width:100%;}
	.row .col_3 .h3, .row .col_3 h3 {padding-bottom:1.3em;}
	/* Scheda tavoli */
	.scheda_tss .socialButton {width:100%;}
	.scheda_tss .col_2 {width:100%;}
	.scheda_tss .col_4 {width:100%;}
	.scheda_tss .box_download .sx {width:16%;}
	.scheda_tss .box_download .center {width:50%;}
	#map {margin-top:1.3em;}
}
 
@media screen and (min-width:1025px) and (max-width:1200px) {
	.row, .wrap65 {width:95%;}
	#map {margin-top:-1.6em;}
	#mapWrapper {margin-top:-2.5em;}
	#gallery #info .multicol.text {-moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 30px; column-count: 2;	column-gap:30px;}
}
 
@media screen and (min-width:1200px) and (max-width:1400px) {
	.row, .wrap65 {width:90%;}
	#map {margin-top:-1.6em;}
	#mapWrapper {margin-top:-2.5em;}
	#gallery #info .multicol.text {-moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 30px; column-count: 2;	column-gap:30px;}
}
@media screen and (min-width:1400px) {
	.row, .wrap65 {width:80%;}
	#map {margin-top:-1.6em;}
	#mapWrapper {margin-top:-2.5em;}
	#gallery #info .multicol.text {-moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 30px; column-count: 2;	column-gap:30px;}
}