/*
	CSS - Skype.com
	HERO
*/


/* Generic Styles
----------------------------------------------------------------------------------------------------*/

header {
	position: relative;
	z-index: 20;
}

	/* Images */

	header .generic .heroImageContainer {
		height: 100%;
		max-height: 438px;
		overflow: hidden;
	    position: absolute;
	    width: 100%;
	}

	header .generic .heroIllustration {
		display: block;
		height: 100%;
		width: 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		-moz-background-size: cover;
	}

		.ie6 header .heroIllustration,
		.ie7 header .heroIllustration,
		.ie8 header .heroIllustration {
			-ms-behavior: url(../js/backgroundsize.min.htc);
			behavior: url(../js/backgroundsize.min.htc);
		}

		header .heroIllustration img {
			max-width: none !important;
		}

		.rtl header .heroIllustration {
			-moz-transform: scaleX(-1);
			-o-transform: scaleX(-1);
			-webkit-transform: scaleX(-1);
			transform: scaleX(-1);
			filter: FlipH;
			-ms-filter: "FlipH";
		}

/* Text */

header .generic .heroTextContainer .button,
header .generic .heroTextContainer span {
	display: inline-block;
	background-color: transparent;
}

header .generic .heroTextContainer .button {
	padding-right: 54px;
	background-position: 100% -47px;
}
header .generic .heroTextContainer span {
	padding-top: 13px;
	padding-bottom: 14px;
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
	color: white;
	padding-left: 27px;
}

.rtl header .bubbles .action {
	right: auto;
	left: -95px;
}

