@charset "UTF-8";
/* CSS Document */
@import url(//fonts.googleapis.com/css?family=Sintony:400,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900);
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'Raleway', sans-serif;
	font-style:inherit;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html,body{ height:100%;}
a{ text-decoration:none; color:#000; cursor:pointer}
#menu-sidebar a{color:#fff;}
.arial{font-family: 'Arial';}
.container{ width:970px; margin:0 auto;display: table;}
.left{float:left;}
.right{ float:right;}
.text-center{ text-align:center;}
.text-left{ text-align:left;}
.text-right{ text-align:right;}
.italic{ font-style:italic;}
.font100{ font-weight:100 !important;}
.font200{ font-weight:200;}
.font300{ font-weight:300;}
.font400{ font-weight:400;}
.font500{ font-weight:500;}
.font600{ font-weight:600;}
.font700{ font-weight:700;}
.font-size10{ font-size:10px;}
.font-size11{ font-size:11px;}
.font-size12{ font-size:12px;}
.font-size13{ font-size:13px;}
.font-size14{ font-size:14px !important;}
.font-size15{ font-size:15px;}
.font-size16{ font-size:16px !important;}
.font-size17{ font-size:17px !important;}
.font-size18{ font-size:18px !important;}
.font-size20{ font-size:20px !important;}
.font-size21{ font-size:21px !important;}
.font-size24{ font-size:24px;}
.font-size28{ font-size:28px;}
.font-size30{ font-size:30px !important;}
.font-size36{ font-size:36px;}
.font-size40{ font-size:40px;}
.font-size49{ font-size:49px !important;}
.font-size52{ font-size:52px !important;}
.italic{ font-style:italic;}
.mrg-top10{margin-top: 10px !important;}
.mrg-top6{ margin-top: 6px !important}
.mrg-top13{margin-top: 13px !important;}
.mrg-top18{margin-top: 18px !important;}
.mrg-bot5{margin-bottom: 5px;}
.mrg-bot3{margin-bottom: 3px;}
.mrg-bot10{margin-bottom: 10px;}
.mrg-bot15{margin-bottom: 15px;}
.mrg-bot20{margin-bottom: 20px;}
.mrg-bot30{margin-bottom: 30px;}
.mrg-bot40{margin-bottom: 40px;}
.mrg-top5{margin-top: 5px;}
.mrg-top2{margin-top: 2px !important;}
.mrg-top3{margin-top: 3px;}
.mrg-bot60{ margin-bottom:60px;}
.mrg-top40{margin-top: 40px;}
.mrg-top50{margin-top: 50px;}
.mrg-top35{margin-top: 35px;}
.mrg-top20{margin-top: 20px;}
.mrg-top200{margin-top: 200px;}
.mrg-bot25{margin-bottom: 25px;}
.mrg-right5{margin-right: 5px;}
.mrg-left7{ margin-left:7px;}
.mrg-left5{margin-left: 5px;}
.mrg-left11{margin-left: 11px;}
.mrg-left10{margin-left: 10px;}
.mrg-left15{margin-left: 15px;}
.mrg-left35{margin-left: 35px;}
.mrg-left100{margin-left: 100px;}
.mrg-right10{ margin-right:10px;}
.mrg-right30{ margin-right:30px;}
.mrg-right11{margin-right: 11px;}
.pdd-bot40{ padding-bottom:40px;}
.pdd-top23{padding-top: 23px;}
.pdd-left93{ padding-left: 93px;}
.width100{ width:100% !important;}
.width194{width: 194px;}
.titolo_lista{ font-weight:200;font-size:45px}
.data_matrimonio{ float:right;}
.hello{ font-weight:600;}
label{ font-size:12px;}
input[type="text"],textarea,input[type="file"],input[type="password"]{border: 1px solid #ccc; outline:none; -webkit-appearance:none;}
input[type="text"]:focus{ border-color:#e42980; transition: ease-in-out 0.2s; -webkit-transition:ease-in-out 0.2s; -moz-transition:ease-in-out 0.2s;}
input[type="password"]:focus{ border-color:#e42980; transition: ease-in-out 0.2s; -webkit-transition:ease-in-out 0.2s; -moz-transition:ease-in-out 0.2s;}
textarea:focus{ border-color:#e42980; -webkit-transition:ease-in-out 0.2s; -moz-transition:ease-in-out 0.2s;}
input[type="submit"]{ font-weight: 200;font-family: 'Raleway', sans-serif; outline:none;}
textarea{resize: none;}
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label span {display:inline-block;margin:-1px 4px 0 0;vertical-align:middle;}
input[type="checkbox"] + label span {background-image:url(../img/checkbox.png);background-repeat: no-repeat;width: 19px;height: 19px;}
input[type="checkbox"]:checked + label span{background-image:url(../img/check-checkbox.png); background-repeat: no-repeat;width: 19px;height: 19px;}
input[type="radio"] {display: none;}
input[type="radio"]:checked + label span {background-image: url(../img/check-radio.png);background-repeat: no-repeat;width: 18px;height: 18px;}
input[type="radio"] + label span {background-image: url(../img/radio.png);background-repeat: no-repeat;width: 18px;height: 18px;}
input[type="radio"] + label span {display: inline-block;margin: -1px 4px 0 -2px;vertical-align: middle;}
.height0{ height:0px !important;}
.title_head_page{font-size: 24px;font-weight: 300; text-transform:uppercase}
.title_head_page p{border-bottom: 1px dotted #ccc;padding-bottom: 6px;}
.medium_input{width: 380px;padding: 7px 6px;}
.big_input{width: 338px;height: 35px;padding-left: 10px;} 
.form-input{margin: 21px 0px;}
.form-input-invitato{margin: 10px 28px 10px 0px;}
.form-input-invitato h4{font-size:14px; font-weight:600; margin-bottom:5px}
.form-input h4{ margin-bottom:5px;}
.button_gen{-webkit-appearance:none;background-color: #e42980;color: #fff;border: 0;padding: 5px 18px;font-size: 21px; font-weight:100; cursor:pointer}
.big_button_gen{background-color: #e42980;color: #fff;border: 0;padding: 10px 18px;font-size: 23px; font-weight:200; cursor:pointer}
.magenta{color:#e2007a !important;}
.bg_magenta{ background-color:#d60066;}
.bg_grey_light{ background-color:#aaa9a9;}
.bg_grey{ background-color:#9a9999 !important; }
.bg_grey_dark{ background-color:#4d4d4c !important;}
.bg_green_light{ background-color:#a1c627;}
.bold{ font-weight: bold;}
.mrg-topbot20{margin-top: 20px;margin-bottom: 20px;}
.pdd-left20{padding-left: 20% !important;}
.display_table{ display:table;}
.gen_h5{font-size: 14px;}
.pdd-left18{padding-left: 18px !important;}
.clear{ clear:both;}
.green{ color:#3C6 !important;}
.red { color:#F30 !important;}
.letter-spacing-1{letter-spacing: -1px !important;}
.sintony{font-family: 'Sintony', sans-serif;}
.pacchetto{ border-bottom:1px dashed #ccc; padding-bottom:15px; padding-top:15px}
.cerca_tavolo{ font-size:12px;}

.line-height16{ line-height:16px;}
.line-height14{line-height: 14px;}
.line-height21{line-height: 21px;}

#clearfix{clear:both;}

/* HEADER LISTA */
#social{margin-top: 7px;}
#social img{margin:0px 2px;}
#first{ display:inline-block;}
#small_menu_header {position: relative;top: 13px; float: right;top: 43px;position: relative;right: -88px;}
#small_menu_header ul{font-size:10px;}
#small_menu_header li{float:left; background-image:url(../img/separator_small.png); background-repeat:no-repeat; padding:0px 5px;}
#small_menu_header li:first-child{ background-image: none;}
#small_menu_header li a {color:#000;}
#middle {margin-top: 24px;}
#name_id h3{font-size:22px;margin-top: 40px;}
#name_id h6{font-size:11px; margin-top:5px}
#name_lista{margin: -40px 20px 0 0;}
#name_lista h1{font-size:48px;}
#name_lista h4{font-size:14px; color:#e2007a;    font-family: 'Montserrat'; font-weight: 300;}
#data_lista{margin-right: 170px; float: right;}
#areoplano_lista{position:relative;}
#areoplano_lista img{position:absolute; right:0; top:0px;}
#menu_bottom_head ul{border: 1px solid #ccc;padding: 6px 19px; height:12px; font-size:11px}
#menu_bottom_head li{float: left;background-image: url(../img/separator_small.png);background-repeat: no-repeat;padding: 0px 9px;}
#menu_bottom_head li:hover{   -webkit-transition-duration: 0.2s;border-bottom:1px solid #F39;}
#menu_bottom_head li:first-child{background-image: none;}
#menu_bottom_head li a{color:#000;}

/* HOME PAGE - BOX APP */
#index{ }
#index h2{font-size: 28px;margin-top: 38px;letter-spacing: -2px;}
.box{width:320px; height:230px; color:#fff; text-align:center;margin-right: 2px;}
.box:hover{ opacity:0.6; transition:ease-in-out 0.3s; -webkit-transition:ease-in-out 0.3s; -moz-transition:ease-in-out 0.3s;}
.box_app:hover{ opacity:0.6; transition:ease-in-out 0.3s; -webkit-transition:ease-in-out 0.3s; -moz-transition:ease-in-out 0.3s;}
.box_small:hover{ opacity:0.6; transition:ease-in-out 0.3s; -webkit-transition:ease-in-out 0.3s; -moz-transition:ease-in-out 0.3s;}
.box_small{width:322px; height:114px; color:#fff; margin-bottom: 2px;}
.box_small h2{margin-left: 25px;}
.box_app{ width:240px; height:230px; color:#fff; margin-right:2px;}
.box_app:nth-child(4){ margin-right:0px;width: 242px;}
#second{ margin-top:-2px;}
.bg_pink_1{background-color:#e42980;}
.bg_pink_2{background-color:#e64d86;}
.bg_pink_3{background-color:#fc7caf;}
.bg_cyan{ background-color:#8ed0e6;}
.bg_dark_blue{ background-color:#66afbf;}
.bg_violet{ background-color:#be91c5 !important;}
.bg_green{ background-color:#cbd68e;}
.bg_yellow{ background-color:#ced71e;}
.bg_grey{background-color:#939393; }
.bg_orange{ background-color:#fac576;}
.regalo{background-image:url(../img/icon-box-regalo.png); background-repeat:no-repeat;background-position: 50% 95px;background-position-y: 75px;}
.regalo_invitato{background-image:url(../img/icon-box-regalo.png); background-repeat:no-repeat;background-position: 50% 95px;background-position-y: 75px;}
.itinerario{background-image:url(../img/icon-box-itinerario.png); background-repeat:no-repeat;background-position: 50% 95px;background-position-y: 95px;}
.muretto{background-image:url(../img/icon-box-muretto.png); background-repeat:no-repeat;background-position: 50% 95px;background-position-y: 95px;}
.gallery{background-image:url(../img/icon-box-gallery.png); background-repeat:no-repeat;background-position: 50% 95px;background-position-y: 95px;}
.quiz{background-image:url(../img/icon-box-quiz.png); background-repeat:no-repeat;background-position: 50% 95px;background-position-y: 95px;}
.tavoli{background-image:url(../img/icon-box-tavoli.png); background-repeat:no-repeat;background-position: 50% 95px;background-position-y: 95px;}
.agenzia{background-image:url(../img/icon-box-agenzia.png); background-repeat:no-repeat;background-position: 94% 95px;background-position-y: 26px;}

/* INTERNO LISTA - HEAD BOX APP*/
.opacity05{opacity: 0.5;}
.box_lista_big{ width:320px; height:80px;color:#fff;text-align:center;margin-right: 2px;}
.box_lista_small{ width:160px; height:80px; color:#fff;text-align:center;margin-right: 2px;}
.box_lista_small:last-child{margin-right:2px;}
.box_lista_app{ width:240px;height:80px;color:#fff;margin-right: 2px;}
.box_lista_app:nth-child(4){ margin-right:0px; width:236px;}
#page_lista h2{font-size: 28px;margin-top: 27px;letter-spacing: -2px;}
.active{ background-image:url(../img/bg_active.png); background-repeat:no-repeat; background-position:50% top; opacity:1}
#second_lista{ margin-top:-1px;}
.box_lista_app.opacity05:hover, .box_lista_big.opacity05:hover, .box_lista_small.opacity05:hover{opacity: 1;}
.box_app.disabled, .box_app.disabled:hover,
.box_app_sposi_index.disabled, .box_app_sposi_index.disabled:hover,
.box-sub-menu-app.disabled, .box-sub-menu-app.disabled:hover,
.box_lista_app.disabled, .box_lista_app.disabled:hover{opacity:0.3;}

/* ITINERARIO */
.data_tappa h6{font-size:11px;}
.data_tappa h2{font-size:28px;}
.data_tappa{margin-left: 15px;width: 71%;}
.tappa{display: inherit;border-bottom: 1px dotted #ccc;padding: 10px 0px;width: 50%;}
.desc{line-height: 17px;}
.date{margin: 3px 0px;font-size: 12px !important;margin-top: -1px;}
.date_tavolo{margin: 3px 0px;font-size: 12px !important;margin-top: -1px;}
.nome_tavolo{font-weight: 200;margin:0px;}
.desc_tavolo{line-height: 17px;font-size: 14px;}
.morecontent span {display: none;}
.morelink {display: block;color:#e42980;float:right;margin-top: 24px;font-size:12px;}

/* MURETTO */
.btn_muretto{background-color: #7dc5e0 !important;padding: 10px 10px;font-size: 26px;font-weight: 200; color:#fff;}
.text_muretto{ border-width:47px 2px 2px 2px ;border-color:#7dc5e0; border-style:solid;display: inherit; position:relative;position: relative;padding-bottom: 45px;margin-bottom: 22px;}
.text-muretto-sposi{ display: grid;}
.title_messaggio{ color:#fff;position: relative;top: -30px;left: 15px;}
.messaggio{margin-left: 15px;width: 67%;font-size: 15px;line-height: 20px;    font-style: italic;}
.avatar{margin-right: 30px; text-align: center;}
.avatar-sposi{ text-align: right; margin-right: 16px; }
.username_muretto{position: absolute;margin-top: 10px;right: 29px;    font-weight: 600;}
.walltext{display: inherit;border-top: 1px dotted #ccc;padding-top: 20px;}
.walltext:nth-child(1){display: inherit;border-top: 0px dashed #ccc;padding-top: 20px;}
#div1{ display:none;}
#div1 input:focus{border:1px solid #7dc5e0; -webkit-transition:ease-in-out 0.2s;}
#div1 textarea:focus{border:1px solid #7dc5e0; -webkit-transition:ease-in-out 0.2s;}
.avatar_lato_sposi{margin-right: 30px;margin-top: -68px;}
.messaggio_lato_sposi {margin-left: 15px;width: 67%;font-size: 15px;line-height: 20px;float: inherit;min-height: 70px;}
.messaggio em, .messaggio_lato_sposi em{font-style: italic;left: 20px;position: relative;display: block;}
/* GALLERY */
.gallery_box{margin-right:34px; border:1px solid #ccc;margin-bottom: 15px;}
/*.gallery_box:nth-child(4n){margin-right:0px;}*/
.gallery_box_invitato{margin-right:6px; border:1px solid #ccc;margin-bottom: 15px; position:relative;}
/*.gallery_box_invitato:nth-child(3n){margin-right:0px;}*/
.gallery_box_album{margin-right:24px; margin-bottom: 15px;position: relative;}
/*.gallery_box_album:nth-child(4n){margin-right:0px;}*/
.gallery_img_album img{border-style: solid; cursor: pointer;}
.gallery_img_album img:hover{opacity:0.5; -webkit-transition:ease-in-out 0.3s; -moz-transition:ease-in-out 0.3s; transition:ease-in-out 0.3s;}
.gallery_img img{border-width: 0px 0px 33px 0px;border-color: #fff;border-style: solid;}
.gallery_img img:hover{opacity:0.5; -webkit-transition:ease-in-out 0.3s; -moz-transition:ease-in-out 0.3s; transition:ease-in-out 0.3s;}
.gallery_title{position: relative;float: left;top: -18px;left: 14px;font-size: 13px;text-transform:uppercase}
.box_ultimi_commenti{ width:290px; height:540px; border:1px solid #ccc;overflow: overlay;font-family: 'montserrat';}
.head_box_ultimi_commenti{background-color: #e393c1;color: #fff;font-weight: 200;padding: 12px 10px;}
.commento_recente_gallery{display: inline-block;border-bottom: 1px dotted #ccc;padding-bottom: 10px;padding-top: 10px;}
.commento_recente_gallery h5{ font-size:13px; font-weight:bold; margin-bottom:2px;}
.commento_recente_gallery h6{ font-size:10px; font-weight:400;    }
.commento_recente_gallery p{ font-size:13px; font-weight:400; color:#3c3c3b;margin-top: 6px;width: 199px; line-height:15px;font-style: italic;}
.title_album{ position: absolute;bottom: 3px;color: #fff;font-weight: 200;background-color: #66afbf;width: 94%;padding: 14px 0px 14px 13px;font-size: 13px;}
.form_commento_gallery{ background-color:#e393c1;padding: 10px 20px 5px 10px;float: left;}
.form_commento_gallery textarea{ width:249px; height:73px;}
.form_commento_gallery input[type="submit"]{ background-image:url(../img/conf_commento.png);background-repeat: no-repeat;border: 0;height: 20px;width: 20px;background-color: transparent;position: absolute;
right: 12px;
top: 40px;}
.title_album{ position: absolute;bottom: 3px;color: #fff;font-weight: 200;background-color: #66afbf;width: 94%;padding: 14px 0px 14px 13px;font-size: 13px;}
.cover_album > img {
	border: 4px solid #E42980 !important;
	padding-bottom: 0px !important;
	margin-right: 7px !important;
	width: 116px;
	height: 116px;
}
.cover_album img{margin-bottom:-2px}

/* PAGAMENTI */
.linea_pagamento { padding-bottom: 0px;height: 84px;}
.linea_pagamento .linea_pagamento_numero{ background-color:#e42980; color:#fff; width:84px; height:84px; font-size:68px;font-weight: 200;text-align: center;}
.linea_pagamento .linea_pagamento_testo{ color: #fff;background-color: #feafcf;margin-left: 1px;height: 84px;line-height: 84px;width: 91%;}
.linea_pagamento .linea_pagamento_testo h3{ font-size:27px;font-weight: 100;margin-left: 30px;}
.contenuto_pagamento{padding: 30px 0px;margin-left: 114px;}
.radio_pagamento{margin-right: 12px;}
.box-pagamento{ font-size:15px;margin-bottom: 13px;line-height: 18px;}
.box-dati-agenzia{background-color: #e1f0f3;padding: 12px 0px;padding-left: 19px;margin-left: -19px;width: 300px;margin-top: 12px;    padding-right: 12px;}
.label-input{ display: table;margin-bottom: 6px; font-size:14px;}
.normal-input{padding: 6px;border-radius: 3px;}
.cell-box-input{ margin-bottom:10px;}
.obbligatorio{ color:#f00;margin-left:15px;}

/* HOME PAGE SPOSI */
.offset_box_right{margin-top: -38px;}
.barra_titolo{ height:32px;color:#fff;}
.barra_titolo_h3{font-size: 24px;font-weight: 200;line-height: 31px;padding-left: 15px;}
.box_ultime_attivita{border:1px solid #ccc; height:336px; overflow:auto;padding-top: 20px;
padding-left: 20px;}
.table_attivita_utente td{font-size:11px;vertical-align: middle;border-bottom: 1px dashed #ccc;padding-bottom: 5px;    line-height: 13px;}
.table_attivita_utente tr{padding-top: 4px;padding-bottom: 4px;display: block;padding-left: 19px;font-family: 'Sintony', sans-serif;}
.box_full{width:100% !important;}
.box650{width:650px;}
.box670{width:670px;}
.box295{width:295px;}
.box150{width:152px;}
.box775{width:775px !important;}
.box500{width:500px;}
.box760{width:760px !important;}
.box774slider{width:774px;}
.box400{width:400px !important; }
.box_app_sposi_index{ width:160px; height:183px;margin-right: 1px;}
.box_app_sposi_index:hover{opacity: 0.6;transition: ease-in-out 0.3s;-webkit-transition: ease-in-out 0.3s;-moz-transition: ease-in-out 0.3s;}
.box_app_sposi_index:nth-child(4n){ margin-right:-1px;}
.box_app_sposi_index_right{width:146px; height:183px; margin-right:1px;}
.box_app_sposi_index_right:hover{opacity: 0.6;transition: ease-in-out 0.3s;-webkit-transition: ease-in-out 0.3s;-moz-transition: ease-in-out 0.3s;}
.box_app_sposi_index_right h2{ color:#fff; font-size: 23px !important;margin-top: 28px !important;letter-spacing: 0px !important;}
.box_app_sposi_index h2{ color:#fff; font-size:21px !important; margin-top:150px !important; letter-spacing:0px !important;}
.muretto_sposi{background-image:url(../img/icon-box-muretto.png); background-repeat:no-repeat;background-position: 50% 25px;background-position-y: 25px;}
.gallery_sposi{background-image:url(../img/icon-box-gallery.png); background-repeat:no-repeat;background-position: 50% 25px;background-position-y: 25px;}
.quiz_sposi{background-image:url(../img/icon-box-quiz.png); background-repeat:no-repeat;background-position: 50% 44px;background-position-y: 44px;}
.tavoli_sposi{background-image:url(../img/icon-box-tavoli.png); background-repeat:no-repeat;background-position: 50% 25px;background-position-y: 25px;}
.itinerario_sposi{background-image:url(../img/icon-box-sposi-itinerario.png); background-repeat:no-repeat;background-position: 50%;background-position-y: 80px;}
.agenzia_sposi{background-image:url(../img/icon-box-sposi-agenzia.png); background-repeat:no-repeat;background-position: 50%;background-position-y: 72px;}
.box_main_app{ text-align:center; width:295px; height:157px;}
.box_main_app:hover{opacity: 0.6;transition: ease-in-out 0.3s;-webkit-transition: ease-in-out 0.3s;-moz-transition: ease-in-out 0.3s;}
.box_main_app h2{color:#fff; position:relative; top:30px; font-size:36px;}
.color_change_main{ 
-webkit-animation-name: changemain; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-name: changemain;
    animation-duration: 4s;
    animation-iteration-count: infinite;}
	
@-webkit-keyframes changemain {
    0%   {background-color:#e6bd20;}
   25% {background-color:#E6A2BB; left:0px; top:0px;}
	50%   {background-color:#e6bd20; left:0px; top:0px;}
	75%   {background-color:#E6A2BB; left:0px; top:0px;}
	100%   {background-color:#e6bd20; left:0px; top:0px;}
}
 
/* Standard syntax */
@keyframes changemain {
      0%   {background-color:#e6bd20;}
   25% {background-color:#E6A2BB; left:0px; top:0px;}
	50%   {background-color:#e6bd20; left:0px; top:0px;}
	75%   {background-color:#E6A2BB; left:0px; top:0px;}
	100%   {background-color:#e6bd20; left:0px; top:0px;}
}	
/* REPORT LISTA SPOSI */
#menu-sidebar{ color:#fff;}
#menu-sidebar li{ background-color:#4d4d4c; font-size:14px;letter-spacing: 0px;font-weight: 200;margin: 3px 0px;padding: 8px 16px;}
#menu-sidebar li:hover{ opacity:0.6; transition:ease-in-out 0.3s; -webkit-transition:ease-in-out 0.3s; -moz-transition:ease-in-out 0.3s;}
.sub-menu-app{ }
.box-sub-menu-app{ height:32px; margin:3px 0px;}
.box-sub-menu-app h6{color: #000;display: inline-block;position: relative;top: -11px;left: 10px;font-size: 11px;}
.sub-app-muretto:hover{ background-color:rgba(125, 197, 224, 0.5);}
.sub-app-gallery:hover{ background-color:rgba(102, 175, 191, 0.5);}
.sub-app-quiz:hover{ background-color:rgba(176, 123, 184, 0.5);}
.sub-app-tavoli:hover{ background-color:rgba(191, 207, 124, 0.5);}
.report-lista{margin-top: 27px;}
.dati-report-lista{width: 150px;height: 40px;float: left;padding-right: 90px;padding-bottom: 25px;}
.dati-report-lista h5{font-size: 14px;float: left;font-family: 'Sintony', sans-serif; line-height:16px;}
.prima_riga{color:#fff; font-size:14px;}
.prima_riga td{border-left: 1px solid #fff;padding: 2px 2px 0px 6px;color: #fff;}
.table_report{ font-size:12px;margin-top: 35px;}
.table_report td{ vertical-align:middle;}
.pagamento_riga td{font-family: 'Sintony', sans-serif;padding-left: 0px;border-left: 1px dashed #ccc;border-right: 1px dashed #ccc;border-top: 1px solid #878786;border-bottom: 1px solid #878786;border-collapse: inherit;color: #000;padding: 10px; }
.pagamento_riga:nth-child(even) {background-color: #F5F5F5;}
.quiz_riga_table td{padding-left: 0px;border-left: 0px dashed #ccc;border-right: 0px dashed #ccc;border-top: 0px solid #878786;border-bottom: 1px dashed #878786;border-collapse: inherit;color: #000;padding: 10px;font-family:'Sintony';}
.active-sidebar{ background-color:#e42980 !important}
.active-sidebar-shop{ background-color:#fac576 !important}
.report_pagamenti{padding: 16px 0px;border: 1px solid #ccc;float: left; font-size:14px;width: 100%;}
.report_pagamenti li{ float:left; background-image: url(../img/separetor_report.png); background-repeat:no-repeat;background-position-x: 100%;
padding: 0px 26px;}
.report_pagamenti li:nth-child(4n){ background-image:none}
.report_pagamenti li:nth-child(1){ padding-left:11px;}
.tablenew{     box-shadow:none !important;}	
.theadagenzia{ background-color:#E5007D;    color: #fff;}
.theadasposi{ background-color:#36A9E0;    color: #fff;}
.theadasposi tr{ font-size:15px;}
.theadasposi td{padding:9px;}
.theadagenzia  tr{font-size:15px;}
.theadagenzia td{padding:8px;}
.tbodynew td{    padding: 20px 0px 20px;}
.tbodynew tr{border-bottom: 1px dashed #ccc;}
.tbodynew h4{font-size:13px !important;}
.tbodynew h5{font-size:12px !important;}
.tbodynew h6{font-size:10px !important;}
.pagatonew {    background-color: #97BD27;
    color: #000;
    font-size: 10px;
    padding: 5px 12px;}
	.conferma{    font-size: 10px;
    padding: 5px 5px; background-color:#F9BC41}
	.line-dash{border-bottom: 1px dashed #ccc;width:960px;margin:16px 0px;}
	.info-report{position: relative;left: 160px;
    top: 9px;}
	.saldo-icon{position:relative;left:3px;top:2px;}
	.cella-vedimail{border-right:1px dashed #ccc;padding-left:0px;padding-top:10px;padding-bottom:10px;}
	.cella-importo{margin-bottom: 7px;    font-size: 12px !important;}
	.cella-nome{ margin-bottom:4px;line-height:16px;}


/* PAGINA AGENZIA */
.dati_agenzia{ margin-left: 30px;line-height: 27px;}
.dati_agenzia h4{font-size: 18px;}
.dati_agenzia h5{font-size: 12px;}
.referente_agenzia{width: 735px;background-color: rgba(219, 0, 107, 0.1);padding: 17px 20px;margin-top: -20px;line-height: 27px;font-family:'Sintony';}
.referente_agenzia h4{font-size:18px;}
.referente_agenzia h5{font-size:12px;}
.dati_agenzia_invitato{ font-size:15px; }
.dati_agenzia_invitato span{line-height: 23px; font-family:'Sintony';font-size: 14px;}

/* PAGINA QUIZ */
.button_quiz{color: #fff; font-weight:200; padding: 10px 8px;}
.domanda{ float:left;margin-bottom: 15px;font-family: 'Sintony';}
.risposte, .risposte label{ font-size:14px; display:table;padding-bottom:10px;margin-left:20px}
.box_risposte{padding: 5px 0px 0px;}
.testo_domanda h4{ font-size:15px;}
.testo_domanda h6{ font-size:12px;}
.flag_domanda{ margin-right: 17px;}
.quiz_input{color: #d60066;width: 500px;padding: 2px 4px;margin-left: 3px;}
.domanda_lista{border-bottom: 1px dotted #ccc;padding-bottom: 8px;margin-bottom: 8px;font-family: 'Sintony';}
.title_pink_h2{ color:#d60066; font-weight:200; font-size:24px;}
.podio{margin-top: 100px; position:relative;}
.podio h6{ font-size:11px;}
.secondo_podio {position: absolute;top: -36px;width: 100px;text-align: center;}
.primo_podio {position: absolute;top: -64px;width: 100px;text-align: center;left: 100px;}
.terzo_podio {position: absolute;top: -24px;width: 100px;text-align: center;left: 201px;}
.nome_punteggio_quiz{ position: relative;top: -14px;left: 33px;}
.button_quiz{ background-color:#66afbf;}
.quiz_input[readonly='readonly']{border:0px}
.risposte span:nth-child(2){margin-left:5px}
/* TAVOLI */
.input_text_tavoli{padding: 6px 12px;}
.tavolo{ border-bottom:1px dashed #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.tavolo h5{ font-size:12px;font-family: 'Sintony', sans-serif; line-height:16px;}
.button_tavoli{ background-color:#cbd68e;margin-top: 10px;height: 39px;margin-left: 4px;}
.elenco_tavoli{ display:none; margin-left:20px;}
.elenco_tavoli li{ margin-bottom:10px}
.arrow_tavoli{ background-image:url(../img/arrow_tavoli.png); background-repeat:no-repeat; width:30px;padding: 10px 28px 6px 10px;background-position: 50%;}
.punteggio{margin-left: 0px;}

/* ITINERARIO */
.visualizza_anteprima{float: right;margin-right: -125px;}

/* GALLERY */
.foto_album{ position:relative; display:table}
.foto_single{ position:relative;border: 1px solid #ccc;padding-bottom: 27px; width:124px; float:left;margin-right: 7px;margin-top: 15px;}
.foto_single_quiz{ position:relative;border: 1px solid #ccc;padding-bottom: 27px; width:auto; float:left;margin-right: 7px;margin-top: 15px;}
.foto_single_quiz > img{max-height: 200px; margin-left: 20px;}
.foto_single_quiz.quiz_play > img{ margin-left: 40px;}
.foto_single_quiz.quiz_risposte > img{max-height: 100px; margin-left: 20px;}

.attach-image:hover {cursor: pointer; opacity: .9;}
.album_single{ position:relative;border: 1px solid #ccc;padding-bottom: 27px; width:165px; float:left;margin-right: 14px;margin-top: 15px;}
.edit_foto_single{position: absolute;top: 6px;right: 7px;}
.desc_foto_single{font-size: 11px;position: relative;top: 11px;left: 5px;font-family: 'Sintony', sans-serif;}
.edit_foto_single img:hover{cursor:pointer;}

/* CERIMONIA E FESTA*/
.box_festa{min-height: 300px; border:1px solid #ccc;width: 100%; margin-bottom:25px;}
.dati_cerimonia_festa { font-size:15px; width: 556px;}
.dati_cerimonia_festa span{ line-height:19px; font-size:14px;font-family: 'Sintony', sans-serif;}
.delete_lato_sposi{ position: absolute;right: -28px;top: 12px;    width: auto !important;}
.pen_lato_sposi{ position: absolute;right: 7px;top: 12px;    width: auto !important;}
.edit_cerimonia_festa_sposi{ position:relative;right: 33px;}
.but_cerimonia{position: relative;top: -19px;}
#dati_cerimonia, #dati_festa {float:left;max-width:325px;min-width:325px;display:inline-block;}

/* QUIZ */
.linea_quiz  {padding-bottom: 0px; height: 84px;}
.linea_quiz .linea_quiz_numero{ background-color:#be91c5; color:#fff; width:55px; height:47px; font-size:43px;font-weight: 200;text-align: center;line-height: 43px;}
.linea_quiz .linea_quiz_testo{ color: #fff;background-color: #be91c5;margin-left: 1px;height: 47px;line-height: 48px;width: 91%;font-size: 19px;font-weight: 100; text-transform:uppercase;}
.time{font-size: 35px;font-weight: 200; color:#e42980;margin-top: -4px;margin-left: 7px;}
.domanda-lato-sposi{margin-top: 7px;}
.correzione-domanda-sposi{padding: 13px 21px;display: inline-block;}
.frase-domanda{margin-left: 9px;position: relative;top: -4px;}
.commenta-domanda-sposi{margin-top: 23px;text-align: right;margin-right: 13px;}
.domanda-generale-corretta{float:left; width:100%;}
.height0{ height:0px !important;}
.controlla-risposte-sposi{vertical-align: middle;margin-right: 10px;}
.opzione-quiz-report{margin-top:20px;}
.edit-quiz{cursor:pointer;}

/* REPORT REGALI */
.prima_riga_report{color: #fff;font-size: 19px; font-weight:200}
.prima_riga_report td{padding: 10px;}
.table_report_report {font-size: 12px;margin-top: 35px;width: 100%;}
.report_riga{border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px dashed #ccc;}
.report_riga tr{}
.report_riga td{ vertical-align:middle;padding: 10px; font-size:14px;border-right: 1px solid #ccc;font-family: 'Sintony', sans-serif;}

/* ENTRATA */
.aereo_entrata{position: relative;right: 75px;}

/* LOGIN */
.header_login{ width:405px; height:121px; background-color:#e42980;display: inline-block;padding-top: 14px;padding-left: 25px; color:#fff}
.middle_login{ background-color:#eeedee;width: 430px;display: inline-block;padding-top: 16px;padding-bottom: 16px;}
.input_login{margin-bottom: 15px;width: 366px; font-size:15px;}
.accedi{ width: 187px;font-size: 20px;}
.footer_login{background-color:#e42980;display: inline-block; color:#fff;padding: 13px 0px; width:430px; font-size:20px;}

/* SHOP */
.item-shop{ width:225px;float: left;margin-right: 20px;margin-bottom: 25px;}
.price{ color:#e42980;}
.detail_item{ margin-left:30px}
.obj_correlati img{ margin-right:2px;}

	

.font-raleway{ font-family: 'Raleway', sans-serif;}
.product-name{ padding-bottom: 16px;}
.product-name h3{
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
margin-top: 0;}
.product-description {   
font-size: 13px;
color: #666;
padding: 20px 0;
border-top: 1px dashed #bbb;
border-bottom: 1px dashed #bbb;
line-height:16px;}
.details-product-price{
padding: 20px 0;
font-family: Montserrat,sans-serif;
border-bottom: 1px dashed #bbb;}
.details-product-price span{ font-size:25px; color:#e42980}
 .details-product-price h3{color:#666;     font-size: 14px;
text-transform: uppercase}
.point-of-action {
padding: 20px 0;
border-bottom: 1px dashed #bbb;}	  
.point-of-action .add-to-cart .btn {
padding: 10.5px 15.5px;
font-family: Montserrat,sans-serif;
font-size: 12px;}
.btn-listino {
background-color: #e7e7e7;
border: none;
color: #555;}
.request-info{padding: 35px 0; }      
 .big_button_request{padding: 13px 72px;}
/* SELECT */
select {
    border: 1px solid rgb(218, 218, 218);
    padding: 4px;
    width: 350px;
	height: 40px;
}
 
 
/* MODIFICHE PER MULTIGRAFICA*/

#modificheSalvate {

color:#E1087A;

}

@-moz-document url-prefix() { 
  .agenzia {
     background-position: 94% 28px;
  }
.regalo {background-position: 50% 74px;} 

}



  .box_cerimonia{background-image: url(../img/icon-cerimoniafesta.png);
  background-repeat: no-repeat;
  background-position: 92% 37px;}

 
 
/* FOOTER */
.footer{background-color:#3c3c3b; color:#fff; margin-top: 3px;padding-top: 35px;padding-bottom: 35px;width: 100%; height:80%;}
.footer p{ font-size:12px;line-height: 30px;}


/* CUSTOM NOTE */
.disabled {
    color: rgb(204, 204, 204);
}

/* interno album */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl, .ui-corner-right, .ui-corner-tr,
.ui-corner-bottom, .ui-corner-bl, .ui-corner-br{
	border-radius:0px !important;
}
.ui-widget-header{
	background: rgb(228, 41, 128) !important;
	border-color: rgb(228, 41, 128) !important;
	font-size: 21px !important;
	font-weight: 100 !important;
	font-family: "Raleway",sans-serif !important;
}
.ui-icon, .ui-widget-content .ui-icon {
	background-image: url("css/images/ui-icons_222222_256x240.png") !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	color: rgb(228, 41, 128) !important;
	font-size: 21px !important;
	font-weight: 100 !important;
	font-family: "Raleway",sans-serif !important;
}
.ui-state-hover{
	background: rgb(236, 217, 226) !important;
	border-color:rgb(204, 204, 204) !important;
}
.ui-dialog-titlebar {display:none}
.ui-dialog[aria-describedby="editDomanda"] .ui-dialog-titlebar,
.ui-dialog[aria-describedby="addDomanda"] .ui-dialog-titlebar{
	display: block;
}
.ui-dialog-content .ui-widget-content{
	padding:0px !important;
}
.ui-dialog{
	padding:0px !important;
	box-shadow: 0px 0px 14px -4px #000;
}
#prevImg{
	position: absolute; left: 20px; z-index: 9999; top: 50%;opacity:0.5
}

#nextImg{
	position: absolute; z-index: 9999; right: 220px; top: 50%; opacity: 0.5;	
}

#prevImg:hover, #nextImg:hover{
	opacity:1;
	cursor:pointer;
}
/* add/edit album */
#uploadFoto {
	display: none;
}

#uploadFotoButton {
	width: 122px;
	color: rgb(228, 41, 128);
	border: 3px solid rgb(228, 41, 128);
	text-align: center;
	height: 120px;
	float: left;
	margin-right: 15px;
	margin-top: 15px;
	font-weight: 500;
	font-size: 4em;
	transition: ease-in-out 0.2s; 
	-webkit-transition:ease-in-out 0.2s; 
	-moz-transition:ease-in-out 0.2s;
}

#uploadFotoButton:hover{
	cursor:pointer;
	background: rgb(228, 41, 128);
	color:#fff;
	transition: ease-in-out 0.2s; 
	-webkit-transition:ease-in-out 0.2s; 
	-moz-transition:ease-in-out 0.2s;
}

#uploadFotoButton p {
	line-height: 0px;
	top: 50%;
	position: relative;
	transform: translate(0, -50%);
}

.foto_single_quiz {
	/*display: none;*/
}

.box.disabled,
.box_lista_big.disabled {
	opacity: 0.3;
	cursor: default;
}

.cerimonia_sposo{background-image: url(../img/icon-cerimoniafesta.png);
    background-repeat: no-repeat;
    background-position: 51% 80px;
}

/* DIALOG SELEZIONE FOTO PREDEFINITE */
.foto_predefinita {
    width: 200px;
    margin:10px;
}

/* ALERT BOX */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl, .ui-corner-right, .ui-corner-tr,
.ui-corner-bottom, .ui-corner-bl, .ui-corner-br{
    border-radius:0px !important;
}
.ui-widget-header{
    background: rgba(0,0,0,.7) !important;
    border-color: rgba(0,0,0,.7) !important;
    font-size: 21px !important;
    font-weight: 100 !important;
    font-family: "Raleway",sans-serif !important;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("css/images/ui-icons_222222_256x240.png") !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.ui-state-default:focus, .ui-state-default:active {
    color: rgb(228, 41, 128) !important;
    font-size: 21px !important;
    font-weight: 100 !important;
    font-family: "Raleway",sans-serif !important;
    background: #fff !important;
}
.ui-state-hover{
    background: rgb(236, 217, 226) !important;
    border-color:rgb(204, 204, 204) !important;
}
.add-quiz:hover, .edit-quiz:hover, .delete-quiz:hover {
    cursor:pointer;
    opacity:0.9;
}
.ui-dialog .ui-dialog-content {
    padding-top: 30px;
    padding-bottom: 20px;
}

.ui-dialog-title {
    text-transform: uppercase;
    font-size: 14px;
}

.foto_predefinita {
    border:3px solid transparent;
}
.foto_predefinita.selected {
    border:3px solid #E1087A;
}

.itinerario_page .ui-dialog-titlebar {
	display: block !important;
}

.itinerario_page .ui-dialog-titlebar .ui-state-default{
    border: 1px solid #CCC;
    background: url("images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #F6F6F6 !important;
    font-weight: bold;
    color: #1C94C4;
}

.itinerario_page .ui-dialog-titlebar .ui-icon{
    background-image: url("images/ui-icons_222222_256x240.png") !important;
}

/* =/end DIALOG SELEZIONE FOTO PREDEFINITE */

/* QUIZ NEW */
.box_gioca{ background-color:#e02c7f; padding: 20px 0px; 
	  -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
	/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0%   {background-color:#e02c7f;}
   	25% {background-color:#D680A8; left:0px; top:0px;}
	50%   {background-color:#e02c7f; left:0px; top:0px;}
	75%   {background-color:#D680A8; left:0px; top:0px;}
	100%   {background-color:#e02c7f; left:0px; top:0px;}
}

/* Standard syntax */
@keyframes example {
    0%   {background-color:#e02c7f;}
   	25% {background-color:#D680A8; left:0px; top:0px;}
	50%   {background-color:#e02c7f; left:0px; top:0px;}
	75%   {background-color:#D680A8; left:0px; top:0px;}
	100%   {background-color:#e02c7f; left:0px; top:0px;}
}
.box_classifica{ background-color:#d9bddd; padding: 5px 0px; cursor:pointer;}
.mrg-left50{margin-left: 50px;}
.box_gioca h2{font-size: 32px;margin-top: 58px;letter-spacing: -2px;color: #fff;margin-left: 100px; cursor:pointer;}
.box_classifica h2{font-size: 32px;letter-spacing: -2px;color: #946f9b;margin-left: 168px;margin-top: 14px;}
.arrow_banner_game_quiz{     position: relative;top: -6px;}
.podio_quiz_banner{ margin-left: 117px;}

.quiz_msg {
	border: 1px solid #E62624;
	padding: 0px;
}
.quiz_msg .msg_alert {
    background: none repeat scroll 0% 0% rgb(230, 38, 36);
    color: #FFF;
    padding: 4px 20px;
    display: inline-block;
}
.quiz_msg .msg_text {
    display: block;
    padding: 14px;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: lighter;
}

.quiz_btn_pubblica {
    background: #DF3280;
    display: inline-block;
    margin-top: 20px;
    padding: 0 20px 10px;
}
.quiz_btn_pubblica:hover{
	opacity: .9;
	cursor: pointer;
}
.quiz_btn_pubblica h2{
	display: inline-block;
	text-transform: uppercase;
	color: #FFF;
	position: relative;
	top: -10px;
}
.quiz_btn_pubblica img{
	height: 50px;
}
/* =/end QUIZ NEW */

.button_gen_icon {
    color: #fff;
    background-color: #e5007d;
    padding: 5px 10px 5px 34px;
    font-size: 14px;
    background-image: url(../img/logo_btn.png);
    background-repeat: no-repeat;
    background-position: 7px;
    font-family: 'Sintony', sans-serif;
}

.font16{ font-size:16px;}
.font11{ font-size:11px;}
.button_ricevuta{background-color: #E44C85;
    width: 144px;
    height: 144px;
    text-align: center; background-image:url('../img/ricevuta_1.png');    background-repeat: no-repeat;
    background-position: 50% 84%;}
	.button_ricevuta_buono{background-color: #B34074;
    width: 144px;
    height: 144px;
    text-align: center; background-image:url('../img/ricevuta_2.png');    background-repeat: no-repeat;
    background-position: 50% 84%;}
	.text_ricevuta{color:#fff;    padding-top: 15px;    font-weight: 200;line-height: 17px;
}
	.text_ricevuta_buono{color:#fff;    padding-top: 15px; line-height: 18px;    font-weight: 200;}
.menu-mobile-head{display: none;}
#name_id_mobile{display: none;}
#areoplano_lista_mobile {display: none;}
.head-mobile{display: none;}
.box-dati-tappa{width: 255px;}
/* WIDTH MAX 768px*/
.height500{height: 500px;}
.box-tappa-img{width: 80px; height: 75px;}
.imgcerimonia{width: 400px; height: 300px;}
.image_tavolo{width: 100px;}
.container_quizfinale{padding:10px; border:1px dotted #000;height:80px;}
.box_agenzia{}
.referente_title{
	text-transform:uppercase; 
	font-size:24px; color:#fff;     
	font-weight: 200;
	background-color: #e64d86;
	padding: 10px 10px;
	letter-spacing: -1px;
}
.offerta_marketing .prezzo{ font-size: 20px;position: absolute;left: 60px;top: 18px;}
.offerta_marketing .prezzo2{ left: -20px;
    text-align: right;
    width: 77px;
    height: 33px;}
.box_dati_referente{  
	padding: 10px 12px;
	border: 1px solid #e64d86;
}
.box_dati_agenzia{padding: 10px 12px;}
.elenco_dati_agenzia li{font-size:14px;margin: 11px 0px; font-family:'sintony'}
.logoagenzia{
	float: right;
	margin-top: -190px;
	border: 1px dashed #ccc;
	padding: 17px;
	margin-right: 0px;
}
.offerta_marketing{
	float: left;
	margin-bottom: 19px;
	width: 354px;
	border: 1px solid #ccc;
	padding: 5px;
	padding-bottom: 11px;
	color:#272724;
}
.offerta_marketing h4{
	margin:3px 0px;
	font-size:12px !important;
}
.offertemarketing a{
	font-size: 11px;
	color: #f39;
}
.font12{ font-size:12px; }
.offerte_btn{
	float: right;
	background-color: #e64d86;
	color: #fff;
	padding: 22px 152px 22px 20px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 500;
}

.tavolo-singolo{width:80%;clear:both;}
.box-agenzia-sposi{width: 568px;}
.box466{width: 466px;}
	.box-quadrato { border:1px solid #ccc;  text-align:center;width: 116px;
    height: 104px;float:left;margin-right: 5px;}
		.box-quadrato h4{  margin-bottom: 4px;font-size: 12px;font-family: 'Sintony', sans-serif;    margin-top: 33px;}
		.box-quadrato h3{  margin-bottom: 4px;font-family: 'Sintony', sans-serif;font-size: 20px;font-weight: bold;text-align: left;
    margin-left: 10px;
}
		
		.box-rettangolare { border:1px solid rgba(230, 77, 134, 0.29);text-align:center; float:left;    height: 104px;
    width: 200px;}
		.box-rettangolare h4{  margin-bottom: 4px;font-size: 12px;font-family: 'Sintony', sans-serif;margin-top: 28px;}
		.box-rettangolare h3{  margin-bottom: 4px;font-size: 12px;font-family: 'Sintony', sans-serif;font-size: 20px;font-weight: bold;}
		.box-rettangolare h6{  margin-bottom: 4px;font-size: 10px;font-family: 'Sintony', sans-serif; font-style:italic}
		.color_saldo{    color: rgb(137, 184, 29);}
		.riga{ float:left;}
		.box_chart{    border: 1px solid #ccc;
    width: 300px;    margin-top: 20px;
    margin-left: 6px;}
			.chart {
  display: inline-block;
  width: 200px;
  height: 200px;
  margin: 0 10px;
  vertical-align: top;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 35px;
  margin-bottom: 13px;
    margin-top: 11px;
	font-size: 10px;
}
.chart span {
  display: block;
  font-size: 38px;
  font-weight: normal;
}
.chart canvas {
  position: absolute;
  left: 0;
  top: 0;
}

	.chart1 {
  display: inline-block;
  width: 180px;
  height: 180px;
  margin: 0 10px;
  vertical-align: top;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    padding-top: 51px;
    margin-bottom: 20px;
    margin-top: 21px;
    font-size: 11px;
    font-weight: bold;
}
.chart1 span {
  display: block;
 font-size: 45px;
  font-weight: normal;
      margin-top: 2px;

}
.chart1 canvas {
  position: absolute;
  left: 0;
  top: 0;
}

.span2{    font-size: 10px !important;
    font-weight: bold !important;}
	.box_main_1{float: left;
    width: 450px;
}
.box_main_2{ float:left}
.box-title{ background-color: #e64d86;
    color: #fff;
    width: 448px;
    text-align: center;    padding: 9px 0px;}
	.box-title-green{text-align: center;    padding: 9px 0px;color: #fff;background-color: #96bc27;
    margin-left: 6px;
    width: 305px;}
	.box-title h2{ font-size:14px !important; font-family: 'Sintony', sans-serif;    margin-top: 0px !important;
    letter-spacing: 0px !important;}
	.box-title-green h2{ font-size:14px !important; font-family: 'Sintony', sans-serif;    margin-top: 0px !important;
    letter-spacing: 0px !important;}
	.box-content div{ float:left;}
	.box-content h4{margin-bottom: 4px;font-size: 12px;font-family: 'Sintony', sans-serif;}
	.box-content h3{margin-bottom: 4px;font-size: 20px;;font-family: 'Sintony', sans-serif; font-weight:bold;}
	.box-content-1 {    width: 117px;
    height: 64px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.box-content-1 h4{    margin-top: 12px;
    margin-left: 15px;}
	.box-content-1 h3{     margin-left: 15px;}
.box-content-2 {     border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: left;
    height: 64px;
    width: 174px;}
.box-content-2 h4{    margin-top: 12px;
    margin-left: 15px;}
	.box-content-2 h3{     margin-left: 15px;}
	.box-content-3{     border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 64px;
    width: 153px;}
	.box-content-3 h4{ margin-top: 12px;
    margin-left: 15px;}
	.box-content-3 h3{ 
    margin-left: 15px;}
	.box-small-1{    width: 151px;
    
    float: left;
    height: 101px;}
.box-small-left{border-bottom:1px solid  #96bc27; border-left:1px solid  #96bc27; border-right:1px solid  #96bc27; margin-left:6px;}
.box-small-right{border-bottom:1px solid  #96bc27;border-right:1px solid  #96bc27;}
.box-small-1 h4{margin-bottom: 4px;font-size: 12px;font-family: 'Sintony', sans-serif; margin-top: 40px;
    margin-left: 18px;
}
.box-small-1 h3{margin-bottom: 4px;font-size: 20px;;font-family: 'Sintony', sans-serif; font-weight:bold;margin-left: 18px;}
.box-small-2 {    width: 303px;text-align:center;
    margin-left: 6px; float:left;
    height: 79px;border-left:1px solid  #96bc27;border-right:1px solid  #96bc27; border-bottom:1px solid  #96bc27;     margin-bottom: 9px;}
	.box-small-2 h4{margin-bottom: 4px;font-size: 12px;font-family: 'Sintony', sans-serif; margin-top: 18px;}
.box-small-2 h3{margin-bottom: 4px;font-size: 20px;font-family: 'Sintony', sans-serif; font-weight:bold;}
.clausola-small{text-align: right;
    font-style: italic;
    font-size: 12px;
    margin-top: 20px;}
	.clausola-content{text-align: left;
    font-style: italic;
    font-size: 12px;
    margin-top: 20px;}
	.margine-clausola{ margin-bottom:10px;}
	.dim-anteprima-shop{width:370px;margin-top:-319px;}
	.box370{width:370px}
	
	
	/* RESPOSNIVE GESTIONE ALLINEMENTO TESTI*/
	
	@media screen and (max-width: 768px) {
		
		.responsive-testo-centrato {
    text-align: center;
    }
		}
	
@media screen and (max-width: 768px) {
    .quiz1_mobile{
            width: 100%;
    float: none;
    text-align: center;
    }
    
    .orologio{
        
    float: none;
    display: inline-block;

    }
    .time{
            float: none;
    display: inline-block;
    }
    
    .box_risposte {
    width: 100%;
    text-align: center;
}
    .table_attivita_utente td{font-size:9px;vertical-align: middle;border-bottom: 1px dashed #ccc;padding-bottom: 5px;    line-height: 13px;}
    .podio_general{
               bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    }
    .box_app:nth-child(4){
        width: 100%;
    }
    .titolo_tappa_anteprima{
        margin: 3px 38px 1px !important;
    text-align: left  !important;
    font-size: 15px !important;
    }
    .partenza_tappa_anteprima{
            text-align: left;
    margin-left: 38px;
    font-size: 11px;
    }
  body {background-color: red;}
  .container{width: 96%;}
    .float-none{
        float: none;
    }
	.ag2inv{display: none !important;}
	#name_id{float: none;}
	#name_lista h1 {font-size: 25px;}
	#name_lista h4 {float: none;font-size: 12px;}
	#name_lista {float: none; margin: 0px!important}
	.sposi_app_desc {text-align:center}
	#data_lista { margin-right: 0px; }
	.box{width: 100%;height: 230px;    background-size: 126px;    margin-bottom: 2px;}
	.box_small{    width: 100%;height: 230px;background-position: 50% 95px;background-position-y: 73%;}
	.box_small h2{text-align: center; margin-left: 0px;    margin-bottom: 2px;}
	.box_app{    width: 100%;    margin-bottom: 2px;}
	#first {display: block;}
	#menu_bottom_head{float: none; display: none;}
	/*#small_menu_header {   position: relative;top: 0px;float: none;  right: 4px; display: none;}*/
	#social{ float: none;display: none;}
	#small_menu_header{float: none;display: none;}
	#logo{display: none;}
	.logo-mobile img{width: 100px;}
	#areoplano_lista img{  display: none;}
	.container-head{    text-align: center;}    
	#areoplano_lista img{    position: static;}
	.menu-mobile-head{    width: 81%;margin-top: 13px; display: inline-block;}
	.agenzia{margin-bottom: 0px;    margin-bottom: 2px;}
	.cerimonia{margin-bottom: 0px;    margin-bottom: 2px;}
	.areainvitato{display: none;}
	#areoplano_lista_mobile{display: block;   max-width: 100%; height: auto; margin-bottom:20px; }
	#areoplano_lista_mobile img{ margin-left: -37px; text-align:center; }
	#name_id{display:none;}
	#name_id_mobile{    
	display: block;
		border-top: 1px solid #ccc;
    width: 50%;
    margin: 0 auto;
    padding-top: 14px;
    margin-top: 16px;}
	.mrg-top40{margin-top: 0px;}
	.head-mobile{display: block;    margin-top: 10px;}
	.menu-burger{    display: inline-block;
    vertical-align: middle;
    color: #fff;
    background-color: #e2007a;
    padding: 10px;
    border-radius: 50%;}
	.text-burger{    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    margin-right: 11px;}
    .date_mobile_muretto{
           display: block;line-height: 21px;
    text-align: center;margin-right: 0px !important;float:none;
    }
	#page_lista{display: none;}
	.title_head_page {text-align: center;}
	.title_none{display: none;}
	.box400, .box670 {width: 100% !important;}
	.mrg-left100{margin-left: 0px;}
	.box775{width: 100% !important; text-align: center; float: none;}
	.more, .luogo-tappa, .data-tappa{    font-size: 14px !important;
    font-family: 'Arial', sans-serif !important;
    line-height: 17px !important;text-align: left;}
	.titolo_tappa{margin: 3px 0px 1px; text-align: center;}
    .descrizione_tappa_mobile{
            text-align: center;
    font-style: italic;
    }
    .slider-wrapper{
        
    }
	.luogo-tappa{font-weight: 100; margin-top: 0px;}
	.height500 {height: auto;}
	.footer p{font-size: 11px;}
	.box-tappa{border-bottom: 1px solid #ccc !important;margin-bottom: 15px;}
	.btn_muretto{width: 100%; padding: 10px 0px; text-align: center;margin-bottom: 40px;}
	.title_messaggio{left: 0px;top: -39px;    text-align: center;}
	.submit{width: 100%;
    display: block;
    text-align: center;
    padding: 5px 0px;
    margin-bottom: 6px;text-align: center;}
	.medium_input{width: 96%;}
	.box-tappa-img{    
        width: 100%;
    height: 100%;}
	.box-dati-tappa{margin-left: 0px !important; width: 100%;}
	.videoWrapper{float: none;padding-bottom: 0% !important; /* 16:9 */padding-top: 25px !important; height: auto;    margin: 0 auto;}
	.videoWrapper iframe {position: absolute !important;top: 0;left: 0;width: 100%;height: 100% !important;}
	.avatar{text-align: right;float: none;}
	.title_muretto{text-align: center;}
	.big_input{width: 100%; padding-left: 0px;    text-align: center;}
	.form-input-invitato{float: none; margin: 10px 0px 10px 0px;}
	select {width: 100%;    }
	.button_gen{       width: 100%;
    display: inline-block;
    text-align: center;
    padding: 8px 0px; margin-bottom: 10px;}
    .avatar-sposi{
        margin-right: 0px; text-align: center;
    }
    .username_muretto {
    
    left: 0;
    right: 0;
}
    .messaggio{
        width: 100%;
        margin-left: 0px;
        text-align: center;
    }
    .mt-10-mobile{
        margin-top: 10px;
    }
	.text-center-mobile{text-align: center;padding: 0px;}
	.box_gioca{float: none; text-align: center;}	
	.box_classifica{text-align: center;    padding: 19px 0px;}
	.podio_quiz_banner, .box_classifica h2, .box_gioca h2, .box_gioca img{margin-left: 0px; float: none;}
	.box_gioca h2, .box_classifica h2{font-size: 22px;}
	.box_festa{text-align: center;border: none;}
	.dati_cerimonia_festa{width: 100%;}
    .box_festa img{width: 100%;height: auto;}
	.imgcerimonia{width: 100%; height: 100%; display: block;}
	.button_tavoli{margin-left: 0px;}
	.tappa{width: 100%;}
	.data_tappa{width: 100%; margin-left: 0px;}
	.image_tavolo{width: 100%;    margin-bottom: 14px;}
	.box_ultimi_commenti{width: 100%;}
	.commento_recente_gallery, .commento_recente_gallery p{width: 100%;}
	.commento_recente_gallery div{float: none;    text-align: center;}
	.gallery_box_invitato{float: none; margin-right: 0px;}
	.gallery_img img{width: 100%; height: 100%; display: block;}
	.gallery_title{float: none; left: inherit;font-size: 14px;text-align: center;}
	.viaggio{ display:none;}
	.linea_pagamento .linea_pagamento_testo h3{margin-left: 0px; font-size: 19px;    text-align: center;}
	.linea_pagamento .linea_pagamento_testo{width: 100%;}
	.linea_pagamento .linea_pagamento_numero{width: 100%;}
	.contenuto_pagamento{margin-left: 0px;}
	.normal-input{width: 98%;        padding: 6px 0px 6px 5px;-webkit-appearance:none;}
	.cell-box-input{text-align: left;}
	textarea{width: 99%;}
	.testobenvenuto{display: block;margin-top: 73px;}
	.radio_pagamento{float: none;text-align: left;margin-bottom: 12px;}
	.contenuto_pagamento_mobile{    display: inline-block;padding: 23px 0px;}
	#miglia{margin-top: 10px;display: block;margin-bottom: 13px;    margin-left: -7px !important;}
	.box-pagamento{    margin-top: 75px;}
	.annulla_messaggio{margin-left: 0px;}
	.box-dati-agenzia{width: 96%; margin-top: 30px !important;}
	.box-pagamento-mobile{margin-top: 30px;}
	.table_report{width: 100%;}
    .pagamento4{
            display: inline-block;
    margin-top: 22px;
    }
	.podio{text-align: center; margin-top: -100px;    overflow: hidden;    height: 300px;}
    .obbligatorio_pagamenti{
            display: block;
    text-align: left;
    margin-bottom: -12px;
        margin-left: -2px !important;
    }
    .text-left-mobile{
        text-align: left;
            display: block;
    }
	.secondo_podio {    position: relative;
    top: 126px;
    margin-left: 0px;
    margin-top: 55px;
    width: initial;
    left: -101px;}
	.primo_podio {position: absolute;
    top: 154px;
    width: initial;
    text-align: center;
    left: 0px;
    right: 0;}
	.terzo_podio {
    position: relative;
    top: 82px;
    width: initial;
    text-align: center;
    left: 103px;
}
    .mt-20-mobile{
        margin-top: 21px;
    }
	.linea_quiz .linea_quiz_numero{width: 100%;}
	.linea_quiz .linea_quiz_testo{width: 100%; font-weight: 500;margin-left: 0px;margin-top: 4px;text-align:center;line-height: 27px !important;font-size:14px;    padding-bottom: 9px;}
	.container_quizfinale{ height:auto;}
	#nickname{    width: 95%;    padding: 10px 7px;}
	.nickname-title{margin-top: 19px;margin-bottom: -3px !important;text-align: left;}
	.avatar-title{ text-align: left;}
	#tempo_quiz{display:block;}
	.title_album{    width: 100%;    padding: 14px 0px 14px 0px;text-align: center;}
	.gallery_img_album img {width: 100%;height: 100%;}
	.gallery_box_album{margin-right: 0px;}
	.mrgbot15{margin-bottom: 15px;}
	.gridmobile{    display: grid;}
	.box_agenzia{width: 100%;}
	.logoagenzia {margin-top: -33px;margin-bottom: 15px;float: none;}
	.box650{width: 100%;}
	.box_app_sposi_index{width: 100%; height: 157px; margin-bottom: 2px;}
	.box295, .box_main_app, .box_app_sposi_index_right {width: 100%;}
	.img-promo{width: 100%; height: 100%;}
	.box_app_sposi_index_right {height: 157px;margin-bottom: 2px;}
	#sidebar{display: none;}
	.dati-report-lista{padding-right:0px;}
	.display-none-mobile{display: none;}
	#dati_cerimonia, #dati_festa {max-width: 100%;}
	.dati-report-lista h5{float: none;}
	.podio-sposi{margin-top: -128px;position: relative;margin-bottom: 36px;}
	.but-modifica-opzioni{    margin-top: 26px;margin-bottom: -24px;}
	.float-none-mobile{ float: none;}
	.box-agenzia-sposi{width:100% !important;}
	.box466, .width194, .testo_domanda{ width: 100%;}
	.report_pagamenti li:nth-child(1){ padding-left: 0px;}
	.report_pagamenti li{ float: none; padding: 0px;    padding: 4px 0px;}
	.report_pagamenti ul{float: none; padding: 0px;}
	.button_quiz{padding: 10px 0px;    width: 100%;}
	.risposte, .risposte label{width: 100%; margin-left: 0px;}
	.foto_single_quiz{float: none;}
	.quiz_input{ width: 75%;}
	.input_text_tavoli {padding: 6px 0px;padding-left: 5px;width: 99%;}
	#img_tavolo{bottom: 4px !important;
    width: 100%;
    height: 100%;}
	.big_button_gen{padding: 10px 0px;}
    .big_button_gen_google {
    padding: 10px 7px;
    font-size: 18px;
}
	.float-none-mobile{ float: none; margin-top: 10px; margin-left: 0px;}
	.itinerario-sposi{    margin-bottom: 6px;}
	.itinerario-anteprima-mobile{margin-top: -85px;
    text-align: left;}
	.riga {
    float: none;}
    .mrg-left15{margin-left: 0px;}
.box-quadrato {
    width: 100%;
    float: none;
	margin-bottom: 6px;
}
    .riquadro_domanda_mobile{
        height: auto !important;
    }
    .footer_login{
        width: 100%;
    }
    .middle_login{width: 100%;}
    .header_login{width: 100%;padding-left:0px; height: 89px;}
    .header_login h1{font-size:23px !important;margin-left: 14px;}
    .header_login h3{font-size:23px !important;margin-left: 14px;}
    .header_login h6{font-size:14px !important;margin-left: 14px;margin-top: 4px;}
    .mrg-login{margin-top: 50px;}
    .button_container{margin-top: 9px;}
    .input_login {
    width: 90% !important;
}
.box-rettangolare {
    float: none;
    width: 100%;
}
.box_main_1 {
    float: none;
    width: 100%;
}
.box_main_2 {
    width: 100%;
	 float: none;
}
.box-quadrato h3 {
    text-align: center;
    margin-left: 0px;
}
.box-title {
    width: 100%;
	    display: inline-block;
}
.box-content-1,.box-content-2, .box-content-3{ width:33.1%; text-align:center;}
.box-content-1 {border-right: 0px;}
.box-content-2 {border-right: 0px;}
.box-content-1 h4{ margin-left:0px;}
.box-content-2 h4{ margin-left:0px;}
.box-content-3 h4{ margin-left:0px;}
.box-content-1 h3{ margin-left:0px;}
.box-content-2 h3{ margin-left:0px;}
.box-content-3 h3{ margin-left:0px;}
.box_chart{margin-bottom: 20px;
	width:100%; margin-left:0px;    display: inline-block;}
.box-title-green {
 
    margin-left: 0px;
    width: 100%;
}
.box-small-1 {
    width: 49.5%;
}
.box-small-left{ margin-left:0px;}
.box-small-1 h4{ margin-left:0px;}
.box-small-1 h3{ margin-left:0px;}
.box-small-2 {
    width: 99.3%;
    margin-left: 0px;
  
}
.clausola-small{ text-align:left;}
.mrg-top-84-mobile{ margin-top:84px;}
.item-shop{width:100%; float:none;}
.titolo-shop-1{ display:grid; text-align:center;}
.point-of-action .add-to-cart .btn{ padding:8px 0px;}
.dim-anteprima-shop{width:100%;margin-top:0px;}
.product-name h3{ margin-top:20px;}
.box370{ width:100%;}
    .richiedi_subito{
        width: 100%;
        text-align: center;
        margin: 20px 0px;
        margin-top: 20px !important;
    }    
    .titolo_lista{ font-weight:200;font-size:35px!important; text-align:center; margin-bottom:20px;}
    .data_matrimonio{ float:right; text-align:center; margin-bottom:20px;}
	.hello{ font-weight:600;text-align:center; margin-bottom:20px;}
	#data_lista {
    float:none;
}
.barra_titolo_h3 {
    font-size: 24px;
    font-weight: 200;
    line-height: 31px;
    padding-left: 15px;
    text-align: center;
}
#map_canvas
	{
   
    position: relative;
    padding-bottom: 65.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.container.footer {
   max-width: 100%;
height: 100px;
background-color: #000;
clear: both;
}

.container {
    display: block;
max-width: 100%;
height: auto;
}

.box774slider {
    width: 100%;
}
.offerte_btn{
	float:left;
	margin-bottom:20px;
	padding: 22px 122px 22px 20px;
}
.mrg-right30 {
margin-right:0px;
}
.punteggio{margin-left: 0px; margin-top:15px;}
.cerca_tavolo{ font-size:12px; text-align:center;}
.date_tavolo{margin: 3px 0px;font-size: 12px !important;margin-top: -1px; text-align:center;}
.nome_tavolo{font-weight: 200;text-align:center;}
.desc_tavolo{line-height: 17px;font-size: 14px; text-align:center;padding-top:20px; border-bottom: 1px dotted #ccc;
padding-bottom: 20px;margin-bottom: 20px;}
.footer{background-color:#3c3c3b; color:#fff; margin-top: 3px;padding-top: 35px;padding-bottom: 35px;width: 100%; height:10%;}
}
	#map_canvas
	{
   position: relative;
    padding-bottom: 65.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.richiedi_subito{
    margin-top: -22px;
}
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 15%;
    width: 100%;
    text-align: center;
   
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 28px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}
	
	
	
	
.videoWrapper {
	position: relative;
	padding-bottom: 0%; /* 16:9 */
	padding-top:0px;
	height: auto;
}
.videoWrapper iframe {
	position: inherit;
	top: 0;
	left: 0;
	width: 100%;
	height: 395px;
}

.videoWrapper img {
max-width: 100%;
    display: block;
	height: auto;}

.testo-sotto{   
  padding-left: 16px;
    margin-top: 12px;
    margin-bottom: 17px;
	text-align:left;}

