/* ==========================================================================
   Base file for MediaQueries for publication svtse
   ========================================================================== */
/*
 *	Divided into this file because svtse.css got to big
 *  for Internet Explorer 8 and below
 */
/* ==========================================================================
   Base for publication svt.se
   ========================================================================== */
/**
 * Imports all sass files for publication svt.se
 */
/* ==========================================================================
   Settings for the default path
   ========================================================================== */
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* Black to white
   ========================================================================== */
/* Links and interactions
   ========================================================================== */
/* links */
/* SVTSE publication
   ========================================================================== */
/* Font colors
   ========================================================================== */
/* ==========================================================================
   Gradient
   ========================================================================== */
/* Transform
   ========================================================================== */
/*
 * This function is only possible in SASS 3.3. Waiting for upgrade.....
 *
 *  @usage svt_transform(translate3d, 10px, 20px, 0);
 *
 *	@mixin svt_transform($transform-function, $values...) {
 *		-moz-transform: call($transform-function, $values);
 *		-webkit-transform: call($transform-function, $values);
 *		-ms-transform: call($transform-function, $values);
 *		transform: call($transform-function, $values);
 *	}
 */
/* Transform origin
   ========================================================================== */
/* Transform scale
   ========================================================================== */
/* Rotate
   ========================================================================== */
/* Transitions
   ========================================================================== */
/* Animations
   ========================================================================== */
/*
 * Example usage:
 * @include svt_keyframe(fadeout) {
 * 		0% {
 * 			opacity: 1;
 * 		}
 *
 * 		100% {
 * 			opacity: 0;
 * 		}
 * }
 */
/*
 * Example usage:
 * @include svt_animation(changecolour, 10s, ease-out, 5s, 2, alternate)
 */
/* ==========================================================================
   Colors
   ========================================================================== */
/* Black to white
   ========================================================================== */
/* Links and interactions
   ========================================================================== */
/* links */
/* SVTSE publication
   ========================================================================== */
/* Font colors
   ========================================================================== */
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Font sizes the YUI font way (start 13px)
 *
 * Read: http://developer.yahoo.com/yui/fonts/#fontsize
 *
 * Over 26 See: http://bit.ly/fontsizes-svt
*/
/* Default font family */
/* Typekit myriad */
/* Mixins for Typography
   ========================================================================== */
/* Text overflow
   ========================================================================== */
/* Box shadow
   ========================================================================== */
/* simple boxshadow mixing so we can chain multiple boxshadows */
/* ==========================================================================
   Mixins
   ========================================================================== */
/**
 * We use mixins for simplify vendor prefixes and build functions with fallback
 *
 * Try to keep a minimum of vendor prefixes and always check http://caniuse.com for support
 */
/* Gradient
   ========================================================================== */
/*
	No support for Chrome v < 10, Safari v < 5.1 and iOS v < 5
*/
/* Horizontal */
/* Horizontal  3 stops */
/* Background size
   ========================================================================== */
/*
 * If the property has only one value, it applies both horizontally and vertically.
 * If there are two, the first one refers to the width, the second to the height of the background image.
 */
/* Border radius
   ========================================================================== */
/* Border image
   ========================================================================== */
/* Boxsizing
   ========================================================================== */
/**
 * General box-sizing mixin
 *
 * @arguments
 * 		border-box
 * 		content-box
 * 		padding-box
 *
 * w3c default is content-box
 */
/* Clearfix
   ========================================================================== */
/* IE7 inline-block
   ========================================================================== */
/* Retina
   ========================================================================== */
/* Setting color on placeholder on inputs
   ========================================================================== */
/* Center content
   ============================================ */
/* Boxsizing
   ========================================================================== */
/* TODO: One box-sizing function with inparam for value instead */
/* Opacity
   ========================================================================== */
/* IE8 Only Mixin
   ========================================================================== */
/* Helpers for using sprites. Use wth grunt-spritesmith.
 *
 * USAGE
 *
 * Using regular version
 * @include sprite($sprite-list-variable)
 *
 * Using retina version
 * @include sprite-retina(sprite1x-variable, (optional) sprite2x-variable)
 *
   ========================================================================== */
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/* ==========================================================================
   SVT colors
   ========================================================================== */
/**
 * Speca upp utifran designriktlinjer/grafiskprofil
 *
 */
/* Black to white
   ========================================================================== */
/** TODO: PLAY green Witch is the right color? **/
/* Complementary colors for channel graphics
   ========================================================================== */
/* SVT1 */
/* SVT2 */
/* Barnkanalen */
/* Kunskapskanalen */
/* SVT World */
/* SVT24 */
/* Externa kanaler TV4, Kanal 5 och TV6 */
/* Legend color set for A-O
   ========================================================================== */
/* Gradient colors
   ========================================================================== */
/* TODO: Color direct on elements, should have a variabel name that describes the color */
/* Font colors
   ========================================================================== */
/* Links and interactions
   ========================================================================== */
/* links */
/* standard color for theme.scss
   ========================================================================== */
/* Local menu background color, if set with rgba we also need to set a IE 7-8 fallback */
/* Buttons standard colors
   ========================================================================== */
/* SVTSE publication
   ========================================================================== */
/* parental control colors
   ========================================================================== */
/* titta service
   ========================================================================== */
/* ==========================================================================
   SVT fonts
   ========================================================================== */
/**
 * Font sizes the YUI font way (start 13px)
 *
 * Read: http://developer.yahoo.com/yui/fonts/#fontsize
 *
 * Over 26 See: http://bit.ly/fontsizes-svt
*/
/* Default font family */
/* Typekit myriad */
/* ==========================================================================
   Measures
   ========================================================================== */
/**
 * Measures for svt.se
 *
 */
/* ==========================================================================
   Measures
   ========================================================================== */
/* Measures for media queries
   ========================================================================== */
/*
 * TODO SWITCH variables doesn't work in _mediaqueries.scss
 *
 * Would be nice if we could use the variables
 */
/* XSMALL not used now TODO: better size */
/* XLARGE not used now */
/* Measures
   ========================================================================== */
/* pixels */
/* Procent */
/* Radius */
/* Balk */
/* Lists */
/**
 * The grid systems base measures
 * Example usage: width: ($grid-w-max - NUM-OF-MARGINS * $grid-w-margin) / NUM-OF-UNITS;
 *
 * TODO: johb in progress, needs to be 100% but still work on IE < 9
 */
/* Figure */
/* Animation timers */
/* Columns */
/* Typography bases */
/* ==========================================================================
   Theme default values
   ========================================================================== */
/* standard color for theme.scss
   ========================================================================== */
/**
 * $localMenuType can be set to small large or responsive
 * Uses:
 * generic = all general standardpages on svt.se
 * large = titlepages
 * responsive = is like generic but has lower height in XS (used on news)
 */
/* $localMenuType dependant sizes */
/* Currently just light and dark */
/* Local menu background color, if set with rgba we also need to set a IE 7-8 fallback */
/*localHeader settings */
/* Used when $localMenuType generic or responsive */
/* Used when $localMenuType large */
/**
 * Responsive background
 * Scales the background/logotype from 60%(mobil first) 75%(S) AUTO/100%(M-L)
 */
/* Local header logos for News site placed in sprite. Can be used for other sites aswell. */
/* Local title (if no logo) */
/* typography
   ========================================================================== */
/* H1 */
/* H2 */
/* H3 */
/* H4 */
/* H5 */
/* Article Section Header */
/* Article Section Subheader */
/* Vingnette */
/* Vingnette header */
/* Theme sprite
   ========================================================================== */
/* Used for sprite position. This number is multiplied with sprite-base, to get position */
/* Buttons
   ========================================================================== */
/* Umbrella sites
   ========================================================================== */
/* Wide View
   ========================================================================== */
/* ==========================================================================
   Mixins
   ========================================================================== */
/**
 * We use mixins for simplify vendor prefixes and build functions with fallback
 *
 * Try to keep a minimum of vendor prefixes and always check http://caniuse.com for support
 */
/* Gradient
   ========================================================================== */
/*
	No support for Chrome v < 10, Safari v < 5.1 and iOS v < 5
*/
/* Horizontal */
/* Horizontal  3 stops */
/* Background size
   ========================================================================== */
/* If the property has only one value, it applies both horizontally and vertically.
 * If there are two, the first one refers to the width, the second to the height of the background image.
 */
/* Border radius
   ========================================================================== */
/* Box shadow
   ========================================================================== */
/* simple boxshadow mixing so we can chain multiple boxshadows */
/* Border image
   ========================================================================== */
/* Boxsizing
   ========================================================================== */
/* TODO: One box-sizing function with inparam for value instead */
/**
 * General box-sizing mixin
 *
 * @arguments
 * 		border-box
 * 		content-box
 * 		padding-box
 *
 * w3c default is content-box
 */
/* Columns
   ========================================================================== */
/* Transitions
   ========================================================================== */
/* Animations
   ========================================================================== */
/*
	Example usage:
	@include keyframe(fadeout) {
		0% {
			opacity: 1;
		}

		100% {
			opacity: 0;
		}
	}
*/
/*
	Example usage:
    @include animation(changecolour, 10s, ease-out, 5s, 2, alternate )
*/
/* Opacity
   ========================================================================== */
