/** CSS Document */
/* AUTORE ------ COLOMBO3000            */
/* SITO: ------- www.colombo3000.com    */
/* DATA -------- 09/2018                */
/* CLIENTE ----- CONDOMINO AMICO        */
/* FRAMEWORK --- Bootstrap 4.1.3        */
/* CSS Document */

@charset "UTF-8";
/*****************************************************************************/
/*GENERAL CLASS*/
/*****************************************************************************/
body{background:#ffffff; font-family: 'Roboto', sans-serif; color:#515354; font-size:16px;font-weight: 300;line-height: 1.3em;}

.clear{ clear:both;}
a, a:hover, a:focus{color:#515354; text-decoration: none;}
p {padding-bottom: 1.2em;}
p:last-child {padding-bottom: 0 !important;}
.marginTop {padding-top: 15px;}
.img-responsive {max-width: 100%;height: auto;}

h1,.h1{font-size:2rem;color:#515354;font-weight: 700;text-transform: uppercase;width:100%;line-height: 1.3em;text-align: center;margin-bottom: 1.5rem;}

h2,.h2{font-size:1.5rem;color:#515354;font-weight: 700;text-transform: uppercase; width:100%;line-height: 1.3em;text-align: center;margin-bottom: 0.7em}
h3{font-size:24px;color:#515354;font-weight: 400;width:100%;}
.h3{color:#3b64ad;}
h4{font-size:20px;color:#3b64ad;font-weight: 700;width:100%;margin-bottom: 15px;}

strong, b {font-weight: 700;}

div.fade_effect {display: block;cursor: pointer;padding-bottom: 15px;font-weight: 700;}
div.fade_effect:hover {font-weight: 700;}
div.fade_effect:before {content: "\f054";font-family: FontAwesome;display: inline-block;padding-right: 15px;}
div.fade_text {display: none;padding-bottom: 15px;}

.messageStack {text-align: center;padding: 1.5rem;font-size: 1.6rem;font-weight: 700;text-transform: uppercase;}
.messageStack i {padding: 0 15px;}
.messageStack.success {background: #28a745;color: #fff;}
.messageStack.error {background: #f00;color: #fff;}
.messageStack.warning {background: #ffc107;color: #000;}

/*TABLE*/
table{width:100%; margin:0 auto;}
table tr td {border-top:1px solid #ccc; padding:5px 10px;}
.table>tbody>tr:last-child>td, .table>tfoot>tr:last-child>th {border-bottom:1px solid #ccc;}

.table-striped>tbody>tr:nth-of-type(odd) {background: none !important;}

/*FORM CONTROL*/
.grecaptcha-badge {display: none;}
.form-control {margin: 5px 0px;width: 100%;border: 1px solid #eaeaea;border-radius: 10px;padding: 0 .5rem;}
.form-hide {border: 0;width: 100%}
label {font-size: 1.1rem;margin-top: 0.5rem;font-weight: 700;}
input[type="file"] {border: 0;padding: .5rem;}
.checkbox_privacy .input_checkbox {display: inline-block;float: left;width:20px;text-align: left;line-height: 0;}
.checkbox_privacy input[type=checkbox] {margin:0px;}
.checkbox_privacy .text {display: inline-block;float: left;width:calc(100% - 20px);font-size: 14px;line-height: 18px;}
.checkbox_privacy .text a,
.checkbox_privacy .text a:hover {font-weight: 700;text-decoration:underline;}

.bg-gray .form-control {background: #fff; border: 0}

.upload {height: 160px;background: url(../img/img.png) center no-repeat #fff;color: #000;background-position: 50% 20%;width: 50%;float: right;margin: 20px 0 0;clear: both;position: relative;}
.upload p {position: absolute;bottom: 0;width: 100%;text-align: center !important;}
.upload input {width: 100%;height: 100%;opacity: 0;}
.list {width: 50%;float: left;}
.list p, .list ul li {font-weight: 300;font-size: 12px;font-style: italic;text-transform: inherit;margin-bottom: 5px;}
.list ul li.success {background: #008600;color: #fff;font-weight: 700;font-size: 17px;padding: 10px;}
.upload_container {position:absolute; top:0; right:0; left:0; bottom:0; background:rgba(255,255,255,0.8); z-index:1000;text-align: center;}
.upload_container img{width:40px; height:40px; margin:20% auto; }

/*MODAL*/
.modal{z-index:3000;}
#informativa.modal {z-index: 4000;}
.modal-backdrop{z-index:2500;}
.modal-title {width: 100%;}
.modal-title .title {padding-bottom: 0px;font-size: 24px;color: #013c63;width: 100%;text-align: center;line-height: 30px;font-weight: 700;}
.modal-footer .left {float: left;}

/*MAP*/
#map{position:relative;top:0;left:0;width: 100%; height:500px;}
#template_map{position:relative;top:0;left:0;width: 100%; height:300px;margin-top: 30px;}
#directionInput {padding-top: 40px;}
#directionsPanel {background: none;}
.adp {margin-top:40px; padding: 15px;}
.adp, .adp table {color: #515354 !important;}
.adp, .adp table tr td {color: #515354;}

.animated[data-oneanimated="true"] {opacity: 0;}

/*****************************************************************************/
/*HEADER*/
/*****************************************************************************/
#top_content {position: fixed;width: 100%;background: #fff;z-index: 4;top: 0;left: 0;}
.bg {position: absolute;bottom: -5px;width: 100%;right:0;}
.border{position: relative;}
.border:after {
	content:"";
	background: -moz-linear-gradient(top, rgba(193,193,193,1) 0%, rgba(193,193,193,0) 100%);
	background: -webkit-linear-gradient(top, rgba(193,193,193,1) 0%, rgba(193,193,193,0) 100%);
	background: linear-gradient(to bottom, rgba(193,193,193,1) 0%,rgba(193,193,193,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#00c1c1c1',GradientType=0 );
	display: block;height:10px;width: 100%;position: absolute;bottom: -10px;opacity: .17;z-index: 2;
}

nav{z-index: 1000}
.navbar {padding: 0}
.navbar-nav {width: 100%}
.nav-item {position: relative;padding: 10px 0;}
.navbar-brand {margin-left: 1rem;}
.navbar-brand img {height: 50px}
.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(52, 104, 211, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
.navbar-toggler {border-color: transparent;margin-right: 1rem;}
/*LOGIN*/
.login {background: #3b64ad; color: #fff; text-align: center; text-transform: uppercase;height: 100%;cursor: pointer;
 transition: -webkit-transform 0.35s ease; transition: transform 0.35s ease; transition: transform 0.35s ease, -webkit-transform 0.35s ease;}
.login:hover {background: #0c4c8a;}
.login h6 {font-weight: 700;}
.navbar-login {border-color: transparent;padding: 0.55rem .75rem 0.25rem;font-size: 1.25rem;line-height: 1;background-color: transparent;border: 1px solid transparent;border-radius: 0;color: #3b64ad;}
@media (min-width: 992px) {
	.navbar-expand-lg .navbar-login {display: none;}
}

/*MENU TOP*/
#menu-top li a {color: #333333;font-size: 16px;font-weight: 400;text-shadow: none;padding: 15px 20px;overflow: hidden;position: relative;}
#menu-top li a:hover {background:transparent;}
#menu-top li a::before {content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #3b64ad; -webkit-transform: translateX(-110%); transform: translateX(-110%); transition: -webkit-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease;}
#menu-top li a:hover::before {-webkit-transform: translateX(110%); transform: translateX(110%);}
#menu-top li.act a{color:#000;border-bottom:1px solid #3b64ad; font-weight: bold;}
#menu-top li a.new {font-weight: 700;position: relative;}
#menu-top li a.new .badge {position: absolute;top: 5px;right: 5px;}

/*MENU SUB*/
#menu-sub {background: #f6f7fa;}
#menu-sub li a{color:#333333;font-size:15px;font-weight:400; text-shadow:none; padding: 0 25px; overflow: hidden;position: relative; float: left;}
#menu-sub li a:hover {background:transparent;}
#menu-sub li a::before {content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #3b64ad; -webkit-transform: translateX(-110%); transform: translateX(-110%); transition: -webkit-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease;}
#menu-sub li a:hover::before {-webkit-transform: translateX(110%); transform: translateX(110%);}
#menu-sub li.act a{color:#000;border-bottom:1px solid #3b64ad; font-weight: bold;}

.navbar-nav .dropdown-menu {min-width: 18rem;}
.navbar-nav .dropdown-menu .nav-item {padding: 0;}

header .logo img {transition: all .5s ease-in-out;}

header.fix .logo img {height: 50px;}
header.fix .login p {display: none}

/*SLIDE*/
.carousel {width: 100%;position: relative;}
#slide {}
.carousel-inner, #slide-mobile .carousel-inner{position:relative;overflow:inherit;}
.carousel .carousel-item img{max-width: 100%;}
.carousel .carousel-item img[class^="img-adapter"]{max-width: none;}
.carousel-indicators {display: none;}

/*****************************************************************************/
/*MAIN*/
/*****************************************************************************/
main {margin-top: 100px}
/*INFO*/
#index .info {background:#f6f7fa;min-height:300px}
#index .info .infodati {line-height: 2.5rem;padding: 2rem}
#index .info .overflow {overflow: hidden;position: relative;}
#index .info .overflow:after {
	content: "";
	display: block;width: 25px;height: 3%;position: absolute;z-index: 2;top: 0;
	background: -moz-linear-gradient(right, rgba(246, 247, 250,1) 0%, rgba(246, 247, 250,0) 100%);
	background: -webkit-linear-gradient(right, rgba(246, 247, 250,1) 0%, rgba(246, 247, 250,0) 100%);
	background: linear-gradient(to left, rgba(246, 247, 250,1) 0%,rgba(246, 247, 250,0) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7fa', endColorstr='#00f6f7fa',GradientType=0 );
	right: 0px;
}
#index .info .row {height: 100%}
#index .info .dati i {color: #3b64ad;font-size: 1.2rem;min-width: 50px;display: inline-block;font-weight: 700;vertical-align: top;line-height: 2.2em;}
#index .info .dati span {display: inline-block;color:#515354;font-size: 1.2rem;width: calc(100% - 55px);vertical-align: top;line-height: 2.2em;white-space: nowrap;}
#index .info .dati span a,
#index .info .dati span a:hover {color:#515354;}
#index .info .social {margin-top: 15px;}
#index .info .social a {display: inline-block;color:#3b64ad ;}
#index .info .social i {min-width: auto;border: 1px #3b64ad solid;border-radius: 50%;padding-top: 15px;width: 50px;height: 50px;vertical-align: middle;text-align: center;}
#index .info .social i:hover {background: #3b64ad;color:#fff;}

.body-txt p {line-height: 1.4em;padding-bottom: 1.4em;}
.body-txt a,
.body-txt a:hover,
.body-txt a:focus {text-decoration: underline;font-weight: 700}

.body-txt li {padding-bottom: 0;line-height: 1.4em;}
.body-txt ol,
.body-txt ul {padding-bottom: 1.4em;padding-left: 1.4em;}
.body-txt ol {list-style-type: decimal;}
.body-txt ul {list-style-type: disc;}
.body-txt ol ul,
.body-txt ol ol,
.body-txt ul ol,
.body-txt ul ul {padding-bottom: 0px;padding-top: 1em;}

/*NUMERI UTILI*/
#num_utili {background: #f5f7fa;}
#num_utili #slide_nu .nu-item {display: inline-block;padding: 7.5px;vertical-align: middle;text-align: center;height: 100%;}
#num_utili #slide_nu .nu-item a {color:#434242;display: block;border: 1px solid #dedede;border-radius: 15px;padding: 25px 15px;font-size: 14px;line-height: 1.5em;}
#num_utili #slide_nu .nu-item a:hover {background: #3b64ad;color:#fff;}
#num_utili #slide_nu .carousel-control-next,
#num_utili #slide_nu .carousel-control-prev {color: #353535;width: 20px}
#num_utili #slide_nu .carousel-control-prev {left: -15px;}
#num_utili #slide_nu .carousel-control-next {right: -15px;}

#link_utili #slide_lu .lu-item {display: inline-block;padding: 7.5px;vertical-align: middle;text-align: center;height: 100%;}
#link_utili #slide_lu .carousel-control-next,
#link_utili #slide_lu .carousel-control-prev {color: #353535;width: 20px}
#link_utili #slide_lu .carousel-control-prev {left: -15px;}
#link_utili #slide_lu .carousel-control-next {right: -15px;}

/*AREA RISERVATA*/

[data-toggleblock] > i {display: none;}
.toggleblock.in {display: block}
table.toggleblock.in {display: table}

#areariservata h1, #areariservata .h1 {text-align: left; font-weight: 400;font-size: 2.5rem;margin-bottom: .5rem 3rem;}
#areariservata h2, #areariservata .h2 {text-align: left; font-weight: 400;font-size: 1.5rem}
#areariservata h3, #areariservata .h3 {text-align: left; font-weight: 400;font-size: 1.5rem;line-height: 1.5rem;}
#areariservata h5 {}

#areariservata .table {font-size: 1rem}
#areariservata .table.b-row td,
#areariservata .table.b-row th {}

#areariservata .table.user td:first-child, #areariservata .table.user th:first-child {width: 12rem;padding: .5rem;}
#areariservata .table.user td:last-child, #areariservata .table.user th:last-child {border: 0;padding: .5rem;}
#areariservata .table.b-column td, #areariservata .table.b-column th {border: 0;border-right: 1px solid #dee2e6;}

#loginaccordion .card {border: 0;border-radius: 0;}
#loginaccordion .card-header {background: #3b64ad;color: #fff;font-size: 1.3rem;font-weight: 700;padding: 0;border: 0;border-radius: 0;text-transform: uppercase;cursor: pointer}
#loginaccordion .card-header h5 {padding: 1.5rem 1rem 1.5rem 2rem;}
#loginaccordion .card-body {background: #f6f7fa;}
#loginaccordion ul li {font-size:1.2rem;line-height: 1.5rem;border-bottom: 1px solid #adadad;}
#loginaccordion ul li a {color:#434242;text-transform: uppercase;font-weight: 450}
#loginaccordion ul li a:hover {background:#3b64ad;color:#fff;}
#loginaccordion ul li a.act {background:#3b64ad;color:#fff;}


#modal_payment_method .modal-body {padding: 1rem 0;}
#modal_payment_method .paymentDetail {text-align:center;border:1px solid #e9ecef;height: 100%;}
#modal_payment_method .paymentDetail i {display: block;font-size: 3rem;text-align: center;}

.archive_dx .row {padding-top: 0.5rem;padding-bottom: 0.5rem;border-bottom: 1px solid #adadad;}
.archive_dx .row p {margin-top: 0.5rem}

/*BACHECA*/
#guestbook_box{margin-bottom:40px;}
#guestbook_box .panel-heading a {font-weight: 700}
.guestbook_0{background:#f6f7fa; padding:1rem; margin:1rem 0;}
.guestbook_1 {background: #eaeaea;padding: 1rem;margin: 1rem 0 0.5rem 0.5rem;}
.guestbook_2,
.guestbook_3,
.guestbook_4,
.guestbook_5,
.guestbook_6,
.guestbook_7,
.guestbook_8,
.guestbook_9{padding:1rem; margin:0 0 0.5rem 0.5rem;}
.guestbook_author {text-transform: uppercase;padding-bottom: 0.5rem;}
.guestbook_title {color: #3b64ad;font-weight: 700;font-size: 1.2rem;line-height: 1.5rem;}
.guestbook_message {padding:0.5rem 0;}

/*IMMAGINI ADATTATE*/
img[class^="img-adapter"] {position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;display: none;}
.wrapper-img-adapter div {position: absolute;top: 0;left: 0;bottom: 0;right: 0;}

/*Pagination*/
ul#pagination { margin: 50px 0;text-align:center;}
#pagination li{ display: inline;}
#pagination li.active{ font-weight: 900;background-color: #323232; color: #fff; padding: 10px 15px; font-size:13px;text-transform: uppercase;margin-top: 15px;display: inline-block;}
#pagination > li > a, .pagination > li > span { font-weight: 700; color: #323232; padding: 10px 15px; font-size:13px;text-transform: uppercase;margin-top: 15px;display: inline-block;}
#pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color: #fff; background-color: #323232;font-weight: 900;}
#pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background:#323232;font-weight: 900;font-size:13px;color: #fff;}

/*****************************************************************************/
/*FOOTER*/
/*****************************************************************************/
footer {background: #d8dde6;}
footer .banner {
    display: inline-block;
    background: #fff;
    border: 1px solid #bbbbbb;
    height: 70px;
    position: relative;
    width: 200px;
}
footer .banner img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 0.5rem;
    width: 70%;
}
footer p {font-size: 10px;line-height: 1.5em;color: #191919;padding-bottom: 1.5em;font-weight: 400;}
footer p.app {font-size: 1rem;text-transform: uppercase;font-weight: 700;margin-bottom: 1rem}
footer p a {color:#191919;}
footer p a:hover {color:#191919;text-decoration: underline;}
footer p.credits {text-transform: uppercase;}

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: #3b64ad;
  color: #fff;
  padding: 6px 12px 9px 12px;
  font-size: 16px;
  border-radius: 2px;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
}

@media (max-width: 768px) {
  .back-to-top {
	bottom: 15px;
  }
}

.back-to-top:focus {
  background: #3b64ad;
  color: #fff;
  outline: none;
}

.back-to-top:hover {
  background: #0c4c8a;
  color: #fff;
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
  color: #3b64ad;
}

/*****************************************************************************/
/*POLICY COOKIES*/
/*****************************************************************************/
#policy-cookie{position: fixed;bottom:0;padding: 15px 0;color:#fff;z-index: 2000; width:100%;font-size:12px;background: rgba(33,33,33,0.9);-webkit-animation: fadein 1.5s; -moz-animation: fadein 1.5s; -ms-animation: fadein 1.5s; -o-animation: fadein 1.5s; animation: fadein 1.5s;}
	@keyframes fadein {from { opacity: 0; } to   { opacity: 1; } } @-moz-keyframes fadein {from { opacity: 0; } to   { opacity: 1; } } @-webkit-keyframes fadein {from { opacity: 0; } to   { opacity: 1; } } @-ms-keyframes fadein {from { opacity: 0; } to   { opacity: 1; } } @-o-keyframes fadein {from { opacity: 0; } to   { opacity: 1; } }
.policy-cookie-txt {width: 100%;padding-bottom: 15px;text-align: left;line-height: 1.5em;}
.policy-cookie-txt a, .policy-cookie-txt a:hover {color: #fff;text-decoration: underline;}
.policy-cookie-btn {text-align: right;}
.policy-cookie-btn a {text-align: center!important;padding: 5px 15px;font-size: 1.5em;cursor: pointer;color: #fff;font-weight: 400;display: inline-block;}
.policy-cookie-btn a.cookie-btn-confirm {background-color: #fff;border: 1px solid #fff;color:#000;margin-right: 12px;font-weight: 700;}
.policy-cookie-btn a.cookie-btn-decline {font-size: 1.2em;color: #e2e3e4 ;border: 1px solid #e2e3e4 ;}
.hide {display:none !important;}
.cookie-btn-erase {padding: 5px 15px;border: 1px solid #e2e3e4 ;font-weight: 400;display: inline-block;margin: 15px auto;cursor: pointer;}

/*****************************************************************************/
/*BTN*/
/*****************************************************************************/

.btn, .btn:focus {background: #3b64ad;font-size: 11px;color: #fff;font-weight: 700;}
.btn:hover {background: #0c4c8a;color: #fff;}

.btn1 {
  border: none;
  background: #3b64ad;
  padding: 15px 20px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  position: relative;
  margin: 5px 10px;
  z-index: 1;
}

.btn1:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0c4c8a;
  border-radius: 10px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}


.btn1:hover,
.btn1:focus,
.btn1:active {color: white;}

.btn1:hover:before,
.btn1:focus:before,
.btn1:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.button {
  padding: 0.5rem 1rem;
  border-radius: 10px;
	font-size: 1rem;
	font-weight: 400;
	color: #fff;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	position: relative;
	margin: 0.2rem;
	z-index: 1;
}

.button:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 10px;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}


.button:hover,
.button:focus,
.button:active {color: white;}

.button:hover:before,
.button:focus:before,
.button:active:before {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.button.button-green {
  color: #fff !important;
  border: 1px solid #749217;
	background: #8fc857;
}
.button.button-green:before {
  border: 1px solid #749217 !important;
  background: #8fbb44;
}

.button.button-gray {
  color: #333;
  border: 1px solid #aaa;
	background: #f7f7f7;
}

.button.button-gray:before {
  border: 1px solid #aaa;
  background: #ececec;
}

/*****************************************************************************/
/*MEDIA QUERY*/
/*****************************************************************************/

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

@media (max-width: 1199px) {
	/*MENU TOP*/
	#menu-top li a {padding: 15px 10px;}

	/*INFO*/
	#index .info .dati li {line-height: 2em}
	#index .info .dati i {font-size: 1rem;min-width: 40px;line-height: 1.5em;}
	#index .info .dati span {font-size: 1rem;width: calc(100% - 45px);line-height: 1.5em;}
	#index .info .social i {padding-top: 12px;width: 44px;height: 44px;}

	/*AREA RISERVATA*/
	#loginaccordion .card-header {font-size: 1.2rem;}
	#loginaccordion .card-header h5 {padding: 1.5rem 0.5rem 1.5rem 1rem;}
	#loginaccordion .card-body {padding: 0.5rem;}
	#loginaccordion ul li {font-size: 1rem;line-height: 1.2rem;border-bottom: 1px solid #adadad;}

	#areariservata h1, #areariservata .h1 {font-size: 2rem;margin-bottom: 3rem;}

	/*MAP*/
	#map {height: 400px;}
}

/*IPAD ORIZZONTALE*/
@media (max-width: 1024px) {
}

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

/*IPAD VERTICALE*/
@media (max-width: 991px) {
	/*HEADER*/
	header .logo img {padding-top: 10px;padding-bottom: 10px;}

	/*NAV*/
	.navbar-brand {width: 200px;}
	#top_content {position: fixed;top: 0;left: 0;width: 100%;z-index: 500;background: #fff;}

	.navbar-collapse {position: fixed;width: 100%;height: calc(100% - 62px);top: 62px;right: 0;width: 100%;}
	.navbar-nav {width: 50%;background: #fff;float: right;height: 100%;}
	.nav-item {padding: 0;width: 100%;}
	#menu-top {overflow-y: scroll;}
	#menu-top li a {padding: 0.5rem 0.5rem 0.5rem 1rem;}
	#menu-top li a::before {left: 0;right: auto;height: 100%;width: 0;
		-webkit-transform: none;
		transform: none;
		-webkit-transition: width 0.3s ease;
		transition: width 0.3s ease;
	}
	#menu-top li.act a {border-bottom: 0;}
	#menu-top li.act a::before,
	#menu-top li a:hover::before {width: 5px;
		-webkit-transform: none;
		transform: none;
	}
	#menu-top li a.new .badge {position: relative;top: -2px;right: 0;}

	.navbar-nav .dropdown-menu {margin: 0;border: 0;border-radius: 0;padding: 0 0 0 1rem;}
	.navbar-collapse.collapsing {
		height: calc(100% - 62px);
		-webkit-transition: right 0.3s ease;
		-o-transition: right 0.3s ease;
		-moz-transition: right 0.3s ease;
		transition: right 0.3s ease;
		right: -100%;
		background: none;
	}
	.navbar-collapse.show {
		background: rgba(0, 0, 0, 0.75);
		height: calc(100% - 62px);
		right: 0;
		-webkit-transition: right 0.3s ease-in;
		-o-transition: right 0.3s ease-in;
		-moz-transition: right 0.3s ease-in;
		transition: right 0.3s ease-in;
	}

	header.fix .navbar-collapse.show {height: calc(100% - 62px);}
	header.fix .navbar-collapse {height: calc(100% - 62px);top: 62px;}

	/*MAIN*/
	main {margin-top: 62px !important}

	.bg {display: none;}

	/*MAIN*/
	/*main {margin-top: 194px}*/

	#index .info {text-align: center;}
	#index .info .dati i {min-width: auto;}
	#index .info .dati span {padding-left: 1rem;width: auto;}

	#index .info .dati.map i,
	#index .info .dati.map span {display: block;padding: 0}

	/*AREA RISERVATA*/
	[data-toggleblock] {cursor: pointer}
	[data-toggleblock] > i {display: inline-block;}
	.toggleblock {display: none!important}
	.toggleblock.in {display: block!important}
	table.toggleblock.in {display: table!important}
	#areariservata h5 {font-size: 1.2rem;font-weight: 700;color: #3b64ad;border: 1px solid #3b64ad;display: inline-block !important;padding: 1rem;margin-bottom: 1rem;}

	#modal_payment_method .paymentDetail {height: auto;}

	/*FOOTER*/
	.ft-logo {width: 60px}

}

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

@media (max-width: 767px) {
	body {font-size: 15px}

	.messageStack {padding: 1rem;font-size: 1.2rem;}

	h1, .h1 {font-size: 1.6rem;margin-bottom: 1rem;}

	.form-control {padding: 1.2rem 1rem;}
  label {font-size: 1rem;}

	/*INDEX*/
	#index .info {padding: 1rem;}
	#index .info .dati span {padding-left: 0;font-size: 0.9rem;line-height: 1.8rem;}
	#index .info .dati i {font-size: 0.9rem;line-height: 1.8rem;}
	#index .info .dati.map i, #index .info .dati.map span {display: inline-block;}

	.btn1 {padding: 10px 15px;font-size: 15px;margin: 5px;}

	/*AREA RISERVATA*/
	#areariservata h1, #areariservata .h1 {font-size: 1.6rem;margin-bottom: 1rem;}
	#areariservata h2, #areariservata .h2 {font-size: 1.2rem;}
	#areariservata h3, #areariservata .h3 {font-size: 1.2rem;line-height: 1.2rem;}
	#areariservata h5 {font-size: 1rem;padding: 0.8rem;}

	#areariservata .table.user td:first-child, #areariservata .table.user th:first-child {padding: 0.5rem 1.5rem 0.5rem 0.75rem;}
	#areariservata .table.user td:last-child, #areariservata .table.user th:last-child {padding: 0.5rem 1.5rem;}

	#modal_payment_method .paymentDetail i {font-size: 2rem;}

	/*FOOTER*/
  footer .banner {margin-bottom: 1rem;}
	footer p.app {margin-bottom: 1rem; font-size: 1.255rem; margin-top: 2rem; }

	.button {font-size: 0.8rem;margin: 0.2rem;}
}

@media (max-width: 570px) {
	body {font-size: 14px}

	/*NAV*/
	.navbar-nav {width: 75%;}

}

@media (max-width: 480px) {
	figure div {position: relative;}
}

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

.animated.slow {
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
}

/*****************************************************************************/
/*TABELLA PAGAMENTI*/
/*****************************************************************************/
#riepilogo { padding-bottom: 20px; }
#dettaglio h1{ color: #2b5685;font-size: 20px; }

table.leggenda {padding:10px;font-size:12px;color:#3D3D3D;margin:20px auto;border:1px solid #E5E5E5;}
table.leggenda td {padding:5px 10px;text-align:left;}
table.payment {padding:10px;font-size:11px;color:#3D3D3D;margin:0 auto;width:100%; }
table.payment tr{border-bottom:1px solid #E5E5E5;}
table.payment tr td{height:24px; padding:5px;}
tr.payment-menu {font-size:11px;font-weight:bold;text-transform:uppercase;text-align:center;color:#fff;background: #61A2CE;background: -webkit-gradient(linear, left top, left bottom, from(#61A2CE), to(#03548B));background: -moz-linear-gradient(top, #61A2CE, #03548B); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#61A2CE', endColorstr = '#03548B');padding: 0px !important; }
tr.payment-menu th {font-size:11px;font-weight:bold;text-transform:uppercase;text-align:center;color:#fff;background: #61A2CE;background: -webkit-gradient(linear, left top, left bottom, from(#61A2CE), to(#03548B));background: -moz-linear-gradient(top, #61A2CE, #03548B); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#61A2CE', endColorstr = '#03548B');padding: 0px !important; }
tr.payment-flat h4 {font-size:12px;color:#07578E;text-transform:uppercase;margin-bottom:0px !important;}
tr.payment-flat td {font-size:10px;font-weight:bold;text-transform:uppercase;}
table.payment .title-bilancio {font-size:10px;}
table.payment td.line_right a {margin-left: 10px;}
td.payment-note input {box-shadow:none;padding:1px;margin:0; }
td.payment-note {font-weight:bold;text-align:right;padding-right:10px; }
td.payment-totYears {background:#F4F4F4;font-weight:bold;text-align:right;padding-right:10px;color:#07578E;}
td.payment-totYears2 {color:#07578E;font-weight:bold;text-align:right;padding:0 10px 0 0;}
td.line {text-align:right;padding-right:10px;}

.td-color-0 { background-color: #FFF8AD;text-align:right;padding-right:10px;cursor:pointer;}
.td-color-1 { background-color: #E1E868;text-align:right;padding-right:10px;cursor:pointer;}
.td-color-2 { background-color: #E56042;text-align:right;padding-right:10px;cursor:pointer;}

.payment-balance h3{color: #2b5685;padding:5px 0;font-size: 24px;}
.payment-preventivi {background: #f6f7fa;}
.payment-preventivi h6 {padding: 0.3rem 0;font-size: 1.4rem;font-weight: 400;}
.title-bilancio {color: #3b64ad;font-size: 1.2rem;}

.meeting_desc{border-bottom:1px solid #eaeaea;padding: 20px 0;}
.meeting_desc a{margin: 0 20px;
 padding: 10px 10px;
 color:#FFF;
 background:#2b5685;
 border-radius:4px;
 text-transform: uppercase;
 text-align: center;
 border-radius:4px;
 text-transform: uppercase;
 text-align: center;
 border:2px solid #2b5685;
 -webkit-transition: background 150ms ease-out;
 -moz-transition: background 150ms ease-out;
 -ms-transition: background 150ms ease-out;
 -o-transition: background 150ms ease-out;
 transition: background 150ms ease-out;
}