﻿.utc-page .announcement-box {
	position: relative;
	overflow: hidden;
	height: 0;
	background-color: #f87500;
}

	.utc-page .announcement-box:after {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 4px;
		background: #fff;
		content: "";
		z-index: 1;
	}

	.utc-page .announcement-box .inner-announcement-box {
		margin: 0 auto;
		padding: 0;
		width: 970px;
		position: relative;
		background-color: #f87500;
	}

	.utc-page .announcement-box .announcement-content {
		padding: 25px 83px 25px 0;
		overflow: hidden;
	}

		.utc-page .announcement-box .announcement-content p {
			margin-bottom: 5px;
			padding: 0;
			font-weight: 300;
		}

			.utc-page .announcement-box .announcement-content p,
			.utc-page .announcement-box .announcement-content p a,
			.utc-page .announcement-box .announcement-content p strong {
				font-size: 18px;
				line-height: 24px;
				color: #fff;
			}

				.utc-page .announcement-box .announcement-content p strong {
					font-weight: 600;
				}

		.utc-page .announcement-box .announcement-content a:after {
			content: "";
			display: inline-block;
			margin-left: 7px;
			width: 16px;
			height: 16px;
			vertical-align: text-bottom;
			background: url(../images/redesign/arrow-white.svg) no-repeat right center;
			background-size: 15px 15px;
		}

	.utc-page .announcement-box .close-announcement-box {
		background: url(../images/redesign/cross-white_2x.png) no-repeat center center;
		background-size: 18px 18px;
		cursor: pointer;
		display: block;
		width: 18px;
		height: 18px;
		position: absolute;
		top: 30px;
		right: 0;
	}

@media (max-width: 989px) {
    .utc-page .announcement-box .inner-announcement-box {
        width: auto;
        padding-left: 30px;
        padding-right: 30px;
    }
    .utc-page .announcement-box .inner-announcement-box .close-announcement-box {
        right: 20px;
    }
}

@media (max-width: 767px) {
    .utc-page .announcement-box .announcement-content {
        padding-right: 15px;
    }
}

@media only screen and (max-width: 767px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 767px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 767px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 767px) and (min-resolution: 192dpi),
only screen and (max-width: 767px) and (min-resolution: 2dppx) {
    .utc-page .announcement-box .image .more-link .arrow,
    .utc-page .announcement-box.only-text .more-link .arrow {
        background-image: url("../images/white-arrow-right-26x24.png");
        background-size: 13px 12px;
    }
}

@media print {
    .ie8 .utc-page .announcement-box .inner-announcement-box {
        padding-left: 24px;
        padding-right: 59px;
        width: 685px;
    }
    .ie8 .utc-page .announcement-box .announcement-content {
        width: 445px;
    }
    .ie8 .utc-page .announcement-box .image {
        width: 213px;
        margin-right: 0;
    }
    .ie8 .utc-page .announcement-box .close-announcement-box {
        right: 20px;
    }
}