/* Transform
   ========================================================================== */
/* Transform origin
   ========================================================================== */
/* Transform scale
   ========================================================================== */
/* Text shadow
   ========================================================================== */
/* Text overflow
   ========================================================================== */
/* Grids
   ========================================================================== */
/* Media block
   ========================================================================== */
/* Clearfix
   ========================================================================== */
/**
 * The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix
 * Use sparingly on new css classes. Extend in HTML with .svtClearfix instead
 * USED BY: .svtClearfix , .svtContainerBase
 */
/* Rotate with IE fix
   ========================================================================== */
/* Appearence
   ========================================================================== */
/* Gradient Bar Colors for buttons and alerts
   ========================================================================== */
/* Loading animation for buttons
   ========================================================================== */
/* IE7 inline-block
   ========================================================================== */
/* IE7 restore whitespace
   ========================================================================== */
/**
 * IE7 likes to collapse whitespace on either side of the inline-block elements.
 * Ems because we're attempting to match the width of a space character. Left
 * version is for form buttons, which typically come after other elements, and
 * right version is for icons, which come before. Applying both is ok, but it will
 * mean that space between those elements will be .6em (~2 space characters) in IE7,
 * instead of the 1 space in other browsers.
 */
/* Reset filters for IE
   ========================================================================== */
/* Webkit-style focus
   ========================================================================== */
/* Setting color on placeholder on inputs
   ========================================================================== */
/* SVT Player specific mixins
   ========================================================================== */
/* IE8 Only Mixin
   ========================================================================== */
/* ==========================================================================
   mq_mixins
   ========================================================================== */
/**
 * "Base" file for mixins for media queries
 *
 * Imports and includes page specific media queries lika A-O, Tabla ...
 *
 * General classes for all publications should be written here
 */
/* Imports
   ========================================================================== */
/* ==========================================================================
   Innehall A-O in different media queries
   ========================================================================== */
/* Small, medium and large */
/* Medium */
/* Large */
/* ==========================================================================
   CSS3 columns in different media queries
   ========================================================================== */
/* Small */
/* Medium */
/* Large */
/* ==========================================================================
   Display, shows and hide item in different media queries
   ========================================================================== */
/* Small, medium and large */
/* Medium and large */
/* Large */
/* ==========================================================================
   Gridblock in different media queries
   ========================================================================== */
/**
 * See _grid.scss for documentation
 */
/* Small, medium and large */
/* Medium and large */
/* Small */
/* Medium */
/* Large */
/* ==========================================================================
   Layout in different media queries
   ========================================================================== */
/**
 * see _layout.scss for more information
 */
/* Small, medium and large */
/* Small */
/* Medium */
/** Large */
/* ==========================================================================
   svtLineElement in different media queries
   ========================================================================== */
/* Medium and large */
/* Small */
/* Medium */
/* Large */
/* ==========================================================================
   svtMediaBlock in different media queries
   ========================================================================== */
/**
 * see _mediaBlock.scss for documentation
 */
/* Small, medium and large */
/* Medium and large */
/* Small */
/* ==========================================================================
   Tabla item in different media queries
   ========================================================================== */
/* Medium and large */
/* Medium */
/* ==========================================================================
   Typograpy items in different media queries
   ========================================================================== */
/* Small and medium */
/* Medium  and large */
/* Large */
/* ==========================================================================
   Models item in different media queries
   ========================================================================== */
/* see _models.scss for more information  */
/* Medium and large */
/* ==========================================================================
   Weather in different media queries
   ========================================================================== */
/* SMALL and MEDIUM */
/* ==========================================================================
   Media Gallery in different media queries
   ========================================================================== */
/* SMALL and MEDIUM */
/* ==========================================================================
   Forms in different media queries
   ========================================================================== */
/* Small, medium and large */
/* Medium and large */
/* Small */
/* Medium */
/* Large */
/* ==========================================================================
   FAQ (Tittarservice) in different media queries
   ========================================================================== */
/* Medium and large */
/* Small */
/* Medium */
/* Large */
/* SMALL, MEDIUM AND LARGE */
/* SMALL AND MEDIUM */
/* MEDIUM AND LARGE */
/* SMALL - IPADS PORTRAIT */
/* MEDIUM - IPADS landscape, small Desktops and laptops */
/* X-EXTRA SMALL iPhone Portrait*/
/* LARGE - Desktops and laptops */
/*
 * MediaQuery mixins for local pub
 * NEVER write code here, overwrite in your publications _mq_mixins_xxx.scss
 */
/* SMALL, MEDIUM AND LARGE */
/* SMALL AND MEDIUM */
/* MEDIUM AND LARGE */
/* SMALL - IPADS PORTRAIT */
/* X-EXTRA SMALL - IPHONE PORTRAIT */
/* MEDIUM - IPADS landscape, small Desktops and laptops */
/* LARGE - Desktops and laptops */
/* ==========================================================================
   Media queries
   ========================================================================== */
/**
 * We allways code mobil first and extra features in browsers that's supports media queries
 *
 * xsmall	<= 600px (mobile first)
 * small	> 601px and <= 800px (ex. iPad portrait)
 * medium	> 800px and <= 1024px (ex iPad landscape, small desktops and laptops)
 * large	> 1024px (ex desktops and laptops)
 * xlarge	> 1824px (ex tv and large screens) NOT IN USE RIGHT NOW!
 *
 * The order of the media queries are as follow:
 * - Small or above
 * - Medium or above
 * - Large or above
 * - Extra large or above
 * - Small, medium and large
 * - Small and medium
 * - Medium and large
 * - Small
 * - Medium
 * - Large
 *
 * IE <= 8 gets the same CSS as large
 */
/* Variables
   ========================================================================== */
/* Small or above
   ========================================================================== */
/* Medium or above
   ========================================================================== */
/* Large or above
   ========================================================================== */
/* Extra large or above
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small & medium
   ========================================================================== */
/* Medium & large & above
   ========================================================================== */
/* Medium & large
   ========================================================================== */
/* X-Extra Small
   ========================================================================== */
/* Extra Small
   ========================================================================== */
/* Small
   ========================================================================== */
/* Medium
   ========================================================================== */
/* Large
   ========================================================================== */
