html, body {
	width: 100%;
	height: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	/* zoom: 0.95; */
	}

html {
	box-sizing: border-box;
	font-size: 16px;
	}

	*, *:before, *:after { box-sizing: inherit; }
	* { margin: 0; padding: 0; border: 0; outline: none; }
	:active, :focus, a:active, a:focus { outline: 0; }

body {
	font-family: 'Roboto', 'Arial', sans-serif !important;
	font-size: 100%;
	font-weight: 400;
	text-align: left;
	letter-spacing: 0.035em;
	line-height: inherit;
	color: #333;
	-webkit-font-smoothing: antialiased;
	background-color: #FFF;
	scroll-behavior: smooth;
	overflow-y: auto !important; /*   */
	}

	a:link    { color: #252525; text-decoration: none; }
	a:visited { color: #252525; text-decoration: none; }
	a:active  { color: #0072bc; text-decoration: none; }

	/* body::after {
		content:
			url('../images/buttons/button_01_01.jpg')
			url('../images/buttons/button_02_01.jpg');
		display: none;
		} */

	.clearfix:after { content: ''; display: table; clear: both; }

	.cf:before,
	.cf:after { content: " "; display: table; }
	.cf:after { clear: both; }
	.cf { *zoom: 1; }

	.ns { -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
	.nt { -webkit-tap-highlight-color: transparent; }

	.nm { pointer-events: none; }
	.nw { white-space: nowrap; }

	sup { line-height: 0; font-size: 55%; margin-left: 0.05em; }

	.reg { line-height: 0; font-size: 50%; }
	.reg-form { margin-left: 0.45em; line-height: 0; font-size: 80%; color: red; font-weight: normal; vertical-align: 7px; -webkit-tap-highlight-color: transparent; -moz-user-select: none; -o-user-select:none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

	.utm-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	.slick-initialized	.hide-slider-image { display: block; }
						.hide-slider-image { display: none; }
						.hide-slider-image:first-child { display: block; }

	.slick-slider .slick-track,
	.slick-slider .slick-list
		{
		-webkit-transform: translate3d(0, 0, 0); /*  */
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		transition-delay: 10ms;
		}

	.desktop { display: block; }
	.half	 { display: none; }
	.pad	 { display: none; }
	.phone   { display: none; }
	.print   { display: none; }

	/* --------------------------  -------------------------- */
	
	.up   { position: relative; top: -2.3px; }
	.dash { position: relative; top: -2.3px; padding: 0 0.1em; font-weight: bold; }

	.indent			{ width: 100%; height: 2em; clear: both; }
	.media-indent 	{ width: 100%; height: 1em; clear: both; }

	.text-red 		{ color: #D52B3F; }
	.text-grey 		{ color: #333; }

	/* ------------------------  ----------------------- */

	#voteContainer { margin: 0 0; width: 65%; max-width: 1120px; }

	.voteopt > b, .resultCounters > b, i, .showResult_voteopt > b, #voteGrats, .voteButton, .answ_checkbox, .result-item { font-family: 'Roboto'; }
	.voteopt > b, .resultCounters > b, i, .showResult_voteopt > b { line-height: 30px; }
	.voteopt > b, .resultCounters > b, i { color: #333; }
	.voteopt > b, .voteButton { display: block; }
	.voteopt > b, .showResult_voteopt > b { font-size: 27px; }
	.voteopt > b, .resultCounters > b, .showResult_voteopt > b, .result-value { font-weight: 700; }
	.voteButton, .resultCounters > i, .result-item { font-weight: 400; }
	.voteButton, #voteGrats { font-size: 0.8em; border: none; }

	.voteopt > b { padding: 30px 0 25px 0; }

		.answ_checkbox { padding: 4px 0; }
		.answ_checkbox_input { padding-right: 15px; }
		.answ_checkbox_input_title { font-size: 16px; }

	.voteButton {
		cursor: pointer;
		max-width: 80%;
		margin: 30px 0;
		padding: 12px 30px 11px 30px;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		letter-spacing: 0.045em;
		color: #FFF;
		background-color: #D52B3F;
		}

		.voteButton:hover { color: #FFF; background-color: #666; transition: all ease-in-out .05s; }

	#voteGrats {
		margin: 25px 0;
		font-weight: 500;
		text-align: left;
		letter-spacing: 0.035em;
		color: #999999;
		}

		.showResult_Container { padding: 10px 0 20px 0; }

			.result-item { padding: 10px 0; }

				.result-bar {
					width: auto;
					min-width: 55px;
					height: 32px;
					margin: 4px 0;
					background-color: #D6E2F0;
					}

					.result-answ-title { font-size: 14px; }

					.result-value { margin: -28px 0 0 6px; font-size: 15px; color: #7E94B9; } 

					.resultCounters > b { font-size: 19px; }
					.resultCounters > i { font-size: 21px; margin-left: 3px; }

	/* --------------------------  -------------------------- */

	a.button, a.button-more, a.button-main, a.button-appgallery, a.button-appgallery-new {
		display: inline-block;	
		cursor: pointer;
		max-width: 80%;
		margin: 0 auto;
		padding: 0.7em 1.5em;
		font-size: 0.8em;
		font-weight: 400;
		letter-spacing: 0.05em;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		color: #FFF;
		border: 0 solid #D52B3F;
		background-color: #D52B3F;
		transition: all ease-in-out .05s;
		}

		a.button:hover { color: #FFF; background-color: #666; }

	a.button-more {
		padding: 0.55em 1.5em;
		font-size: 0.825em;
		letter-spacing: 0.025em;
		border: 0 solid #c3c3c3;
		background-color: #c3c3c3;
		}

		a.button-more:hover { color: #FFF; background-color: #D52B3F; }

	a.button-main {
		padding: 0.65em 1.55em;
		font-size: 0.65em;
		}

		a.button-main:hover { color: #FFF; background-color: #666; }

	a.button-appgallery {
		padding: 0.7em 1.5em 0.65em 1.5em;
		font-size: 1.1em;
		font-weight: 500;
		letter-spacing: 0.025em;
		color: #515b69;
		border: 0.1em solid #515b69;
		-moz-border-radius: 1em;
		-webkit-border-radius: 1em;
		-khtml-border-radius: 1em;
		border-radius: 1em;
		background-color: transparent;
		}

		a.button-appgallery:hover { color: #FFF; border: 0.1em solid #D52B3F; background-color: #D52B3F; }

	a.button-appgallery-new {
		padding: 0.7em 1.5em 0.65em 1.5em;
		font-size: 1.1em;
		font-weight: 500;
		letter-spacing: 0.035em;
		color: #b8c4d4;
		border: 0.1em solid #b8c4d4;
		-moz-border-radius: 1em;
		-webkit-border-radius: 1em;
		-khtml-border-radius: 1em;
		border-radius: 1em;
		background-color: transparent;
		}

		a.button-appgallery-new:hover { color: #FFF; border: 0.1em solid #D52B3F; background-color: #D52B3F; }

	/* --------------------------  ------------------------- */

	.wrapper {
		display: flex;
		flex-direction: column;
		height: 100%;
		}

		.content {
			flex: 1 0 auto;
			width: 100%;
			height: auto;
			margin: 0 auto;
			}

			/* ----------------------  --------------------- */

			/* .content__slider-container {
				position: relative;
				width: 100%;
				overflow: hidden;
				}

				.content__slider-container ul { margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0; padding-inline-start: 0; }

				.slider-container {
					width: 100%;
					margin: 0 auto;
					}

					.content__slider-container > .header-slider-arrows {
						display: flex;
						flex-direction: row;
						flex-wrap: nowrap;
						justify-content: center;
						align-items: center;
						
						
						}

				.content__slider-container ul { margin-top: 1em; } */


			/* -----------------------  ---------------------- */


			.video-container {
				width: 90%;
				max-width: 1120px;
				margin: 0 auto;
				padding: 1em 0;
				}

					.video-container > .video-slider-arrows {
						display: flex;
						flex-direction: row;
						flex-wrap: nowrap;
						justify-content: center;
						align-items: center;
						margin-top: 1.35em;
						}

						.video-slider-arrows ul { margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0; padding-inline-start: 0; }

					.video-slider-image {
						width: 100%;
						margin: 0 auto;
						}

						.video-slider-image > .preview-image {
							position: relative;
							width: 100%;
							margin: 0 auto;
							}

							.video-slider-image > .preview-image > a .video-preview-icon {
								position: absolute;
								top: 0;
								left: 0;
								width: 100%;
								height: 100%;
								background: url("../images/common/youtube_icon_gray.png") no-repeat center center;
								background-size: 4.65em;
								transition: all ease-in-out .05s;
								-webkit-tap-highlight-color: transparent;
								user-select: none;
								}

							.video-slider-image > .preview-image > a .video-preview-icon:hover { 
								background: url("../images/common/youtube_icon_red.png") no-repeat center center;
								background-size: 4.65em;
								}

						.video-slider-image h2 {
							display: none;
							font-family: inherit;
							font-size: 0.9em;
							font-weight: 500;
							text-align: left;
							letter-spacing: 0.01em;
							line-height: 1.25em;
							color: #333;
							margin-top: 0.5em;
							}

							.video-slider-image a       { color: #3263a5; text-decoration: none; border-bottom: 0; transition: all ease-in-out .05s; }
							.video-slider-image a:hover { color: #5283c5; text-decoration: none; }

							.main-container-box > .video-box {
								display: flex;
								flex-direction: row;
								flex-wrap: wrap;
								justify-content: space-between;
								align-items: flex-start;
								padding-bottom: 1em;
								}

								.main-container-box > .video-box > .video-slider-image.hide-slider-image { display: block; }
								.main-container-box > .video-box > .video-slider-image h2 { display: block }

								.main-container-box > .video-box > .video-slider-image {
									width: 48.35%;
									margin: 2.1em 0 0 0;
									}

									.main-container-box > .video-box > .video-slider-image:first-child {
										width: 100%;
										margin-top: 0;
										}

									.main-container-box > .video-box > .video-slider-image > .preview-image > a .video-preview-icon,
									.main-container-box > .video-box > .video-slider-image > .preview-image > a .video-preview-icon:hover {
										position: absolute;
										top: 0;
										left: 0;
										width: 100%;
										height: 100%;
										background: url("../images/common/youtube_icon_gray.png") no-repeat center center;
										background-size: 4em;
										transition: all ease-in-out .05s;
										-webkit-tap-highlight-color: transparent;
										user-select: none;
										}

										.main-container-box > .video-box > .video-slider-image > .preview-image > a .video-preview-icon:hover {
											background: url("../images/common/youtube_icon_red.png") no-repeat center center;
											background-size: 4em;
											}

										.main-container-box > .video-box > .video-slider-image:first-child > .preview-image > a .video-preview-icon {
											background-size: 5em;
											}

						@media only screen and (max-width: 800px) {

						.video-slider-image { margin-bottom: 2em; }
						.video-slider-image:last-child { margin-bottom: 0; }

							.video-slider-image.hide-slider-image { display: block; }
							.video-slider-image h2 { display: block }
								.video-container > .video-slider-arrows { display: none; }
								.video-container > .video-slider > .video-slider-image { padding: 0 ; }
								.video-slider-image:first-child { margin-top: 0; }

							.main-container-box > .video-box { flex-direction: column; justify-content: center; align-items: center; padding-bottom: 0; }
								.main-container-box > .video-box > .video-slider-image { width: 100%; }

							}



					
					
			/* 
			

				.video-container-all {
					display: flex;
					flex-direction: row;
					flex-wrap: nowrap;
					justify-content: space-between;
					}

					.video-container-all-box {
						padding-right: 2em;
						padding-bottom: 3em;
						width: 100%;
						}

						.video-container-all-box:last-child { padding-right: 0; }

					.video-container-all-info {
						padding-top: 0.65em;
						font-size: 1.35em;
						font-weight: 500;
						}

						.video-container-all-info a { text-decoration: none; border-bottom: 0; font-weight: 400; color: #D52B3F; }
						.video-container-all-info a:hover { text-decoration: underline; color: #333; transition: all ease-in-out .05s; }

					.video-container-all-box > .info-sub {
						width: 90%;
						padding-top: 0.55em;
						font-size: 0.8em;
						font-weight: 400;
						letter-spacing: 0.015em;
						color: #A0A0A0;
						}

						.info-sub a { text-decoration: none; border-bottom: 0; font-weight: 400; color: #D52B3F; }
						.info-sub a:hover { text-decoration: underline; color: #333; transition: all ease-in-out .05s; }
						
				.video-container-box-post {
					position: relative;
					width: 100%;
					max-width: 730px;
					margin: 2em auto;
					}

					.video-container-box {
					position: relative;
					}

					.video-container-content {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						border: 0;
						background-color: #F5F5F5;
						}

					 */
					
					
					
					
					
					
					
					
			.appgallery-container {
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: center;
				width: 100%;
				height: 540px;
				margin: 0 auto 0.25em auto;
				color: #515b69;
				background-color: #000;
				/*background-color: #f0f4f7;*/
				overflow: hidden;
				}

				.appgallery-container > .image {
					width: 660px;
					max-width: 660px;
					background: url("../images/appgallery/hero_01.jpg") no-repeat center bottom;
					}

				.appgallery-container > .video {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 50%;
					padding: 0 4%;
					}

					
					.video-container-16x9 { padding-top: 56.25%; height: 0; }

					
					.appgallery-container > .video > .appgallery-video {
						position: relative;
						width: 100%;
						max-width: 740px;
						margin: 0 auto;
						}

						.appgallery-container > .video > .appgallery-video > .video-box {
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
							border: 0;
							}

							.video-box > video {
								-o-object-fit: cover;
								object-fit: cover;
								width: 100%;
								height: 100%;
								}

				.appgallery-container > .info {
					display: flex;
					flex-direction: column;
					justify-content: center;
					width: 50%;
					padding-right: 4%;
					text-align: left;
					color: #b8c4d4;
					}

					.info > .logo-box {
						display: flex;
						flex-direction: row;
						flex-wrap: nowrap;
						}

						.logo-box > .logo {
							width: 110px;
							max-width: 256px;
							margin-left: -5px;
							-moz-user-select: none;
							-o-user-select:none;
							-khtml-user-select: none;
							-webkit-user-select: none;
							-ms-user-select: none;
							user-select: none;
							}

						.logo-box > .hero {
							margin-left: 0.25em;
							padding-top: 0.125em;
							font-size: 4.5em;
							font-weight: 700;
							text-decoration: none;
							text-transform: none;
							letter-spacing: -0.0015em;
							}

					.info > .up-txt {
						padding-top: 0.25em;
						font-size: 2.15em;
						font-weight: 500;
						text-decoration: none;
						text-transform: none;
						}

					.info > .sub-txt {
						width: 100%;
						max-width: 650px;
						padding-top: 1em;
						line-height: 1.45em;
						letter-spacing: 0.0065em;
						}

					.info > .button {
						padding-top: 2em;
						}

				.appgallery-container > .image-pad {
					display: none;
					margin: -1em auto -5px auto;
					padding-top: 1.5em;
					width: 100%;
					}

				.appgallery-container > .image-media {
					display: none;
					margin: 0 auto -5px auto;
					padding-top: 0.5em;
					width: 100%;
					}

			.title-container {
				width: 90%;
				max-width: 1120px;
				margin: 0 auto;
				padding-top: 2.25em;
				padding-bottom: 1.25em;
				}

				.title-container-up {
					padding-bottom: 0.225em;
					font-size: 2.25em;
					font-weight: 400;
					text-transform: uppercase;
					text-decoration: none;
					border-bottom: 1px solid #AAAAAA;
					}

				.title-container-bm {
					padding-top: 1.25em;
					font-size: 0.75em;
					font-weight: 400;
					letter-spacing: 0.025em;
					color: #D52B3F;
					}

					.title-container-bm a { text-decoration: none; border-bottom: 0; font-weight: 500; color: #333; }
					.title-container-bm a:hover { text-decoration: underline; color: #333; }

			.top-container {
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				flex-wrap: nowrap;
				width: 90%;
				max-width: 1120px;
				margin: 0 auto;
				padding-top: 0.5em;
				}

			/* -----------  4  ------------- */
				.top-container-box {
					width: 22%;
					}
			
			/* -----------  3  ------------- */

			/*	.top-container-box {
					width: 31%;
					}	*/

					.top-container-box-image {
						width: 100%;
						overflow: hidden;
						}

					/* -----------   3  ------------- */

					/*	.top-container-box-title {
						min-height: 2em;
						max-height: 2em;
						padding-top: 0.65em;
						padding-bottom: 1.25em;
						font-size: 0.8em;
						font-weight: 700;
						text-transform: uppercase;
						letter-spacing: 0.025em;
						border-bottom: 4px solid #D52B3F;
						overflow: hidden;
						}	*/

					/* -----------   4  ------------- */

					.top-container-box-title {
							padding-top: 0.65em;
							padding-bottom: 1.15em;
							font-family: 'Roboto Condensed';
							font-weight: 700;
							text-transform: none;
							overflow: hidden;
							font-size: 1.05em;
							letter-spacing: 0;
							line-height: 1.1em;
							}


						.top-container-box-title a { text-decoration: none; border-bottom: 0; color: #333; }
						.top-container-box-title a:hover { text-decoration: none; color: #D52B3F; transition: all ease-in-out .05s; }

						
						
			.date {
				font-size: 0.7rem;
				font-weight: 500;
				letter-spacing: 0.02em;
				text-transform: none;
				color: #b3b3b3;
				
				margin: 1.3em 0 0.2em 0;
				}

				.date a {
					text-transform: capitalize;
					font-size: 0.7rem;
					font-weight: 400;
					letter-spacing: 0.035em;
					text-decoration: none;
					background-color: #bcbcbc;
					padding: 2px 6px;
					border-radius: 0.2em;
					color: #FFF;
					cursor: default;
					-webkit-tap-highlight-color: transparent;
					-moz-user-select: none;
					-o-user-select: none;
					-khtml-user-select: none;
					-webkit-user-select: none;
					-ms-user-select: none;
					user-select: none;
					transition: all ease-in-out .05s;
					margin-right: 8px;
					}
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
			.news-container {
				width: 90%;
				max-width: 1120px;
				margin: 0 auto;
				padding-bottom: 1em;
				}

				.news-container-box {
					width: 100%;
					margin: 0 auto;
					}

					.news-container-box > .news-box {
						display: flex;
						justify-content: flex-start;
						padding: 2em 0;
						}

						.news-box:hover { background-color: #F5F5F5; transition: all ease-in-out .05s; cursor: default; }
						.news-box:hover .news-box-info > .info-header a { color: #D52B3F; }
						.news-box:hover .news-box-info > .info-header a:hover { color: #D52B3F; }
						.news-box:hover a.button-more { background-color: #999; }
						.news-box:hover a.button-more:hover { background-color: #D52B3F; }

						.news-box-image {
							min-width: 340px;
							height: 222px;
							overflow: hidden;
							}

						.news-box-info {
							display: flex;
							flex-direction: column;
							margin-left: 2.5em;
							margin-right: 2em;
							}

							.news-box-info > .info-author {
								flex: 0 0 auto;
								font-size: 0.8em;
								letter-spacing: 0.025em;
								}

								.info-author a { text-decoration: none; border-bottom: 0; color: #D52B3F; }
								.info-author a:hover { text-decoration: underline; color: #D52B3F; transition: all ease-in-out .05s; }

							.news-box-info > .info-header {
								flex: 0 0 auto;
								padding-top: 0.5em;
								padding-right: 1.25em;
								font-family: 'Roboto Condensed';
								font-size: 1.625em;
								font-weight: 700;
								letter-spacing: 0.015em;
								line-height: 1.15em;
								}

								.info-header a { text-decoration: none; border-bottom: 0; color: #333; }
								.info-header a:hover { text-decoration: none; color: #D52B3F; transition: all ease-in-out .05s; }

							.news-box-info > .info-text {
								flex: 0 0 auto;
								padding-top: 0.85em;
								font-size: 0.825em;
								letter-spacing: 0.015em;
								line-height: 1.35em;
								}

								.info-text a { text-decoration: none; border-bottom: 0; color: #333; }
								.info-text a:hover { text-decoration: underline; color: #3C6FBC; transition: all ease-in-out .05s; }

							.news-box-info > .info-button {
								flex: 0 0 auto;
								padding-top: 1.65em;
								}

								.caption-wrapper { font-size: 0.9em; font-weight: 700; margin-top: -1.25em; padding-bottom: 0.25em; }
								
					.news-container-box > .post-box { 
						width: 100%;
						margin: 0 auto;
						padding-top: 1em;
						}

						.zero-pixel { width: 0; height: 0; margin: 0; padding: 0; }
						.neat { width: 100%; margin: 3em auto; font-size: 0.85em; border-bottom: 2px solid #999; }
						.dark { font-size: 1.75em; color: #FFF; line-height: 1.85em; letter-spacing: 0.035em; background-color: #999; }
						.light { padding: 0.25em; color: #333; background-color: #F7F7F7; }
						
						
						
						.post-box-image { display: block; max-width: 100%; height: auto; margin: 0 auto; padding: 1em 0; overflow: hidden; }
						
						.post-box-header {
							padding-top: 0.5em;
							font-size: 2.65em;
							font-weight: 700;
							text-decoration: none;
							letter-spacing: 0.025em;
							line-height: 1.15em;
							}

							.post-box-header a { text-decoration: none; border-bottom: 0; color: #333; }
							.post-box-header a:hover { text-decoration: none; color: #D52B3F; transition: all ease-in-out .05s; }

						.post-box-author {
							padding-top: 2.65em;
							font-size: 0.85em;
							letter-spacing: 0.035em;
							}

							.post-box-author a { text-decoration: none; border-bottom: 0; color: #D52B3F; }
							.post-box-author a:hover { text-decoration: underline; color: #D52B3F; transition: all ease-in-out .05s; }

						.post-box-text {
							padding-top: 1em;
							font-size: 0.95em;
							letter-spacing: 0.015em;
							line-height: 1.65em;
							}

							.post-box-text a { text-decoration: underline; border-bottom: 0; color: #333; }
							.post-box-text a:hover { text-decoration: underline; color: #D52B3F; transition: all ease-in-out .05s; }
						
			.announce-container {
				width: 90%;
				max-width: 1120px;
				margin: 0 auto;
				height: auto;
				padding-bottom: 1em;
				}

				.announce-container-box {
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					width: 100%;
					}

					.announce-container-box-info {
						width: 50%;
						padding: 1em 0;
						}

						.announce-container-box-info:hover { background-color: #F5F5F5; transition: all ease-in-out .05s; cursor: default; }
						.announce-container-box-info:hover .announce-info a { color: #D52B3F; }

						.announce-container-box-info > .announce-info {
							padding: 0.3em 3em 0 25px;
							font-size: 0.95em;
							font-weight: 900;
							text-transform: uppercase;
							letter-spacing: 0.015em;
							border-left: 7px solid #D52B3F;
							}
	
							.announce-info a { text-decoration: none; border-bottom: 0; color: #333; }
							.announce-info a:hover { text-decoration: none; color: #D52B3F; transition: all ease-in-out .05s; }

						.announce-container-box-info > .announce-time {
							padding: 0.75em 3em 0.3em 25px;
							font-size: 0.8em;
							font-weight: 400;
							text-decoration: none;
							text-transform: uppercase;
							letter-spacing: 0.015em;
							color: #999;
							border-left: 7px solid #D52B3F;
							}
	
							.announce-time a { text-decoration: none; border-bottom: 0; font-weight: 500; color: #D52B3F; }
							.announce-time a:hover { text-decoration: underline; color: #333; transition: all ease-in-out .05s; }

							
							
							
							
							
							
							
							
							
			.mobile-container {
				width: 90%;
				max-width: 1120px;
				margin: 0 auto;
				}

				/* .mobile-slider {
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					} */

				.mobile-container-box {
					float: left;
					display: flex;
					flex-direction: column;
					flex-wrap: nowrap;
					width: 33.33333333%;
					padding: 2.5em 0;
					}

					.mobile-container-box:first-child { display: flex; } /* 1st column fix */

					.mobile-container-box:hover { background-color: #F5F5F5; transition: all ease-in-out .05s; }

					.mobile-container-box-image {
						max-width: 60%;
						margin: 0 auto;
						}

					.mobile-container-box-spec {
						flex: 1 0 auto;
						width: 73%;
						max-width: 90%;
						min-height: 270px;
						padding: 1em 0;
						margin: 0 auto;
						}

						.mobile-container-box-hero {
							margin-top: 0.6em;
							font-size: 1.17em;
							font-weight: 600;
							letter-spacing: 0.01em;
							line-height: 1.25em;
							}

							.mobile-container-box-hero a { text-decoration: none; border-bottom: 0; color: #333; }
							.mobile-container-box-hero a:hover { text-decoration: none; color: #D52B3F; transition: all ease-in-out .05s; }

							.hero-dash { font-size: 0.75em; }

						.mobile-container-box-info {
							margin-left: -24px;
							font-size: 0.735em;
							letter-spacing: 0.0175em;
							line-height: 1.35em;
							cursor: default;
							}

						.mobile-container-box-sub {
							padding: 0.15em 0;
							font-size: 0.65em;
							letter-spacing: 0.0175em;
							line-height: 1.15em;
							font-weight: 400;
							opacity: 0.65;
							}

					.mobile-container-box-price {
						display: none;
						padding-left: 13.5%;
						padding-bottom: 1.35em;
						font-size: 1em;
						letter-spacing: 0.0175em;
						font-weight: 400;
						color: #D52B3F;
						cursor: default;
						}

						.mobile-container-box-price span { font-weight: 600; }

					.mobile-container-box-button {
						flex: 0 0 auto;
						padding-left: 13.5%;
						}

						.mobile-container-box 		.button { background-color: #B0B0B0; text-transform: none; letter-spacing: 0.06em; }
						.mobile-container-box:hover .button { background-color: #D52B3F; }

			.social-container {
				width: 100%;
				margin: 1em auto;
				background-color: #EEE;
				}

				.social-container-box {
					display: flex;
					flex-direction: row;
					justify-content: center;
					align-items: center;
					max-width: 1120px;
					margin: 0 auto;
					padding-top: 4em;
					padding-bottom: 3.7em;
					}

					.social-container-box > .social-ft {
						padding-top: 3px;
						font-size: 1.3em;
						font-weight: 700;
						text-align: right;
						letter-spacing: 0.025em;
						}

					.social-container-box > .social-rt {
						display: flex;
						flex-direction: row;
						justify-content: center;
						align-items: center;
						font-size: 2.45em;
						color: #333;
						}

						.social-rt a { margin-left: 1.5em; text-decoration: none; border-bottom: 0; color: #333; }
						.social-rt a:hover { text-decoration: none; color: #D52B3F; transition: all ease-in-out .05s; }

							.social-icon__huawei { width: 38px; margin-top: 7px; fill: #333; }
							.social-icon__huawei:hover { fill: #D52B3F; }

		/* ------------------------  ------------------------ */

		.footer {
			flex: 0 0 auto;
			width: 100%;
			margin-top: 5em; 
			background-color: #333;
			}

			.footer-social {
				width: 100%;
				margin: 0 auto;
				background-color: #EEE;
				}

				.footer-social-box {
					display: flex;
					flex-direction: row;
					justify-content: center;
					align-items: center;
					max-width: 1120px;
					margin: 0 auto;
					padding-top: 2.75em;
					padding-bottom: 2.55em;
					}

					.footer-social-box > .social-ft {
						padding-top: 3px;
						font-size: 1.3em;
						font-weight: 700;
						text-align: right;
						letter-spacing: 0.025em;
						}

					.footer-social-box > .social-rt {
						display: flex;
						flex-direction: row;
						justify-content: center;
						align-items: center;
						font-size: 2.45em;
						color: #333;
						}

			.footer-info {
				width: 90%;
				max-width: 860px;
				margin: 0 auto;
				padding-top: 6.65em;
				padding-bottom: 5em;
				font-size: 0.75em;
				font-weight: 400;
				text-decoration: none;
				text-align: center;
				letter-spacing: 0.025em;
				line-height: 1.35em;
				color: #999;
				}

				.footer-info a { text-decoration: underline; border-bottom: 0; font-weight: 500; color: #999; }
				.footer-info a:hover { text-decoration: underline; color: #FFF; transition: all ease-in-out .05s; }

				.footer-info > .footer-logo {
					width: 20%;
					padding-bottom: 2em;
					margin: 0 auto;
					opacity: 0.8;
					}

					.footer-info > .footer-logo:hover {
						opacity: 1;
						}

				.footer-info-counter {
					padding: 30px 0;
					opacity: 0.65;
					}

					.footer-info-counter-box {
						display: inline-block;
						width: 88px;
						height: 31px;
						margin: 0 1.25em;
						background-color: #666;
						}