html {
	scroll-behavior: smooth;
	background:#f0efef;
}

a {
	color: #009ca5;
}

a:hover {
	text-decoration: none !important;
	color: #006c72;
}

body {
	font-family: 'Roboto', sans-serif;
	color: #44536a;
	font-size: 24px;
	font-weight: 300 !important;
}

.link-text {
	text-decoration: none !important;
	color: #fff;
}

.link-text:hover {
	text-decoration: none !important;
	color: #cfcccc;
}

.bg {
	/* The image used */
	background-image: url("../img/background_1.jpg");
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.text-main-title {
	font-size: 48px;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
}

.badge-font {
	font-size: 24px;
	font-weight: 300 !important;
}

.badge-style {
	background: #009ca5;
}

.badge-style:hover {
	background: #0b868d;
}

.badge-style-carousel {
	background: #009ca5;
}

.badge-style2 {
	background-color: rgba(254,254,254,0.3);
}

.yellow-text {
	color: #f7aa30;
}

.option-ul-font {
	font-size:19px;
}

.title-size {
	font-size:45px;
}

.alternative-title-size {
	font-size:35px;
}

.text-menu-voice {
	font-size: 18px;
	font-weight: 300;
}

.font-weight-light {
	font-weight:300 !important;
}

.soves-color-text {
	color: #009ca5;
}

.white-ground {
	background:#ffffff;
}

.grey-ground {
	background:#f0efef;
}

.list-decoration-none {
	list-style-type: none;
}

.noradius {
	border-radius:0;
}

.gold-border {
	border: 2px solid #f7aa30;
}

.font-color2 {
	color: #333333;
}

.max-height-sin{
	max-height:200px;
	width:auto;
}

.icon-vantaggio {
	max-height: 40px;
	width: auto;
}

.h-40 {
	height: 40% !important;
	max-height: 40% !important;
}

.h-60 {
	height: 60% !important;
}

.white-text {
	color:#fefefe;
}

.black-opacity-bg 
{
	background:rgba(0,0,0,0.5);
}

.font-size2 {
	font-size:32px;
}

.logo {
	height:100px;
	width:auto;
}

.aria {
	font-family:Arial;
}

.form-control::placeholder {
	color: #aaa;
	opacity: 1;
	font-size: 18px;
	font-style: italic;
}

.carousel-indicators li {
	opacity: 1;
	background: #818181;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	border: 1px solid white;
}

.li-car-indicators.active {
	background: white !important;
}

.back-white-opacity {
	background: rgba(254,254,254,0.15);
}

.ground_1 {
	background: #44536a;
}

.ground_2 {
	background: #35985f;
}

.ground_3 {
	background: #eb6534;
}

.ground_4 {
	background: #009ca5;
}

.ground_5 {
	background: #f7aa30;
}

.ground_6 {
	background: #9a9a9a;
}

.border-red {
	border:1px solid red !important;
}

.max-width-35 {
	max-width: 35px !important;
}


.min-width-25 {
	min-width:25px !important;
}

.max-height-50 {
	max-height:50px;
	width:auto;
}

.height-700 {
	min-height: 700px;
}

.max-width-870 {
	max-width:868px !important;
}

.pb-custom {
	padding-bottom: 7rem !important;
}

.max-width-300 {
	max-width:300px;
}

.btn-soves {
	background-color: #009ca5;
	border: #009ca5;
	color: white;
}
.btn-soves:hover {
	background-color: #006c72;
	border: #006c72;
	color: white;
}

.btn-soves:active {
	background-color: #006c72;
	border: #006c72;
	color: white;
}

.font-16 {
	font-size:16px;
}

.tab {
	border-bottom: 1px solid #cfcccc;
	padding: 20px;
	background: #e8e6e6;
	opacity: 0.5;
}
.tab-active {
	background: #f0efef;
	border-right: 0;
	opacity: 1;
}

.tab-container {
	max-width:80px;
	padding:0!important;
	left:0;
}

.tab:hover {
	cursor: pointer;
	background: #cfcccc;
	opacity: 1;
}

.max-width-25 {
	max-width:25px;
}

.hide {
	display: none !important;
}

.show {
	display:block !important;
}

.modal-backdrop {
	background:rgba(0,0,0,0.7);
}

.modal-displayed {
	display:block;
}
/*ROAZIONE*/
.flip-container {
	perspective: 1000px;
}
.flip-container:hover .flipper, .flip-container.hover .flipper {
	transform: rotateY(180deg);
}

.flip-container, .front, .back {
	width: 100%;
	height: 220px;
}

.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
	vertical-align:middle;
}
.front, .back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
	background:#f0efef;
}
.back {
	transform: rotateY(180deg);
	
}

.info-logo {
	text-align: center;
	/*background: #009ca5;*/
	background: white;
	color: #ffffff;
	height: 220px;
	vertical-align: middle;
}
.padding_100 {
	padding-left:0px;
	padding-right:0px;
}

/*PAGINAZIONE TABELLA*/
.pagination-ys {
	/*display: inline-block;*/
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}

	.pagination-ys table > tbody > tr > td {
		display: inline;
	}

		.pagination-ys table > tbody > tr > td > a,
		.pagination-ys table > tbody > tr > td > span {
			position: relative;
			float: left;
			padding: 8px 12px;
			line-height: 1.42857143;
			text-decoration: none;
			margin-left: -1px;
			z-index: 0;
			color: #000000;
			background-color: #f5f5f5;
			border: 1px solid #CCCCCC;
			cursor: default;
		}

		.pagination-ys table > tbody > tr > td:first-child > a,
		.pagination-ys table > tbody > tr > td:first-child > span {
			margin-left: 0;
			border-bottom-left-radius: 4px;
			border-top-left-radius: 4px;
		}

		.pagination-ys table > tbody > tr > td:last-child > a,
		.pagination-ys table > tbody > tr > td:last-child > span {
			border-bottom-right-radius: 4px;
			border-top-right-radius: 4px;
		}

		.pagination-ys table > tbody > tr > td > a:hover,
		.pagination-ys table > tbody > tr > td > span:hover,
		.pagination-ys table > tbody > tr > td > a:focus,
		.pagination-ys table > tbody > tr > td > span:focus {
			color: #F69F00;
			background-color: #eeeeee;
			border-color: #dddddd;
		}

	.pagination-ys table > tbody > tr:hover {
		background-color: #eeeeee !important;
	}

	.pagination-ys table > tbody > tr > td > span {
		font-weight: bold !important;
		color: #000000 !important;
	}

/*END PAGINAZIONE TABELLA*/

@media only screen and (max-width: 990px) {
		.responsive-text-col {
		text-align: center !important;
	}
}

@media only screen and (min-width: 768px) {
	.padding_100 {
		padding-left: 100px;
		padding-right: 100px;
	}
}
.front {
	padding: 10px !important;
}