/* Use this file for importing to SASS. */
@font-face {
  font-family: "svt-icons";
  src: url("fonts/svt-icons-3c0b8f542510103f34a38be4efaedb00.eot");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "svt-icons";
  src: url("fonts/svt-icons-3c0b8f542510103f34a38be4efaedb00.eot");
  src: url("fonts/svt-icons-3c0b8f542510103f34a38be4efaedb00.eot?#iefix") format("embedded-opentype"), url("fonts/svt-icons-3c0b8f542510103f34a38be4efaedb00.woff") format("woff"), url("fonts/svt-icons-3c0b8f542510103f34a38be4efaedb00.ttf") format("truetype"), url("fonts/svt-icons-3c0b8f542510103f34a38be4efaedb00.svg?#svt-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

.svt_icon {
  font-family: "svt-icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.svt_icon--HD:before {
  content: "\f101"; }

.svt_icon--airplay:before {
  content: "\f102"; }

.svt_icon--angle-curved-left:before {
  content: "\f103"; }

.svt_icon--angle-curved-right:before {
  content: "\f104"; }

.svt_icon--angle-left:before {
  content: "\f105"; }

.svt_icon--angle-right:before {
  content: "\f106"; }

.svt_icon--arrow-down:before {
  content: "\f107"; }

.svt_icon--arrow-left:before {
  content: "\f108"; }

.svt_icon--arrow-right:before {
  content: "\f109"; }

.svt_icon--arrow-up:before {
  content: "\f10a"; }

.svt_icon--backward:before {
  content: "\f10b"; }

.svt_icon--ban:before {
  content: "\f10c"; }

.svt_icon--camera:before {
  content: "\f10d"; }

.svt_icon--caret-down:before {
  content: "\f10e"; }

.svt_icon--caret-left:before {
  content: "\f10f"; }

.svt_icon--caret-right:before {
  content: "\f110"; }

.svt_icon--caret-toggle:before {
  content: "\f111"; }

.svt_icon--caret-up:before {
  content: "\f112"; }

.svt_icon--clock:before {
  content: "\f113"; }

.svt_icon--close:before {
  content: "\f114"; }

.svt_icon--cog:before {
  content: "\f115"; }

.svt_icon--comment:before {
  content: "\f116"; }

.svt_icon--comments:before {
  content: "\f117"; }

.svt_icon--days-14:before {
  content: "\f118"; }

.svt_icon--days-30:before {
  content: "\f119"; }

.svt_icon--days-30plus:before {
  content: "\f11a"; }

.svt_icon--days-365:before {
  content: "\f11b"; }

.svt_icon--days-366:before {
  content: "\f11c"; }

.svt_icon--days-7:before {
  content: "\f11d"; }

.svt_icon--dot:before {
  content: "\f11e"; }

.svt_icon--down-circle:before {
  content: "\f11f"; }

.svt_icon--envelope:before {
  content: "\f120"; }

.svt_icon--facebook-square:before {
  content: "\f121"; }

.svt_icon--facebook:before {
  content: "\f122"; }

.svt_icon--fast-backward:before {
  content: "\f123"; }

.svt_icon--fast-forward:before {
  content: "\f124"; }

.svt_icon--forward:before {
  content: "\f125"; }

.svt_icon--fullscreen:before {
  content: "\f126"; }

.svt_icon--glass:before {
  content: "\f127"; }

.svt_icon--google-plus-square:before {
  content: "\f128"; }

.svt_icon--google-plus:before {
  content: "\f129"; }

.svt_icon--heart:before {
  content: "\f12a"; }

.svt_icon--info:before {
  content: "\f12b"; }

.svt_icon--knife-fork:before {
  content: "\f12c"; }

.svt_icon--left-circle:before {
  content: "\f12d"; }

.svt_icon--link-external:before {
  content: "\f12e"; }

.svt_icon--linked:before {
  content: "\f12f"; }

.svt_icon--live:before {
  content: "\f130"; }

.svt_icon--menu:before {
  content: "\f131"; }

.svt_icon--minus-circle:before {
  content: "\f132"; }

.svt_icon--minus-square:before {
  content: "\f133"; }

.svt_icon--minus:before {
  content: "\f134"; }

.svt_icon--new-window:before {
  content: "\f135"; }

.svt_icon--pause:before {
  content: "\f136"; }

.svt_icon--pen:before {
  content: "\f137"; }

.svt_icon--phone-ban:before {
  content: "\f138"; }

.svt_icon--play-square:before {
  content: "\f139"; }

.svt_icon--play:before {
  content: "\f13a"; }

.svt_icon--plus-circle:before {
  content: "\f13b"; }

.svt_icon--plus-square:before {
  content: "\f13c"; }

.svt_icon--plus:before {
  content: "\f13d"; }

.svt_icon--position:before {
  content: "\f13e"; }

.svt_icon--printer:before {
  content: "\f13f"; }

.svt_icon--program:before {
  content: "\f140"; }

.svt_icon--question:before {
  content: "\f141"; }

.svt_icon--refresh:before {
  content: "\f142"; }

.svt_icon--remote:before {
  content: "\f143"; }

.svt_icon--replay:before {
  content: "\f144"; }

.svt_icon--right-circle:before {
  content: "\f145"; }

.svt_icon--rss:before {
  content: "\f146"; }

.svt_icon--schedule-compact:before {
  content: "\f147"; }

.svt_icon--schedule-detailed:before {
  content: "\f148"; }

.svt_icon--search:before {
  content: "\f149"; }

.svt_icon--share:before {
  content: "\f14a"; }

.svt_icon--sight-square:before {
  content: "\f14b"; }

.svt_icon--sight:before {
  content: "\f14c"; }

.svt_icon--sign-language-square:before {
  content: "\f14d"; }

.svt_icon--sign-language:before {
  content: "\f14e"; }

.svt_icon--sound-higher:before {
  content: "\f14f"; }

.svt_icon--sound-lower:before {
  content: "\f150"; }

.svt_icon--sound-lowest:before {
  content: "\f151"; }

.svt_icon--sound-off:before {
  content: "\f152"; }

.svt_icon--sound:before {
  content: "\f153"; }

.svt_icon--stop:before {
  content: "\f154"; }

.svt_icon--svt-play:before {
  content: "\f155"; }

.svt_icon--text-square:before {
  content: "\f156"; }

.svt_icon--text:before {
  content: "\f157"; }

.svt_icon--tv-screen:before {
  content: "\f158"; }

.svt_icon--twitter-square:before {
  content: "\f159"; }

.svt_icon--twitter:before {
  content: "\f15a"; }

.svt_icon--up-circle:before {
  content: "\f15b"; }

.svt_icon--video-new-window:before {
  content: "\f15c"; }

.svt_icon--video-window-large:before {
  content: "\f15d"; }

.svt_icon--video-window-small:before {
  content: "\f15e"; }

.svt_icon--warning:before {
  content: "\f15f"; }

.svt_icon--watch:before {
  content: "\f160"; }

.svt_icon--world-ban:before {
  content: "\f161"; }

.svt_icon {
  vertical-align: baseline; }

.svt_icon--align-top {
  vertical-align: top; }

.svt_icon--align-middle {
  vertical-align: middle; }

.svt_icon--rotate-90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.svt_icon--rotate-180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.svt_icon--rotate-270 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg); }

.svt_icon--fw-small {
  width: 1em; }

.svt_icon--fw-medium {
  width: 1.5em; }

.svt_icon--fw-large {
  width: 2em; }

.svt_icon--1x {
  font-size: 1em; }

.svt_icon--2x {
  font-size: 2em; }

.svt_icon--3x {
  font-size: 3em; }

.svt_icon--4x {
  font-size: 4em; }

.svt_icon--5x {
  font-size: 5em; }

/* ==========================================================================
   MediaQuery mixins for local pub SVTSE
   ========================================================================== */
/* ==========================================================================
   Firstpage in different media queries
   ========================================================================== */
/* ==========================================================================
   Media query mixins for news
   ========================================================================== */
/* SMALL, MEDIUM AND LARGE */
/* MEDIUM AND LARGE */
/* ==========================================================================
   Programme page in different media queries
   ========================================================================== */
/* ==========================================================================
   svtTeaser in different media queries
   ========================================================================== */
/* Small, medium and large */
/* Medium and large */
/* Medium and large */
/* Medium and large */
/* Medium and large */
/* ==========================================================================
   svtTeaser in different media queries
   ========================================================================== */
/* Small, medium and large */
/* SMALL, MEDIUM AND LARGE */
/* MEDIUM AND LARGE */
/* SMALL - IPADS PORTRAIT 
With SVT logo on top
*/
/* MEDIUM - IPADS landscape, small Desktops and laptops */
/* LARGE - Desktops and laptops */
/* ==========================================================================
   Media queries
   ========================================================================== */
/**
 * We allways code mobil first and extra features in browsers that's supports media queries
 *
 * xxsmall	<= 341px (mobile portrait)
 * xsmall	<= 600px (mobile first)
 * small	>= 601px and <= 800px (ex. iPad portrait)
 * medium	>= 800px and <= 1024px (ex iPad landscape, small desktops and laptops)
 * large	>= 1024px (ex desktops and laptops)
 * xlarge	>= 1824px (ex tv and large screens) NOT IN USE RIGHT NOW!
 *
 * The order of the media queries are as follow:
 * - Small, medium and large
 * - Small and medium
 * - Medium and large
 * - Small
 * - Medium
 * - Large
 *
 * IE <= 8 gets the same CSS as large
 */
/**
 * @todo Where should this go? Can't be placed in extends, svtXFullWidth for
 * instance overrides the media queries since it's later in the cascade :(
 */
.svtXWidth100 {
  width: 100%; }

.svtXWidth44 {
  width: 44%; }

/* Small, medium and large
   ========================================================================== */
