/*-----------------------------------------------------------DA-DI---ON---*/
/*-----------------------------------------------------------DA-DI-DD-COLORS---ON---*/
.da_di_all {
	background: linear-gradient(#0d86b3, #11A9E2);							/*----------------test-if-is-necessary---*/
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0d86b3), to(#11a9e2));
	background-image: -moz-linear-gradient(#0d86b3, #11A9E2);
}
.dd_all {
	background: linear-gradient(#A17A26, #B48D38);							/*----------------test-if-is-necessary---*/
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A17A26,), to(#B48D38));
	background-image: -moz-linear-gradient(#A17A26,, #B48D38);
}

.da_di_button {
	background: #00578E;													/*---blue---#00578E---darker-as-against-btn_flip---*/
	border: 0 solid transparent;											/*---border-of-button---necessary-to-not-appear-white border---*/
}
.dd_button {
	background: #7E632C;													/*---brown---#7E632C---darker-as-against-btn_flip---*/
	border: 0 solid transparent;											/*---border-of-button---necessary-to-not-appear-white border---*/
}

.da_di_btn_flip {
	background: #0E83CD !important;											/*---blue---#0E83CD---not-to-see-white-backgroud---*/
}
.da_di_btn_flip, .da_di_btn_flip:before, .da_di_btn_flip:after {
	color: #fff;															/*---color-of-text-button---*/
	text-shadow: 0 -1px 5px rgba(255,255,255,0.7),							/*---shadow-of-text-button---*/
				0 3px 1px rgba(0,0,0,.1),
				0 0 5px rgba(0,0,0,.1),
				0 1px 3px rgba(0,0,0,.3),
				0 3px 7px rgba(0,0,0,.4);
}
.da_di_btn_flip:after {
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0E83CD), to(#91B23A));	/*---color-of-bg-button---*/
	background-image: -moz-linear-gradient(#0E83CD, #91B23A);
}
.dd_btn_flip {
	background: #B48D38 !important;											/*---blue---#0E83CD---not-to-see-white-backgroud---*/
}
.dd_btn_flip, .dd_btn_flip:before, .dd_btn_flip:after {
	color: #fff;															/*---color-of-text-button---*/
	text-shadow: 0 -1px 5px rgba(255,255,255,0.7),							/*---shadow-of-text-button---*/
				0 3px 1px rgba(0,0,0,.1),
				0 0 5px rgba(0,0,0,.1),
				0 1px 3px rgba(0,0,0,.3),
				0 3px 7px rgba(0,0,0,.4);
}
.dd_btn_flip:after {
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#715920), to(#8D712D));	/*---color-of-bg-button---*/
	background-image: -moz-linear-gradient(#715920, #8D712D);
}

.select_da_di_button {				/*---must personalize class for color---select_button---select_da_di_button---*/
	background-color: #91B23A;												/*---bgcolor-of-select-button---*/
}
.select_da_di_button:hover:after {	/*---must personalize class for color---*/
	color: #FFA500;															/*---color-of-text-button-and-arrow---*/
}
.select_dd_button {				/*---must personalize class for color---select_button---select_da_di_button---*/
	background-color: #8D712D;												/*---bgcolor-of-select-button---*/
}
.select_dd_button:hover:after {	/*---must personalize class for color---*/
	color: #FFA500;															/*---color-of-text-button-and-arrow---*/
}
.select {
	border: 0 solid transparent;											/*---eliminate-border-of-select---*/
}

.seriously_3D_text_da_di, .select_da_di_button:after {
	color: #fff;															/*---color-of-text-button-and-arrow---*/
	text-shadow: 0 1px 0 #ccc, 												/*---shadow-of-text-button---*/
				0 2px 0 #c9c9c9,
				0 6px 1px rgba(0,0,0,.1),
				0 0 5px rgba(0,0,0,.1),
				0 1px 3px rgba(0,0,0,.3),
				0 10px 10px rgba(0,0,0,.2);
}
.seriously_3D_text_da_di {
	background-color: #91B23A !important;									/*---bgcolor-of-select-dropdown-list---*/
	border: 0 solid transparent;											/*---eliminate-border-of-select---*/
	font-family: 'Open Sans';												/*---font-family-of-text-button---*/
	font-weight: 800;														/*---font-weight-of-text-button---*/
}
.seriously_3D_text_dd, .select_dd_button:after {
	color: #fff;															/*---color-of-text-button-and-arrow---*/
	text-shadow: 0 1px 0 #ccc, 												/*---shadow-of-text-button---*/
				0 2px 0 #c9c9c9,
				0 6px 1px rgba(0,0,0,.1),
				0 0 5px rgba(0,0,0,.1),
				0 1px 3px rgba(0,0,0,.3),
				0 10px 10px rgba(0,0,0,.2);
}
.seriously_3D_text_dd {
	background-color: #8D712D !important;									/*---bgcolor-of-select-dropdown-list---*/
	border: 0 solid transparent;											/*---eliminate-border-of-select---*/
	font-family: 'Open Sans';												/*---font-family-of-text-button---*/
	font-weight: 800;														/*---font-weight-of-text-button---*/
}

.da_di_intro {
	color: #fff;
}
.da_di_intro:after {
	content: "";															/*---This is necessary for the pseudo element to work---*/ 
	display: block;															/*---This will put the pseudo element on its own line---*/
	margin: 0 auto;															/*---This will center the border---*/
	width: 33%;																/*---Change this to whatever width you want---*/
	padding-top: 20px;														/*---This creates some space between the element and the border---*/
	border-bottom: 12px dotted #FFA500;										/*---This creates the border. Replace black with whatever color you want---*/
}
.dd_intro {
	color: #fff;
}
.dd_intro:after {
	content: "";															/*---This is necessary for the pseudo element to work---*/ 
	display: block;															/*---This will put the pseudo element on its own line---*/
	margin: 0 auto;															/*---This will center the border---*/
	width: 33%;																/*---Change this to whatever width you want---*/
	padding-top: 20px;														/*---This creates some space between the element and the border---*/
	border-bottom: 12px dotted #FFA500;										/*---This creates the border. Replace black with whatever color you want---*/
}

.da_di {
	color: #fff;
}
.da_di, a.da_di:link, a.da_di:visited, a.da_di:hover, a.da_di:active {
	color: #fff;
}
a.da_di:link {
	color: #fff;
}
a.da_di:visited {
	color: #fff;
}
a.da_di:hover {
	color: #4D4D4D;
	background-color: #91B23A;
}
a.da_di:active {
	color: #fff;
	background-color: #1C5994;
}
.dd {
	color: #fff;
}
.dd, a.dd:link, a.dd:visited, a.dd:hover, a.dd:active {
	color: #fff;
}
a.dd:link {
	color: #fff;
}
a.dd:visited {
	color: #fff;
}
a.dd:hover {
	color: #4D4D4D;
	background-color: #91B23A;
}
a.dd:active {
	color: #fff;
	background-color: #1C5994;
}
/*-----------------------------------------------------------DA-DI-DD-COLORS---OFF---*/

.da_di_all {
	width: 100%;
	margin: 0 auto;
	padding: 0;																/*----------------padding-of-da-di-cells---*/
	background-repeat: no-repeat;											/*----------------bgcolor-of-da-di-cells---*/
	text-align: center;														/*----------------centerer-of-da-di-cells-texts---*/
	text-align: -webkit-center;
}
.dd_all {
	width: 100%;
	margin: 0 auto;
	padding: 0;																/*----------------padding-of-da-di-cells---*/
	background-repeat: no-repeat;											/*----------------bgcolor-of-da-di-cells---*/
	text-align: center;														/*----------------centerer-of-da-di-cells-texts---*/
	text-align: -webkit-center;
}
 .da_di_cell {
	width: 100%;
	margin: 0 auto;
	padding: 0;
 }

.dd_cell {
	width: 100%;
	margin: 0 auto;
	padding: 0;
 }
/*-----------------------------------------------------BUTTON-FLIP---ON---*/
.da_di_button {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	cursor: pointer;
}
.da_di_btn_flip, .da_di_btn_flip:before, .da_di_btn_flip:after {
	width: 100%;															/*---widht-of-button---*/
	margin: 0 auto;															/*---to-center-the-button---*/
	padding: 0 !important;													/*---must-be-zero-or-else|otherwise-the-tab-is-different-between-BEFORE-and-AFTER---*/
	line-height: 50px !important;											/*---size-of-button-flip---hover-and-ini---*/
	font-family: 'Open Sans';
	font-weight: 800;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}
.da_di_btn_flip {
	display: inline-block;
	position: relative;
	opacity: 1;
	outline: 0;
}
.da_di_btn_flip:before {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	opacity: 1;
	transition: 0.5s;
	content: attr(data-front);
	-webkit-transform: translateY(0) rotateX(0);
			transform: translateY(0) rotateX(0);
}
.da_di_btn_flip:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background-repeat: no-repeat;
	transition: 0.5s;
	content: attr(data-back);
	-webkit-transform: translateY(-50%) rotateX(90deg);
			transform: translateY(-50%) rotateX(90deg);
}
.da_di_btn_flip:hover:before {
	opacity: 0;
	-webkit-transform: translateY(40%) rotateX(90deg);
			transform: translateY(40%) rotateX(90deg);
}
.da_di_btn_flip:hover:after {
	opacity: 1;
	-webkit-transform: translateY(0) rotateX(0);
			transform: translateY(0) rotateX(0);
}

.dd_button {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	cursor: pointer;
}
.dd_btn_flip, .dd_btn_flip:before, .dd_btn_flip:after {
	width: 100%;															/*---widht-of-button---*/
	margin: 0 auto;															/*---to-center-the-button---*/
	padding: 0 !important;													/*---must-be-zero-or-else|otherwise-the-tab-is-different-between-BEFORE-and-AFTER---*/
	line-height: 50px !important;											/*---size-of-button-flip---hover-and-ini---*/
	font-family: 'Open Sans';
	font-weight: 800;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}
.dd_btn_flip {
	display: inline-block;
	position: relative;
	opacity: 1;
	outline: 0;
}
.dd_btn_flip:before {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	opacity: 1;
	transition: 0.5s;
	content: attr(data-front);
	-webkit-transform: translateY(0) rotateX(0);
			transform: translateY(0) rotateX(0);
}
.dd_btn_flip:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background-repeat: no-repeat;
	transition: 0.5s;
	content: attr(data-back);
	-webkit-transform: translateY(-50%) rotateX(90deg);
			transform: translateY(-50%) rotateX(90deg);
}
.dd_btn_flip:hover:before {
	opacity: 0;
	-webkit-transform: translateY(40%) rotateX(90deg);
			transform: translateY(40%) rotateX(90deg);
}
.dd_btn_flip:hover:after {
	opacity: 1;
	-webkit-transform: translateY(0) rotateX(0);
			transform: translateY(0) rotateX(0);
}
/*----------------------------------------------------BUTTON-FLIP---OFF---*/

/*---------------------------------------------------SELECT-BUTTON---ON---*/
select {
	appearance: none;														/*---no-more-inherit-arrow---*/
	-webkit-appearance: none;
	-moz-appearance: none;
}
.select_da_di_button {
	padding: 0 0 8px 0;														/*---padding-of-select-cell---*/
	text-align: center;														/*---centerer-of-text-button---*/
	text-align: -webkit-center;
}
.select_da_di_button:after {
	content: '\f078';
	font: normal normal normal 28px/1 FontAwesome;
	pointer-events: none;
}
.select_dd_button {
	padding: 0 0 8px 0;														/*---padding-of-select-cell---*/
	text-align: center;														/*---centerer-of-text-button---*/
	text-align: -webkit-center;
}
.select_dd_button:after {
	content: '\f078';
	font: normal normal normal 28px/1 FontAwesome;
	pointer-events: none;
}
/* IE11 hide native button (thanks Matt!) */ select::-ms-expand {display: none;}
/*--------------------------------------------------SELECT-BUTTON---OFF---*/

/*----------------------------------------------------INTO-CONTENT---ON---*/
.da_di_intro {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
	width: 84%;
	margin: 0 auto;
}
.da_di_intro:after {
	content: "";															/*---This is necessary for the pseudo element to work---*/ 
	display: block;															/*---This will put the pseudo element on its own line---*/
	margin: 0 auto;															/*---This will center the border---*/
	width: 33%;																/*---Change this to whatever width you want---*/
	padding-top: 20px;														/*---This creates some space between the element and the border---*/
	animation: fadeIn ease 5s;
	-webkit-animation: fadeIn ease 5s;
	-moz-animation: fadeIn ease 5s;
	-o-animation: fadeIn ease 5s;
	-ms-animation: fadeIn ease 5s;
}
.dd_intro {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
	width: 84%;
	margin: 0 auto;
}
.dd_intro:after {
	content: "";															/*---This is necessary for the pseudo element to work---*/ 
	display: block;															/*---This will put the pseudo element on its own line---*/
	margin: 0 auto;															/*---This will center the border---*/
	width: 33%;																/*---Change this to whatever width you want---*/
	padding-top: 20px;														/*---This creates some space between the element and the border---*/
	animation: fadeIn ease 5s;
	-webkit-animation: fadeIn ease 5s;
	-moz-animation: fadeIn ease 5s;
	-o-animation: fadeIn ease 5s;
	-ms-animation: fadeIn ease 5s;
}
.fade-in {
	animation: fadeIn ease 3s;
	-webkit-animation: fadeIn ease 3s;
	-moz-animation: fadeIn ease 3s;
	-o-animation: fadeIn ease 3s;
	-ms-animation: fadeIn ease 3s;
}
@keyframes fadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@-moz-keyframes fadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@-webkit-keyframes fadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@-o-keyframes fadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@-ms-keyframes fadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
/*----------------------------------------------------INTO-CONTENT---OFF---*/

/*----------------------------------------------------------CONTENT---ON---*/
.into_content {
	padding: 10px 0 20px 0;													/*---padding-of-da-di-cells-content---*/
}
#da_year, #di_year, #dd_year {
	text-align: center;														/*---centerer-of-da-di-cells-texts---*/
	text-align: -webkit-center;
}
#da_content, #di_content, #dd_content {
	padding: 20px 0;
}

.da_di, a.da_di:link, a.da_di:visited, a.da_di:hover, a.da_di:active {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	text-decoration: none;
	text-transform: none;
	line-height: 1.8;
	margin: 0 auto;
	border-radius: 50px 10px;
}
a.da_di:link, a.da_di:visited, a.da_di:hover, a.da_di:active {
	padding: 2px 12px;														/*---trapez-from-links---*/
}
a.da_di:link {
	border-radius: 50px 10px;
}
a.da_di:hover {
	font-weight: 700;
	box-shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 2px 3px rgba(0,0,0,.5);
}
.dd, a.dd:link, a.dd:visited, a.dd:hover, a.dd:active {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	text-decoration: none;
	text-transform: none;
	line-height: 1.8;
	margin: 0 auto;
	border-radius: 50px 10px;
}
a.dd:link, a.dd:visited, a.dd:hover, a.dd:active {
	padding: 2px 12px;														/*---trapez-from-links---*/
}
a.dd:link {
	border-radius: 50px 10px;
}
a.dd:hover {
	font-weight: 700;
	box-shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 2px 3px rgba(0,0,0,.5);
}
/*----------------------------------------------------------CONTENT---OFF---*/

/*----------------------------------------------------DA-DI-RESPONSIVE-ON---*/
@media all and (max-width: 767px) {
	.ups_row_res_da_di_all {display: block;}
	.da_all, .di_all, .da_di_between {width: 100%;}
}
@media all and (min-width: 768px) {
	.ups_row_res_da_di_all {display: flex;}
	.da_all, .di_all {width: 46%;}
	.da_di_between {width: 8%;}
}

/*
@media all and (max-width: 767px) {
	.ups_col_res_da_di {width: 100%;}
	.da_all {margin: 0 20px 40px 0;}
	.di_all {margin: 0 0 40px 20px;}
}
@media all and (min-width: 768px) {
	.ups_col_res_da_di {width: 50%;}
	.da_all, .di_all {margin: 0 0 40px 0;}
}*/


@media all and (max-width: 360px) {
	.da_di_btn_flip, .da_di_btn_flip:before, .da_di_btn_flip:after {font-size: 18px;}
	.da_di, a.da_di:link, a.da_di:visited, a.da_di:hover, a.da_di:active {font-size: 12px;}
	.seriously_3D_text_da_di {font-size: 30px; padding: 0 40px 0 20px;}								/*---font-size-of-text-button---|---padding-of-select-dropdown-list---*/
	.select_da_di_button:after {font-size: 30px; margin: 0 0 0 -42px;}								/*---font-size-of-arrow---|---to-insert-into-padding-of-year---*/
	.da_di_intro {font-size: 12px;}																/*---font-size-of-introduction-heder---*/

	.dd_btn_flip, .dd_btn_flip:before, .dd_btn_flip:after {font-size: 18px;}
	.dd, a.dd:link, a.dd:visited, a.dd:hover, a.dd:active {font-size: 12px;}
	.seriously_3D_text_dd {font-size: 30px; padding: 0 40px 0 20px;}								/*---font-size-of-text-button---|---padding-of-select-dropdown-list---*/
	.select_dd_button:after {font-size: 30px; margin: 0 0 0 -42px;}								/*---font-size-of-arrow---|---to-insert-into-padding-of-year---*/
	.dd_intro {font-size: 12px;}																/*---font-size-of-introduction-heder---*/
}
@media all and (min-width: 361px) and (max-width: 479px)  {
	.da_di_btn_flip, .da_di_btn_flip:before, .da_di_btn_flip:after {font-size: 22px;}
	.da_di, a.da_di:link, a.da_di:visited, a.da_di:hover, a.da_di:active {font-size: 18px;}
	.seriously_3D_text_da_di {font-size: 50px; padding: 0 50px 0 20px;}								/*---font-size-of-text-button---|---padding-of-select-dropdown-list---*/
	.select_da_di_button:after {font-size: 40px; margin: 0 0 0 -42px;}								/*---font-size-of-arrow---|---to-insert-into-padding-of-year---*/
	.da_di_intro {font-size: 20px;}																/*---font-size-of-introduction-heder---*/

	.dd_btn_flip, .dd_btn_flip:before, .dd_btn_flip:after {font-size: 22px;}
	.dd, a.dd:link, a.dd:visited, a.dd:hover, a.dd:active {font-size: 18px;}
	.seriously_3D_text_dd {font-size: 50px; padding: 0 50px 0 20px;}								/*---font-size-of-text-button---|---padding-of-select-dropdown-list---*/
	.select_dd_button:after {font-size: 40px; margin: 0 0 0 -42px;}								/*---font-size-of-arrow---|---to-insert-into-padding-of-year---*/
	.dd_intro {font-size: 20px;}																/*---font-size-of-introduction-heder---*/
}
@media all and (min-width: 480px) and (max-width: 767px) {
	.da_di_btn_flip, .da_di_btn_flip:before, .da_di_btn_flip:after {font-size: 24px;}
	.da_di, a.da_di:link, a.da_di:visited, a.da_di:hover, a.da_di:active {font-size: 18px;}
	.seriously_3D_text_da_di {font-size: 50px; padding: 0 50px 0 20px;}								/*---font-size-of-text-button---|---padding-of-select-dropdown-list---*/
	.select_da_di_button:after {font-size: 40px; margin: 0 0 0 -42px;}								/*---font-size-of-arrow---|---to-insert-into-padding-of-year---*/
	.da_di_intro {font-size: 20px;}																/*---font-size-of-introduction-heder---*/

	.dd_btn_flip, .dd_btn_flip:before, .dd_btn_flip:after {font-size: 24px;}
	.dd, a.dd:link, a.dd:visited, a.dd:hover, a.dd:active {font-size: 18px;}
	.seriously_3D_text_dd {font-size: 50px; padding: 0 50px 0 20px;}								/*---font-size-of-text-button---|---padding-of-select-dropdown-list---*/
	.select_dd_button:after {font-size: 40px; margin: 0 0 0 -42px;}								/*---font-size-of-arrow---|---to-insert-into-padding-of-year---*/
	.dd_intro {font-size: 20px;}																/*---font-size-of-introduction-heder---*/
}
@media all and (min-width: 768px) and (max-width: 1024px) {
	.da_di_btn_flip, .da_di_btn_flip:before, .da_di_btn_flip:after {font-size: 24px;}
	.da_di, a.da_di:link, a.da_di:visited, a.da_di:hover, a.da_di:active {font-size: 18px;}
	.seriously_3D_text_da_di {font-size: 50px; padding: 0 50px 0 20px;}								/*---font-size-of-text-button---|---padding-of-select-dropdown-list---*/
	.select_da_di_button:after {font-size: 40px; margin: 0 0 0 -42px;}								/*---font-size-of-arrow---|---to-insert-into-padding-of-year---*/
	.da_di_intro {font-size: 20px;}																/*---font-size-of-introduction-heder---*/

	.dd_btn_flip, .dd_btn_flip:before, .dd_btn_flip:after {font-size: 24px;}
	.dd, a.dd:link, a.dd:visited, a.dd:hover, a.dd:active {font-size: 18px;}
	.seriously_3D_text_dd {font-size: 50px; padding: 0 50px 0 20px;}								/*---font-size-of-text-button---|---padding-of-select-dropdown-list---*/
	.select_dd_button:after {font-size: 40px; margin: 0 0 0 -42px;}								/*---font-size-of-arrow---|---to-insert-into-padding-of-year---*/
	.dd_intro {font-size: 20px;}																/*---font-size-of-introduction-heder---*/
}
@media all and (min-width: 1025px) {
	.da_di_btn_flip, .da_di_btn_flip:before, .da_di_btn_flip:after {font-size: 24px;}			/*---font-size-of-text-tab---*/
	.da_di, a.da_di:link, a.da_di:visited, a.da_di:hover, a.da_di:active {font-size: 18px;}
	.seriously_3D_text_da_di {font-size: 50px; padding: 0 50px 0 20px;}								/*---font-size-of-text-button---|---padding-of-select-dropdown-list---*/
	.select_da_di_button:after {font-size: 40px; margin: 0 0 0 -42px;}								/*---font-size-of-arrow---|---to-insert-into-padding-of-year---*/
	.da_di_intro {font-size: 20px;}																/*---font-size-of-introduction-heder---*/

	.dd_btn_flip, .dd_btn_flip:before, .dd_btn_flip:after {font-size: 24px;}			/*---font-size-of-text-tab---*/
	.dd, a.dd:link, a.dd:visited, a.dd:hover, a.dd:active {font-size: 18px;}
	.seriously_3D_text_dd {font-size: 50px; padding: 0 50px 0 20px;}								/*---font-size-of-text-button---|---padding-of-select-dropdown-list---*/
	.select_dd_button:after {font-size: 40px; margin: 0 0 0 -42px;}								/*---font-size-of-arrow---|---to-insert-into-padding-of-year---*/
	.dd_intro {font-size: 20px;}																/*---font-size-of-introduction-heder---*/
}
/*----------------------------------------------------DA-DI-RESPONSIVE-OFF---*/
/*-------------------------------------------------------------DA-DI---OFF---*/