/** CSS Document */
/* AUTORE ------ COLOMBO3000            */
/* SITO: ------- www.colombo3000.com    */
/* DATA -------- 09/2020                */
/* CLIENTE ----- SITOCONDOMINIALE       */
/* FRAMEWORK --- Bootstrap 4.1.3        */
/* CSS Document */

@charset "UTF-8";
/*****************************************************************************/
/*GENERAL CLASS*/
/*****************************************************************************/
body{background:#ffffff; font-family: 'Nunito Sans', sans-serif; color:#444; font-size:1.125rem;font-weight: 400;line-height: 1.3em;}

.clear{clear:both;}
a, a:hover, a:focus{color:#444444; 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:2.75rem;color:#444;font-weight: 700;width:100%;line-height: 1em;text-align: center;margin-bottom: 1.5rem;}

h2,.h2{font-size:1.5rem;color:#444;font-weight: 700; width:100%;line-height: 1em;text-align: center;margin-bottom: 0.7em}
h3{font-size:24px;color:#444;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;}

/*FORM CONTROL*/
.grecaptcha-badge {display: none;}
.form-hide {background-color: transparent !important;border: 0;width: 100%;}

#form_contact .form-control {
	color: #333333;
	border: 0;
	border-bottom: 1px solid #c5c5c5;
	border-radius: 0;
	box-shadow: none;
}
#form_contact .form-control::-webkit-input-placeholder { /* Edge */
  color: #333333;
}

#form_contact .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333333;
}

#form_contact .form-control::placeholder {
  color: #333333;
}

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;}

.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: #444 !important;}
.adp, .adp table tr td {color: #444;}

.home-map-container {
	position: relative;
}
.home-map-container:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 30%;
	background: #2a60c8;
	z-index: -1;
}

a.visible-link {
	text-decoration: underline;
}
input.visible-link {
	background: transparent;
	border: 0;
	text-decoration: underline;
}

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

/*****************************************************************************/
/*HEADER*/
/*****************************************************************************/
#top_content {position: fixed;width: 100%;background: #fff;z-index: 12;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 .navbar-toggler-icon {
	position: relative;
	width: 2.5em;
	height: 4px;
	background: #2a60c8;
}
.navbar-toggler .navbar-toggler-icon:before,
.navbar-toggler .navbar-toggler-icon:after {
	content: '';
	position: absolute;
	widows: 100%;
	height: 100%;
	left: 0;
	right: 0;
	margin: auto;
	background: #2a60c8;
	-webkit-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.navbar-toggler .navbar-toggler-icon:before {
	top: -14px;
}
.navbar-toggler .navbar-toggler-icon:after {
	bottom: -14px;
}
.navbar-toggler:hover .navbar-toggler-icon:before {
	top: -16px;
}
.navbar-toggler:hover .navbar-toggler-icon:after {
	bottom: -16px;
}
.navbar-toggler {
	height: 2.5em;
}
#navbarNav-left .dropdown .dropdown-toggle {
	background: transparent;
	border: 0;
}
#navbarNav-left ul.dropdown-menu {
	position: relative !important;
	background: transparent;
	-webkit-box-shadow: none;
			box-shadow: none;
	border-radius: 0;
	border: 0;
	border-left: 1px solid #fff;
	-webkit-transform: none !important;
		-ms-transform: none !important;
			transform: none !important;
}

/*LOGIN*/
.login {
	color: #2a60c8;
	height: 100%;
	background: transparent;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-transition: .2s ease-in-out;
		 -o-transition: .2s ease-in-out;
			transition: .2s ease-in-out;
 }