@media only screen and (min-width: 601px) {
  .svtAO-filterarea a {
    display: inline-block;
    margin-bottom: 0; }
  .svtAO-Aside {
    border-bottom: none;
    height: 100%;
    margin-top: 30px;
    padding: 10px 10px 0;
    position: absolute;
    right: 0; }
    .svtAO-Aside .svtLink-Arrow-Selected {
      margin: 0 -10px;
      padding-left: 17px; }
  .svtAO-charlist {
    margin-bottom: 15px; }
  .svtHide-E-XS {
    display: block; }
  .svtHide-E-XS-Inline {
    display: inline; }
  .svtHide-Gte-S {
    display: none; }
  .svtShow-Gte-S {
    display: block; }
  .svtGridBlock-1-5-5-5 .svtUnit {
    clear: none;
    float: left;
    width: 18.35%; }
  .svtGridBlock-1-5-5-5 .svtNth-2, .svtGridBlock-1-5-5-5 .svtNth-3, .svtGridBlock-1-5-5-5 .svtNth-4, .svtGridBlock-1-5-5-5 .svtNth-5 {
    clear: none;
    margin-left: 2%; }
  .svtGridBlock-1-2-2-2 .svtUnit {
    width: 48.875%; }
  .svtGridBlock-1-2-2-2 .svtNth-1 {
    clear: both;
    margin-left: 0; }
  .svtGridBlock-1-2-2-2 .svtNth-2 {
    clear: none;
    margin-left: 2%; }
  .svtContainerMain {
    width: 65%;
    float: left;
    position: relative; }
  .svtContainerMainWidth {
    width: 65%; }
  .svtContainerMain-Alt {
    width: 53.5%;
    float: left;
    position: relative; }
  .svtContainerMain-70 {
    width: 70%;
    float: left;
    position: relative; }
  .svtContainerAside {
    width: 30%;
    float: right; }
  .svtContainerAside-Alt {
    width: 44%;
    float: right;
    margin-top: 0; }
  .svtContainerAside-25 {
    width: 25%;
    float: right; }
  .svtContainer-100-100-50left-50left {
    width: 50%;
    float: left; }
  .svtContainer-100-100-50right-50right {
    width: 50%;
    float: right; }
  .svtMediaBlock {
    /* Exceptions for IE8 or less */ }
    .svtMediaBlock .svtMBFig-O-L-L-L {
      float: left;
      margin-right: 15px; }
      .svtMediaBlock .svtMBFig-O-L-L-L img {
        display: block; }
    .svtMediaBlock .svtMediaBlockFig-XS.svtMBFig-O-L-L-L {
      width: 10%;
      max-width: 40px; }
    .svtMediaBlock .svtMediaBlockFig-M.svtMBFig-O-L-L-L {
      width: 30%; }
    .svtMediaBlock .svtMediaBlockFig-L.svtMBFig-O-L-L-L {
      width: 35%; }
    .svtMediaBlock .svtMediaBlockFig-XL.svtMBFig-O-L-L-L {
      width: 48%; }
    .svtMediaBlock .svtMBFig-L-O-O-O {
      float: none;
      margin-right: 0;
      width: 100%; }
  .svtMediaBlock .svtMBFig-O-R-R-R {
    float: right;
    margin-left: 15px; }
  .svtMediaBlockFig-XS.svtMBFig-O-R-R-R {
    width: 10%;
    max-width: 40px; }
  .svtMediaBlockFig-M.svtMBFig-O-R-R-R {
    width: 30%; }
  .svtMediaBlockFig-L.svtMBFig-O-R-R-R {
    width: 35%; }
  .svtMediaBlockFig-XL.svtMBFig-O-R-R-R {
    width: 48%; }
  /* Exceptions for IE8 or less */
  /* Border around article */
  .svtArticleExpand {
    border: 1px solid #EEE;
    padding: 9px;
    margin: 0 -10px 15px -10px; }
  .svtHighlighter-Arrow_breakingNews {
    background: url(/statiskt/skins/svt/css/img/nyheter/highlighter-arrows.png) no-repeat 0 50%;
    padding: 8px 32px 9px 100px; }
  .svtButton-Tab-S-Narrow {
    line-height: 28px;
    padding: 11px 15px 10px; }
  .svtXFloatLeft-GTE-S {
    float: left; }
  .svtXNoFloatLeft-GTE-S {
    float: none !important; }
  .svtXFloatRight-Gte-S {
    float: right; }
  .svtXWidthAuto-GTE-S {
    width: auto; }
  .svtXBorder-Left-Grey-1px-GTE-S {
    border-left: 1px solid #AAA; }
  .svtXWidth-33-GTE-S {
    /* somthings not right with the loading order */
    width: 33% !important; }
  .svtXWidth-98to33-GTE-S {
    width: 33%; }
  .svtXWidth-67-GTE-S {
    /* somthings not right with the loading order */
    width: 67% !important; }
  .svtBroadcastBanner .svtServiceHeader {
    height: 41px; }
  .svtBroadcastBanner .svtServiceHeader h4 {
    padding: 8px 15px 0; }
  .svtBroadcastBanner .svtBroadcastBannerContent {
    padding: 0; }
  .svtBroadcastBanner img {
    margin-bottom: 7px; }
  .svtBroadcastBanner .svtBroadcastBanner-Link {
    margin-top: 5px;
    overflow: visible; }
  .svtXBorder-Center-Lightgrey {
    background: url("img/firstpage/center-line-light-grey-left.gif") top center repeat-y; }
  .svtServiceHeaderBar {
    margin-top: 10px; }
    .svtServiceHeaderBar:first-child {
      margin-top: -42px; }
  .svtImportantMessageStart {
    margin-top: -40px;
    margin-bottom: 50px; }
  .svtFirstpageDisasterH1 {
    position: static;
    margin: 0;
    padding: 0;
    top: 0;
    line-height: 41px;
    font-size: 230.8%; }
  .svtButtonAlmostBlack-Gte-M {
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#313131));
    background-image: -webkit-linear-gradient(top, #3d3d3d, #313131);
    background-image: -moz-linear-gradient(top, #3d3d3d, #313131);
    background-color: #313131;
    border: solid 1px #000;
    box-shadow: 0 1px 0 #313131, 0 1px 0 #5a5a5a inset;
    margin-right: 5px;
    padding: 9px 14px 9px 14px;
    position: relative;
    float: left; }
    .svtButtonAlmostBlack-Gte-M:hover {
      text-decoration: none;
      background: #383838; }
    .svtButtonAlmostBlack-Gte-M.active {
      background-image: -webkit-gradient(linear, left top, left bottom, from(#d0d0d0), to(#e8e8e8));
      background-image: -webkit-linear-gradient(top, #d0d0d0, #e8e8e8);
      background-image: -moz-linear-gradient(top, #d0d0d0, #e8e8e8);
      background-color: #e8e8e8;
      box-shadow: 0 1px 0 #313131, 0 1px 2px #8A8A8A inset;
      -moz-box-shadow: 0 1px 0 #313131, 0 1px 2px #8A8A8A inset;
      -webkit-box-shadow: 0 1px 0 #313131, 0 1px 2px #8A8A8A inset;
      color: #000;
      cursor: default;
      text-shadow: none; }
  .svtVideoPlayListMenu {
    display: block !important; }
    .svtVideoPlayListMenu li {
      float: left;
      width: auto; }
  .newsCarousel .newsCarouselArrow {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    top: 53%; }
  .newsCarousel .svtMediaCarouselLeftArrow {
    left: 15px; }
  .newsCarousel .svtMediaCarouselRightArrow {
    background-position: 0 -1000px;
    left: auto;
    right: 15px !important; }
  .svtPlayListOlympicsSingle {
    display: block; }
  .latestEpisodeFigure.svtMBFig-O-L-L-L {
    margin-right: 30px;
    margin-bottom: 0px; }
  .svtTeaser__Inner {
    padding: 0; }
  .svt-teaser__figure {
    max-width: none !important; }
    .svt-teaser__figure .svtplayerTeaserContainer {
      padding: 4px !important; }
      .svt-teaser__figure .svtplayerTeaserContainer .svtplayerSprite-Play {
        transform: none !important; }
  .svtTeaser--Large .svtTeaser__Heading {
    margin-bottom: 6px; }
  .svtTeaser--Medium .svtTeaser__Inner .svt-teaser__figure {
    width: 34.473%; }
    .svtTeaser--Medium .svtTeaser__Inner .svt-teaser__figure .svtplayerTime {
      display: inline; }
  .svtTeaser--Small .svtTeaser__Inner .svt-teaser__figure {
    width: 25.111%; }
    .svtTeaser--Small .svtTeaser__Inner .svt-teaser__figure .svtplayerTime {
      display: inline; }
  .svtTeaser--Mini .svtTeaser__Heading {
    margin-bottom: 4px; }
  .svtTeaser--Mini .svtTeaser__Inner .svt-teaser__figure {
    width: 15.750%; }
    .svtTeaser--Mini .svtTeaser__Inner .svt-teaser__figure .svtplayerTime {
      display: inline; }
  .svtTeaser--Rightnow {
    margin-top: 8px;
    padding-top: 0; }
  .svtTeaserGroup {
    margin-top: 16px;
    padding: 0; }
    .svtTeaserGroup .svtTeaser--in-area-aside {
      margin-left: 0;
      margin-right: 0; }
  .svtTeaser--in-area-aside {
    margin-left: 0;
    margin-right: 0; }
    .svtTeaser--in-area-aside .svt-teaser__figure {
      margin-bottom: 4px; }
    .svtTeaser--in-area-aside .svtTeaser__TextContent p {
      margin-bottom: 8px; }
    .svtTeaser--in-area-aside .svtTeaser__Inner {
      border-left-width: 3px;
      padding: 0 0 0 5.597%; }
    .svtTeaser--in-area-aside.svtTeaser--Large .svtTeaser__Heading {
      font-size: 24px;
      line-height: 26px;
      margin-bottom: 4px; }
    .svtTeaser--in-area-aside.svtTeaser--Large .svt-teaser__figure {
      margin-bottom: 8px;
      margin-right: 0;
      width: 100%; }
      .svtTeaser--in-area-aside.svtTeaser--Large .svt-teaser__figure .svtplayerTime {
        display: inline; }
    .svtTeaser--in-area-aside.svtTeaser--Large .svtTeaser__TextWrapper {
      clear: both; }
    .svtTeaser--in-area-aside.svtTeaser--Medium .svtTeaser__Heading {
      font-size: 21px;
      line-height: 24px;
      margin-bottom: 4px; }
    .svtTeaser--in-area-aside.svtTeaser--Medium .svtTeaser__Inner .svt-teaser__figure {
      width: 27.397%; }
    .svtTeaser--in-area-aside.svtTeaser--Listed .svtTeaser__TextContent p {
      font-size: 18px;
      font-weight: bold;
      line-height: 21px; }
    .svtTeaser--in-area-aside.svtTeaser--Listed .svt-teaser__vignette {
      font-size: 18px;
      line-height: 21px; }
  .svtCarousel__container {
    margin-left: 0;
    margin-right: 0; }
  .svtCarousel__item:first-child {
    margin-left: 0; }
  .svtCarousel__item:last-child {
    margin-right: 0; }
  .svtCarousel--largeContent .svtCarousel__item {
    width: 91%; }
  .svtCarousel--featureSwipe, .svtCarousel--wideviewSwipe {
    padding-top: 16px; }
    .svtCarousel--featureSwipe .svtCarousel__container, .svtCarousel--wideviewSwipe .svtCarousel__container {
      margin-bottom: 16px; }
    .svtCarousel--featureSwipe .svtCarousel__nav, .svtCarousel--wideviewSwipe .svtCarousel__nav {
      margin-top: 17px; }
    .svtCarousel--featureSwipe .svtCarousel__item, .svtCarousel--wideviewSwipe .svtCarousel__item {
      width: 28.7%;
      margin-right: 8px; }
    .svtCarousel--featureSwipe .svtCarousel__item:last-child, .svtCarousel--wideviewSwipe .svtCarousel__item:last-child {
      margin-right: 0px; }
    .svtCarousel--featureSwipe .svtCarousel__item > a, .svtCarousel--wideviewSwipe .svtCarousel__item > a {
      min-height: 206px;
      padding: 7%; }
    .svtCarousel--featureSwipe .svtCarousel__itemVignette, .svtCarousel--wideviewSwipe .svtCarousel__itemVignette {
      font-size: 12px;
      line-height: 16px;
      margin-bottom: 2px; }
    .svtCarousel--featureSwipe .svtCarousel__itemHeading, .svtCarousel--wideviewSwipe .svtCarousel__itemHeading {
      font-size: 16px;
      line-height: 20px; }
  .nss_sharebox--storyshare .nss_sharebox__buttongroup {
    margin-left: -2%;
    width: 102%; }
  .nss_sharebox--storyshare .nss_sharebox__button {
    margin-top: 0;
    margin-left: 2%;
    width: 23%; }
  /* No margin when XS screen. Used for medium teasers news. */
  .svtMargin-none-Mq-S-M-L-15px-0px-15px-15px {
    margin: 15px 0 15px 15px; }
  .svtMqPadding-5px-15px-15px-15px {
    padding: 15px; }
  .svtBylineBox-left {
    width: 65%; }
  /* No padding when XS screen. Used for medium news teasers. */
  .svtPadding-left-5px-Mq-S-M-L {
    padding-left: 5px; }
  .svtPadding-none-Mq-S-M-L-15px {
    padding: 15px; }
  .svtPadding-20px-15px-15px-Mq-S-M-L-0px {
    padding: 0; }
  /**
	* Padding when XS screen. No padding right when S, M, L screen.
	* Used for text padding in medium news teasers. Fix to work even on teaserpackage
	*/
  .svtMargin-0px-Mq-S-M-L-15px-0px-15px-15px {
    margin: 15px 0 15px 15px; }
  .svtMqPadding-5px-Mq-S-M-L-15px-15px-0-15px {
    padding: 15px 15px 0 15px; }
  /* New global menu
	   ========================================================================== */
  /* ToDo: Should this code be in a nother file. */
  #global-navigation {
    font-weight: bold; }
    #global-navigation a {
      color: #FFF; }
    #global-navigation li {
      float: left;
      border: 0;
      padding: 0;
      background-color: transparent; }
    .svtse_keyboard-navigation #global-navigation a:focus {
      background-color: #008de9;
      outline: none; }
    .svtse_keyboard-navigation #global-navigation a:active,
    .svtse_keyboard-navigation #global-navigation a:hover {
      background-color: transparent !important; }
    .svtse_keyboard-navigation #global-navigation .svtseLogo:focus {
      outline: none;
      background-color: transparent;
      border-bottom: solid #008de9; }
  #global-services {
    font-size: 85%;
    font-weight: bold; }
    #global-services a {
      color: #E3E3E3;
      padding: 0 4px 0 4px;
      line-height: 37px; }
  #global-search {
    font-size: 93%; }
    #global-search li {
      float: right; }
    #global-search .svtSearchWrapper {
      width: 120px; }
  .svtseGlobalHeader #global-header {
    border: 0;
    background-color: transparent; }
  /* ToDo: This is a quick'n'dirty fix to get everything to look ok in IE7. */
  .svtsePlayIcon {
    float: none;
    margin-left: -20px;
    margin-top: -28px; }
  #global-programs {
    float: left; }
    #global-programs li {
      border-left: 1px solid #4b4b4b;
      height: 22px;
      margin-top: 6px;
      background-color: transparent; }
      #global-programs li:first-child {
        border-left: 0; }
        #global-programs li:first-child a {
          padding-left: 0px; }
    #global-programs a {
      font-size: 108%;
      margin-top: -7px;
      padding: 0 12px 1px 12px; }
  #global-links,
  #global-search,
  #global-nav {
    display: block; }
  .svtseLogo {
    margin: 0; }
  .svtseGlobalHeaderContainer {
    position: relative;
    margin: 0 auto 0 auto;
    width: 96%; }
  .svtseGlobalHeader-Large {
    min-height: 160px; }
    .svtseGlobalHeader-Large .svtseGlobalHeaderContainer {
      height: 100%;
      min-height: 160px; }
    .svtseGlobalHeader-Large #global-navigation {
      position: absolute;
      width: 100%;
      top: 50%;
      margin-top: -60px; }
  .svtseGlobalHeader-Large {
    /**
		 * we dont support ie but we want the menu to be usable so we
		 * set som styles for our poor ie users who live in the stoneage.
		 */
    _height: 160px; }
    .svtseGlobalHeader-Large .svtseLogo {
      float: none;
      background: transparent url("img/svt_se_logo.png") 0 0 no-repeat;
      width: 115px;
      margin-right: 60px;
      margin-bottom: 8px;
      padding-bottom: 7px; }
      .svtseGlobalHeader-Large .svtseLogo img {
        display: none; }
      .svtse_keyboard-navigation .svtseGlobalHeader-Large .svtseLogo:focus {
        margin-bottom: 5px; }
    .svtseGlobalHeader-Large #global-header {
      float: none; }
    .svtseGlobalHeader-Large #global-programs a {
      font-size: 123.1%;
      margin-top: -7px; }
    .svtseGlobalHeader-Large #global-programs li:last-child a {
      padding-bottom: 8px; }
    .svtseGlobalHeader-Large #global-links {
      float: left; }
    .svtseGlobalHeader-Large #global-search {
      float: right; }
    .svtseGlobalHeader-Large .svtseBolibompaIcon {
      margin-top: -42px; }
  #global-services {
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0; }
  .svtseVideoHelpNav {
    float: left;
    width: 30%; }
  .svtseVideoHelpContent {
    float: right;
    width: 65%; } }

