/*
Theme Name: Caltex Xmen Theme
Version: 0.9.0
Created on: 2016-02-11;
Last Update: 2016-02-18;
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Global Structure
# Typography
# Links
# Utilities
# Forms
# Navigation
  ## Menus
  ## Buttons
# Custom Elements
--------------------------------------------------------------*/

	/** { outline: 1px rgba(255,255,255,.15) solid; }*/

/*	--------------------------------------------------------------
	# Global Structure
	--------------------------------------------------------------*/

	html {
		background-color: #000;
		overflow-x: hidden;
	}

	.page-section {
		min-height: 100vh;
		box-sizing: border-box;
		padding-top: 128px;
	}

	@media (min-width: 960px) {
		.page-section {
			min-height: 100vh;
			padding-top: 72px;
		}
	}

/*	--------------------------------------------------------------
	# Typography
	--------------------------------------------------------------*/

	html, body { color: #fff; }

	html, body {
		/*font-family: "HelveticaNeue-Cond", Helvetica, Arial, sans-serif;*/
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		background-attachment: fixed;
	}

	/*h1, h2, h3, h4, h5, h6 { font-family: "HelveticaNeue-BoldCond", Helvetica, Arial, sans-serif; }*/
	.uk-button { font-family: "HelveticaNeue-BoldCond", Helvetica, Arial, sans-serif !important; }

	.uk-text-underline { text-decoration: underline; }
	.uk-text-yellow { color: #ffd53f; }
	.uk-text-yellowLink { color: #ffd53f;text-decoration: underline; }
	.uk-text-error { color: #ff0000; }

	h1,h2,h3,h4,h5,h6 { color: #fff; }

	.uk-font-bank-gothic {
		font-family: 'BankGothicBT-Medium';
		text-transform: uppercase;
	}

	.uk-section-title {
		font-family: 'BankGothicBT-Medium';
		text-transform: uppercase;
		text-align: center;
	}

	.uk-font-helvetica-bold,
	.uk-navbar-nav>li>a {
		font-family: 'HelveticaNeue-BoldCond';
	}

/*	--------------------------------------------------------------
	# Utilities
	--------------------------------------------------------------*/
	.uk-position-right { right: 0; }

	.uk-margin-xlarge-top { margin-top: 100px; }
	.uk-margin-small-horizontal { margin-left: 0.5rem; margin-right: 0.5rem; }
	.uk-margin-large-top-negative { margin-top: -50px; }
	.uk-margin-xlarge-top-negative { margin-top: -100px; }
	.uk-margin-large-bottom-negative { margin-bottom: -50px; }
	.uk-margin-xlarge-bottom-negative { margin-bottom: -100px; }

	.uk-padding { padding: 1rem; }
	.uk-padding-left { padding-left: 1rem; }
	.uk-padding-small { padding: 0.5rem; }
	.uk-padding-small-horizontal { padding-left: 0.5rem; padding-right: 0.5rem; }
	.uk-padding-horizontal { padding-left: 1rem; padding-right: 1rem; }
	.uk-padding-medium-horizontal { padding-left: 30px; padding-right: 30px; }
	.uk-padding-medium-vertical { padding-top: 30px; padding-bottom: 30px; }
	.uk-padding-large-vertical { padding-top: 50px; padding-bottom: 50px; }
	.uk-padding-large-top { padding-top: 50px; }

	.uk-full-width,
	.uk-max-width-custom { width: 100%; height: auto; }
	.uk-max-width-remove { max-width: none; }
	.uk-full-height { height: 100%; }
	@media (max-width: 767px) {
		.uk-small-margin-large-top { margin-top: 100px; }
		.uk-small-margin-large-bottom { margin-bottom: 100px; }
		.uk-small-margin-large-bottom-negative { margin-bottom: -100px !important; }
	}
	@media (min-width: 768px) {
		.uk-medium-padding-top { padding-top: 30px; }
	}
	@media (min-width: 960px) {
		.uk-max-width-remove-large { max-width: none; }
		.uk-large-padding-left { padding-left: 30px; }
		.uk-large-padding-top-72 { padding-top: 72px !important; }
	}
	@media (max-width: 1440px) {
		.uk-visible-xlarge { display: none; }
	}
	.uk-height-25vh { height: 25vh; overflow-y: auto; }
	.uk-height-30vh { height: 30vh; overflow-y: auto; }
	.uk-height-35vh { height: 35vh; overflow-y: auto; }
	.uk-height-40vh { height: 40vh; overflow-y: auto; }
	.uk-height-50vh { height: 50vh; overflow-y: auto; }
	.uk-ratio-1-by-1 { padding-bottom: 100%; }

	.uk-display-table { display: table; width: 100%; }
	.uk-display-table-cell { display: table-cell; vertical-align: middle; }

	@media only screen and (orientation: portrait) {
		.uk-portrait-background-top {
			background-position: center 10vh !important;
		}
	}

	@media (min-width: 1220px) {
		.uk-grid-divider>* {
		    padding-left: 25px;
		    padding-right: 25px;
		}
	}

	.uk-transform-flip {
		transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-ms-transform: scaleX(-1);
	}

	.uk-background-fixed {
		background-size: 100%;
		/*background-attachment: fixed;*/
		background-position: center;
		background-repeat: no-repeat;
	}
	@media (min-width: 960px) {
		.uk-background-fixed {
			background-attachment: fixed;
		}
	}
	.uk-background-contain {
		background-size: contain;
	}

	.uk-background-pattern {
		background-image: url("../img/background-pattern_b586d05.png"/*tpa=http://www.chevronhavoline.cn/img/background-pattern_b586d05.png*/);
		background-repeat: repeat;
	}

	.uk-background-gradient-black-to-blue {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,21487c+100 */
		background: rgb(0,0,0); /* Old browsers */
		background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(33,72,124,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(33,72,124,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(33,72,124,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#21487c',GradientType=1 ); /* IE6-9 */
	}

	.uk-background-gradient-black-to-red {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,82111b+100 */
		background: rgb(0,0,0); /* Old browsers */
		background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(130,17,27,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(130,17,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(130,17,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#82111b',GradientType=1 ); /* IE6-9 */
	}

	.uk-background-gradient-black {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.6+18,0.6+82,0+100 */
		background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 18%, rgba(0,0,0,0.6) 82%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 18%,rgba(0,0,0,0.6) 82%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 18%,rgba(0,0,0,0.6) 82%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
	}

	.uk-background-gradient-vertical-black {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,333333+18,333333+84,ffffff+100&0.5+0,0.75+50,0.2+100 */
		background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(51,51,51,0.59) 18%, rgba(51,51,51,0.75) 50%, rgba(51,51,51,0.38) 84%, rgba(255,255,255,0.2) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(51,51,51,0.59) 18%,rgba(51,51,51,0.75) 50%,rgba(51,51,51,0.38) 84%,rgba(255,255,255,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(51,51,51,0.59) 18%,rgba(51,51,51,0.75) 50%,rgba(51,51,51,0.38) 84%,rgba(255,255,255,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#33ffffff',GradientType=0 ); /* IE6-9 */
	}

	.uk-border-left-blue { border-left: 2px #1c97ce solid; }
	.uk-border-bottom-blue { border-bottom: 2px #1c97ce solid; }
	.uk-border-left-yellow { border-left: 2px #ffd53f solid; border-right: 2px #ffd53f solid; }
	.uk-border-bottom-yellow { border-bottom: 2px #ffd53f solid; }

	/*	UK Modal */
		.uk-modal { background: rgba(0,0,0,.8); }
		.uk-modal-close {
			color: #222;
			background-color: #fff;
			border-radius: 2px;
			opacity: 1;
			margin: 0.75rem;
		}
		.uk-modal-close:hover,
		.uk-modal-close:focus {
			color: #000;
			opacity: 0.8;
		}

		.uk-modal-dialog.uk-fullscreen>.uk-close:first-child {
			top: 84px;
			right: 0.875rem;
			z-index: 999999;
		}

		.uk-modal-dialog.uk-fullscreen {
			position: relative;
			margin: 0;
			width: 100%;
			height: 100%;
			max-width: none;
			background-color: #000;
		}

	/*	Uk-Table */
		.uk-table.uk-table-line td, .uk-table.uk-table-line th {
			padding: 8px 8px;
			border-bottom: 1px solid #ddd;
			border: 1px #ddd solid;
		}
		.uk-table-yellow td, .uk-table-yellow th {
			border-color: #ffd53f;
		}

		.uk-table-remove-last-row-border tr:last-child > * { border: none; }

		/*	Uk-Table2 */
		.uk-table2.uk-table-line td, .uk-table2.uk-table-line th {
			padding: 8px 8px;
			border-bottom: 1px solid #ddd;
		}
		.uk-table-yellow td, .uk-table-yellow th {
			border-color: #ffd53f;
		}

		.uk-table-remove-last-row-border tr:last-child > * { border: none; }


	/*	Slidenav */
		.uk-slidenav-position { padding: 0 60px; }
		.uk-slidenav-position .uk-slidenav { display: block !important; }
		.uk-slidenav-position .uk-slidenav-previous { left: 0 !important; }
		.uk-slidenav-position .uk-slidenav-next { right: 0 !important; }

	/*	Dotnav */
		.uk-dotnav { padding: 1rem; }
		.uk-dotnav>* { padding-left: 0; margin-bottom: 15px; }
		.uk-dotnav>*>* {
			width: 10vw;
			height: 6px;
			border-radius: 0;
		}
		.uk-dotnav>*:first-child>* { border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
		.uk-dotnav>*:last-child>* { border-top-right-radius: 12px; border-bottom-right-radius: 12px; }

	/*	Transitions */
		.uk-navbar-nav>li>a,
		.uk-nav-navbar>li>a,
		.in, .in-before:before {
			-webkit-transition: all 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-moz-transition: all 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-o-transition: all 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			transition: all 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
		}

/*	--------------------------------------------------------------
	# Forms
	--------------------------------------------------------------*/
	.uk-form input.uk-custom-input,
	.uk-form select.uk-custom-input {
		color: #fff;
		background-color: transparent !important;
		border-radius: 0 !important;
		border: none !important;
		border-bottom: 1px #fff solid !important;
		padding-top: 0 !important;
		line-height: 1rem !important;
		height: auto;
		font-size: 1rem;
		-webkit-appearance: none;
		min-width: 100px;
	}

	.uk-form select.uk-custom-input {
		padding: 6px 12px !important;
		border: 1px #fff solid !important;
		text-align: center;
	}

	.uk-form .uk-custom-input:focus {
		color: #fff !important;
	}

	.uk-form-icon i {
		color: #000 !important;
		background-color: #fff;
		top: 0 !important;
		bottom: 0 !important;
		margin: 0 !important;
		line-height: 28px;
	}

/*	--------------------------------------------------------------
	# Navigation
	--------------------------------------------------------------*/
	/* ## Menu */
	#desktop-navigation {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9998;
		background-image: url("../img/background-navigation-curve-1280px.svg"/*tpa=http://www.chevronhavoline.cn/img/background-navigation-curve-1280px.svg*/);
		background-position: top left;
		background-size: auto;
		background-repeat: no-repeat;
	}

	@media (min-width: 1280px) {
		#desktop-navigation {
			background-image: url("../img/background-navigation-curve.svg"/*tpa=http://www.chevronhavoline.cn/img/background-navigation-curve.svg*/);
			background-position: top center;
		}
	}

	/*	Navbar Brand */
		#desktop-navigation .uk-navbar-brand {
			height: 87px;
			line-height: 87px;
			padding: 0 16px;
			border-bottom: 2px #1c97ce solid;
		}

		#desktop-navigation .uk-navbar-brand + .uk-navbar-brand { position: relative; }
		#desktop-navigation .uk-navbar-brand + .uk-navbar-brand:before {
			content: '';
			display: inline-block;
			border-left: 2px #fff solid;
			height: 20px;
			margin-top: -10px;
			position: absolute;
			top: 50%;
			left: -1px;
		}

	/*	Navbar Menu */
		#desktop-navigation ul>li>a,
		#desktop-navigation .uk-navbar-toggle {
			color: #fff;
			text-transform: uppercase;
			text-shadow: none;
			padding: 0 12px;
		}

		#desktop-navigation .uk-navbar-nav>li>a,
		#desktop-navigation .uk-navbar-toggle {
			height: 43px;
			line-height: 43px;
			margin: 0;
			border: none;
			border-bottom: 2px transparent solid;
		}

		#desktop-navigation .uk-navbar-nav>li>a:hover,
		#desktop-navigation .uk-navbar-nav>li>a:focus,
		#desktop-navigation .uk-navbar-nav>li.uk-open>a,
		#desktop-navigation .uk-navbar-nav>li:hover>a,
		#desktop-navigation .uk-navbar-nav>li>a:focus,
		#desktop-navigation .uk-navbar-nav>li.uk-active>a {
			border-bottom-color: rgba(255,255,255,.6);
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ffffff+100&0.5+0,0.5+100 */
			background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(255,255,255,0.2) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(255,255,255,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(255,255,255,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80ffffff',GradientType=0 ); /* IE6-9 */
		}
		#desktop-navigation .uk-navbar-nav>li.uk-active>a {
			border-bottom-color: #fff;
		}

		#desktop-navigation ul>li>a>img,
		.mobile-navigation ul>li>a>img {
			width: auto;
			max-height: 16px;
			margin-right: 6px;
		}

	/*	Language Switcher */
		#desktop-navigation .language-switcher { border-left: 2px #1c97ce solid; }
		#desktop-navigation .language-switcher > a { border-bottom: none !important; }
		#desktop-navigation .language-switcher .language-options {
			padding: 0 8px;
			border-bottom: 2px #1c97ce solid;
		}

		/*	Language Options */
			.language-switcher .language-options {
				display: block;
				text-align: center;
			}
			.language-switcher .language-options>li {
				display: inline-block;
				margin: 0;
				padding: 0;
				float: none;
			}
			.language-switcher .language-options>li>a {
				color: #fff;
				padding: 10px 8px !important;
				position: relative;
			}
			.language-switcher .language-options>li+li>a:before {
				content: '|';
				display: inline-block;
				position: absolute;
				left: 0;
			}
			.language-switcher .language-options>li:hover>a {
				color: #fff;
				text-decoration: underline;
			}

	/*	Mobile Navbar */
		/*	Menu Toggle */
			#desktop-navigation #mobile-menu-toggle {
				display: none;
				float: right;
				width: 43px;
				border-left: 2px #1c97ce solid;
			}

			body.mobile-menu-open #mobile-menu-toggle:after {
				content: "\f00d";
			}
			body #mobile-menu { display: none !important; }
			body.mobile-menu-open #mobile-menu { display: block !important; }

		/*	Modal Dialog */
			#mobile-menu .uk-modal-dialog {
				margin: 0;
				padding: 0;
				width: 100%;
				max-width: none;
				padding-top: 128px;
				background-color: #111;
				overflow: auto;
			}

		/*	Mobile Navigation */
			.mobile-navigation .uk-nav-side>li>a {
				font-size: 1.125rem;
				color: #fff;
				text-align: center;
				text-shadow: none;
				padding: 0.75rem 1rem;
			}

			#mobile-site-navigation .uk-nav-side>li:hover>a,
			#mobile-site-navigation .uk-nav-side>li:focus>a {
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,333333+36,333333+64,ffffff+100&0.25+0,0.25+100 */
				background: -moz-linear-gradient(left,  rgba(255,255,255,0.25) 0%, rgba(51,51,51,0.25) 36%, rgba(51,51,51,0.25) 64%, rgba(255,255,255,0.25) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left,  rgba(255,255,255,0.25) 0%,rgba(51,51,51,0.25) 36%,rgba(51,51,51,0.25) 64%,rgba(255,255,255,0.25) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right,  rgba(255,255,255,0.25) 0%,rgba(51,51,51,0.25) 36%,rgba(51,51,51,0.25) 64%,rgba(255,255,255,0.25) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#40ffffff',GradientType=1 ); /* IE6-9 */
			}
			#mobile-site-navigation .uk-nav-side>li.uk-active>a {
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,333333+36,333333+64,ffffff+100&0.75+0,0.75+100 */
				background: -moz-linear-gradient(left,  rgba(255,255,255,0.75) 0%, rgba(51,51,51,0.75) 36%, rgba(51,51,51,0.75) 64%, rgba(255,255,255,0.75) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left,  rgba(255,255,255,0.75) 0%,rgba(51,51,51,0.75) 36%,rgba(51,51,51,0.75) 64%,rgba(255,255,255,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right,  rgba(255,255,255,0.75) 0%,rgba(51,51,51,0.75) 36%,rgba(51,51,51,0.75) 64%,rgba(255,255,255,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#bfffffff',GradientType=1 ); /* IE6-9 */
			}


	/*	Responsive */
		@media (max-width: 1140px) {
			#desktop-navigation .uk-navbar-flip { display: none; }
			#desktop-navigation #mobile-menu-toggle { display: block; }
		}

	/*	Dropdown Menu */
		#desktop-navigation .uk-open>.uk-dropdown {
			padding-top: 0;
			padding-bottom: 0;
		}
		#desktop-navigation .uk-open>.uk-dropdown-navbar {
			color: #fff;
			margin-top: 0;
			border: none;
			border-radius: 0;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1d1d1d+0,6d6c6c+100 */
			background: rgb(29,29,29); /* Old browsers */
			background: -moz-linear-gradient(top,  rgba(29,29,29,1) 0%, rgba(109,108,108,1) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  rgba(29,29,29,1) 0%,rgba(109,108,108,1) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  rgba(29,29,29,1) 0%,rgba(109,108,108,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1d1d', endColorstr='#6d6c6c',GradientType=0 ); /* IE6-9 */
		}
		#desktop-navigation .uk-dropdown-navbar .uk-nav>li>a { padding: 10px 15px; }

	/* ## Buttons */
		.uk-button-custom {
			color: #fff;
			line-height: 1.2;
			text-transform: uppercase;
			text-shadow: none;
			padding: 0.75rem 1rem;
			border-radius: 8px !important;
			border: 2px #fff solid;
			background-color: transparent;
		}
		.uk-button-custom:hover,
		.uk-button-custom:focus {
			color: #fff;
			border-color: #fff;
			background-color: rgba(255,255,255,.125); !important;
		}

		@media (max-width: 479px) {
			.uk-button-custom {
				padding: 0.5rem 2rem;
			}
		}

		.uk-button-custom.uk-button-small {
			padding: 0.375rem 2rem;
		}

/*	--------------------------------------------------------------
	# Custom Elements
	--------------------------------------------------------------*/
	/*	Mouse Icon with Animation */
		.mouse-icon {
			position: relative;
			border: 2px solid #fff;
			border-radius: 16px;
			height: 50px;
			width: 30px;
			margin: 0 auto;
			display: block;
			z-index: 10;
		}
		.mouse-icon .wheel {
			-webkit-animation-name: drop;
			-webkit-animation-duration: 1s;
			-webkit-animation-timing-function: linear;
			-webkit-animation-delay: 0s;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-play-state: running;
			animation-name: drop;
			animation-duration: 1s;
			animation-timing-function: linear;
			animation-delay: 0s;
			animation-iteration-count: infinite;
			animation-play-state: running;
		}
		.mouse-icon .wheel {
			position: relative;
			border-radius: 10px;
			background: #fff;
			width: 8px;
			height: 8px;
			top: 4px;
			margin-left: auto;
			margin-right: auto;
		}
		@-webkit-keyframes drop	{
			0%   { top:5px;  opacity: 0;}
			30%  { top:10px; opacity: 1;}
			100% { top:25px; opacity: 0;}
		}

		@keyframes drop	{
			0%   { top:5px;  opacity: 0;}
			30%  { top:10px; opacity: 1;}
			100% { top:25px; opacity: 0;}
		}

	/*	Gradient Box */
		/*	Decoration Yellow Line */
			.decoration-lines { position: relative; }
			.decoration-lines:before,
			.decoration-lines:after {
				content: '';
				display: block;
				position: absolute;
				margin-top: -1px;
				width: auto;
				height: 2px;
				left: 0;
				right: 0;
				background-image: url("../img/line_e40a79a.png"/*tpa=http://www.chevronhavoline.cn/img/line_e40a79a.png*/);
				background-size: 100%;
			}
			.decoration-lines:before { top: 0; }
			.decoration-lines:after { bottom: 0; }

			.decoration-flares:before,
			.decoration-flares:after {
				content: '';
				display: block;
				width: 312px;
				height: 78px;
				background-image: url("../img/line-flare_368b3ed.png"/*tpa=http://www.chevronhavoline.cn/img/line-flare_368b3ed.png*/);
				background-size: 100%;
				position: absolute;
			}
			.decoration-flares:before { margin-top: -39px; top: 0; right: 0; }
			.decoration-flares:after { margin-bottom: -39px; bottom: 0; left: 0; }

	/*	Featured Lucky Draw (Shield) */
		.featured-lucky-draw { width: 140%; }

	/*	mCustomScrollbar */
		.mCSB_scrollTools .mCSB_draggerRail {
			background-color: #555 !important;
			/*background-color: rgba(255,255,255,0.4) !important;*/
		}

		.mCSB_draggerContainer:before,
		.mCSB_draggerContainer:after {
			content: '';
			display: block;
			width: 0;
			height: 0;
			border: 5px transparent solid;
			border-radius: 99px;
			position: absolute;
			left: 50%;
			margin-left: -5px;
		}
		.mCSB_draggerContainer:before { top: 0px; border-bottom-color: #aaa; border-top-width: 0; }
		.mCSB_draggerContainer:after { bottom: 0px; border-top-color: #aaa; border-bottom-width: 0; }

		/* Align middle content */
			.mCSB_inside {
				/*display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-ms-align-items: center;
				-webkit-align-items: center;
				align-items: center;*/
			}

	/*	Product Slideset */
		#product-slideset .uk-selected > .HavolineActive1 {
			background-image: url("../img/havoline1_glow.png"/*tpa=http://www.chevronhavoline.cn/img/havoline1_glow.png*/);
			transform: scale(1.12);
			-webkit-transform: scale(1.12);
			-moz-transform: scale(1.12);
			-o-transform: scale(1.12);
			-ms-transform: scale(1.12);
		}
		#product-slideset .uk-selected > .HavolineActive2 {
			background-image: url("../img/havoline1_glow.png"/*tpa=http://www.chevronhavoline.cn/img/havoline1_glow.png*/);
			transform: scale(1.12);
			-webkit-transform: scale(1.12);
			-moz-transform: scale(1.12);
			-o-transform: scale(1.12);
			-ms-transform: scale(1.12);
		}
		#product-slideset .uk-selected > .HavolineActive3 {
			background-image: url("../img/havoline1_glow.png"/*tpa=http://www.chevronhavoline.cn/img/havoline1_glow.png*/);
			transform: scale(1.12);
			-webkit-transform: scale(1.12);
			-moz-transform: scale(1.12);
			-o-transform: scale(1.12);
			-ms-transform: scale(1.12);
		}
		#product-slideset .uk-selected > .HavolineActive4 {
			background-image: url("../img/havoline2_glow.png"/*tpa=http://www.chevronhavoline.cn/img/havoline2_glow.png*/);
			transform: scale(1.12);
			-webkit-transform: scale(1.12);
			-moz-transform: scale(1.12);
			-o-transform: scale(1.12);
			-ms-transform: scale(1.12);
		}
		#product-slideset .uk-selected > .DeloProduct {
			background-image: url("../img/product-thumbnail-selected.png"/*tpa=http://www.chevronhavoline.cn/img/product-thumbnail-selected.png*/);
			transform: scale(1.12);
			-webkit-transform: scale(1.12);
			-moz-transform: scale(1.12);
			-o-transform: scale(1.12);
			-ms-transform: scale(1.12);
		}


	/*	Video Popup Transition */
		.uk-modal.uk-open { display: block; }

		.uk-modal,
		#left-door,
		#right-door {
			-webkit-transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-moz-transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-o-transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
		}
		#product,
		.uk-animation-custom-fade-out {
			opacity: 1;
			-webkit-transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.5s;
			-moz-transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.5s;
			-o-transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.5s;
			transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.5s;
		}
		#product,
		.uk-animation-custom-fade-out {
			opacity: 1;
		}
		.uk-animate #product,
		.uk-animate.uk-animation-custom-fade-out {
			opacity: 0;
		}
		#left-door,
		#right-door {
			opacity: 1;
			-webkit-transform: translate(0,0);
			-moz-transform: translate(0,0);
			-o-transform: translate(0,0);
			-ms-transform: translate(0,0);
			transform: translate(0,0);
		}
		.uk-animate #left-door {
			opacity: 0;
			-webkit-transform: translate(-12%,0);
			-moz-transform: translate(-12%,0);
			-o-transform: translate(-12%,0);
			-ms-transform: translate(-12%,0);
			transform: translate(-12%,0);
		}
		.uk-animate #right-door {
			opacity: 0;
			-webkit-transform: translate(12%,0);
			-moz-transform: translate(12%,0);
			-o-transform: translate(12%,0);
			-ms-transform: translate(12%,0);
			transform: translate(12%,0);
		}

.CusBack_spacer{
	margin-right: 20px;
}
.CusBottom_spacer{
	padding-bottom: 50px;
}
.CusBottom_TradeSpacer{
	padding-bottom: 80px;
}
.TYwidgets{
	border-radius: 10px;
	border: 1px solid #fff;
	padding: 5px 0;
}
.TYwidget_title{
	text-decoration: underline;
}
.TYwidget_Num{
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
}
.WinnerTab{
	color: #fff;
	text-shadow: none;
}
.winnerListTable{
	border: 1px solid #fff;
	padding-left: 0;
  width:100%;
}
.winnerListTable tr{
  height:29px;
}
.winnerTable{
	margin: 30px;
	margin-bottom: 0;
}
.nopadding{
	padding: 0;
}
.noborder{
	border: 0;
}
.Moreinfo_Padding{
	padding-left: 40px;
}
.TY_prizes{
	border: 1px solid #fff;
}
.TradeTable{
	border-right: 1px solid #fff;
}
.StepSmallFont{
	font-size: 10px;
}
.uk-text-small-footer{
	font-size: 8px;
	line-height: 10px;
}
.custom-Product-Font{
	font-size: 15px;
}
.URL_LinkCustom{
	color: #fff;
	text-decoration: underline;
}
.URL_LinkCustom:hover{
	color: #fff;
	text-decoration: none;
}
.customDrawSection{
	padding-left: 20px;
}
.customH1{
	font-size: 34px;
}
.popup_Margintop{
	margin-top: 150px;
}
.Video_Margintop{
	margin-top: 50px;
}
.country_selector{
	padding-top: 150px;
	z-index: 9999;
}
.Xupdate_promo{
	border-right:1px solid #fff;
}