.login:hover .nav-login-container {background: #2a60c8;color: #fff;font-size: 16px;}
.login .nav-login-container h6 {font-size: 26px;font-weight: 700;text-transform: uppercase;}
.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 LATERALE*/
#navbarNav-left {
	display: none;
	opacity: 0;
	position: fixed;
	height: 100%;
	top: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.6);
	border: 0;
	overflow: hidden;
	z-index: 999;
	pointer-events: none;
	-webkit-transition: .2s ease-in-out;
		 -o-transition: .2s ease-in-out;
			transition: .2s ease-in-out;
}
#navbarNav-left .navbar-left-container {
	min-height: 100%;
	width: 33.3333%;
	background: #444;
	-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
			transform: translateX(-100%);
	-webkit-transition: .2s ease-in-out;
		 -o-transition: .2s ease-in-out;
			transition: .2s ease-in-out;
}
#navbarNav-left.open {
	display: initial;
	pointer-events: inherit;
	opacity: 1;
}
#navbarNav-left.open .navbar-left-container {
	-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
			transform: translateX(0%);
	-webkit-transition-delay: .3s;
		 -o-transition-delay: .3s;
			transition-delay: .3s;
}
#navbarNav-left .navbar-left-container .close-nav {
	position: relative;
	height: 3em;
	width: 3em;
	color: #fff;
	background: transparent;
	border: 0;
	margin: 5px 10px;
}
#navbarNav-left .navbar-left-container .close-nav:before,
#navbarNav-left .navbar-left-container .close-nav:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	left: 0;
	right: 0;
	margin: auto;
	background: #ffffff;
}
#navbarNav-left .navbar-left-container .close-nav:before {
	-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
			transform: rotate(45deg);
}
#navbarNav-left .navbar-left-container .close-nav:after {
	-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
}
#navbarNav-left .navbar-left-container .navbar-nav {
	background: transparent;
	width: initial;
	height: initial;
}
#navbarNav-left .navbar-left-container .navbar-nav .nav-link {
	color: #fff;
	padding: 5px 10px;
}

/*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;}

.menu-icon-container {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: -webkit-gradient(linear, left top, right top, from(#2a60c8), to(#74dee5));
	background: -o-linear-gradient(left, #2a60c8, #74dee5);
	background: linear-gradient(to right, #2a60c8, #74dee5);
}
.menu-icon-container i {
	color: #fff;
}

header .logo img {
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	max-width: 130px;
}
header .logo .title-logo {
	font-size: 30px;
	color: #2a60c8;
	font-weight: 700;
	line-height: 1.2em;
	text-transform: uppercase;
	padding-bottom: 0;
	margin-bottom: 0;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

header.fix .logo img {
	height: 50px;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
header.fix .login p {display: none}
header.fix .logo .title-logo {
	font-size: 18px;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/*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;}

#slide_lu .carousel-indicators,
#num_utili .carousel-indicators {
	display: initial;
}
#slide_lu .carousel-indicators,
#num_utili .carousel-indicators {
	top: 100%;
	bottom: auto;
	text-align: center;
}
#slide_lu .carousel-indicators li,
#num_utili .carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #333333;
	border-radius: 100%;
}

/*****************************************************************************/
/*MAIN*/
/*****************************************************************************/