/* Small and medium
   ========================================================================== */
@media only screen and (min-width: 601px) and (max-width: 1024px) {
  .A_svtseHeaderH1 {
    font-size: 346.2%;
    line-height: 1em; }
  .svtWeather-Tab-Inactive h5,
  .svtWeather-Tab-Active h5 {
    padding: 7px 0.35em 10px; }
  /* Don't write code here */ }

/* Medium and large
   ========================================================================== */
@media only screen and (min-width: 801px) {
  /* Show this because we are no longer Lte S */
  .svtHide-Lte-S {
    /* unhide */
    display: block; }
  .svtHide-Lte-S-Inline {
    /* unhide */
    display: inline; }
  .svtHide-Gte-M {
    /* hide */
    display: none; }
  .svtClear-Lte-S {
    /* remove clear */
    clear: none; }
  .svtDisplayTable-Gte-M {
    display: table; }
  .svtDisplayTableCell-Gte-M {
    display: table-cell;
    vertical-align: top; }
  .svtGridBlock-2-3-6-6 .svtUnit {
    width: 14.9583333333%; }
  .svtGridBlock-2-3-6-6 .svtNth-3, .svtGridBlock-2-3-6-6 .svtNth-5 {
    clear: none;
    margin-left: 2%; }
  .svtGridBlock-2-2-4-4 .svtUnit {
    width: 23.4375%; }
  .svtGridBlock-2-2-4-4 .svtNth-3 {
    clear: none;
    margin-left: 2%; }
  .svtGridBlock-2-2-4-4 .svtNth-1-2 {
    width: 48.875%; }
  .svtGridBlock-1-1-3-3 .svtUnit {
    width: 31.9166666667%; }
  .svtGridBlock-1-1-3-3 .svtNth-1 {
    clear: both;
    margin-left: 0; }
  .svtGridBlock-1-1-3-3 .svtNth-2 {
    clear: none;
    margin-left: 2%; }
  .svtGridBlock-1-1-3-3 .svtNth-3 {
    clear: none;
    margin-left: 2%; }
  .svtGridBlock-1-1-2-2 .svtUnit {
    width: 48.875%; }
  .svtGridBlock-1-1-2-2 .svtNth-1 {
    clear: both;
    margin-left: 0; }
  .svtGridBlock-1-1-2-2 .svtNth-2 {
    clear: none;
    margin-left: 2%; }
  .svtLineElement-4-6-8-8 .svtLineElement-Item {
    display: block;
    width: 12.4%; }
  .svtLineElement-2-1-1-1 .svtLineElement-Item {
    width: 100%;
    float: left; }
  .svtMediaBlockText-News p,
  .svtMediaBlockText-News ul,
  .svtMediaBlockText-News ol {
    font-size: 108%; }
  .svtMediaBlock .svtMBFig-O-O-L-L {
    float: left;
    margin-right: 15px; }
    .svtMediaBlock .svtMBFig-O-O-L-L img {
      display: block; }
  .svtMediaBlock {
    /* Exceptions for IE8 or less */ }
    .svtMediaBlock .svtMediaBlockFig-S.svtMBFig-O-L-L-L {
      width: 17%; }
    .svtMediaBlock .svtMediaBlockFig-S.svtMBFig-O-R-R-R {
      width: 17%; }
    .svtMediaBlock .svtMediaBlockFig-S.svtMBFig-L-L-L-L {
      width: 17%; }
    .svtMediaBlock .svtMediaBlockFig-L.svtMBFig-O-O-L-L {
      width: 35%; }
    .svtMediaBlock .svtMediaBlockFig-XL.svtMBFig-O-O-L-L {
      width: 48%; }
    .svtMediaBlock .svtMediaBlockFig-XL.svtMBFig-R-R-R-R {
      width: 48%; }
  /* Style for modern browsers */
  .svtTablaTable-SvtHeadChannels .svtTablaFuture,
  .svtTableRow-Gte-L {
    display: table-row; }
  /* Exceptions for IE8 or less */
  .svtGridBlock-Right .svtNth-4 {
    padding-top: 48px; }
    .svtGridBlock-Right .svtNth-4 h4 span {
      margin: 0; }
  .svtGridBlock-Right .svtNth-4.liveBroadcast {
    padding-top: 88px; }
  .liveBroadcastLink {
    display: block;
    line-height: 20px;
    height: 20px; }
  .svtJsTablaTimeIndicator {
    margin: 0 0 5px 0; }
  .svtTablaStepButtons {
    float: left;
    height: auto;
    width: 70px; }
  .svtTablaPrintMenu {
    float: right;
    clear: none; }
  h1,
  .svtH1 {
    font-size: 384.6%;
    line-height: 1.1; }
  h2,
  .svtH2,
  .svtH2-Myriad {
    font-size: 307.7%; }
  h3,
  .svtH3 {
    font-size: 189%; }
  .svtH4 {
    /* To give same specificity TODO: find better solution unnecessary code duplication */
    font-size: 153.9%; }
  h5,
  .svtH5 {
    font-size: 116%; }
  h6,
  .svtH6 {
    font-size: 100%; }
  .svtFigcaptionText {
    clear: none; }
  .svtNewsVignetteCollapsed {
    font-size: 15px; }
  .svtTextLead-Article {
    font-size: 123.1%; }
  .svtNewsH1 {
    font-size: 415.4%; }
  .svtNewsH2 {
    font-size: 307.7%; }
  .svtNewsH3 {
    font-size: 230.8%; }
  .svtNewsH4 {
    font-size: 182%; }
  .svtNewsH5 {
    font-size: 153.9%; }
  .svtDisqus-H3 {
    font-size: 153.9%; }
  .svtImageCropper-25pc {
    margin-left: 0;
    margin-right: 0; }
  .svtImageCropper-right-50pc-M-L-zero {
    margin-right: 0; }
  .svtMediaGalleryFigure .svtFigcaptionMeta {
    float: left;
    max-width: 32%; }
  .svtMediaGalleryFigure .svtFigcaptionMeta + .svtFigcaptionText {
    clear: none;
    float: right;
    padding-top: 0;
    max-width: 65%; }
  .svtTittarservice-svtBox-Plate {
    background-color: #f9f9f9; }
  .svtTittarservice-SearchBox {
    float: left;
    position: relative;
    width: 69%;
    border-right: 1px solid #CCC;
    border-bottom: none; }
  .svtTittarservice-SearchBox.svtJsQToggled {
    border-bottom: 1px solid #CCC;
    background-color: #F2F2F2; }
  .svtTittarservice-QuestionBox {
    width: 30%;
    float: right;
    margin-top: 10px;
    background: #f9f9f9;
    padding: 10px 0 5px;
    clear: none;
    text-align: center; }
    .svtTittarservice-QuestionBox a {
      display: inline-block;
      margin: 0 auto;
      overflow: hidden; }
  .svtTittarservice-KundoForm {
    background: #f9f9f9;
    width: 97%;
    padding: 15px;
    float: left;
    clear: both; }
    .svtTittarservice-KundoForm .svtNth-1 {
      width: 30%;
      padding-right: 8%; }
    .svtTittarservice-KundoForm .svtNth-2 {
      width: 60%; }
    .svtTittarservice-KundoForm .svtForm .svtNth-1,
    .svtTittarservice-KundoForm .svtForm .svtNth-2 {
      width: 48%;
      padding-right: 0; }
    .svtTittarservice-KundoForm .svtJsToggleMenu {
      top: 0;
      right: 15px; }
  .svtTittarservice-Report .svtUnit.svtNth-2 {
    float: right; }
  .svtTittarservice-FormBox,
  .svtTittarservice-report,
  .svtTittarservice-Followpost {
    padding: 30px; }
    .svtTittarservice-FormBox .svtForm,
    .svtTittarservice-report .svtForm,
    .svtTittarservice-Followpost .svtForm {
      width: auto; }
  .svtIcon-XXL {
    height: 35px; }
  .svtBox-Padded {
    padding: 10px 20px; }
  /* Create padding inside article */
  .svtTextBread-Article_Padding {
    /* inside a div this padding doesn't apply! */ }
    .svtTextBread-Article_Padding p,
    .svtTextBread-Article_Padding ul,
    .svtTextBread-Article_Padding ol,
    .svtTextBread-Article_Padding h4,
    .svtTextBread-Article_Padding time,
    .svtTextBread-Article_Padding div {
      padding-left: 15%; }
    .svtTextBread-Article_Padding div p,
    .svtTextBread-Article_Padding div ul,
    .svtTextBread-Article_Padding div ol,
    .svtTextBread-Article_Padding div h4,
    .svtTextBread-Article_Padding div time,
    .svtTextBread-Article_Padding div div {
      padding-left: 0; }
  .svtTextBread-Article_PaddingRight {
    /* inside a div this padding doesn't apply! */ }
    .svtTextBread-Article_PaddingRight p,
    .svtTextBread-Article_PaddingRight ul,
    .svtTextBread-Article_PaddingRight ol,
    .svtTextBread-Article_PaddingRight h4,
    .svtTextBread-Article_PaddingRight time,
    .svtTextBread-Article_PaddingRight div {
      padding-right: 15%; }
    .svtTextBread-Article_PaddingRight div p,
    .svtTextBread-Article_PaddingRight div ul,
    .svtTextBread-Article_PaddingRight div ol,
    .svtTextBread-Article_PaddingRight div h4,
    .svtTextBread-Article_PaddingRight div time,
    .svtTextBread-Article_PaddingRight div div {
      padding-right: 0; }
  /* TODO: Refactor this is duplicated code for logo */
  .svtLocalTitleBox {
    height: 150px;
    border-bottom: none;
    margin-bottom: 0; }
  .svtseLocalTitle {
    bottom: 28px;
    margin-bottom: 0; }
  .svtseLocalTagline {
    bottom: 4px;
    width: 67%; }
  .svtBroadcastInfo {
    /* Trigger has Layout */
    height: 1em;
    position: absolute;
    right: 0;
    bottom: 56px; }
  .svtXWidth-24-GTE-M {
    width: 24%; }
  .svtXBorder-Left-Grey-GTE-M {
    border-left: 2px solid #AAA; }
  .svtseLocalUmbrellaLogotype img {
    max-height: 70px; }
  .svtPackageItemContainer:hover {
    -moz-box-shadow: 0 1px 5px 0 #E0E0E0;
    -webkit-box-shadow: 0 1px 5px 0 #E0E0E0;
    box-shadow: 0 1px 5px 0 #E0E0E0;
    border-top: 1px solid #CCCCCC; }
  .svtPackageItemContainer .svtH1-THEMED {
    font-size: 277%; }
  .svtAside-Toolbox {
    width: 26%;
    margin: 0 0 10px;
    min-width: 140px; }
    .svtAside-Toolbox li {
      border-bottom: solid 1px #e0e0e0;
      float: none;
      margin: 0;
      width: auto; }
      .svtAside-Toolbox li:last-child {
        border: none;
        margin: 0; }
  .svtImageCropperWrapper {
    width: 100%;
    overflow: hidden; }
    .svtImageCropperWrapper img {
      width: 100%;
      display: block; }
  .svtFirstpageNewsH1 {
    font-size: 461.5%; }
  .svtFirstpageNewsH2 {
    font-size: 307.7%; }
  .svtFirstpageNewsH3 {
    font-size: 182%; }
  .svt-teaser__figure {
    margin-right: 16px; }
  .svtTeaser__TextContent p,
  .svtTeaser__TextContent ul,
  .svtTeaser__TextContent ol {
    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
    font-size: 14px;
    line-height: 20px; }
  .svt-teaser__vignette {
    font-size: 15px;
    line-height: 20px; }
  .svtTeaser--Medium .svtTeaser__Heading {
    margin-bottom: 6px; }
  .svtTeaser--Listed .svt-teaser__vignette,
  .svtTeaser--Listed .svtTeaser__TextContent p {
    font-size: 18px;
    font-weight: bold;
    line-height: 21px;
    margin-bottom: 0; }
  .nss_sharebox__buttongroup {
    margin-left: 0;
    width: 100%; }
  .nss_sharebox__button {
    margin-left: 0;
    width: 100%; }
  .nss_sharebox__button--print {
    margin-top: 8px; }
  .nss_sharebox__button--comment {
    display: block; }
  .ieLte7 .nss_sharebox__button {
    width: 98.5%; }
  .ieLte7 .nss_sharebox__button--facebook, .ieLte7 .nss_sharebox__button--twitter {
    width: 98%; }
  .svtCarousel--largeContent .svtCarousel__item {
    width: 93%; }
  .svtCarousel--featureSwipe .svtCarousel__item, .svtCarousel--wideviewSwipe .svtCarousel__item {
    width: 22.2%; }
  .svtCarousel--featureSwipe .svtCarousel__item > a, .svtCarousel--wideviewSwipe .svtCarousel__item > a {
    min-height: 207px; }
  .svtseLocalMenu {
    /* for toggling */ }
    .svtseLocalMenu #tabla-search {
      display: block;
      clear: none;
      float: right;
      padding: 5px 10px 0 0; }
  .svtMarginTop-Neg20px-Mq-M-L-0px {
    margin-top: 0; }
  .svtMarginTop-Neg10px-Mq-M-L-0px {
    margin-top: 0; }
  .svtseGlobalHeaderContainer {
    position: relative;
    margin: 0 auto 0 auto; }
  .svtseLogo {
    float: left;
    margin-top: -1px; }
  .svtseGlobalHeader-Large .svtseLogo {
    margin-top: 0; }
  #global-header {
    float: left; }
  #global-programs a {
    margin-top: -6px; }
  .svtseGlobalHeader-Small #global-services {
    right: 140px; }
    .svtseGlobalHeader-Small #global-services a {
      height: 34px; }
  .svtseGlobalHeader-Small #global-programs li:first-child a {
    padding-left: 10px; }
  .svtseGlobalHeader-Small #global-search .svtSearchWrapper {
    width: 110px;
    margin-top: 6px; }
  .svtse_keyboard-navigation .svtseGlobalHeader-Small .svtseLogo:focus {
    height: 32px; }
  .svtse_keyboard-navigation .svtseGlobalHeader-Small .svtseLogo {
    width: 50px;
    margin-right: 2%;
    padding-right: 0px; } }

