

/** STANDARD **/
@font-face {
	font-family: 'BrandonGrotesqueRegular';
	src: url('../fonts/hinted-BrandonGrotesque-Regular.eot');
	src: url('../fonts/hinted-BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/hinted-BrandonGrotesque-Regular.woff') format('woff'),
		url('../fonts/hinted-BrandonGrotesque-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BrandonGrotesqueBold';
	src: url('../fonts/hinted-BrandonGrotesque-Bold.eot');
	src: url('../fonts/hinted-BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/hinted-BrandonGrotesque-Bold.woff') format('woff'),
		url('../fonts/hinted-BrandonGrotesque-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}


body{font-family: 'Open Sans', sans-serif; font-weight:400; font-size: 12px; line-height: 20px; position:relative; color: #4b4b4d; background-color: #ffffff; overflow-x: hidden; }
img{max-width:100%;}
*{box-sizing:border-box;}
a{color:inherit; text-decoration:none;}
p{margin: 0 0 10px 0;}

.left{float:left;}
.right{float:right !important;}

.txt-right{text-align:right;}
.txt-center{text-align:center;}

.txt-underline{text-decoration:underline;}

.bg-white { background-color: #ffffff; }
.bg-blue { background-color: #174288; }
.bg-orange { background-color: #ec6707; }
.bg-grey, .bg-gray { background-color: #eceded; }
.bg-black { background-color: #000000; }
.bg-azzurro { background-color: #e7ecf3; }

.txt-white { color: #ffffff; }
.txt-blue { color: #174288; }
.txt-orange { color: #ec6707; }
.txt-grey, .txt-gray { color: #9c9e9f; }
.txt-green { color: #05a805; }
.txt-red { color: #c70000; }

.container{ width: 960px; margin: 0 auto; }
.relative { position: relative; }
.absolute { position: absolute; }
.overflowhidden { overflow: hidden; }
.right0 { right: 0; }

.fontBGB { font-family: 'BrandonGrotesqueBold' !important; }
.fontBGR { font-family: 'BrandonGrotesqueRegular' !important; }
.bold { font-weight: 700; }



.clearb { clear: both; }
.clearb5 { clear: both; height:5px; }
.clearb10 { clear: both; height:10px; }
.clearb15 { clear: both; height:15px; }
.clearb20 { clear: both; height:20px; }
.clearb30 { clear: both; height:30px; }
.clearb45 { clear: both; height:45px; }
.clearb60 { clear: both; height:60px; }
.clearb75 { clear: both; height:75px; }
.clearb90 { clear: both; height:90px; }
.pointer { cursor: pointer; }
.nomt { margin-top: 0 !important; }
.nomr { margin-right: 0 !important; }
.nomb { margin-bottom: 0 !important; }
.noml { margin-left: 0 !important; }
.nom { margin: 0 !important; }
.nopt { padding-top: 0 !important; }
.nopr { padding-right: 0 !important; }
.nopb { padding-bottom: 0 !important; }
.nopl { padding-left: 0 !important; }
.nop { padding: 0 !important; }
.nbt { border-top: 0 !important; }
.nbr { border-right: 0 !important; }
.nbb { border-bottom: 0 !important; }
.nbl { border-left: 0 !important; }
.nb { border: 0 !important; }
.maxwnone { max-width: none; }
.mauto { margin: 0 auto; display: block; }
.cleargrigio { width: 100%; height: 2px; clear: both; background-color: #F6F6F6; }
.notxtransform { text-transform: none !important; }

.padding1 { padding: 0 50px 0 20px; }
.padding1b { padding: 20px 20px 0 50px; }
.padding2 { padding: 40px 10px 0 30px; }
.padding3 { padding: 10px 10px 0 30px; }
.padding4 { padding: 0 40px 0 20px; }
.padding4b { padding: 0 20px 0 40px; }
.padding5 { padding: 0 20px; }
.padding6 { padding: 0 0 0 60px; }
.padding7 { padding: 100px 70px 0 20px; }
.padding8 { padding: 100px 20px 0 70px; }
.padding9 { padding: 30px 40px 20px 30px; }
.padding10 { padding: 0 20px 0 0; }
.padding11 { padding: 0 40px 0 0; }

#menu-display, #menu-display2 { display: none; }
#menu { position: fixed; margin-left: -400px; z-index: 999999; display: none; top: 0; left: 0; height: 100%; margin-top: 0;  }
#menu li.selected { background-color: #474747; }

.fadeContent { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; opacity: .2; }

/* TESTATE */

/** SITO **/
.titolo { font-family: 'BrandonGrotesqueBold'; font-size: 30px; line-height: 36px; display: block; margin-bottom: 5px; }
.titolo.small { font-size: 25px; }
.sottotitolo { font-family: 'BrandonGrotesqueRegular'; font-size: 19px; line-height: 22px; display: block; }

/* HEADER */
.header { }
.header_top { height: 47px; border-bottom: 1px solid #eceded; }
.header_top .sottotitolo { margin-top: 13px; }
.header_top .sottotitolo span { color: #c6c7c8; }
.header_middle { padding: 5px 0; height: 84px; }
.header_middle .logo { float: left; margin-top: 5px; }
.socials_top { float: right; margin: 5px 0 5px 0; }
.socials_top .sottotitolo.txt-blue { font-size: 18px; line-height: 20px; font-family: 'BrandonGrotesqueBold'; }
.socials_top .sottotitolo.txt-blue i { }
.ico_social { width: 22px; height: 22px; float: right; margin: 0 0 0 8px; text-align: center; color: white !important; font-size: 12px; }
.ico1 { background-color: #36589b; }
.ico2 { background-color: #e61f2c; }
.ico3 { background-color: #0e689b; }
.menu_top { height: 58px; }
ul.nav { margin: 0; list-style: none; font-size: 14px; height: 58px; padding-top: 10px; padding-left: 0; }
ul.nav li:first-child { margin: 0 9px 0 0; }
ul.nav li { float: left; margin: 0 9px; border-bottom: 5px solid transparent;  }
ul.nav li span { border-bottom: 5px solid #eceded; }
ul.nav li a { border-bottom: 5px solid transparent; -webkit-transition: border 200ms linear; -moz-transition: border 200ms linear; -ms-transition: border 200ms linear; -o-transition: border 200ms linear; transition: border 200ms linear; }
ul.nav li a:hover { border-bottom: 5px solid #eceded; }
ul.nav2 { margin: 0; list-style: none; font-size: 14px; padding: 0 0 0 0; }
ul.nav2 li { float: left; padding: 17px 7px; }
ul.nav2 li:last-child { display:none; }
ul.nav2 li a { border-bottom: 5px solid transparent; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
ul.nav2 li a:hover, ul.nav2 li span { border-bottom: 5px solid #174288; }
#slideshow { width: 100%; height: 390px; background-color: #ededee; margin-bottom: 0px; overflow:hidden;}
#testata_header { width: 100%; height: 310px; background-color: #ededee; margin-bottom: 0px; }
.box_slideshow { width: 100%; height: 500px !important; }
.box_slide_txt { width: 456px; position: absolute; top: 130px; right: 116px; background-color: rgba(23,66,136,.8); font-size: 35px; line-height: 35px; padding: 30px 40px; font-family: 'BrandonGrotesqueBold'; }
.box_slide_txt span { font-size: 22px; display: block; line-height: 24px; margin-top: 14px; }
.richiedi_informazioni { background-color: #d38684; color: white; font-size: 17px; line-height: 24px; width: 160px; height: 53px; float: right; font-weight: bold; padding: 14px 10px 0 10px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
.richiedi_informazioni img { float: right; max-height: 25px; }
.richiedi_informazioni:hover { background-color: #b15553; }

/* SECTION */
.fascia_ricerca_top { background: linear-gradient(to right, #ffffff 50%, #174288 50%); }
.fascia_ricerca_top .col-7 { background-color: white; padding-top: 25px; height: 82px; webkit-transition: background 200ms linear; -moz-transition: background 200ms linear; -ms-transition: background 200ms linear; -o-transition: background 200ms linear; transition: background 200ms linear; }
.fascia_ricerca_top .titolo { font-size: 25px; }
.fascia_ricerca_top .col-7 img { margin: 7px 8px 0 0; float: left; }
.fascia_ricerca_top .col-7 img.normal { display: inline-block; }
.fascia_ricerca_top .col-7 img.white { display: none; }
.fascia_ricerca_top .col-7 i { display: none; margin-left: 3px; }
.fascia_ricerca_top .col-7 .open { /*color: #009129;*/ }
.fascia_ricerca_top .col-7 .close { /*color: #bc0a0a;*/ }
.interna .fascia_ricerca_top { background: #ECEDED; }
.interna .fascia_ricerca_top .col-7 { display: none; }
.interna .fascia_ricerca_top .col-5 { width: 100%; }

.fascia_ricerca_bottom { background: linear-gradient(to right, #ededee 50%, #174288 50%); }
.fascia_ricerca_bottom .col-6 { padding-right: 10px; }
.fascia_ricerca_bottom .col-7 { background-color: #ededee; }
.fascia_ricerca_bottom .col-5 { padding: 0 0 0 30px; }
.fascia_ricerca_bottom select, .fascia_ricerca_bottom input { display: block; }
.box_ricerca { padding: 13px 0 13px 0; min-height: 60px; }
.box_ricerca span, .box_newsl span { font-family: 'BrandonGrotesqueRegular'; font-size: 16px; }
.box_ricerca span.txt-blue { padding-left: 5px; }
.box_ricerca hr { border: 1px solid white; color: white; width: 94%; float: left; margin-bottom: 10px; }
.box_newsl hr { border: 1px solid white; color: white; width: 100%; float: left; margin-bottom: 10px; }
.hr-white { border: 1px solid white; color: white; width: 100%; float: left; margin-bottom: 10px; }
.hr-blu { border: 1px solid #174288; color: white; width: 100%; float: left; margin-bottom: 10px; }
.FormRicerca { padding: 5px 0 12px 0; display: block; }
.FormRicerca .SelectBox { padding: 8px 8px; }
.FormRicerca .SumoSelect.open > .optWrapper { top: 38px; }
.FormRicerca .SumoSelect { width: 95%; color: #8e8e8e; }
.FormRicerca .SumoSelect > .CaptionCont { border: 1px solid #e1d9d7; }
.FormRicerca .SumoSelect > .CaptionCont > span { font-size: 15px; }
.FormRicerca a.pulsanteBlu2 {display:inline-block;}

.FormNewsletter { padding: 12px 0 35px 0; }
.FormNewsletter .SelectBox { padding: 8px 8px; }
.FormNewsletter .SumoSelect.open > .optWrapper { top: 38px; }
.FormNewsletter .SumoSelect { width: 100%; color: #8e8e8e; }
.FormNewsletter .SumoSelect > .CaptionCont { border: 1px solid #e1d9d7; }
.FormNewsletter .SumoSelect > .CaptionCont > span { font-size: 15px; }
.pulsanteArancione { background: transparent; border: 2px solid #ec6707; color: #ec6707; padding: 6px 30px; font-family: 'BrandonGrotesqueRegular'; font-size: 15px; line-height: 22px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
.pulsanteArancione:hover { background: #ec6707; color: #ffffff; }
.small.pulsanteBlu {padding: 5px 20px 4px; font-size: 13px; line-height: 19px; }
.pulsanteBlu { background: transparent; border: 2px solid #174288; color: #174288; padding: 6px 30px; font-family: 'BrandonGrotesqueRegular'; font-size: 15px; line-height: 22px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
.pulsanteBlu2 { background: #174288; color: #ffffff; padding: 6px 30px; font-family: 'BrandonGrotesqueRegular'; font-size: 15px; line-height: 22px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; border: 2px solid #174288; }
.pulsanteBianco { background: #ffffff; color: #174288; padding: 6px 30px; font-family: 'BrandonGrotesqueRegular'; font-size: 15px; line-height: 22px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
.pulsanteBianco:hover { background: #174288; color: #ffffff; }
.pulsanteBlu:hover { background: #174288; color: #ffffff; }
.pulsanteBlu2:hover { background: transparent; border: 2px solid #174288; color: #174288; }
.pulsante2 { width: 240px; position: absolute; bottom: 50px; right: 30px; padding: 6px 8px; font-size: 15px; cursor: pointer; }
.pulsante2-after { width: 155px; position: absolute; bottom: 25px; right: 30px; font-size: 15px; display:block; text-align:right; background:rgba(255,255,255,.8); padding: 2px 19px 3px 0;}
.pulsante2 img { float: left; }
.pulsante2 span { float: left; margin: 8px 0 0 14px; }
.pulsante3 { padding: 6px 10px; font-size: 15px; cursor: pointer; display: inline-block; }
.pulsante3 img { float: left; }
.pulsante3 span { display: inline-block; margin-left: 10px; }
.fascia_numeri { padding: 25px 0 25px 0; }
.box_numeri { font-size: 16px; font-family: 'BrandonGrotesqueBold'; text-align: center; }
.box_numeri span { display: block; }
.numero_counter { width: 84px; height: 84px; border: 5px solid white; border-radius: 50%; text-align: center; font-family: 'BrandonGrotesqueBold'; font-size: 32px; margin-bottom: 10px; }
.fascia_video { height: 500px; background: #000000 url('../images/video.jpg') no-repeat center center; background-size: cover; }
.fascia_video img { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; margin-top: -115px; }
.fascia_diventafranchise { padding: 30px 0 10px 0; }
.fascia_diventafranchise .col-7 img { /*margin-left: -58px;*/ }
.fascia_scuola { background: url('../images/sfondo2.jpg') no-repeat center center; height: 193px; padding: 20px 0 0 0; }
.fascia_scuola .titolo { text-transform: none; line-height: 30px; }
.fascia_scuola .titolo.txt-white { font-size: 25px; line-height: 25px;  }
.fascia_scuola_interna { background: url('../images/sfondo3.jpg') no-repeat center center; height: 360px; padding: 20px 0 0 0; }
.fascia_scuola_interna .titolo { text-transform: none; line-height: 30px; }
.fascia_scuola_interna p { font-size: 15px; line-height: 25px; padding: 0 200px; }
.fascia_blog { padding: 40px 0 60px 0; }
.fascia_blog .col-5 img { position: absolute; left: 0; top: -75px; }
.fascia_grigia_spaced { padding: 60px 0 70px 0; }
.fascia_grigia_spaced .col-5 img { position: absolute; right: 0; left: auto; top: -122px; }
.fascia_grigia_spaced .col-7 + .col-5 img { position: absolute; left: 0; right: auto; top: -122px; }
.fascia_blog p { min-height: 125px; }
.magazine { margin-top: -50px; }
.brochure { margin-top: -160px; }
.box_newsletter { width: 400px; float: left; padding: 20px 30px 30px 30px; }
.box_newsletter img { float: left; margin: 2px 10px 0 0; }
.box_newsletter .titolo { font-size: 22px; }
.box_filtro { font-size: 16px; font-family: 'BrandonGrotesqueRegular'; padding: 10px 0 0 0; }
.box_filtro div { margin: -2px 0 0 10px; }

.box_annuncio { position: relative; }
.box_annuncio .pulsanteBianco { font-size: 12px; padding: 4px 20px; position: absolute; bottom: 15px; right: 10px; }
.box_tipologia { width: 85px; position: absolute; top: 10px; left: 10px;}
.box_annuncio_txt { font-size: 13px; }
.box_annuncio_txt span { font-size: 24px; line-height: 30px; font-family: 'BrandonGrotesqueBold'; }
.box_annuncio_txt2 { position: absolute; bottom: 10px; padding: 10px 10px 5px 0; font-size: 13px; display: block; }
.box_annuncio_info { line-height:25px; padding:7px 0 8px; margin:7px 0; }
.box_annuncio_info img{ display:block; float:left; width:25px; margin-right:10px; }


.fascia_grigia50 { background: linear-gradient(to right, #ededee 50%, #ffffff 50%); }
.fascia_sottomenu { padding: 20px 0 30px 0; font-size: 16px; font-weight: bold; }
.fascia_sottomenu img { display: block; margin: 0 auto; margin-bottom: 10px; }
.briciole { float: right; }
.briciole span { font-weight: bold; }
.fascia_interna_blu_white { background: linear-gradient(to right, #ffffff 50%, #174288 50%); }
.fascia_interna_blu_white .col-6 img { padding: 10px 0 10px 30px; }
.fascia_interna_blu_white2 { background: linear-gradient(to right, #174288 50%, #ffffff 50%); }
.fascia_interna_grey_white { background: linear-gradient(to right, #ededee 50%, #ffffff 50%); }
.fascia_agenzie .col-4 p { min-height: 60px; }
.fascia_sedi .col-4 { padding: 0 0 0 20px; margin-bottom: 40px; }
.fascia_sedi .col-4 p { margin-top: 20px; }

#accordion h3 { background: #e7ecf3; padding: 12px 10px 12px 10px; cursor: pointer; }
#accordion p { padding: 5px 5px; }
#accordion h3 i { float: right; font-size: 20px; }

.recent-widget .post { background: #e7ecf3; padding: 12px 10px 12px 10px; cursor: pointer; font-size: 14px; margin-bottom: 10px;}

.paginazione { float: left; width: auto; clear: both; margin-top: 30px; border: 1px solid #cac8c8; border-radius: 2px; }
.paginazione span { width: 35px; height: 30px; background-color: #eeeded; color: #8e8c90; font-size: 18px; float: left; display: inline-block; text-align: center; border-right: 1px solid #cac8c8; padding-top: 4px; }
.paginazione a { width: 35px; height: 30px; background-color: #ffffff; color: #174288; font-size: 18px; float: left; display: inline-block; text-align: center; border-right: 1px solid #cac8c8; padding-top: 4px; text-decoration: none; cursor: pointer; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
.paginazione a:hover { background-color: #eeeded; color: #8e8c90; }
#formFeed, #formContatti { background-color: #e7ecf3; padding: 20px 40px;  }
#formProdotto { padding: 20px;  }
.formGenerica input[type="text"], .formGenerica input[type="email"] { border: 0; width: 100%; padding: 10px 10px 10px 10px; margin-bottom: 15px; }
.formGenerica select{ border: 0; width: 100%; padding: 10px 10px 10px 10px; margin-bottom: 15px; }
.formGenerica textarea { border: 0; width: 100%; height: 150px; padding: 10px 10px 10px 10px; margin-bottom: 15px; resize: none; }
.formGenerica div { position: relative; }
.formGenerica div > label { position: absolute; right: 6px; top: 7px; }

.banner-footer { display: none; bottom: 17px; left: 0; height: 206px; position: fixed; width: 100%; z-index: 99999; -webkit-box-shadow: 0 -2px 10px 0 rgba(0,0,0,.6); box-shadow: 0 -2px 10px 0 rgba(0,0,0,.6); background: url('../images/basebanner.jpg') no-repeat top center / cover; }
.banner_mobile { display: none; background: url('../images/basebanner.jpg') no-repeat top center / cover; margin: 0 0 30px 0; }
.banner_mobile .img { background-color: transparent; margin-top: 20px; } 
.banner_mobile .img img { display: block; }
.banner_mobile .txt { padding: 20px 20px; }
.banner-footer .container img { position: absolute; margin: 0 auto; left: 0; right: 0; top: -25px; }
.banner-footer .img { width: 435px; height: 206px; }
.banner-footer .txt { width: 525px; padding: 30px 25px 25px 25px; }
.banner-footer .txt .titolo { font-size: 28px; line-height: 32px; }
.banner-footer .txt .titolo strong { font-size: 34px; }
.banner-footer .txt p { font-size: 13px; }
.xClose { position: absolute; z-index: 9999; margin: 0 !important; right: 0 !important; left: auto !important; max-width: 36px !important; top: -12px !important; cursor: pointer; }

#googleMaps { width: 100%; height: 730px; }

.ull_circle { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; }
.ull_circle li { margin: 0 0 10px 0; float: left; width: 100%;}
.ull_circle span { float: left; width: 80%; }
.circle_blue { border-radius: 50%; border: 2px solid #174288; padding: 11px 5px 5px 5px; font-size: 20px; text-align: center; float: left; width: 50px !important; height: 50px; color: #174288;
font-weight: bold; margin-right: 15px; }

.guarda-tutti { font-size:15px; }
.tornaSu { display: none; }
#torna_su { display: none; }

.fascia_scritta { text-align: center; }

.box_video_tube { width: 662px; height: 381px; background: url('../images/img2_empty.png') no-repeat top center; text-align: center; position: relative; margin-left: -65px; }
.play_button { position: absolute; top: 50%; right: 0; left: 0; margin: 0 auto; margin-top: -30px; max-width: 70px; }
.box_video_tube a { display: block; width: 468px; height: 291px; overflow: hidden; position: absolute; left: 16px; right: 0; top: 26px; margin: 0 auto; }
.box_video_tube.v2 { margin-left: 0; }
.box_video_tube.v2 .imgTube { margin-top: -23px; }

/* FOOTER */
.fascia_footer { font-size: 14px; font-family: 'BrandonGrotesqueRegular'; padding: 20px 0 20px 0; }
.fascia_footer b { font-family: 'BrandonGrotesqueBold'; font-size: 16px; }
.fascia_footer img { float: left; margin: 10px 14px 0 0; }
.fascia_footer p { float: left; }

/* ERROR */
.flat{background-color: #ffffff;border: 1px solid #ccc !important; display: block;padding:5px 10px;width: 100%;box-sizing: border-box;margin:5px 0 16px;}
.flat.error, .flat.error2 { background-color: #ffdddd !important; margin-bottom: 10px; color: red; border-radius: 0; }
.error { background-color: #ffdddd !important; color: #ce0000; border-radius: 0 !important; margin-bottom:0; padding-bottom: 10px; }
input[disabled], input:disabled { background-color: #eee !important; }
label.error { background-color: inherit !important; border: 0 !important; margin-left: 10px; text-decoration: none !important; } 
label .error2 { color: #F00; padding: 0px 10px; }
.priv .error { color: yellow; }

.numero-verde { float:right; padding: 35px 20px 0 0;}
.SumoSelect .pulsanteBlu  { width:100%; }
.fascia-txt-home { padding:35px 0; font-size:14px; line-height:25px; }
#formProdotto .SumoSelect { width:100%; margin-bottom: 15px; }

.privacypop { font-size:11px; }

.annuncio_info { line-height:25px; padding:7px 0 8px; margin:7px 0; }
.annuncio_info .col { padding: 5px 10px; float:left; }
.annuncio_info img{ display:block; float:left; width:25px; margin-right:10px; }
.annuncio_info .prezzo { font-size:27px; }
.fascia-arrow .col-3 { padding:10px; }
.fascia-arrow  img{ display:block; float:left; margin:0 10px 0 20px; }

.fascia-preferiti {border-bottom:2px solid #eeeeee}
.fascia-preferiti img{ display:block; float:left; margin:0 10px 0 20px; }
.fascia-preferiti .titolo{ margin:0 ; }
.fascia-preferiti .col{ min-height:40px; text-decoration: underline; font-size:19px; letter-spacing: -0.02em; color: #4b4b4d; }
.titolo.small { font-size:24px; line-height:30px; }

.img-responsive {display: block; width:100%;}


.thumb-container { background: #ededed; padding: 20px 25px; }
.thumb-container .owl-carousel { margin: 0; width:60%; float:left; }
.thumb-container .btn-container { margin: 0; width:40%; float:left; }

.thumb-container .btn-container img { display:block; margin:4px 0 0 5px; float:right; }
.thumb-container .owl-carousel img { display:block; }
.owl-theme .owl-nav { margin-top:0; }
.owl-carousel .owl-nav [class*=owl-] { background: transparent; color: #4b4b4d; font-size: 15px; line-height: 25px; height: 30px; border-radius: 0; text-align: center; padding:0; }
.owl-carousel .owl-nav [class*=owl-]:hover { background: rgba(0, 0, 0, 0); color: #FFF; }
.owl-carousel .owl-prev, .owl-carousel .owl-next { position: absolute; top: calc(50% - 15px); height: 25px; margin: auto !important; }
.owl-carousel .owl-prev { left: -15px; }
.owl-carousel .owl-next { right: -15px; }

.resp-tab-content p{ padding:10px 0; line-height: 25px; }

.prod-preform { padding: 10px; }
.prod-preform span { display:block; }

.btn-stampa { border:2px solid #174288; color: #174288; font-weight:bold; line-height:31px; display:block; padding:10px; font-size:15px; } 
.btn-stampa img { display:block; float:left; margin-right:30px; }




#modal-custom header{ background: #eee; margin-bottom: 10px; overflow: hidden; border-radius: 3px 3px 0 0; width: 100%;}
#modal-custom header a{  display: block;  float: left;  width: 50%;  padding: 0;  text-align: center;  background: #ddd;  color: #999;  height: 65px;  vertical-align: middle;  line-height: 65px;  font-family: 'Lato', arial;  font-size: 15px;  transition: all 0.3s ease;}
#modal-custom header a:not(.active):hover{  box-shadow: inset 0 -10px 20px -10px #aaa} 
#modal-custom header a.active{  background: #fff;  color: #777;}
#modal-custom .sections{  overflow: hidden;}
#modal-custom section, #modal-custom2 section{  padding: 30px;}
#modal-custom2 section{  padding: 30px; font-size: 14px;}
#modal-custom2 section .big {display:block; margin-bottom:20px;}
#modal-custom section input:not([type="checkbox"]), #modal-custom section button, #modal-custom2 section input:not([type="checkbox"]), #modal-custom2 section button{  width: 100%;  border-radius: 3px;  border: 1px solid #ddd;  margin-bottom: 26px;  padding: 15px;  font-size: 14px;}
#modal-custom section button, #modal-custom2 section button {  height: 46px;  padding: 0;}

#modal-custom section input:focus, #modal-custom2 section input:focus{  border-color:#174288;}
#modal-custom section label[for="check"], #modal-custom2 section label[for="check"]{  margin-bottom: 26px;  font-size: 14px;  color: #999;  display: block;}
#modal-custom section footer, #modal-custom2 section footer{  overflow: hidden;}
#modal-custom section button, #modal-custom2 section button{  background: #174288;  color: white;  margin: 0;  border: 0;  cursor: pointer;  width: 50%;  float: left;}
#modal-custom section button:hover, #modal-custom2 section button:hover{  opacity: 0.8;}
#modal-custom section button:nth-child(1), #modal-custom2 section button:nth-child(1){  border-radius: 3px;  margin: 0 25%;}

#modal-custom .icon-close, #modal-custom2 .icon-close{  background: #FFF;  margin-bottom: 10px;  position: absolute;  right: -8px;  top: -8px;  font-size: 14px;  font-weight: bold;  border-radius: 50%;  width: 30px;  height: 30px;  border: 0;  color: #a9a9a9;  cursor: pointer;}
#modal-custom .icon-close:hover, #modal-custom .icon-close:focus, #modal-custom2 .icon-close:hover, #modal-custom2 .icon-close:focus{  color: black;}
#modal-custom.hasScroll .icon-close, #modal-custom2.hasScroll .icon-close{  display: none;}
.iziModal .iziModal-header-title{  font-family: 'Lato', arial;  font-weight: 500;}
.hide { display: none;}



@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.errore-reg, .ok-reg, .errore-log, .ok-log, .ok-mail, .errore-mail { display:none; padding:15px; margin-bottom:10px; }
.errore-reg, .errore-log, .errore-mail { color: #D8000C; background-color: #FFBABA; }
.ok-reg, .ok-log, .ok-mail { color: #4F8A10; background-color: #DFF2BF; }


.prodotto-titolo {font-size: 15px; font-weight: bold; box-sizing: border-box;}
.prodotto-immagineplaceholder {width: 100%;}

.prodotto-metadato{border-bottom: 1px solid #333; margin-bottom: 30px;}

.metadato-titoloimmagine {font-size: 13px; font-weight: bold; box-sizing: border-box;}

#parentHorizontalTab .resp-tabs-list li {font-size: 10px;}

.metadato-testo table {width: 100% ! important; margin: 0 auto !important;}
.metadato-testo table td {border: 1px solid #ccc;}
.metadato-testo table tr:first-child td {color: #174288; font-weight: bold; text-align: center;}
.metadato-testo table .fr-highlighted {color: #174288; font-weight: bold;}

.metadato-testo strong {color: #174288;}
.metadato-titoloimmagine {color: #174288; font-weight: bold; text-align: center;}

.fascia_footer b {color: #174288;}
/* .metadato-testo {text-align: justify;}*/