.heroContainer:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.heroContainer {
	height: 100%;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

	* html .heroContainer {
		height: 438px;
	}

.heroBubble {
	position: absolute;
	right: 0;
	bottom: -18px;
	display: table;
	width: 200px;
	height: 200px;
}

.rtl header .generic .heroBubble {
	right: auto;
	left: 0;
}

/*.heroBubble.blueBubble {
	background: url('/i/scom/images/backgrounds/hero-bubble-blue.png') no-repeat;
}

.heroBubble.pinkBubble {
	background: url('/i/scom/images/backgrounds/hero-bubble-pink.png') no-repeat;
}

.heroBubble.purpleBubble {
	background: url('/i/scom/images/backgrounds/hero-bubble-purple.png') no-repeat;
}*/

.generic .promo {
	margin-top: 15px;
	display: table-cell;
	vertical-align: middle;
	padding: 32px 0;
	text-align: center;
}

	.promo p,
	.promo span {
		color: white;
		margin-bottom: 0;
		padding: 0 36px;
		line-height: 18px;
	}

		.promo span.title-h1 {
			display: block;
			font-size: 42px;
			padding: 4px 12px 5px;
			margin: 0 -36px;
			line-height: 46px;
		}

		.promo.smallText span.title-h1 {
			font-size: 30px;
			padding: 7px 12px 8px;
			line-height: 32px;
		}

header .headline {
	padding-top: 102px;
	margin-bottom: 36px;
	margin-left: 15px;
	float: left;
	width: 40%;
	display: inline-table;
}

	.rtl header .headline {
		float: right;
	}

	header .generic .headline h1,
	header .generic .headline p.title-h1 {
		margin-bottom: 10px;
	}

	header .headline.whiteText h1,
	header .headline.whiteText p.title-h1 {
		color: #ffffff;
	}

	header .generic .headline .btn {
		/*margin-top: 4px;*/
	}

		header .generic .headline.fogGradientBackground {
			background-color: transparent;
		}

		header .generic .headline.whiteBackground {
			background-color: transparent;
		}



/* Homepage for China
----------------------------------------------------------------------------------------------------*/

header .generic.homepage .heroContainer {
    min-height: 438px;
    max-height: 438px;
}

header .generic.homepage .btnContainer {
    padding: 15px 0;
}


@media only screen and (max-width: 600px) {

	.heroContainer {
		display: flex;
		height: auto;
	}

	header .generic.homepage .heroContainer {
	    min-height: 40px;
		max-height: unset;
	}

	header .generic.homepage .btnContainer {
	    padding: 10px 20px 5px;
	}

}



/* No Header
----------------------------------------------------------------------------------------------------*/

header.noHeader {
    background: none repeat scroll 0 0 #E4EEF2;
    height: 102px;
}


@media only screen and (max-width: 600px) {

	header.noHeader {
	    height: 0;
	}

}



/* Search
----------------------------------------------------------------------------------------------------*/

header .search {
	margin: auto;
    max-width: 960px;
    min-width: 320px;
    padding: 0 30px 36px;
    position: relative;
    z-index: 1;
}

	header .search .contentBlock {
		margin: 0 auto;
		overflow: visible;
	    padding: 0;
	}

	header .search .contentBlock:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	header .search .searchWrapper {
	    padding: 0 57px 0 0;
	}

	header .search .searchContainer {
		position: relative;
		display: block;
		float: left;
		width: 100%;
		height: 56px;
		margin: 1px 1px 1px 0;
		border: 2px solid #00aff0;
		background-color: #ffffff;
		z-index: 1;
	}

			header .search .searchContainer:hover,
			header .search .searchContainer.selected {
				margin: 0 0 0 -1px;
				border-width: 3px;
			}

			.rtl header .search .searchContainer {
				float: right;
			}

		header .search .searchInput {
			position: relative;
			display: inline-block;
			float: left;
			height: 36px;
			width: 100%;
			padding: 9px 0 11px;
			margin: 0;
			background: #fff;
			border: none;			
			border-right:1px solid transparent;
			line-height: 34px;
			outline: none;
			color: #333534;
			text-indent: 15px;
		}

			/* IE6, IE7, IE8 */
			.ie6 header .search .searchInput,
			.ie7 header .search .searchInput {
				width: 99%;
			}

		header .search .searchInput::-ms-clear{
			display:none;
 		}

		* html header .search .searchInput {
			width: 414px;
		}

		.rtl header .search .searchInput {
			float: right;
			padding: 9px 14px 11px 43px;

			border: none;			
			border-left:1px solid transparent;
		}

		header .search .countrySelected .searchWrapper {
			padding-left: 84px;
    		padding-right: 100px;
		}

		/* Default per instance fallback */
		header .search .searchSubmit {
			display: block;
			position: absolute;
			right: 0;
			top: 0;
			background-color: #00AFF0;
			overflow: hidden;
			vertical-align: top;
			height: 56px;
			width: 56px;
			z-index: 1;
			*background: #00AFF0 url('../assets/images/rates-search/rates-search-sprite.png') no-repeat;
			*background-position: 14px 13px;
		}

			.svg header .search .searchSubmit {
				*background: #00AFF0 url('../assets/images/rates-search/rates-search-sprite.svg') no-repeat;
			}

			header .search .searchSubmit:hover {
				background-color: #0093DD;
			    cursor: pointer;
			    height: 62px;
			    right: -3px;
			    top: -3px;
			    width: 59px;
			    *background-position: 12px -36px;
			}

			header .search .searchSubmit:before {
				display: inline-block;
				content: url('../assets/images/rates-search/rates-search-sprite.png');
				position: relative;
				left: 14px;
				top: 13px;
			}
			
			.svg header .search .searchSubmit:before {
				content: url('../assets/images/rates-search/rates-search-sprite.svg');
				width: 90px !important;
			}
			
			header .search .searchSubmit:hover:before {
				left: 12px;
				top: -36px;
			}

				/* rtl */
				.rtl header .search .searchSubmit {
					left: 0;
					right: auto;
				}

				.rtl header .search .searchSubmit {
					*background-position: -36px 12px;
				}

				.rtl header .search .searchSubmit:before{
					left: -4px;
					top: 13px;
				}
				.rtl.svg header .search .searchSubmit:before {
					direction: ltr;
				}
				
				.rtl header .search .searchSubmit:hover:before{
					left: -5px;
					top: -40px;
				}

		header .search .searchContainer a.clearFilterInput {
			background-color: #ffffff;
			cursor: pointer; 
			display: none; 
			overflow: hidden; 
			position: absolute;
			right: 66px; 
			top: 17px; 
			height: 24px;
			width: 24px;
		}

		header .search .searchContainer a.clearFilterInput span {
			*background: url('../assets/images/rates-search/search-close-sprite.png');
			*float: left;
			*width: 100%;
			*height: 100%;
		}

		header .search .searchContainer a.clearFilterInput span:before {
			position: relative;
			content: url('../assets/images/rates-search/search-close-sprite.png');
		}

			.svg header .search .searchContainer a.clearFilterInput span:before {
				position: relative;
				content: url('../assets/images/rates-search/search-close-sprite.svg');
			}

		header .search .searchContainer a.clearFilterInput:hover span:before {
			left: -24px;
		}

		header .search .searchContainer a.clearFilterInput:hover span {
			*background-position: -24px 0px;
		}
		
		header .search .searchContainer a.clearFilterInput.selected span:before {
			left: -48px;
		}

		header .search .searchContainer a.clearFilterInput.selected span {
			*background-position: -48px 0px;
		}


			.rtl header .search .searchContainer a.clearFilterInput span {
				*background-position: 0px 0px;
			}

			.rtl header .search .searchContainer a.clearFilterInput span:before {
				left: 48px;
			}

			.rtl header .search .searchContainer a.clearFilterInput:hover span:before {
				left: 24px;
			}

			.rtl header .search .searchContainer a.clearFilterInput:hover span {
				*background-position: 48px 0px;
			}

			.rtl header .search .searchContainer a.clearFilterInput.selected span:before {
				left: 0px;
			}

			.rtl header .search .searchContainer a.clearFilterInput.selected span {
				*background-position: 24px 0px;
			}


			.rtl header .search .searchContainer a.clearFilterInput {
				left: auto;
				right: 440px;
			}


	/* Popular Search Items */

	header .search .popularSearch {
		display: table;
		height: 60px;
	    margin-top: 1px;
	    padding-left: 30px;
	}

		header .search .popularSearch .container {
			display: table-cell;
    		vertical-align: middle;
		}

		header .search .popularSearch .title {
		    line-height: 16px;
    		margin-bottom: 9px;
		    overflow: visible;
		}

		header .search .popularSearch .item {
			display: inline-block;
		    margin-right: 10px;
		}

			/* IE6, IE7, IE8 */
			.ie6 header .search .popularSearch .item,
			.ie7 header .search .popularSearch .item {
				display: inline;
			}

			/*header .search .popularSearch .item:after {
				content: "鈼�;
				color: #2B5464;
				margin-left: 8px;
				text-decoration: none;
			}*/

			header .search .popularSearch .item:last-child:after {
				display: none;
			}


@media only screen and (max-width: 600px) {

	header .search {
		margin-top: -8px;
	    padding: 0;
	}

		header .search .contentBlock {
		    padding: 0 20px 20px;
		}

		header .search .contentBlock .column {
		    overflow: visible;
		}

		/* SEARCH BOX*/

		/*header .search {
			width: auto;
			margin-top: -6px;
			padding: 0 20px 13px 20px;
		}*/

			header .search .searchWrapper {
				padding: 0 !important;
			}

			header .search .searchContainer {
				width: 100%;
				height: 42px;
				margin-bottom: 3px;
				border-width: 1px;
			}

				header .search .searchContainer .searchInput {
					height: 22px;
					width: 100%;
					padding: 10px 0;
					font-size: 14px;
					line-height: 20px;
					text-indent: 9px;
					border:none;
				}

				header .search .searchContainer:hover,
				header .search .searchContainer.selected {
					margin-bottom: 2px;
					border-width: 2px;
				}

			header .search .searchContainer.countrySelected .searchInput {
				width: 100%;
				height: 100%;
				padding-left: 51px;
				padding-right: 85px;
				margin-right: 36px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;	

			}

			.rtl header .search .searchContainer.countrySelected .searchInput {
				padding-left: 85px;
				padding-right: 51px;
				margin-right: 0;
				margin-left: 36px;
			}


			/* Default per instance fallback */
			header .search .searchSubmit {
				border-left: 1px solid transparent; 
				position: absolute;
				top: 0;
				right: 0;
				overflow: hidden;
				vertical-align: top;
				height: 42px;
				width: 42px;
				*background: #00AFF0 url('../assets/images/rates-search/rates-search-sprite.png') no-repeat 10px -33px;
			}

				header .search .searchSubmit:hover {
					background-color: #0093DD;
				    cursor: pointer;
				    height: 46px;
				    right: -2px;
				    top: -2px;
				    width: 44px;
				}

			/* Default per instance behaviour for pseudo-selector enabled browsers (eg. IE8+) */
			header .search .searchSubmit:before{
				display: inline-block;
				content: url('../assets/images/rates-search/rates-search-sprite.png');
				position: relative;
				left: 10px;
				top: -89px;
			}
			
				.svg header .search .searchSubmit {
					*background: #00AFF0 url('../assets/images/rates-search/rates-search-sprite.svg') no-repeat 10px -89px;
				}
			
				.svg header .search .searchSubmit:before {
					content: url('../assets/images/rates-search/rates-search-sprite.svg');
					width: 90px!important;
				}
			
				header .search .searchSubmit:hover:before {
					left: 9px;
					top: -129px;
				}

				.rtl header .search .searchSubmit {
					right: auto;
					left: 0;
					border: none;
					border-right: 1px solid transparent;
				}

				.rtl header .search .searchSubmit {
					*background-position: 49px 13px;
				}

				.rtl header .search .searchSubmit:before{
					left: 9px !important;
					top: -90px;
				}
				
				.rtl header .search .searchSubmit:hover:before{
					left: 8px !important;
					top: -132px;
				}

			header .search .searchContainer a.clearFilterInput {
				left: auto;
				right: 55px;
				top: 9px;
				height: 24px;
				width: 24px;
			}

				.rtl header .search .searchContainer a.clearFilterInput {
					left: 55px;
					right: auto;
				}

}



/* Bubbles
----------------------------------------------------------------------------------------------------*/

header .bubblesWrapper {
	width: 427px;
	margin: 0 auto;
	padding-right: 499px;
}

.rtl header .bubblesWrapper {
	padding-right: 0;
	padding-left: 499px;
}

header .bubbles {
	position: relative;
	left: -54px;
	top: 92px;
}

.rtl header .bubbles {
	left: auto;
	right: -54px;
}

	header .bubbles p {
		color: #fff;
	}

	header .bubbles .headline {
		float: none;
		width: 427px;
		height: 427px;
		margin: 0;
		display: table;
		/*background-image: url('/i/scom/images/backgrounds/hero-bubble-large.png');*/
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

		header .bubbles .headline h1 {
			display: table-cell;
			margin-bottom: 28px;
			padding: 58px 67px;
			color: #fff;
			vertical-align: middle;
		}

			header .bubbles .headline .h1-large,
			header .headline .h1-large {
				font-size: 42px;
				line-height: 48px;
			}

			header .bubbles .headline .h1-medium,
			header .headline .h1-medium {
				font-size: 36px;
				line-height: 42px;
			}

			header .bubbles .headline .h1-small,
			header .headline .h1-small {
				font-size: 30px;
				line-height: 36px;
			}

	header .bubbles .action {
		width: 164px;
		height: 164px;
		display: table;
		position: absolute;
		right: -103px;
		bottom: 0;
		/*background-image: url('/i/scom/images/backgrounds/hero-bubble-small.png');*/
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

		header .bubbles .action:hover {
			background-position: 0 -164px;
		}

		header .bubbles .action:active {
			background-position: 0 -328px;
		}			

	.rtl header .bubbles .action {
		right: auto;
		left: -95px;
	}

		header .bubbles .action .CTA {
			display: table-cell;
			padding: 33px 11px;
			text-align: center;
			vertical-align: middle;
		}

		* html header .bubbles .action .CTA {
			display: block;
		}

		*:first-child+html header .bubbles .action .CTA {
			display: block;
		}

		header .bubbles .action .CTA h2 {
				margin-bottom: 5px;
				color: #fff;
			}

				header .bubbles .action .CTA .h2-large {
					font-size: 36px;
					line-height: 42px;
					font-weight: 200;
				}

				header .bubbles .action .CTA .h2-medium {
					font-size: 24px;
					line-height: 30px;
					font-weight: 300;
					font-family: "Segoe UI Regular";
				}

				header .bubbles .action .CTA .h2-small {
					font-size: 20px;
					line-height: 24px;
					font-weight: 300;
					font-family: "Segoe UI Regular";
				}

		header .bubbles .action .arrowRight {
			width: 31px;
			height: 27px;
			/*background-image: url('/i/scom/images/icons/hero-bubble-arrow-right.png');*/
			background-repeat: no-repeat;
			background-size: 100% auto;
		}

		.rtl header .bubbles .action .arrowRight {
			/*background-image: url('/i/scom/images/icons/hero-bubble-arrow-left.png');*/
		}



/* Slimline
----------------------------------------------------------------------------------------------------*/

header .slimline {
	background-color: #E4EEF2;
}

	header .slimline .heroContainer {
		min-height: 0;
	}

	header .slimline.hasTabs {
		padding-bottom: 167px;
	}

	header .slimline .headline {
		float: none;
		width: 90%;
		margin-left: 15px;
		margin-bottom: 26px;
		padding: 102px 0 0;
		overflow: hidden;
	}

		header .slimline .headline h1,
		header .slimline .headline p.title-h1 {
			margin-bottom: 9px;
		}

		.rtl header .slimline .headline {
			margin-right: 15px;
		}

		header .slimline .headline a.backButton {
			display: block;
			width: 44px;
			height: 44px;
			margin-right: 17px;
			overflow: hidden;
			position: relative;
			*background: url('../assets/images/headers/hero-back-sprite.png') no-repeat;
		}

			.svg header .slimline .headline a.backButton {
				*background: url('../assets/images/headers/hero-back-sprite.svg') no-repeat;
			}

			header .slimline .headline a.backButton .iconSprite:before{
				content: url('../assets/images/headers/hero-back-sprite.png');
				position: relative;
				left: 0px;
				top: 0px;
			}

			.svg header .slimline .headline a.backButton .iconSprite:before {
				content: url('../assets/images/headers/hero-back-sprite.svg');
				width: 132px !important;
			}

			header .slimline .headline a.backButton:hover .iconSprite:before,
			header .slimline .headline a.backButton:focus .iconSprite:before {
				position: relative;
				left: -44px;
			}

			header .slimline .headline a.backButton:active .iconSprite:before {
				position: relative;
				left: -88px;
			}

			header .slimline .headline .backButton:hover {
				*background-position: -44px 0;
			}

			header .slimline .headline .backButton:active {
				*background-position: -88px 0;
			}

		header .slimline .headline .backButton,
		header .slimline .headline p {
			float: left;
		}

		header .slimline .headline p.title-h4,
		header .slimline .headline h1.title-h4 {
			clear: both;
		}

		.rtl header .slimline .headline .backButton,
		.rtl header .slimline .headline p {
			float: right;
		}

		*:first-child+html header .slimline .headline p {
			float: none;
		}

		* html header .slimline .headline p {
			float: none;
		}



/* Post Download
----------------------------------------------------------------------------------------------------*/

header.postDownload {
	display: block;
	text-align: center;
	padding-top: 128px;
	padding-bottom: 36px;
	/*background: #e4eef2 url(/i/scom/images/backgrounds/post-download-header.png) no-repeat bottom center;*/
}

	header.postDownload h1 {
		font-size: 42px;
		margin-bottom: 33px;
	}

	header.postDownload h2 {
		margin-bottom: 60px;
		font-size: 30px;
	}

	header.postDownload .retry {
		display: inline;
		padding-left: 25px;
		/*background: transparent url(/i/scom/images/icons/reload-icon.png) no-repeat center left;*/
	}	


@media only screen and (min-width: 1801px) {

	header .homePage .heroIllustration {
		position: static;
		width: 100%;
		top: 0;
		left: 0;
		background-size: 100% auto;
		-moz-background-size: 100% auto;
	}

	header .homePage .heroIllustrationContainer {
		position: static;
		height: auto;
	}

	header .homePage .heroIllustrationWrapper {
		position: static;
	}

	header .bubblesWrapper {
		position: absolute;
		left: 50%;
		bottom: 14px;
		padding-right: 0;
	}

	header .bubbles {
		position: relative;
		left: -518px;
	}

	.rtl header .bubbles {
		right: 410px;
	}

	header .generic .heroIllustration {
		background-size: 100% auto;
		-moz-background-size: 100% auto;
	}
}



/* Overrides for Tablet
----------------------------------------------------------------------------------------------------*/

header.tablet {
	margin-top: 52px;
}



/* Overrides for Retina on Tablet
----------------------------------------------------------------------------------------------------*/

@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (max-moz-device-pixel-ratio: 2) {
	header .bubbles .action .arrowRight {
		/*background-image: url('/i/scom/images/icons/hero-bubble-arrow-right-hd.png');*/
		background-size: 31px auto;
	}

	.heroBubble.blueBubble {
		/* disabled until no hd image */
		/*background-image: url('/i/scom/images/backgrounds/hero-bubble-blue-hd.png');*/
		
		/*background-image: url('/i/scom/images/backgrounds/hero-bubble-blue.png');*/
		background-size: 200px auto;
	}

	header .bubbles .action {
		/*background-image: url('/i/scom/images/backgrounds/hero-bubble-small-hd.png');*/
		background-size: 164px auto;
	}

	header .bubbles .headline {
		/*background-image: url('/i/scom/images/backgrounds/hero-bubble-large-hd.png');*/
	}
}



/* Overrides for Mobile
----------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 480px) {

	header .homePage > div.noDesktop,
	header .generic > div.noDesktop {
		margin: 0 -50%;
	}
	
	header .homePage .heroIllustration,
	header .generic .heroIllustration {
		margin: 0 auto;
		width: auto;
		height: 100%;
	}
}

@media only screen and (max-width: 600px) {

	header {
		margin-top: 0;
		margin-bottom: 0;
	}

	header .heroCenter {
		width: 100%;
		min-width: 320px;
		background-color: transparent;
		margin: 0 auto;
		overflow: hidden;
		padding-bottom: 0;
	}

	header .heroIllustration,
	header .generic .heroIllustration {
		display: block;
		position: static;
	}

	header .heroNoIllustration {
		padding: 18px 0 0 20px;
	}

		header .heroNoIllustration .title-h1 {
			margin-bottom: 7px;
		}

	header .generic .heroIllustration {
		position: static;
		height: auto;
		background-size: auto;
	}

	header .homePage .heroIllustration {
		background-color: #E4EEF2;
		height: auto;
	}

	header .heroContainer {
		/*background-image: url("/i/scom/images/backgrounds/mobile-circle-hero.png");*/
		background-position: left 65px;
		background-repeat: no-repeat;
		left: 0;
		margin-top: -132px;
		top: 0;
		width: 100%;
		min-height: 40px;
		padding: 0;
	}

	.rtl header .heroContainer {
		right: 0;
		/*background-image: url('/i/scom/images/backgrounds/mobile-circle-hero-rtl.png');*/
		background-position: right 65px;
	}

	header .noRainbow {
		background-image: none;
	}

	header .generic .heroContainer {
		min-height: 40px;
		padding: 0;
	}

	/*header .generic .headline .btn {
		margin-top: 19px;
	}*/

	header .headline.whiteText h1,
	header .headline.whiteText p.title-h1 {
		color: #333534;
	}

	header .generic .headline {
		width: 100%;
		padding: 20px 0;
		margin-top: 132px;
		margin-bottom: 0;
		margin-left: 0;
	}

	header .generic .headline h1,
	header .generic .headline p.title-h1 {
		width: auto;
	}

	header .headline .title-h4 {
		font-size: 16px;
		font-weight: 400;
		letter-spacing: 0;
		line-height: 20px;
		margin-bottom: 0;
	}

	header .homePage .headline {
		display: block;
		width: auto;
		position: relative;
		padding: 20px;
		background: #f5f9fb;
		background: -moz-linear-gradient(top,  #f5f9fb 0%, #E4EEF2 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f9fb), color-stop(100%,#E4EEF2));
		background: -webkit-linear-gradient(top,  #f5f9fb 0%,#E4EEF2 100%);
		background: -o-linear-gradient(top,  #f5f9fb 0%,#E4EEF2 100%);
		background: -ms-linear-gradient(top,  #f5f9fb 0%,#E4EEF2 100%);
		background: linear-gradient(top,  #f5f9fb 0%,#E4EEF2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f9fb', endColorstr='#E4EEF2',GradientType=0 );
	}

		header .generic .headline.fogGradientBackground {
			display: block;
			position: relative;
			width: 100%;
			padding: 20px 0;
			background: #f5f9fb;
			background: -moz-linear-gradient(top,  #f5f9fb 0%, #E4EEF2 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f9fb), color-stop(100%,#E4EEF2));
			background: -webkit-linear-gradient(top,  #f5f9fb 0%,#E4EEF2 100%);
			background: -o-linear-gradient(top,  #f5f9fb 0%,#E4EEF2 100%);
			background: -ms-linear-gradient(top,  #f5f9fb 0%,#E4EEF2 100%);
			background: linear-gradient(top,  #f5f9fb 0%,#E4EEF2 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f9fb', endColorstr='#E4EEF2',GradientType=0 );
		}

		header .generic .headline.whiteBackground {
			display: block;
			position: relative;
			width: 100%;
			padding: 20px 0;
			background: #ffffff;
		}

	header .generic .headline h1,
	header .generic .headline p {
		padding: 0 20px;
	}

		header .generic .headline h1 {
			margin-top: -6px;
		}

	.genericHeader header .headline:not(.fogGradientBackground) p,
	.genericHeader header .headline:not(.fogGradientBackground) h1 {
		padding: 0;
	}

		header .homePage .headline h1 {
			margin-bottom: 0;
			color: #000;
		}

	header .bubblesWrapper,
	.rtl header .bubblesWrapper {
		position: relative;
		width: 100%;
		padding: 0;
	}

	header .bubbles {
		 width: 100%;
		 margin-top: -132px;
		 left: 0;
		 top: 0;
		 /*background-image: url('/i/scom/images/backgrounds/mobile-circle-hero.png');*/
		 background-repeat: no-repeat;
		 background-position: left 65px;
	}

	.rtl header .bubbles {
		right: 0;
		/*background-image: url('/i/scom/images/backgrounds/mobile-circle-hero-rtl.png');*/
		background-position: right 65px;
	}

		header .bubbles .headline {
			position: relative;
			top: 132px;
			padding-bottom: 132px;
			height: auto;
		}

			header .bubbles .headline h1 {
				padding: 0 0 20px;
			}

				header .bubbles .headline .h1-large,
				header .bubbles .headline .h1-medium,
				header .bubbles .headline .h1-small,
				header .headline .h1-large,
				header .headline .h1-medium,
				header .headline .h1-small {
					font-size: 18px;
					font-weight: 400;
					letter-spacing: 0;
					line-height: 20px;
				}

	header .slimline.hasTabs {
		padding-bottom: 0;
	}

		header .slimline .headline,
		.rtl header .slimline .headline {
			width: auto;
			padding: 20px;
			margin-top: 132px;
			margin-bottom: 0;
			margin-left: 0;
		}

			header .slimline .headline a.backButton {
				display: block;
				line-height: 28px;
				height: 28px;
				width: auto;
				margin: 16px 0;
				overflow: visible;
				position: relative;
				text-decoration: none;
			}

				header .slimline .headline a.backButton .iconContainer {
					display: block;
					height: 28px;
					width: 28px;
					overflow: hidden;
					position: relative;
					*background-image: url('../assets/images/headers/hero-back-sprite-mobile.png') no-repeat;
				}

				.svg header .slimline .headline a.backButton .iconContainer {
					*background: url('../assets/images/headers/hero-back-sprite-mobile.svg') no-repeat;
				}

				header .slimline .headline a.backButton .iconSprite:before{
					content: url('../assets/images/headers/hero-back-sprite-mobile.png');
					position: relative;
					height: 28px;
					width: 28px;
					overflow: hidden;
					left: 0px;
					top: 0px;
				}

				.svg header .slimline .headline a.backButton .iconSprite:before {
					content: url('../assets/images/headers/hero-back-sprite-mobile.svg');
					width: 56px !important;
				}

				header .slimline .headline a.backButton:hover .iconSprite:before,
				header .slimline .headline a.backButton:focus .iconSprite:before {
					position: relative;
					left: -28px;
				}

				header .slimline .headline .backButton:hover .iconContainer {
					*background-position: -28px 0;
				}

				header .slimline .headline .backButton span.noDesktop {
					display: inline !important;
				    left: 37px;
				    position: absolute;
				    top: 0;
				    width: 160px;
				}

				header .slimline .headline h1,
				header .slimline .headline p.title-h1 {
					/*float: left;*/
					margin-bottom: 9px;
				}

				.rtl header .slimline .headline h1,
				.rtl header .slimline .headline p.title-h1 {
					float: right;
					margin-right: 8px;
					margin-left: 0;
				}

			header .slimline .headline.withButton {
				background-color: #FFFFFF;
				padding-bottom: 0;
				padding-top: 0;
			}

	.downloadSection {
		width: auto;
		background-color: transparent;
		margin: 0 auto;
		overflow: hidden;
		padding: 5px 20px 0;
	}

		.downloadSection a img {
			float: left;
		}

			.rtl .downloadSection a img {
				float: right;
			}

		.downloadSection a span {
			display: block;
			overflow: hidden;
			padding: 5px 10px;
		}

header.postDownload {
	display: block;
	text-align: center;
	padding: 20px;
	background-color: #e4eef2;
}

	header.postDownload h1 {
		font-size: 30px;
		margin-bottom: 33px;
	}

	header.postDownload h2 {
		margin-bottom: 20px;
		font-size: 20px;
	}

	header.postDownload .retry {
		display: inline;
		padding-left: 25px;
		/*background: transparent url(/i/scom/images/icons/reload-icon.png) no-repeat center left;*/
	}		

}

/*@media only screen and (min-width: 600px) and (max-width: 767px) {

	header .homePage .heroIllustration,
	header .generic .heroIllustration {
		background-size: 100%;
		background-position: center;
	}


}*/



/* Overrides for Mobile Retina
----------------------------------------------------------------------------------------------------*/

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px),
screen and (max-moz-device-pixel-ratio: 2) and (max-width: 767px) {

	header .bubbles {
		/*background-image: url('/i/scom/images/backgrounds/mobile-circle-hero-hd.png');*/
		background-size: 161px auto;
	}
}