/* X-Extra Small
   ========================================================================== */
/* Small
   ========================================================================== */
@media only screen and (min-width: 601px) and (max-width: 800px) {
  .svtColumns-2-3-4-5 {
    -moz-column-count: 3;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 3;
    -webkit-column-gap: 2%;
    column-count: 3;
    column-gap: 2%; }
  .svtColumns-1-2-3-4 {
    -moz-column-count: 2;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 2;
    -webkit-column-gap: 2%;
    column-count: 2;
    column-gap: 2%; }
  .svtColumns-1-2-3 {
    -moz-column-count: 2;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 2;
    -webkit-column-gap: 2%;
    column-count: 2;
    column-gap: 2%; }
  .svtGridBlock-2-3-6-6 .svtUnit {
    width: 31.9166666667%; }
  .svtGridBlock-2-3-6-6 .svtNth-3, .svtGridBlock-2-3-6-6 .svtNth-5 {
    clear: none;
    margin-left: 2%; }
  .svtGridBlock-2-3-6-6 .svtNth-4 {
    clear: both;
    margin-left: 0; }
  .svtGridBlock-1-2-2-4 .svtUnit {
    width: 48.875%; }
  .svtGridBlock-1-2-2-4 .svtNth-1, .svtGridBlock-1-2-2-4 .svtNth-3 {
    clear: both;
    margin-left: 0; }
  .svtGridBlock-1-2-2-4 .svtNth-2, .svtGridBlock-1-2-2-4 .svtNth-4 {
    clear: none;
    margin-left: 2%; }
  .svtContainerBase {
    max-width: 96%; }
  .svtLineElement-2-1-1-1 .svtLineElement-Item {
    width: 100%;
    float: left; }
  .svtLineElement-2-3-4-5 .svtLineElement-Item {
    display: block;
    width: 32.8%; }
  .svtLineElement-2-4-6-8 .svtLineElement-Item:nth-child(-n+4) {
    display: block;
    width: 24.8%; }
  .svtLineElement-4-6-8-8 .svtLineElement-Item:nth-child(-n+6) {
    display: block;
    width: 16.4%; }
  .svtMediaBlock .svtMBFig-L-O-L-L {
    width: 100%;
    float: none;
    margin-right: 0; }
  /* Uses medium image proportions on Small screen since small is too small then */
  .svtMediaBlockFig-S.svtMBFig-O-R-R-R {
    width: 30%; }
  .svtMediaBlockFig-S.svtMBFig-O-L-L-L {
    width: 30%; }
  .svtTittarservice-QuestionBox {
    margin-top: 5px; }
  .svtTittarservice-report,
  .svtTittarservice-FormBox,
  .svtTittarservice-Followpost {
    padding: 10px; }
  .svtTeaser--in-area-aside .svtTeaser__Inner, .svtTeaserGroup .svtTeaser--in-area-aside .svtTeaser__Inner {
    padding: 0 0 0 5.597%; }
  .svtTeaser--Listed .svt-teaser__vignette,
  .svtTeaser--Listed .svtTeaser__TextContent p {
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 0; }
  .svtTeaser--Medium .svtTeaser__Heading {
    margin-bottom: 5px; }
  .svtContainerAside .svtTeaserGroup {
    margin-top: 12px; }
    .svtContainerAside .svtTeaserGroup:first-child {
      margin-top: 0; }
  .svtTeaser--in-area-aside .svt-teaser__vignette {
    font-size: 14px;
    line-height: 18px; }
  .svtTeaser--in-area-aside .svtTeaser__TextContent p,
  .svtTeaser--in-area-aside .svtTeaser__TextContent ul,
  .svtTeaser--in-area-aside .svtTeaser__TextContent ol {
    font-size: 13px;
    line-height: 18px; }
  .svtTeaser--in-area-aside .svt-teaser__figure {
    margin-right: 6.383%; }
  .svtTeaser--in-area-aside.svtTeaser--Large .svtTeaser__Heading {
    font-size: 21px;
    line-height: 24px; }
  .svtTeaser--in-area-aside.svtTeaser--Large .svt-teaser__figure {
    margin-right: 0; }
  .svtTeaser--in-area-aside.svtTeaser--Medium .svtTeaser__Heading {
    font-size: 19px;
    line-height: 21px; }
  .svtTeaser--in-area-aside.svtTeaser--Medium .svtTeaser__Inner .svt-teaser__figure {
    width: 26.168%; }
  .svtTeaser--in-area-aside.svtTeaser--Listed .svt-teaser__vignette,
  .svtTeaser--in-area-aside.svtTeaser--Listed .svtTeaser__TextContent p {
    font-size: 15px;
    line-height: 17px; }
  .nss_body__main .svtCarousel--featureSwipe .svtCarousel__item, .nss_body__main .svtCarousel--wideviewSwipe .svtCarousel__item {
    width: 40%; }
  .nss_body__main .svtCarousel--featureSwipe .svtCarousel__item > a, .nss_body__main .svtCarousel--wideviewSwipe .svtCarousel__item > a {
    min-height: 175px; }
  #global-programs li:first-child a {
    padding-left: 0; }
  .svtseGlobalHeader-Small #global-programs a {
    height: 35px;
    padding-bottom: 0px; }
  .svtse_keyboard-navigation .svtseGlobalHeader-Small .svtseLogo:focus {
    height: 32px; } }