/*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:#444;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:#444;}
#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;}

/*INFO MAIN BOX*/
.info-main-container a,
.info-main-container p {
	font-size: 1.125rem;
	color: #444444;
	line-height: 2em;
}
.bnt-gradient {
	position: relative;
	width: 150px;
	height: 150px;
	border-radius: 100%;
	background: -webkit-gradient(linear, left top, right top, from(#2a60c8), to(#74dee5));
	background: -o-linear-gradient(left, #2a60c8, #74dee5);
	background: linear-gradient(to right, #2a60c8, #74dee5);
	margin-bottom: calc(10% - 4px);
}
.info-main-container .bnt-gradient {
	width: 180px;
	height: 180px;
}
.bnt-gradient:before {
	content: '';
	position: absolute;
	width: 120%;
	height: 120%;
	border-radius: 100%;
	border: 4px solid transparent;
	border-left-color: #2b61c8;
	transition: all 0.5s ease-in-out;
	z-index: -1;
}

.box-btn-gradient:hover .bnt-gradient:before {
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-transform: rotate(-90deg)!important;
		-ms-transform: rotate(-90deg)!important;
			transform: rotate(-90deg)!important;
}
.info-main-container:first-child .bnt-gradient:before {
	-webkit-transform: rotate(-145deg);
		-ms-transform: rotate(-145deg);
			transform: rotate(-145deg);
}
.info-main-container:nth-child(2) .bnt-gradient:before {
	-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
			transform: rotate(45deg);
}
.info-main-container:nth-child(3) .bnt-gradient:before {
	-webkit-transform: rotate(-35deg);
		-ms-transform: rotate(-35deg);
			transform: rotate(-35deg);
}
.info-main-container .bnt-gradient i {
	font-size: 3.5em;
	color: #fff;
}
.bnt-gradient.social-icon-container a {
	flex: 1 0 33.3333%;
}
.bnt-gradient.social-icon-container i {
	font-size: 2em;
}

.body-txt p {
	line-height: 1.8em;
	padding-bottom: 1.5em;
	margin-bottom: 0;
}
.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.8em;
}
.body-txt ol,
.body-txt ul {
	padding-bottom: 1.5em;
	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 .h1 {
	font-weight: 400;
	padding-bottom: 1em;
}
#num_utili {
	background: -webkit-gradient(linear, left top, right top, color-stop(20%, transparent), color-stop(80%, #f4f4f4));
	background: -o-linear-gradient(left, transparent 20%, #f4f4f4 80%);
	background: linear-gradient(to right, transparent 20%, #f4f4f4 80%);
}
#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: 0;
	border-radius: 0;
	padding: 25px 15px;
	font-size: 14px;
	line-height: 1.5em;
}
#num_utili #slide_nu .nu-item a:hover {
	background: #2a60c8;
	color: #ffffff;
}
#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;}
#num_utili #slide_nu .carousel-inner:before {
	content: '';
	position: absolute;
	background: #949494;
	width: 1px;
	height: 80%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

/*LINK UTILI*/
#link_utili .h1 {
	font-weight: 400;
	padding-bottom: 1em;
}
#link_utili {
	background: -webkit-gradient(linear, right top, left top, color-stop(20%, transparent), color-stop(80%, #f4f4f4));
	background: -o-linear-gradient(right, transparent 20%, #f4f4f4 80%);
	background: linear-gradient(to left, transparent 20%, #f4f4f4 80%);
}
#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: 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 {}

#loginaccordion .card {border: 0;border-radius: 0;}
#loginaccordion .card-header {background: #2a60c8;color: #fff;font-size: 1.3rem;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: #444444;}
#loginaccordion ul li {font-size:1.2rem;line-height: 1.5rem;border: 0;}
#loginaccordion ul li a {color:#ffffff;}
#loginaccordion ul li a:hover,
#loginaccordion ul li a.act {background: rgb(255, 255, 255, 33%); color:#fff;}
#loginaccordion ul li a {
	position: relative;
}
#loginaccordion ul li a.act:before {
	content: '';
	position: absolute;
	width: .5rem;
	height: 100%;
	left: 0;
	top: 0;
	background: #2a60c8;
}

/*CHI SIAMO*/
#chi-siamo .chi-siamo-img-container {
	position: relative;
}
#chi-siamo .chi-siamo-img-container:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 30%;
	background: #2a60c8;
	z-index: -1;
}

#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;}

/*NEWS*/
#box_news_slider {overflow: inherit;}
#box_news_slider .news-item {
	padding-bottom: 3vw;
}
.news-box {
	margin: 3vw;
	position: relative;
}
.news-box .news-img.placeholder {
    background: #dadada;
}
.news-box .news-img.placeholder img {
	max-width: 100px;
    filter: grayscale(1);
}
.news-box .news-text {
	position: absolute;
	bottom: -4vw;
	right: -3vw;
	width: 80%;
	text-align: center;
}
.news-box .news-text .news-title {
	background: #2a60c8;
	color: #fff;
	font-weight: 700;
}
.news-box .news-text .news-title h3 {
	color: #fff;
	font-size: 1.125rem;
	padding: 1vw;
	line-height: 1.3em;
}

.news-box .news-text .news-btn a,
.news-box .news-text .news-btn a:hover {
	font-size: 1.125rem;
	font-weight: 700;
	text-transform: lowercase;
}

.news-btn-container,
.news-btn-container:hover {
	text-align: center;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5em;
}
.news-btn-container .bnt-gradient:before {
	-webkit-transform: rotate(-145deg);
		-ms-transform: rotate(-145deg);
			transform: rotate(-145deg);
}

/*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 {
	padding-left: 8.3333vw;
    padding-right: 8.3333vw;
}
footer .dati-app-container {
	position: relative;
}
footer .dati-app-container:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #949494;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}
footer .footer-admin-info p {
	font-size: inherit;
	padding: 0;
	margin: 0;
}
footer .footer-admin-info p strong {
	color: #2a60c8;
}
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;padding-bottom: 0;}
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.info1 {
	font-size: 1.125rem;
}
footer p.info1 small {
    font-size: .875rem;
    line-height: 1em;
    display: block;
}
footer p.credits {
	font-size: 1rem;
}
footer .logo-foot {
	max-width: 90px;
}

/* 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;
}

/*****************************************************************************/
/*BTN*/
/*****************************************************************************/
button:hover,
button:focus,
button:active,
.btn:hover,
.btn:focus,
.btn:active {
	outline: none !important;
	box-shadow: none !important;
}

.btn.btn-main {
	position: relative;
	border-radius: 0;
	border: 0;
	color: #ffffff;
	font-weight: 700;
	background: transparent;
	font-size: 1.5rem;
	padding: .25rem 1.5rem;
	-webkit-transition: .2s ease-in-out;
		 -o-transition: .2s ease-in-out;
			transition: .2s ease-in-out;
}
.btn.btn-main:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, right top, from(#2a60c8), to(#74dee5));
	background: -o-linear-gradient(left, #2a60c8, #74dee5);
	background: linear-gradient(to right, #2a60c8, #74dee5);
	top: 0px;
	left: 0px;
	-webkit-transition: .2s ease-in-out;
		 -o-transition: .2s ease-in-out;
			transition: .2s ease-in-out;
	z-index: -2;
}
.btn.btn-main:before {
	content: '';
	position: absolute;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	background: #fff;
	top: 2px;
	left: 2px;
	opacity: 0;
	-webkit-transition: .2s ease-in-out;
		 -o-transition: .2s ease-in-out;
			transition: .2s ease-in-out;
	z-index: -1;
}
.btn.btn-main:hover {
	color: #2a60c8;
}
.btn.btn-main:hover:after,
.btn.btn-main:hover:before {
	opacity: 1;
}

.btn.btn-main.invert {
	color: #2a60c8;
}
.btn.btn-main.invert:hover {
	color: #ffffff;
}
.btn.btn-main.invert:after,
.btn.btn-main.invert:before {
	opacity: 1;
}
.btn.btn-main.invert:hover:before {
	opacity: 0;
}

.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.5rem;
	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: 1500px) {

	/*INFO MAIN BOX*/
	.info-main-container .bnt-gradient i {
		font-size: 3em;
	}
	.info-main-container .bnt-gradient.social-icon-container i {
		font-size: 1.5em;
	}
}

@media (max-width: 1400px) {

	/*INFO MAIN BOX*/
	.info-main-container .bnt-gradient {
		width: 160px;
		height: 160px;
	}
	.info-main-container .bnt-gradient i {
		font-size: 2.7em;
	}
	.info-main-container .bnt-gradient.social-icon-container i {
		font-size: 1.2em;
	}
	.info-main-container a, .info-main-container p {
		font-size: 18px;
	}

	/*LOGIN*/
	.login:hover .nav-login-container {font-size: 12px;}
	.login .nav-login-container h6 {font-size: 20px;}
}

@media (max-width: 1300px) {
	header .logo .title-logo {
		font-size: 26px;
	}
}

@media (max-width: 1199px) {

	header .logo img {
		max-width: 100px;
	}
	header .logo .title-logo {
		font-size: 22px;
	}

	/*MENU TOP*/
	#menu-top li a {padding: 15px 10px;}

	/*NUEMRI UTILI*/
	#num_utili {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), color-stop(80%, #f4f4f4));
		background: -o-linear-gradient(top, transparent 20%, #f4f4f4 80%);
		background: linear-gradient(to bottom, transparent 20%, #f4f4f4 80%);
	}
	#num_utili #slide_nu .carousel-inner:before {
		display: none;
	}

	/*LINK UTILI*/
	#link_utili {
		background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, transparent), color-stop(80%, #f4f4f4));
		background: -o-linear-gradient(bottom, transparent 20%, #f4f4f4 80%);
		background: linear-gradient(to top, transparent 20%, #f4f4f4 80%);
	}

	/*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;}

	/*INFO MAIN BOX*/
	.info-main-container a,
	.info-main-container p {
		font-size: 1rem;
	}

	footer {
		padding-left: 3.3333vw;
		padding-right: 3.3333vw;
	}
	footer .footer-admin-info p {
		font-size: 1rem;
	}
}

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

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

/*IPAD VERTICALE*/
@media (max-width: 991px) {
	body {
		font-size: 1rem;
	}
	h1, .h1 {
		font-size: 2.5rem;
	}

	/*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%;}
	.navbar-login {
		font-size: 2rem;
	}
	#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;
	}
	#navbarNav-left {
		overflow-y: scroll;
	}

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

	/*MENU LATERALE*/
	#navbarNav-left .navbar-left-container {
		width: 45%;
	}

	/*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}

	/*NEWS*/
	.news-box .news-text .news-title h3 {
		font-size: 1rem;
		padding: 1vw;
	}
	.news-box .news-text .news-btn a,
	.news-box .news-text .news-btn a:hover {
		font-size: 1rem;
	}

	/*INFO MAIN BOX*/
	.info-main-container .bnt-gradient {
		width: 135px;
		height: 135px;
	}
	.info-main-container a,
	.info-main-container p {
		font-size: .875rem;
	}

	/*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}

	footer .footer-admin-info p {
		font-size: 1.125rem;
	}
}

@media (max-width: 850px) {

	/*INFO MAIN BOX*/
	.info-main-container .bnt-gradient {
		width: 130px;
		height: 130px;
	}
	.info-main-container .bnt-gradient i {
		font-size: 2.5em;
	}
	.info-main-container .bnt-gradient.social-icon-container i {
		font-size: 1em;
	}
}

@media (max-width: 767px) {

	header .logo .title-logo {
		font-size: 20px;
	}

	body {font-size: 15px}

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

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


	/*MENU LATERALE*/
	#navbarNav-left .navbar-left-container {
		width: 100%;
	}
	#navbarNav-left .navbar-left-container .close-nav {
		height: 5em;
		width: 2em;
	}
	#navbarNav-left .navbar-left-container .close-nav:before, #navbarNav-left .navbar-left-container .close-nav:after {
		height: 2px;
	}
	.navbar-toggler .navbar-toggler-icon {
		width: 2em;
	}

	#navbarNav-left .navbar-left-container .navbar-nav .nav-link {
		padding: .5rem 1rem;
		font-size: 1.125rem;
	}

	/*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;}

	/*INFO MAIN BOX*/
	.info-main-container .bnt-gradient {
		margin-bottom: 15px;
		width: 120px;
		height: 120px;
	}

	/*NEWS*/
	.news-box {
		margin: 10vw;
	}
	.news-box .news-text {
		bottom: -12vw;
		right: -5vw;
	}
	.news-box .news-text .news-title h3 {
		font-size: .8758rem;
		padding: 1rem;
	}
	.news-box .news-text .news-btn a,
	.news-box .news-text .news-btn a:hover {
		font-size: 1rem;
	}
	.news-btn-container,
	.news-btn-container:hover {
		font-size: 1.125rem;
		line-height: 1.3em;
	}
	.bnt-gradient {
		width: 120px;
		height: 120px;
	}

	.btn.btn-main {
		font-size: 1.125rem;
		padding: .25rem 1.25rem;
	}

	#num_utili .carousel-indicators {
		display: none;
	}

	/*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;}

	#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: 575px) {

	.info-main-container .bnt-gradient {
		width: 105px;
		height: 105px;
	}

	header .logo img {
		max-width: 80px;
	}
	header .logo .title-logo {
		font-size: 18px;
	}
	header.fix .logo .title-logo {
		font-size: 16px;
	}

	#num_utili #slide_nu .carousel-inner {
		width: 90%;
		margin: auto;
	}
	#num_utili #slide_nu .carousel-control-prev {
		left: 0px;
	}
	#num_utili #slide_nu .carousel-control-next {
		right: 0px;
	}
}

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

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

}

@media (max-width: 480px) {

	.info-main-container .bnt-gradient {
		width: 85px;
		height: 85px;
	}

	header .logo img {
		max-width: 60px;
	}
	header .logo .title-logo {
		font-size: 16px;
	}
	header.fix .logo .title-logo {
		font-size: 14px;
	}

	figure div {position: relative;}
}

@media (max-width: 350px) {

	.info-main-container .bnt-gradient {
		width: 75px;
		height: 75px;
	}

	header .logo img {
		max-width: 50px;
	}
	header .logo .title-logo {
		font-size: 14px;
	}
	header.fix .logo .title-logo {
		font-size: 12px;
	}

}

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

/*****************************************************************************/
/*TABELLA PAGAMENTI*/
/*****************************************************************************/

#riepilogo {padding-bottom: 20px;}
#dettaglio h1{color: #2b5685;font-size: 20px;}
#dettaglio table{font-size: 14px;}
#dettaglio th{font-weight: bold;}

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;border-bottom: 1px solid #ccc;}

.payment-balance h3 {color: #2b5685;padding:5px 0;font-size: 24px;}
.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;
}

.btn-outline-primary {
    color: #2a60c8;
    border-color: #2a60c8;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    background-color: #2a60c8;
    border-color: #2a60c8;
}


@media (max-width: 767px) {
	.box-option > .card > .card-body {
		overflow: auto;
	}
}