/* Medium
   ========================================================================== */
@media only screen and (min-width: 801px) and (max-width: 1024px) {
  .svtAO-charlist li br {
    display: none; }
  .svtAO-charlist li:nth-child(17) br {
    display: block; }
  .svtAO-navlist li a {
    width: 6%; }
  .svtFlexible-33-49 {
    width: 49%; }
    .svtFlexible-33-49 div {
      -moz-column-count: 2;
      /* FF dosn't support % as value, default is 1em */
      -moz-column-gap: 1em;
      -webkit-column-count: 2;
      -webkit-column-gap: 2%;
      column-count: 2;
      column-gap: 2%; }
  .svtFlexible-33-24 {
    width: 24%; }
  .svtGridBlock-1-1-3-4 .svtGridBlock-Left {
    display: block;
    width: 65%;
    float: left; }
  .svtGridBlock-1-1-3-4 .svtGridBlock-Right {
    display: block;
    width: 30%;
    float: right; }
  .svtGridBlock-1-1-3-4 .svtNth-1,
  .svtGridBlock-1-1-3-4 .svtNth-2 {
    width: 49%; }
  .svtGridBlock-1-1-3-4 .svtNth-1,
  .svtGridBlock-1-1-3-4 .svtNth-3
.svtNth-4 {
    float: left; }
  .svtGridBlock-1-1-3-4 .svtNth-2 {
    float: right; }
  .svtColumns-2-3-4-5 {
    -moz-column-count: 4;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 4;
    -webkit-column-gap: 2%;
    column-count: 4;
    column-gap: 2%; }
  .svtColumns-1-2-3-4 {
    -moz-column-count: 3;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 3;
    -webkit-column-gap: 2%;
    column-count: 3;
    column-gap: 2%; }
  .svtColumns-1-2-3 {
    -moz-column-count: 3;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 3;
    -webkit-column-gap: 2%;
    column-count: 3;
    column-gap: 2%; }
  .svtGridBlock-1-2-2-4 .svtUnit {
    width: 48.875%; }
  .svtGridBlock-1-2-2-4 .svtNth-1,
  .svtGridBlock-1-2-2-4 .svtNth-3 {
    clear: both;
    margin-left: 0; }
  .svtGridBlock-1-2-2-4 .svtNth-2,
  .svtGridBlock-1-2-2-4 .svtNth-4 {
    clear: none;
    margin-left: 2%; }
  .svtContainerBase {
    max-width: 900px; }
  .svtLineElement-2-3-4-5 .svtLineElement-Item {
    display: block;
    width: 24.8%; }
  .svtLineElement-2-4-6-8 .svtLineElement-Item:nth-child(-n+6) {
    display: block;
    width: 16.4%; }
  .svtTableMedium {
    display: table-row; }
  .svtTittarservice-articleText p,
  .svtTittarservice-articleText ul,
  .svtTittarservice-articleText ol {
    padding-left: 0; }
  .svtTeaser--in-area-aside .svtTeaser__Inner, .svtTeaserGroup .svtTeaser--in-area-aside .svtTeaser__Inner {
    padding: 0 0 0 5.597%; }
  .svtContainerAside .svtTeaserGroup {
    margin-top: 12px; }
    .svtContainerAside .svtTeaserGroup:first-child {
      margin-top: 0; }
  .svtTeaser--in-area-aside .svt-teaser__vignette {
    font-size: 14px;
    line-height: 18px; }
  .svtTeaser--in-area-aside .svtTeaser__TextContent p,
  .svtTeaser--in-area-aside .svtTeaser__TextContent ul,
  .svtTeaser--in-area-aside .svtTeaser__TextContent ol {
    font-size: 13px;
    line-height: 18px; }
  .svtTeaser--in-area-aside .svt-teaser__figure {
    margin-right: 6.383%; }
  .svtTeaser--in-area-aside.svtTeaser--Large .svtTeaser__Heading {
    font-size: 21px;
    line-height: 24px; }
  .svtTeaser--in-area-aside.svtTeaser--Large .svt-teaser__figure {
    margin-right: 0; }
  .svtTeaser--in-area-aside.svtTeaser--Medium .svtTeaser__Heading {
    font-size: 19px;
    line-height: 21px; }
  .svtTeaser--in-area-aside.svtTeaser--Medium .svtTeaser__Inner .svt-teaser__figure {
    width: 26.168%; }
  .svtTeaser--in-area-aside.svtTeaser--Listed .svt-teaser__vignette,
  .svtTeaser--in-area-aside.svtTeaser--Listed .svtTeaser__TextContent p {
    font-size: 15px;
    line-height: 17px; }
  .nss_author-list__figure {
    float: none; }
  .nss_author-list__item--has-image .nss_author-list__text-wrapper {
    margin-left: 1px; }
  .nss_body__main .svtCarousel--featureSwipe .svtCarousel__item, .nss_body__main .svtCarousel--wideviewSwipe .svtCarousel__item {
    width: 28.7%; }
  .nss_body__main .svtCarousel--featureSwipe .svtCarousel__item > a, .nss_body__main .svtCarousel--wideviewSwipe .svtCarousel__item > a {
    min-height: 206px; }
  .svtseGlobalHeaderContainer {
    max-width: 900px; }
  .svtseGlobalHeader-Small .svtseBolibompaIcon {
    display: none; }
  .svtseGlobalHeader-Small #global-programs a {
    font-size: 100%;
    padding: 0 7px 1px; }
  .svtseGlobalHeader-Small #global-programs li:first-child a {
    padding-left: 10px; }
  .svtseGlobalHeader-Small #global-services {
    right: 130px; }
    .svtseGlobalHeader-Small #global-services a {
      height: 34px; }
  .svtseGlobalHeader-Small #global-search .svtSearchWrapper {
    width: 110px; }
  .svtse_keyboard-navigation .svtseGlobalHeader-Small .svtseLogo {
    width: 50px; }
    .svtse_keyboard-navigation .svtseGlobalHeader-Small .svtseLogo:focus {
      height: 32px; } }

/* Large
   ========================================================================== */
@media only screen and (min-width: 1025px) {
  .svtAO-charlist li br {
    display: none; }
  .svtAO-navlist li a {
    width: 2.5%;
    margin-bottom: 0; }
  /* Style for modern browsers */
  .svtFlexible-33-49 {
    width: 49%; }
    .svtFlexible-33-49 div {
      -moz-column-count: 2;
      /* FF dosn't support % as value, default is 1em */
      -moz-column-gap: 1em;
      -webkit-column-count: 2;
      -webkit-column-gap: 2%;
      column-count: 2;
      column-gap: 2%; }
  .svtFlexible-33-24 {
    width: 24%; }
  /* Exceptions for IE8 or less */
  .svtColumns-2-3-4-5 {
    -moz-column-count: 5;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 5;
    -webkit-column-gap: 2%;
    column-count: 5;
    column-gap: 2%; }
  .svtColumns-1-2-3-4 {
    -moz-column-count: 4;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 4;
    -webkit-column-gap: 2%;
    column-count: 4;
    column-gap: 2%; }
  .svtColumns-1-2-3 {
    -moz-column-count: 3;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 3;
    -webkit-column-gap: 2%;
    column-count: 3;
    column-gap: 2%; }
  .no-csscolumns .svtColumns-2-3-4-5 .svtColumnItem {
    width: 15.95%;
    float: left; }
  /* Show this because we are no longer Lte M */
  .svtHide-Lte-M {
    /* unhide */
    display: block; }
  .svtHide-Lte-M-Inline {
    /* unhide */
    display: inline; }
  .svtHide-Gte-L {
    /* hide */
    display: none; }
  .svtGridBlock-1-1-3-4 .svtGridBlock-Left {
    display: block;
    width: 50%;
    float: left; }
  .svtGridBlock-1-1-3-4 .svtGridBlock-Right {
    display: block;
    width: 49%;
    float: right; }
  .svtGridBlock-1-1-3-4 .svtUnit {
    width: 49%; }
  .svtGridBlock-1-1-3-4 .svtNth-1,
  .svtGridBlock-1-1-3-4 .svtNth-3 {
    float: left; }
  .svtGridBlock-1-1-3-4 .svtNth-2,
  .svtGridBlock-1-1-3-4 .svtNth-4 {
    float: right; }
  .svtGridBlock-1-2-2-4 .svtUnit,
  .svtGridBlock-2-2-2-4 .svtUnit {
    width: 23.4375%; }
  .svtGridBlock-1-2-2-4 .svtNth-2,
  .svtGridBlock-1-2-2-4 .svtNth-3,
  .svtGridBlock-1-2-2-4 .svtNth-4,
  .svtGridBlock-2-2-2-4 .svtNth-2,
  .svtGridBlock-2-2-2-4 .svtNth-3,
  .svtGridBlock-2-2-2-4 .svtNth-4 {
    clear: none;
    margin-left: 2%; }
  .svtTittarservice-articleText p,
  .svtTittarservice-articleText ul,
  .svtTittarservice-articleText ol {
    padding-left: 0; }
  .svtTittarservice-report p,
  .svtTittarservice-articleText .svtXTextAlignCenter p {
    padding-right: 0; }
  .svtLineElement-2-3-4-5 .svtLineElement-Item {
    display: block;
    width: 19.7%; }
  .svtLineElement-2-4-6-8 .svtLineElement-Item {
    display: block;
    width: 12.4%; }
  .A_svtseHeaderH1 {
    font-size: 461.5%;
    line-height: 0.9em; }
  .svtContainerBase {
    max-width: 988px; }
  .svtVideoAreaFull .svtContainerBase {
    max-width: 988px; }
  .svtBox-Padded {
    padding: 10px 20px; }
  .nss_body__main .svtCarousel--featureSwipe .svtCarousel__item, .nss_body__main .svtCarousel--wideviewSwipe .svtCarousel__item {
    width: 28.7%; }
  .nss_body__main .svtCarousel--featureSwipe .svtCarousel__item > a, .nss_body__main .svtCarousel--wideviewSwipe .svtCarousel__item > a {
    min-height: 206px; }
  .svtCarousel--insideModal .svtCarousel__pageIndicator {
    font-size: 14px;
    right: 0; }
  .svtCarousel--insideModal .svtCarousel__caption {
    font-size: 14px;
    margin-left: 0;
    margin-right: 90px; }
  .svtCarousel--modalLandscapeMode .svtCarousel__pageIndicator {
    right: 12px; }
  .svtseGlobalHeaderContainer {
    max-width: 988px; }
  .svtseGlobalHeader-Large .svtseLogo {
    float: left;
    margin-top: -12px; }
  .svtseGlobalHeader-Large #global-navigation {
    margin-top: 0; }
  .svtseGlobalHeader-Large #global-services {
    top: -48px; }
  .svtseGlobalHeader-Large #global-programs li:first-child a {
    padding-left: 10px; }
  .svtseLogo {
    width: 60px; }
  .svtseGlobalHeader-Large #global-navigation {
    margin-top: -12px; } }

/* xlarge
   ========================================================================== */
/**
 * @media only screen and (min-width : 1824px) {
 *
 * }
 */