@charset "UTF-8";
/*------------------------------------*	$CONTENTS
\*------------------------------------*/
/**
 * GENERIC ELEMENTS....................Highest Priority Includes
 * .....Webfonts (Import/Include Webfonts)
 * .....Reset (Set reset defaults)
 * .....Generic-Import (Variables, Mixins, Placeholder, etc.)
 * .....State-Indicator (Device State Detection)
 * GLOBAL ELEMENTS.....................Establish global styles
 * GLOBAL CLASSES......................Set reset defaults
 * LAYOUT..............................Grid & Column Designs
 * STRUCTURE...........................Page-Structure
 * COMPONENTS/MODULES..................Build the Elements / Modules
 * DEBUG...............................Debug Information!
**/
/*------------------------------------*    $GENERIC ELEMENTS
\*------------------------------------*/
/*------------------------------------*    $CORE
\*------------------------------------*/
/*------------------------------------*
\*------------------------------------*/
/*------------------------------------*    $FONTS
\*------------------------------------*/
@font-face {
	font-family: "TheSansLT500";
	src: url("/sendebizdensin/fonts/TheSans_LT_500_.eot");
	src: url("/sendebizdensin/fonts/TheSans_LT_500_.eot?#iefix") format("embedded-opentype"), url("/sendebizdensin/fonts/TheSans_LT_500_.woff") format("woff");
}

@font-face {
	font-family: "TheSansLT700";
	src: url("/sendebizdensin/fonts/TheSans_LT_700_.eot");
	src: url("/sendebizdensin/fonts/TheSans_LT_700_.eot?#iefix") format("embedded-opentype"), url("/sendebizdensin/fonts/TheSans_LT_700_.woff") format("woff");
	font-weight: bold;
}

/*------------------------------------*    
\*------------------------------------*/
/*------------------------------------*    $RESET
\*------------------------------------*/
/* Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw */
html {
	box-sizing: border-box;
}

*,
*:after,
*:before {
	box-sizing: inherit;
}

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, fieldset, form, legend, label, table, header, footer, nav, section, figure, picture {
	margin: 0;
	padding: 0;
}

header, footer, main, nav, section, article, hgroup, figure, picture {
	display: block;
}

fieldset, img, table {
	border: 0;
}

picture {
	line-height: 0;
}

/*------------------------------------*	$CONTENTS
\*------------------------------------*/
/**
 * ADD-ONS.............................3rd Party Core expansions
 * .....Semantic Grid Sytem - Semantic.gs
 * TYPESET.............................Typeset/Baselinegrid
 * VARIABLES...........................Declarations of Sass variables (Colors, Typo, Layout, Breakpoints, etc.)
 * FUNCTIONS...........................Sass functions
 * MIXINS..............................Sass mixins
 * PLACEHOLDER:........................Sass placeholder
**/
/*------------------------------------*    $ADD-ONS
\*------------------------------------*/
/*------------------------------------*    $GENERIC ELEMENTS
\*------------------------------------*/
/*------------------------------------*	$FUNCTIONS
\*------------------------------------*/
/**
 * 
**/
/*------------------------------------*	Color Palette
\*------------------------------------*/
/*------------------------------------*
Returns the background url for the specified icon and color
Icon must be defined in $icons map

  ------------------------------------

Compiles...
background-image: icon($icon, $color);

to...
background-image: url("/images/icons/icon-arrow-down-red.png");

  ------------------------------------

@var $icon Icon name
@var $color Icon color

\*------------------------------------*/
/*------------------------------------*	
\*------------------------------------*/
/*------------------------------------*    $VARIABLES
\*------------------------------------*/
/**
 * COLORS..............................Diverse Farbwerte
 * THEME...............................Direkte Farbzuweisung an Elemente
 * ......bg = background
 * ......fg = foreground
 * BREAKPOINTS.........................Breakpoints Definitionen
 * FONTS...............................(Web-)fonts
 * TYPO................................Typeface
 * LAYOUT..............................Layout-Spezifische Angaben
 * .....layout (default, full, constrained)
 * .....layout-maxwidth
 * .....ui-height
 * SPACING.............................Abstände definieren
 * TRANSITIONS.........................Eigenschaften für Transitions
 **/
/*------------------------------------*	$AYYILDIZ COLORS
\*------------------------------------*/
/*------------------------------------*	$COLORS
\*------------------------------------*/
/*------------------------------------*    $THEME
\*------------------------------------*/
/*------------------------------------*	$BREAKPOINTS
\*------------------------------------*/
/*------------------------------------*	$FONTS
\*------------------------------------*/
/*------------------------------------*    $TYPO

    Responsive Typo (typi) example:
    $typi : (
        null: (15px, 1.3),
        bp-m: 18px,
        bp-l: (20px, 1.6)
    );

    null        = default
    1st value   = font-size
    2nd value   = line-height
\*------------------------------------*/
/*------------------------------------*	$LAYOUT
\*------------------------------------*/
/*------------------------------------*    $SPACING
\*------------------------------------*/
/*------------------------------------*    $TRANSITIONS
\*------------------------------------*/
/*------------------------------------*    $ICONS
\*------------------------------------*/
/*------------------------------------*
\*------------------------------------*/
/*------------------------------------*	$MIXINS
\*------------------------------------*/
/**
 * ALIGNING............................Alignment of elements
 * .....centered.......................Absolute center position
 * .....maxwidth.......................Fixed Elements content alignment
 * .....vertical-align.................Align things vertically (http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/))
 * BREAKPOINTS.........................Different Breakpoints
 * .....bp-xs
 * .....bp-s
 * .....bp-m
 * .....bp-l
 * .....bp-xl
 * .....bp-xxl
 * .....device-touch
 * .....device-notouch
 * CLEARFIX............................clearfix
 * ELEMENT-DEFAULTS....................Default Element properties
 * .....element-default-spacing........Set Default Spacing Value to Elements
 * .....element-stretch................Stretch element to parent size
 * .....element-indent.................padding values for nested Elements, basically grid correction
 * .....indent.........................Left indention. Possible values: left, margin, padding (default)
 * FLEXBOX.............................Flex-Box default properties
 * ICONS...............................Icons-Sprite Mixin
 * LAYOUT..............................Page-Layout
 * .....constrained....................Constrained properties
 * MOVE/CHANGE-3D-POSITION.............Transform Elements position
 * POSITIONING.........................Elements position
 * .....absolute
 * .....fixed
 * .....relative
 * PSEUDO-ELEMENTS.....................Pseudo-Elements :after/:before
 * .....pdeuso-element-default.........Provides default setup for most :after/:before pseudo elements
 * .....pdeuso-element-stretch.........Fits pseudo-element to parent size
 * RETINA-IMAGES.......................Image-2x
 * RWD.................................Hide/Show something on Mobile/Tablet/Desktop
 * .....hide-on-desktop
 * .....hide-on-tablet
 * .....hide-on-mobile
 * .....show-on-mobile
 * SCROLLBOX...........................modify any section to make it scrollable
 * TEXT-ELEMENT........................Text properties
 * VISIBILTY...........................Visibility States
 * .....visibility.....................Element is visible or hidden
 * .....visually-hidden................Completely remove from the flow but leave available to screen reader
 * WEBKIT..............................Webkit Porperties
 * .....webkit-tap-highlight-color
**/
/*------------------------------------*	$ALIGNING
\*------------------------------------*/
/*------------------------------------*	$BREAKPOINTS
\*------------------------------------*/
/*------------------------------------*	$CLEARFIX
\*------------------------------------*/
/*------------------------------------*	$ELEMENT-DEFAULTS
\*------------------------------------*/
/*------------------------------------*	$FLEXBOX
\*------------------------------------*/
/*------------------------------------*	$ICONS
\*------------------------------------*/
/*------------------------------------*	$LAYOUT
\*------------------------------------*/
/*------------------------------------*	$MOVE/CHANGE-3D-POSITION
\*------------------------------------*/
/*------------------------------------*	$POSITIONING
\*------------------------------------*/
/*------------------------------------*	$PSEUDO_ELEMENT_DEFAULTS
\*------------------------------------*/
/*------------------------------------*	$RETINA-IMAGES
\*------------------------------------*/
/**
 * Send path, image name, and width and height.
 * Name retina images [name]2x.
 * On retina, use image that's scaled by 2
**/
/*------------------------------------*	$RWD
\*------------------------------------*/
/*------------------------------------*    SCROLLBOX
\*------------------------------------*/
/*------------------------------------*    TEXT-ELEMENT
\*------------------------------------*/
/*------------------------------------*    $VISIBILITY
\*------------------------------------*/
/*------------------------------------*	WEBKIT_SHARED
\*------------------------------------*/
/*------------------------------------*

\*------------------------------------*/
/*------------------------------------*    PLACEHOLDER
\*------------------------------------*/
/**
 * CONTENTS
 *
 * ANIMATION_DEFAULTS..................Default Animating Properties
 * .....fade
 * CLICKABLE...........................Clickable Elements
 * ELEMENT_DEFAULTS....................Elements default properties
 * .....element-default................Default Element Properties
 * .....element-inner-default..........Nested Default Element inside Default Element
 * .....element-nested-default.........Nested Default Element inside Default Element (varied padding)
 * .....page-element-default...........Default Page-Element Properties (header, main, footer)
 * ELEMENT_EXTENSIONS..................Extended Elements properties
 * .....last-child-default
 * HEADING.............................Headline properties
 * TOGGLE..............................Toggle properties
 * .....$_toggle-icon-dim
 * .....toggle-subject
 * .....toggle-subject-visible
 * .....toggle-content
 * .....toggle-content-subject
**/
/*------------------------------------*    ANIMATION_DEFAULTS
\*------------------------------------*/
/*------------------------------------*	CLICKABLE
\*------------------------------------*/
button, input[type="submit"], input[type="file"], label, select, a {
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	outline: 0;
	text-decoration: none;
}

/*------------------------------------*	ELEMENT_DEFAULTS
\*------------------------------------*/
.description, .form-section, .form-section-xxl, .form-section-xl, .form-section-l, .form-section-m, .form-section-s, .form-section-xs, .breadcrumbs, .vote {
	*zoom: 1;
	/*@include column(12);*/
	clear: both;
	display: block;
	margin-bottom: 1rem;
	position: relative;
}

.description:after, .form-section:after, .form-section-xxl:after, .form-section-xl:after, .form-section-l:after, .form-section-m:after, .form-section-s:after, .form-section-xs:after, .breadcrumbs:after, .vote:after, .description:before, .form-section:before, .form-section-xxl:before, .form-section-xl:before, .form-section-l:before, .form-section-m:before, .form-section-s:before, .form-section-xs:before, .breadcrumbs:before, .vote:before {
	content: "\0020";
	display: table;
}

.description:after, .form-section:after, .form-section-xxl:after, .form-section-xl:after, .form-section-l:after, .form-section-m:after, .form-section-s:after, .form-section-xs:after, .breadcrumbs:after, .vote:after {
	clear: both;
}

.page-section > .description, .page-section > .form-section, .page-section > .form-section-xxl, .page-section > .form-section-xl, .page-section > .form-section-l, .page-section > .form-section-m, .page-section > .form-section-s, .page-section > .form-section-xs, .page-section > .breadcrumbs, .page-section > .vote,
.section > .description,
.section > .form-section,
.section > .form-section-xxl,
.section > .form-section-xl,
.section > .form-section-l,
.section > .form-section-m,
.section > .form-section-s,
.section > .form-section-xs,
.section > .breadcrumbs,
.section > .vote {
	margin-bottom: 0.75rem;
}

@media screen and (min-width: 48rem) {
	.page-section > .description, .page-section > .form-section, .page-section > .form-section-xxl, .page-section > .form-section-xl, .page-section > .form-section-l, .page-section > .form-section-m, .page-section > .form-section-s, .page-section > .form-section-xs, .page-section > .breadcrumbs, .page-section > .vote,
	.section > .description,
	.section > .form-section,
	.section > .form-section-xxl,
	.section > .form-section-xl,
	.section > .form-section-l,
	.section > .form-section-m,
	.section > .form-section-s,
	.section > .form-section-xs,
	.section > .breadcrumbs,
	.section > .vote {
		margin-bottom: 1.5rem;
	}
}

@media screen and (min-width: 60rem) {
	.page-section > .description, .page-section > .form-section, .page-section > .form-section-xxl, .page-section > .form-section-xl, .page-section > .form-section-l, .page-section > .form-section-m, .page-section > .form-section-s, .page-section > .form-section-xs, .page-section > .breadcrumbs, .page-section > .vote,
	.section > .description,
	.section > .form-section,
	.section > .form-section-xxl,
	.section > .form-section-xl,
	.section > .form-section-l,
	.section > .form-section-m,
	.section > .form-section-s,
	.section > .form-section-xs,
	.section > .breadcrumbs,
	.section > .vote {
		margin-bottom: 2.25rem;
	}
}

.normalize .description, .normalize .form-section, .normalize .form-section-xxl, .normalize .form-section-xl, .normalize .form-section-l, .normalize .form-section-m, .normalize .form-section-s, .normalize .form-section-xs, .normalize .breadcrumbs, .normalize .vote {
	margin: 0 !important;
	width: 100%;
}

main > blockquote,
.page-section > blockquote,
.section > blockquote {
	width: 99.07407%;
	margin-left: 0.46296%;
	margin-right: 0.46296%;
	padding-left: 1rem;
}

@media screen and (min-width: 48rem) {
	main > blockquote,
	.page-section > blockquote,
	.section > blockquote {
		padding-left: 1rem;
	}
}

@media screen and (min-width: 60rem) {
	main > blockquote,
	.page-section > blockquote,
	.section > blockquote {
		padding-left: 1rem;
	}
}

/*------------------------------------*	ELEMENT_EXTENSIONS
\*------------------------------------*/
.bullet-list:last-child, .decimal-list:last-child, .definition-list:last-child, .input-list:last-child, .list:last-child, .list-item:last-child {
	margin-bottom: 0;
}

/*------------------------------------*	HEADING
\*------------------------------------*/
/*------------------------------------*	TOGGLE
\*------------------------------------*/
/*------------------------------------*
\*------------------------------------ */
/*------------------------------------*	
\*------------------------------------*/
/*------------------------------------*    $GLOBAL ELEMENTS
\*------------------------------------*/
/*------------------------------------*    FORMS
\*------------------------------------*/
/**
 * ----------------------------------------------------------------------------
 *  form elements
 * ----------------------------------------------------------------------------
 *
 *
 * CONTENTS
 *
 * GENERIC
 * %_form-element-button...............button/clickable elements
 * %_form-element-default..............every form element
 * %_form-element-input................input elements
 * %_form-element-option...............option elements
 * @_form-element-placeholder..........input placeholder
 *
 * COMPONENTS
 * BUTTON..............................<button>
 * FIELDSET............................<fieldset>
 * FORM................................<form>
 * INPUT...............................<input>
 * .....checkbox
 * .....email
 * .....file
 * .....password
 * .....radio
 * .....submit
 * .....tel
 * .....text
 * LABEL...............................<label>
 * LEGEND..............................<legend>
 * OPTION..............................<option>
 * SELECT..............................<select>
 * TEXTAREA............................<textarea>
 * PSEUDO-PLACEHOLDER..................:placeholder
**/
/*------------------------------------*    GENERIC
\*------------------------------------*/
button, input[type="submit"] {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	border: 0;
	border-radius: 0;
}

button, input, select, textarea,
.input-textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}

input[type="email"], input[type="file"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], select, textarea,
.input-textarea {
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	background-color: #fff;
	border: 1px solid #ebebeb;
	color: #666;
	height: 2.5rem;
	max-width: 100%;
	min-width: 100%;
	outline: none;
	padding: 0 0.75rem;
	-webkit-transition: border-color 0.3s ease;
	transition: border-color 0.3s ease;
	width: 100%;
}

input[type="email"]:focus, input[type="file"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, select:focus, textarea:focus,
.input-textarea:focus {
	border-color: #e1b500;
}

input[type="email"]:-webkit-autofill, input[type="file"]:-webkit-autofill, input[type="number"]:-webkit-autofill, input[type="password"]:-webkit-autofill, input[type="search"]:-webkit-autofill, input[type="tel"]:-webkit-autofill, input[type="text"]:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill,
.input-textarea:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}

input[type="checkbox"], input[type="radio"] {
	float: left;
	margin: 0.375rem 0.5rem 0 0;
}

/*------------------------------------*    BUTTON
\*------------------------------------*/
/*------------------------------------*    FIELDSET
\*------------------------------------*/
fieldset {
	/**/
}

/*------------------------------------*    FORM
\*------------------------------------*/
form {
	/**/
}

/*------------------------------------*    INPUT
\*------------------------------------*/
/*------------------------------------*    LABEL
\*------------------------------------*/
label {
	display: block;
	font-family: "TheSansLT500", sans-serif;
	position: relative;
}

/*------------------------------------*    LEGEND
\*------------------------------------*/
legend {
	/**/
}

/*------------------------------------*    OPTION
\*------------------------------------*/
option {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

/*------------------------------------*    SELECT
\*------------------------------------*/
select {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #666;
}

/*------------------------------------*    TEXTAREA
\*------------------------------------*/
textarea,
.input-textarea {
	display: block;
	height: 7.5rem;
	padding: 0.75rem 0.5rem;
	resize: none;
}

/*------------------------------------*	PSEUDO-PLACHOLDER
\*------------------------------------*/
:-moz-placeholder {
	font-size: 0.75rem;
	line-height: 1.5;
	color: #bcbcbc;
	font-family: inherit;
}

:-ms-input-placeholder {
	font-size: 0.75rem;
	line-height: 1.5;
	color: #bcbcbc;
	font-family: inherit;
}

::-moz-placeholder {
	font-size: 0.75rem;
	line-height: 1.5;
	color: #bcbcbc;
	font-family: inherit;
	line-height: 3.1;
}

::-webkit-input-placeholder {
	font-size: 0.75rem;
	line-height: 1.5;
	color: #bcbcbc;
	font-family: inherit;
}

/*------------------------------------*
\*------------------------------------*/
/*------------------------------------*    $HEADINGS
\*------------------------------------*/
h1,
.h1, h2,
.h2, h3,
.h3, h4,
.h4, h5,
.h5, h6,
.h6, caption {
	font-family: "TheSansLT700", "TheSansLT500", sans-serif;
	font-weight: normal;
}

h1,
.h1 {
	font-size: 1.625rem;
	line-height: 1.2;
	margin-bottom: 0.6rem;
}

@media all and (min-width: 48rem) {
	h1,
	.h1 {
		font-size: 1.625rem;
		line-height: 1.3;
	}
}

h2,
.h2 {
	font-size: 1.3125rem;
	line-height: 1.2;
	margin-bottom: 0.6rem;
}

h3,
.h3 {
	font-size: 1.125rem;
	line-height: 1.5;
	margin-bottom: 0.75rem;
}

h4,
.h4 {
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: 0.75rem;
}

h5,
.h5 {
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: 0.75rem;
}

h6,
.h6 {
	font-size: 0.75rem;
	line-height: 1.5;
	margin-bottom: 0.75rem;
}

/*------------------------------------*    $LINKS
\*------------------------------------*/
/**
 * ANCHOR..............................HTML <a> Element
 * LINK................................Textlink
**/
/*------------------------------------*    $ANCHOR
\*------------------------------------*/
a {
	color: inherit;
	cursor: pointer;
}

/*------------------------------------*    $LINK
\*------------------------------------*/
.link {
	display: inline-block;
	position: relative;
	/*text-decoration: underline;*/
	/*transition: color .2s linear;*/
}

.link:before {
	content: "";
	display: block;
	position: absolute;
	position: absolute;
	bottom: 2px;
	left: 0;
	right: 0;
	background: #666;
	height: 1px;
	-webkit-transition: background-color .2s linear;
	transition: background-color .2s linear;
}

.link:hover {
	/*color: $theme-color-red;*/
}

.link:hover:before {
	background: #dd0000;
}

.link-back:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url(/sendebizdensin/img/icons/chevron-left-grey.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	margin-right: 0.5rem;
}

.link-next {
	font-family: "TheSansLT700", "TheSansLT500", sans-serif;
}

.link-next:after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url(/sendebizdensin/img/icons/chevron-left-grey.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	margin-left: 0.5rem;
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

/*------------------------------------*    $LISTS
\*------------------------------------*/
/**
 * GENERIC.............................Variables/Placeholder
 * LIST_ITEM...........................List Item <li>
 * UNORDERED_LIST......................Unordered List <ul>
 * ORDERED_LIST........................Ordered List <ol>
 * DEFINITION_LIST.....................Definition List <dl>
**/
/*------------------------------------*    $GENERIC
\*------------------------------------*/
ul, ol {
	list-style: none;
	list-style-position: outside;
}

/*------------------------------------*    $LIST_ITEM
\*------------------------------------*/
li {
	/**/
}

/*------------------------------------*    $UNORDERED_LIST
\*------------------------------------*/
/*------------------------------------*    $ORDERED_LIST
\*------------------------------------*/
/*------------------------------------*    $DEFINITION_LIST
\*------------------------------------*/
dl {
	overflow: hidden;
}

dd {
	margin-left: 0;
}

/*------------------------------------*    
\*------------------------------------*/
/*------------------------------------*    $MAIN
\*------------------------------------*/
/**
 * TEXT_SELECTION......................Background & Text color of selected Text
 * HTML................................The <html> Element
 * BODY................................The <body> Element
**/
/*------------------------------------*    $TEXT_SELECTION
\*------------------------------------*/
::-moz-selection {
	background: #404040;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #404040;
	color: #fff;
	text-shadow: none;
}

/*------------------------------------*    $HTML
\*------------------------------------*/
html {
	font-size: 100%;
	line-height: 1.5;
	background-color: #fff;
	color: #666;
	font-family: "TheSansLT500", sans-serif;
	position: relative;
	overflow-x: hidden;
	overflow-y: scroll;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

@media all and (min-width: 48rem) {
	html {
		font-size: 100%;
		line-height: 1.5;
	}
}

@media all and (min-width: 60rem) {
	html {
		font-size: 100%;
		line-height: 1.5;
	}
}

html:before {
	position: absolute;
	left: -999rem;
	top: -999rem;
	content: "bp-xl";
}

@media all and (max-width: 60rem) {
	html:before {
		content: "bp-l";
	}
}

@media all and (max-width: 48rem) {
	html:before {
		content: "bp-m";
	}
}

@media all and (max-width: 29.75rem) {
	html:before {
		content: "bp-s";
	}
}

@media all and (max-width: 22rem) {
	html:before {
		content: "bp-xs";
	}
}

@media print {
	html {
		font-size: 62.5%;
	}
}

/*------------------------------------*    $BODY
\*------------------------------------*/
body {
	height: 100%;
	position: relative;
	width: 100%;
}

/*------------------------------------*    $MEDIA ELEMENTS
\*------------------------------------*/
/**
 * Flexible Media......................Fluid Media Elements
 * .....img
 * .....object
 * .....video
 * Video...............................Video Element
**/
/*------------------------------------*    $FLEXIBLE_MEDIA
\*------------------------------------*/
img, object, video {
	display: inline-block;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

/*------------------------------------*    $VIDEO
\*------------------------------------*/
video {
	display: block;
}

/*------------------------------------*    
\*------------------------------------*/
/*------------------------------------*    $TABLES
\*------------------------------------*/
/**
 * GENERIC.............................Variables/Placeholder
 * .....Table-Width (Set table width to 100%)
 * .....<td>
 * .....<th>
 * CAPTION.............................Basic Styling for Table Headline <caption> Element
 * COL.................................Equal widths to each column
 * TABLE...............................Basic Styling for <table> Element
 * TABLE_BODY..........................Basic Styling for <tbody> Element
 * TABLE_CELLS.........................Basic Styling for Table-Cell <td>/<th> Element
 * TABLE_FOOTER........................Basic Styling for <tfoot> Element
 * TABLE_HEADER........................Basic Styling for <thead> Element
**/
/*------------------------------------*    $GENERIC
\*------------------------------------*/
caption, td, th {
	padding: 0.375rem 0.5rem;
	text-align: left;
}

@media screen and (min-width: 48rem) {
	caption, td, th {
		padding: 0.375rem 1rem;
	}
}

/*------------------------------------*    $CAPTION
\*------------------------------------*/
caption {
	font-size: 1.25rem;
	line-height: 1.5;
	color: #666;
	text-align: left;
}

/*------------------------------------*    $COL
\*------------------------------------*/
col:nth-child(1):nth-last-child(1) {
	width: 100%;
}

col:nth-child(1):nth-last-child(2), col:nth-child(2):nth-last-child(1) {
	width: 50%;
}

col:nth-child(1):nth-last-child(3), col:nth-child(2):nth-last-child(2), col:nth-child(3):nth-last-child(1) {
	width: 33.33333%;
}

col:nth-child(1):nth-last-child(4), col:nth-child(2):nth-last-child(3), col:nth-child(3):nth-last-child(2), col:nth-child(4):nth-last-child(1) {
	width: 25%;
}

col:nth-child(1):nth-last-child(5), col:nth-child(2):nth-last-child(4), col:nth-child(3):nth-last-child(3), col:nth-child(4):nth-last-child(2), col:nth-child(5):nth-last-child(1) {
	width: 20%;
}

col:nth-child(1):nth-last-child(6), col:nth-child(2):nth-last-child(5), col:nth-child(3):nth-last-child(4), col:nth-child(4):nth-last-child(3), col:nth-child(5):nth-last-child(2), col:nth-child(6):nth-last-child(1) {
	width: 16.66667%;
}

/*------------------------------------*    $TABLE
\*------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

/*------------------------------------*    $TABLE_BODY
\*------------------------------------*/
tbody {
	/**/
}

/*------------------------------------*    TABLE_CELLS
\*------------------------------------*/
th {
	font-family: "TheSansLT700", "TheSansLT500", sans-serif;
}

/*------------------------------------*    $TABLE_FOOTER
\*------------------------------------*/
tfoot {
	/**/
}

/*------------------------------------*    $TABLE_HEADER
\*------------------------------------*/
thead {
	/**/
}

/*------------------------------------*
\*------------------------------------*/
/*------------------------------------*    $TEXT_ELEMENTS
\*------------------------------------*/
/**
 * ADDRESS.............................<address>
 * BLOCKQUOTE..........................<blockquote>
 * PARAGRAPH...........................<p>
 * STRONG..............................<strong>
 * SUPPER..............................<sup>
**/
/*------------------------------------*    $ADDRESS
\*------------------------------------*/
address {
	font-style: inherit;
}

/*------------------------------------*    $BLOCKQUOTE
\*------------------------------------*/
blockquote {
	font-size: 1.625rem;
	line-height: 1.2;
	margin: 9rem 0;
}

@media all and (min-width: 48rem) {
	blockquote {
		font-size: 1.625rem;
		line-height: 1.3;
	}
}

blockquote:last-child {
	margin-bottom: 0;
}

/*------------------------------------*    $PARAGRAPH
\*------------------------------------*/
p {
	margin-bottom: 1.5rem;
	word-wrap: break-word;
}

p:last-child {
	margin-bottom: 0;
}

/*------------------------------------*    $STRONG
\*------------------------------------*/
strong {
	font-weight: bold;
}

/*------------------------------------*    SUP
\*------------------------------------*/
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	top: -.5em;
	vertical-align: baseline;
}

/*------------------------------------*    
\*------------------------------------*/
/*------------------------------------*    $GLOBAL CLASSES
\*------------------------------------*/
/**
 * JS/NOJS.............................JS/NOJS Elements
 * .....js-element
 * .....nojs-element
 * COVER...............................Stretch Element
 * .....cover-img (stretch all images)
 * .....parallax override (stretch all parallax elements)
 * OVERLAPPING.........................Overlapping Elements
 * .....overlapped
 * .....to-overlap
 * SCROLLBOX
 * .....modify any section to make it scrollable
 * VISIBILITY/DISPLAY..................Visibility/Display Stats of Elements
 * .....is-hidden
 * .....is-visible
 * .....is-vishidden
**/
/*------------------------------------*    $JS/NOJS
\*------------------------------------*/
/*// JS
.js-element {
}

// NO-JS
.nojs-element {
	display: none;
}*/
/*------------------------------------*    $COVER
\*------------------------------------*/
/*.cover {
	@include element-stretch;
	height: 100%;
	width: 100%;

	.cover-img {
		max-width: none;
		min-height: 100%;
		min-width: 100%;
	}

	.parallax,
	.parallax-img,
	.parallax-inner {
		height: inherit;
		width: inherit;
	}
}*/
/*------------------------------------*    $OVERLAPPING
\*------------------------------------*/
/*.overlapping {
	position: relative;

	//
	.overlapped {
	}

	//
	.to-overlap {
		@include element-stretch;
		visibility: hidden;

		&.show {
			visibility: visible;
		}
	}
}*/
/*------------------------------------*    $POSITION
\*------------------------------------*/
.is-fixed {
	position: fixed !important;
}

.clearfix {
	*zoom: 1;
}

.clearfix:after, .clearfix:before {
	content: "\0020";
	display: table;
}

.clearfix:after {
	clear: both;
}

/*------------------------------------*    SCROLLBOX
\*------------------------------------*/
.scrollbox {
	cursor: s-resize;
	height: 200px;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-arrow-color: rgba(64, 64, 64, 0.5);
	scrollbar-face-color: rgba(64, 64, 64, 0.5);
}

.scrollbox::-webkit-scrollbar {
	-webkit-appearance: none;
	        appearance: none;
	width: 0.5rem;
}

.scrollbox::-webkit-scrollbar-thumb {
	background-color: rgba(64, 64, 64, 0.5);
	border-radius: 4px;
	box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.scrollbox::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(64, 64, 64, 0.3);
	border-radius: 10px;
}

/*------------------------------------*    $VISIBILITY/DISPLAY
\*------------------------------------*/
.is-hidden {
	display: none;
	visibility: hidden;
}

.is-visible {
	display: block;
	visibility: visible;
}

.is-vishidden {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
}

/*------------------------------------*
\*------------------------------------*/
/*------------------------------------*    $STRUCTURE
\*------------------------------------*/
/*------------------------------------*    $HEADER_SECTION
\*------------------------------------*/
/**
 * .page-header........................HTML <header> Section
 * .logo...............................Site-Logo
**/
/*------------------------------------*    <header>
\*------------------------------------*/
.page-header {
	*zoom: 1;
	display: block;
	width: 100.92593%;
	margin-left: -0.46296%;
	margin-right: -0.46296%;
	background-color: #e4e4e4;
	padding: 1rem;
}

.page-header:after, .page-header:before {
	content: "\0020";
	display: table;
}

.page-header:after {
	clear: both;
}

@media screen and (min-width: 48rem) {
	.page-header {
		padding: 4rem 1rem 0 1rem;
	}
}

.page-header > .section-constrained {
	width: 99.07407%;
	margin-left: 0.46296%;
	margin-right: 0.46296%;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.page-header > .section-constrained > .menu-btn {
	margin-left: 0.5rem;
}

@media screen and (min-width: 48rem) {
	.page-header > .section-constrained > .menu-btn {
		display: none;
	}
}

.page-header .logo {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin-right: 1rem;
}

@media screen and (min-width: 48rem) {
	.page-header .logo {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
		margin-top: -2rem;
	}
}

@media screen and (min-width: 48rem) {
	.page-header .language-switcher {
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		    -ms-flex-order: 3;
		        order: 3;
		margin-left: 1rem;
	}
}

/*------------------------------------*    LOGO
\*------------------------------------*/
.logo {
	display: block;
	width: 90px;
	height: 30px;
}

@media screen and (min-width: 48rem) {
	.logo {
		width: 120px;
		height: 40px;
	}
}

.logo a {
	display: block;
}

.logo img {
	display: block;
	width: 90px;
	height: 30px;
}

@media screen and (min-width: 48rem) {
	.logo img {
		width: 120px;
		height: 40px;
	}
}

/*------------------------------------*    $MAIN
\*------------------------------------*/
/**
 * MAIN................................HTML <main> Section
 * PAGE_WRAPPER........................Content Wrapper
**/
/*------------------------------------*    $MAIN_CONTENT_AREA
\*------------------------------------*/
.page-main {
	*zoom: 1;
	display: block;
	width: 100.92593%;
	margin-left: -0.46296%;
	margin-right: -0.46296%;
	position: relative;
}

.page-main:after, .page-main:before {
	content: "\0020";
	display: table;
}

.page-main:after {
	clear: both;
}

/*------------------------------------*    $PAGE_WRAPPER
\*------------------------------------*/
.page {
	background-color: inherit;
	color: inherit;
	height: 100%;
	position: relative;
	overflow: hidden;
}

@media screen and (min-width: 48rem) {
	.page:after {
		content: '';
		display: block;
		width: 1560px;
		height: 1572px;
		position: absolute;
		top: -30%;
		right: -40%;
		background-image: url(/sendebizdensin/img/background-lines.png);
		background-repeat: no-repeat;
		background-position: 0 -30%;
		background-size: 100%;
		z-index: -1;
	}
}

@media screen and (min-width: 60rem) {
	.page:after {
		top: -20%;
		right: -30%;
	}
}

@media screen and (min-width: 73rem) {
	.page:after {
		top: -10%;
		right: -40%;
	}
}

@media screen and (min-width: 82rem) {
	.page:after {
		top: -10%;
		right: -30%;
	}
}

.section {
	*zoom: 1;
	width: 99.07407%;
	margin-left: 0.46296%;
	margin-right: 0.46296%;
	padding: 3rem 1rem;
}

.section:after, .section:before {
	content: "\0020";
	display: table;
}

.section:after {
	clear: both;
}

@media screen and (min-width: 48rem) {
	.section {
		padding-top: 6rem;
		padding-bottom: 6rem;
	}
}

.section.section--grey {
	background-color: #e4e4e4;
}

.section.section--no-pad {
	padding: 0;
}

@media screen and (min-width: 48rem) {
	.section.section--no-pad {
		padding: 0;
	}
}

.section.section--small-bot-pad {
	padding: 6rem 1rem 3rem 1rem;
}

@media screen and (min-width: 48rem) {
	.section.section--small-bot-pad {
		padding: 6rem 1rem 3rem 1rem;
	}
}

.section.section--no-top-pad {
	padding: 0 1rem 3rem 1rem;
}

@media screen and (min-width: 48rem) {
	.section.section--no-top-pad {
		padding: 0 1rem 3rem 1rem;
	}
}

.section-constrained {
	*zoom: 1;
	float: none;
	margin: 0 auto;
	max-width: 66.25rem;
	width: 100%;
	z-index: 1;
}

.section-constrained:after, .section-constrained:before {
	content: "\0020";
	display: table;
}

.section-constrained:after {
	clear: both;
}

.section-constrained.with-padding-m {
	padding-left: 1rem;
	padding-right: 1rem;
}

/*------------------------------------*    $FOOTER_SECTION
\*------------------------------------*/
/**
 * $FOOTER.............................HTML <footer> Section
 * $FOOTER-NAV.........................Footer Navigation
**/
/*------------------------------------*    $FOOTER
\*------------------------------------*/
.page-footer {
	*zoom: 1;
	display: block;
	width: 100.92593%;
	margin-left: -0.46296%;
	margin-right: -0.46296%;
	position: relative;
	padding: 1rem;
	margin-top: 3rem;
}

.page-footer:after, .page-footer:before {
	content: "\0020";
	display: table;
}

.page-footer:after {
	clear: both;
}

@media screen and (min-width: 48rem) {
	.page-footer {
		margin-top: 6rem;
		padding-bottom: 2rem;
	}
}

@media screen and (min-width: 48rem) {
	.page-footer > .section-constrained {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
}

@media screen and (min-width: 48rem) {
	.page-footer .shariff {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		    -ms-flex-order: 2;
		        order: 2;
	}
}

@media screen and (min-width: 48rem) {
	.page-footer .meta-nav {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
}

/*------------------------------------*    $FOOTER-NAV
\*------------------------------------*/
.meta-nav {
	width: 99.07407%;
	margin-left: 0.46296%;
	margin-right: 0.46296%;
}

@media screen and (min-width: 48rem) {
	.meta-nav .mn-items {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}

@media screen and (min-width: 48rem) {
	.meta-nav .mn-item {
		margin: 0 1rem 0 0;
	}
	.meta-nav .mn-item:last-child {
		margin-right: 0;
	}
}

.meta-nav .mn-item:first-child {
	margin-bottom: 0.5rem;
}

@media screen and (min-width: 48rem) {
	.meta-nav .mn-item:first-child {
		margin-bottom: 0;
	}
}

.meta-nav .mn-item:first-child .mn-link {
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 1rem;
}

@media screen and (min-width: 48rem) {
	.meta-nav .mn-item:first-child .mn-link {
		border-bottom: 0;
		border-right: 1px solid #e4e4e4;
		padding-right: 1rem;
		padding-bottom: 0;
	}
}

.meta-nav .mn-link {
	display: block;
	color: #666;
	padding: 0.5rem 0;
	font-size: 14px;
}

@media screen and (min-width: 48rem) {
	.meta-nav .mn-link {
		padding: 0;
	}
}

/*------------------------------------*    
\*------------------------------------*/
/*------------------------------------*    $COMPONENTS/$MODULES
\*------------------------------------*/
/*------------------------------------*	$BUTTONS
\*------------------------------------*/
/**
* GENERIC..............................Variables/Placeholder
* BTN..................................Simple Button
* BTN-DISABLED.........................Disabled Button
* CTA..................................Call-To-Action
**/
.menu-btn {
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(/sendebizdensin/img/icons/menu-red.svg);
	background-repeat: no-repeat;
	background-size: 100%;
}

.menu-btn.menu-btn--close {
	background-image: url(/sendebizdensin/img/icons/close-white.svg);
}

.icon-button-play, .icon-button-plus, .icon-button-social, .icon-button-twitter, .icon-button-facebook, .icon-button-close, .icon-button-twitter-red, .icon-button-facebook-red, .teaser.teaser--play .t-figure:after, .image.image--play:after {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: 100%;
	background-repeat: no-repeat;
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
	text-indent: -9999px;
	overflow: hidden;
}

.icon-button-play:hover, .icon-button-plus:hover, .icon-button-social:hover, .icon-button-twitter:hover, .icon-button-facebook:hover, .icon-button-close:hover, .icon-button-twitter-red:hover, .icon-button-facebook-red:hover, .teaser.teaser--play .t-figure:hover:after, .image.image--play:hover:after {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

.icon-button--big.icon-button-play, .icon-button--big.icon-button-plus, .icon-button--big.icon-button-social, .icon-button--big.icon-button-twitter, .icon-button--big.icon-button-facebook, .icon-button--big.icon-button-close, .icon-button--big.icon-button-twitter-red, .icon-button--big.icon-button-facebook-red, .teaser.teaser--play .icon-button--big.t-figure:after, .icon-button--big.image.image--play:after {
	width: 60px;
	height: 60px;
}

.icon-button-play {
	background-image: url(/sendebizdensin/img/icons/play-round-white.svg);
}

@media screen and (min-width: 48rem) {
	.icon-button-play {
		width: 80px;
		height: 80px;
	}
}

.icon-button-plus {
	background-image: url(/sendebizdensin/img/icons/plus-round-red.svg);
}

@media screen and (min-width: 60rem) {
	.icon-button-plus {
		width: 50px;
		height: 50px;
	}
}

.icon-button-social {
	background-image: url(/sendebizdensin/img/icons/social-media-round-white.svg);
}

.icon-button-twitter {
	background-image: url(/sendebizdensin/img/icons/twitter-round-white.svg);
}

.icon-button-facebook {
	background-image: url(/sendebizdensin/img/icons/facebook-round-white.svg);
}

.icon-button-close {
	background-image: url(/sendebizdensin/img/icons/exit-round-white.svg);
}

.icon-button-twitter-red {
	background-image: url(/sendebizdensin/img/icons/twitter-round-red.svg);
}

.icon-button-facebook-red {
	background-image: url(/sendebizdensin/img/icons/facebook-round-red.svg);
}

.button {
	display: inline-block;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	background-color: #c00d0d;
	color: #fff;
	font-family: "TheSansLT500", sans-serif;
	text-align: center;
	padding: 0.375rem 0.5rem;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 1.3;
	-webkit-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
}

@media screen and (min-width: 48rem) {
	.button {
		font-size: 14px;
	}
}

.button:hover {
	background-color: #ab0b0b;
}

.button.button--story:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(/sendebizdensin/img/icons/movie-white.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	vertical-align: bottom;
	margin-right: 0.5rem;
}

.button.button--facebook, .button.button--Facebook {
	background-color: #3e579a;
}

.button.button--facebook:hover, .button.button--Facebook:hover {
	background-color: #2f4276;
}

.button.button--facebook:before, .button.button--Facebook:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(/sendebizdensin/img/icons/facebook-white.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	vertical-align: bottom;
	margin-right: 0.5rem;
}

.button.button--twitter, .button.button--Twitter {
	background-color: #5cb3f2;
}

.button.button--twitter:hover, .button.button--Twitter:hover {
	background-color: #2d9dee;
}

.button.button--twitter:before, .button.button--Twitter:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(/sendebizdensin/img/icons/twitter-white.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	vertical-align: bottom;
	margin-right: 0.5rem;
}

.ghostbutton {
	display: inline-block;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	color: #c00d0d;
	font-family: "TheSansLT500", sans-serif;
	text-align: center;
	padding: 0.375rem 1rem;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1.3;
	border: 1px solid #c00d0d !important;
	background: transparent;
	-webkit-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
}

@media screen and (min-width: 48rem) {
	.ghostbutton {
		font-size: 14px;
	}
}

.ghostbutton:hover {
	background-color: #e4e4e4;
}

/*------------------------------------*    $LISTS
\*------------------------------------*/
/**
 * GENERIC.............................Variables/Placeholder
 * .....List
 * .....List-Item Unordered List
 * .....List-Item Ordered List
 * LIST-ITEM...........................List-Item
 * BULLET-LIST.........................Bullets
 * DECIMAL-LIST........................Numbers
 * DEFINITION-LIST.....................Terms & Defs
 * INPUT-LIST..........................Input-Options Listing
 * LIST................................Simple Listing, no List-Type
**/
/*------------------------------------*    $GENERIC
\*------------------------------------*/
.bullet-list .list-item {
	padding-left: 1rem;
}

.decimal-list .list-item {
	margin-left: 1.5rem;
}

/*------------------------------------*    $LIST-ITEM
\*------------------------------------*/
.list-item {
	margin-bottom: 0.375rem;
	position: relative;
}

/*------------------------------------*    $BULLET-LIST
\*------------------------------------*/
.bullet-list .list-item:before {
	content: "";
	display: block;
	position: absolute;
	content: "\2022";
	left: 0;
}

/*------------------------------------*    $DECIMAL-LIST
\*------------------------------------*/
.decimal-list {
	list-style-type: decimal-leading-zero;
}

/*------------------------------------*    $DEFINITION-LIST
\*------------------------------------*/
.definition-list .list-item {
	margin-bottom: 0;
}

.definition-list .list-item.dl-def {
	float: right;
	width: 50%;
}

.definition-list .list-item.dl-term {
	clear: both;
	float: left;
	width: 50%;
}

/*------------------------------------*    INPUT-LIST
\*------------------------------------*/
/*------------------------------------*    $LIST
\*------------------------------------*/
/*------------------------------------*    ICON LIST
\*------------------------------------*/
.icon-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.icon-list .il-item {
	margin: 0.5rem;
}

.icon-list.icon-list--centered {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

/*------------------------------------*
\*------------------------------------*/
/*------------------------------------*    $TEXT
\*------------------------------------*/
/**
 * ADVERTISEMENT.......................Advertisement Textline
 * BYLINE..............................Attendant Textline
 * DESCRIPTION.........................SEO Copy
 * HEADLINE............................Headline
 * PRICING.............................Display Prices
 * PRINCIPAL...........................Heading Textline
**/
/*------------------------------------*    $ADVERTISEMENT
\*------------------------------------*/
.advertisement {
	position: relative;
	right: 0;
	top: 0.5rem;
	font-size: 0.75rem;
	line-height: 1.5;
	color: #6e6e6e;
	float: right;
	z-index: 1;
}

@media screen and (min-width: 60rem) {
	.advertisement {
		right: -1.5rem;
	}
}

.advertisement--label {
	background-color: #fff;
	padding: 0 0.25rem;
	right: -0.5rem;
}

@media screen and (min-width: 60rem) {
	.advertisement--label {
		right: 0.5rem;
	}
}

/*------------------------------------*    $BYLINE
\*------------------------------------*/
.byline {
	font-size: 0.875rem;
	line-height: 1.5;
	display: block;
}

.button-byline {
	display: block;
	margin-top: 0.5rem;
}

@media screen and (min-width: 48rem) {
	.button-byline {
		display: inline-block;
		margin-top: 0;
	}
}

/*------------------------------------*    $DESCRIPTION
\*------------------------------------*/
.description {
	background: rgba(229, 229, 229, 0.3);
	margin: 2rem -1rem;
	padding: 0.5rem 1rem;
}

@media screen and (min-width: 48rem) {
	.description {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}

@media screen and (min-width: 60rem) {
	.description {
		margin-left: 0;
		margin-right: 0;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}

/*------------------------------------*    HEADLINE
\*------------------------------------*/
.headline {
	background: #fff;
	margin: 0 -1rem 0.5rem;
	padding: 1rem;
	position: relative;
}

@media screen and (min-width: 48rem) {
	.headline {
		padding-right: 25% !important;
	}
}

@media screen and (min-width: 60rem) {
	.headline {
		padding-right: 35% !important;
	}
}

@media screen and (min-width: 48rem) {
	.headline {
		padding: 1.5rem;
	}
}

@media screen and (min-width: 60rem) {
	.headline {
		margin: 0 0 1rem;
		padding: 2rem 1.5rem;
	}
}

.headline + .layout-single {
	margin-top: -1.5rem;
}

@media screen and (min-width: 48rem) {
	.headline + .layout-single {
		margin-top: -2rem;
	}
}

@media screen and (min-width: 60rem) {
	.headline + .layout-single {
		margin-top: -3rem;
	}
}

/*------------------------------------*    $ICON HEADLINE
\*------------------------------------*/
.icon-headline {
	position: relative;
	margin: 0 0 1.5rem 0;
}

.icon-headline:before {
	content: '';
	position: relative;
	display: inline-block;
	width: 60px;
	height: 60px;
	background-size: 100%;
	background-repeat: no-repeat;
	overflow: hidden;
	vertical-align: middle;
	margin-right: 1rem;
}

.icon-headline.icon-headline--attention:before {
	background-image: url(/sendebizdensin/img/icons/attention-red.svg);
}

/*------------------------------------*    $PRINCIPAL
\*------------------------------------*/
/*.principal {
	background-color: $theme-principal-bg;
	border-radius: 3px;
	clear: left;
	color: $theme-principal-fg;
	float: left;
	font-family: $font-principal;
	line-height: 1;
	margin-bottom: 3px;
	padding: $pad-quarter $pad-half;
	white-space: nowrap;
}*/
/*------------------------------------*    $VIDEO ELEMENTS
\*------------------------------------*/
/**
 * GENERIC.............................Variables/Placeholder
 * BACKGROUND_VIDEO....................Like background-image
 * CONTROLLED_VIDEO....................JS Controlled Video - Plays/Stops Video inside/outside viewport
**/
/*------------------------------------*    $GENERIC
\*------------------------------------*/
/*------------------------------------*    $BACKGROUND_VIDEO
\*------------------------------------*/
.video-bg .vjs-tech {
	height: auto !important;
	position: relative !important;
}

/*------------------------------------*    CONTROLLED_VIDEO
\*------------------------------------*/
.video-controlled .vjs-tech {
	height: auto !important;
	position: relative !important;
}

/*------------------------------------*    
\*------------------------------------*/
/*------------------------------------*    $MEDIA ELEMENTS
\*------------------------------------*/
.iframe-video {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
}

.iframe-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*------------------------------------*	$FORM
\*------------------------------------*/
/**
 * FORM_GROUP..........................Groups "form-section"
 * FORM_SECTION........................Groups <label> & <input>
 * FORM_SET............................<fieldset class="form-set">
 * FORM_TEXT...........................Well-formed <p>
 * INPUT_GROUP.........................Group of Inputs
 * LABEL_TEXT..........................<label class="label-text">
 *
 	<form class="form">
 		<fieldset class="form-set">
			<header class="fs-header">
				<legend class="fs-head">Fieldset Headline</legend>
				<p class="byline">Fieldset Headline Byline</p>
			</header>
 			<div class="form-group">
 				<div class="form-section">
 					<label class="label-text">Input</label>
 					<input class="input-text" id="input" type="text" z-index="1" />
 				</div>
 			</div>
			<footer class="fs-footer">
				<button class="cta" type="submit" z-index="2">Submit</button>
			</footer>
 		</fieldset>
 	</form>
 *
**/
/*------------------------------------*	$FORM_GROUP
\*------------------------------------*/
.form-group {
	*zoom: 1;
	display: block;
	width: 100.92593%;
	margin-left: -0.46296%;
	margin-right: -0.46296%;
	padding-bottom: 0;
	padding-top: 0;
}

.form-group:after, .form-group:before {
	content: "\0020";
	display: table;
}

.form-group:after {
	clear: both;
}

/*------------------------------------*	$FORM_SECTION
\*------------------------------------*/
.form-section, .form-section-xxl, .form-section-xl, .form-section-l, .form-section-m, .form-section-s, .form-section-xs {
	width: 99.07407%;
	margin-left: 0.46296%;
	margin-right: 0.46296%;
	margin-bottom: 1.5rem;
}

@media screen and (min-width: 48rem) {
	.form-section:nth-of-type(1):nth-last-of-type(2), .form-section:nth-of-type(2):nth-last-of-type(1) {
		width: 49.07407%;
		margin-left: 0.46296%;
		margin-right: 0.46296%;
		clear: none;
		float: left;
	}
}

@media screen and (min-width: 60rem) {
	.form-section:nth-of-type(1):nth-last-of-type(2), .form-section:nth-of-type(2):nth-last-of-type(1) {
		width: 49.07407%;
		margin-left: 0.46296%;
		margin-right: 0.46296%;
		clear: none;
		float: left;
	}
}

@media screen and (min-width: 60rem) {
	.form-section:nth-of-type(1):nth-last-of-type(3), .form-section:nth-of-type(2):nth-last-of-type(2), .form-section:nth-of-type(3):nth-last-of-type(1) {
		width: 32.40741%;
		margin-left: 0.46296%;
		margin-right: 0.46296%;
		clear: none;
		float: left;
	}
}

@media screen and (min-width: 60rem) {
	.form-section:nth-of-type(1):nth-last-of-type(4), .form-section:nth-of-type(2):nth-last-of-type(3), .form-section:nth-of-type(3):nth-last-of-type(2), .form-section:nth-of-type(4):nth-last-of-type(1) {
		width: 24.07407%;
		margin-left: 0.46296%;
		margin-right: 0.46296%;
		clear: none;
		float: left;
	}
}

@media screen and (min-width: 48rem) {
	.form-section-xxl {
		width: 99.07407%;
		margin-left: 0.46296%;
		margin-right: 0.46296%;
	}
}

@media screen and (min-width: 60rem) {
	.form-section-xxl {
		width: 99.07407%;
		margin-left: 0.46296%;
		margin-right: 0.46296%;
	}
}

@media screen and (min-width: 48rem) {
	.form-section-xl {
		width: 82.40741%;
		margin-left: 0.46296%;
		margin-right: 0.46296%;
		clear: none;
		float: left;
	}
}

@media screen and (min-width: 60rem) {
	.form-section-xl {
		width: 79.07407%;
		margin-left: 0.46296%;
		margin-right: 0.46296%;
		clear: none;
		float: left;
	}
}

@media screen and (min-width: 48rem) {
	.form-section-l {
		width: 65.74074%;
		margin-left: 0.46296%;
		margin-right: 0.46296%;
		clear: none;
		float: left;
	}
}

@media screen and (min-width: 60rem) {
	.form-section-l {
		width: 65.74074%;
		margin-left: 0.46296%;
		margin-right: 0.46296%;
		clear: none;
		float: left;
	}
}

@media screen and (min-width: 48rem) {
	.form-section-m {
		width: 49.07407%;
		margin-left: 0.46296%;
		margin-right: 0.46296%;
		clear: none;
		float: left;
	}
}

@media screen and (min-width: 60rem) {
	.form-section-m {
		width: 49.07407%;
		margin-left: 0.46296%;
		margin-right: 0.46296%;
		clear: none;
		float: left;
	}
}

@media screen and (min-width: 48rem) {
	.form-section-s {
		width: 32.40741%;
		margin-left: 0.46296%;
		margin-right: 0.46296%;
		clear: none;
		float: left;
	}
}

@media screen and (min-width: 60rem) {
	.form-section-s {
		width: 32.40741%;
		margin-left: 0.46296%;
		margin-right: 0.46296%;
		clear: none;
		float: left;
	}
}

.form-section-xs {
	width: 49.07407%;
	margin-left: 0.46296%;
	margin-right: 0.46296%;
	clear: none;
	float: left;
}

@media screen and (min-width: 48rem) {
	.form-section-xs {
		width: 24.07407%;
		margin-left: 0.46296%;
		margin-right: 0.46296%;
		clear: none;
		float: left;
	}
}

@media screen and (min-width: 60rem) {
	.form-section-xs {
		width: 24.07407%;
		margin-left: 0.46296%;
		margin-right: 0.46296%;
		clear: none;
		float: left;
	}
}

.form-section-hidden {
	display: none;
}

.form-section-hidden.show {
	display: block;
}

/*------------------------------------*	$FORM_SET
\*------------------------------------*/
.form-set {
	*zoom: 1;
	background-color: transparent;
	color: #404040;
	position: relative;
}

.form-set:after, .form-set:before {
	content: "\0020";
	display: table;
}

.form-set:after {
	clear: both;
}

.form-set .fs-footer {
	*zoom: 1;
	display: block;
	width: 100.92593%;
	margin-left: -0.46296%;
	margin-right: -0.46296%;
	margin-bottom: -0.5rem;
}

.form-set .fs-footer:after, .form-set .fs-footer:before {
	content: "\0020";
	display: table;
}

.form-set .fs-footer:after {
	clear: both;
}

.form-set .fs-footer.fs-footer--center {
	text-align: center;
}

.form-set .fs-footer .cta {
	margin: 0;
}

.form-set .fs-head {
	font-size: 1.25rem;
	line-height: 1.5;
	font-family: "TheSansLT700", "TheSansLT500", sans-serif;
}

.form-set .fs-header {
	font-size: 1.3125rem;
	line-height: 1.2;
	background-color: transparent;
	clear: both;
	color: #404040;
	margin-bottom: 1.125rem;
	width: 100%;
}

@media screen and (min-width: 60rem) {
	.form-set .fs-header .byline {
		max-width: 70%;
	}
}

.form-set .fs-input {
	position: relative;
	-webkit-transform: translate3d(0, 50%, 0);
	        transform: translate3d(0, 50%, 0);
}

.form-subset {
	border-bottom: 2px solid #fff;
	padding: 0.75rem 0 0.75rem;
}

.form-subset:first-of-type .fss-head {
	padding-top: 0.375rem;
}

.form-subset .fss-head {
	font-size: 1.25rem;
	line-height: 1.5;
	padding-left: 1.5rem;
	padding-bottom: 0;
	padding-top: 1.125rem;
}

@media screen and (min-width: 48rem) {
	.form-subset .fss-head {
		padding-left: 1.5rem;
	}
}

@media screen and (min-width: 60rem) {
	.form-subset .fss-head {
		padding-left: 1.5rem;
	}
}

/*------------------------------------*\s
	$FORM_TEXT
\*------------------------------------*/
.form-text {
	clear: both;
	float: none;
	margin-bottom: 0;
	padding-top: 0;
}

.form-text > .accordion {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

/*------------------------------------*	$INPUT_GROUP
\*------------------------------------*/
.input-group:nth-child(n+2) {
	border-top: 2px solid transparent;
	padding-top: 1.5rem;
}

/*------------------------------------*	$LABEL_TEXT
\*------------------------------------*/
.label-text {
	border: 1px solid transparent;
	text-align: left;
	margin-bottom: 2px;
}

.label-text .byline {
	font-size: 0.75rem;
	line-height: 1.5;
}

@media screen and (min-width: 48rem) {
	.label-text .byline {
		display: inline;
	}
}

/*------------------------------------*	$SPINNER
\*------------------------------------*/
@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

.loading-container {
	text-align: center;
}

.loading-container .loading {
	border: 4px solid #404040;
	border-right-color: transparent;
	border-radius: 50%;
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-animation: spin .75s linear infinite;
	        animation: spin .75s linear infinite;
}

/*------------------------------------*    $DROPDOWN
\*------------------------------------*/
/**
 *
	<div class="dropdown">
		<select class="input-select" id="input-select" name="input-select">
			<option value="">input-select</option>
			<option value="1">Lorem ipsum dolor sit amet</option>
			<option value="2">Consetetur sadipscing elitr</option>
			<option value="3">Sed diam nonumy eirmod</option>
		</select>
	</div>
 *
**/
.dropdown {
	background-color: #fff;
	border: 1px solid #ebebeb;
	height: 2.5rem;
	position: relative;
}

.dropdown:after {
	content: "";
	display: block;
	position: absolute;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	border-left: 0.25rem solid transparent;
	border-right: 0.25rem solid transparent;
	border-top: 0.25rem solid #666;
	height: 0;
	pointer-events: none;
	right: 0.75rem;
	width: 0;
	z-index: 1;
}

.dropdown:before {
	content: "";
	display: block;
	position: absolute;
	position: absolute;
	bottom: 0;
	right: 0;
	top: 0;
	background-color: inherit;
	border-radius: 5px;
	pointer-events: none;
	width: 2rem;
	z-index: 1;
}

.dropdown .input-select {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	background-color: transparent;
	border-color: transparent;
	color: #666;
	height: 100%;
	text-indent: .01px;
	text-overflow: ellipsis;
}

.dropdown .input-select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #fff;
}

.dropdown .input-select::-ms-expand {
	display: none;
}

.dropdown.dropdown--inline {
	display: inline-block;
	vertical-align: middle;
	min-width: 200px;
}

/*------------------------------------*
\*------------------------------------*/
/*------------------------------------*	INPUT
\*------------------------------------*/
/**
 * ----------------------------------------------------------------------------
 *  form input elements
 * ----------------------------------------------------------------------------
 *
 *
 * CONTENTS
 * TOOLS
 * _validation-........................validation properties
 *
 * COMPONENTS
 * INPUT_FILE..........................<input class="input-file" />
 * INPUT_SELECT........................<select class="input-select">
 * INPUT_TEXT..........................<input class="input-text" />
 * INPUT_TEXTAREA......................<textarea class="input-textarea">
**/
/*------------------------------------*    TOOLS
\*------------------------------------*/
/*------------------------------------*	INPUT_FILE
\*------------------------------------*/
.input-file.error, .input-file.field-validation-error, .input-file.validation-summary-errors {
	border-color: #d00;
	background-color: #ffc4c4;
}

.input-file.error:-moz-placeholder, .input-file.field-validation-error:-moz-placeholder, .input-file.validation-summary-errors:-moz-placeholder {
	color: #d00;
}

.input-file.error:-ms-input-placeholder, .input-file.field-validation-error:-ms-input-placeholder, .input-file.validation-summary-errors:-ms-input-placeholder {
	color: #d00;
}

.input-file.error::-moz-placeholder, .input-file.field-validation-error::-moz-placeholder, .input-file.validation-summary-errors::-moz-placeholder {
	color: #d00;
}

.input-file.error::-webkit-input-placeholder, .input-file.field-validation-error::-webkit-input-placeholder, .input-file.validation-summary-errors::-webkit-input-placeholder {
	color: #d00;
}

.input-file.valid {
	border-color: #00b900;
}

.input-file.valid:-moz-placeholder {
	color: #00b900;
}

.input-file.valid:-ms-input-placeholder {
	color: #00b900;
}

.input-file.valid::-moz-placeholder {
	color: #00b900;
}

.input-file.valid::-webkit-input-placeholder {
	color: #00b900;
}

/*------------------------------------*	INPUT_SELECT
\*------------------------------------*/
.input-select.error, .input-select.field-validation-error, .input-select.validation-summary-errors {
	border-color: #d00;
	background-color: #ffc4c4;
}

.input-select.error:-moz-placeholder, .input-select.field-validation-error:-moz-placeholder, .input-select.validation-summary-errors:-moz-placeholder {
	color: #d00;
}

.input-select.error:-ms-input-placeholder, .input-select.field-validation-error:-ms-input-placeholder, .input-select.validation-summary-errors:-ms-input-placeholder {
	color: #d00;
}

.input-select.error::-moz-placeholder, .input-select.field-validation-error::-moz-placeholder, .input-select.validation-summary-errors::-moz-placeholder {
	color: #d00;
}

.input-select.error::-webkit-input-placeholder, .input-select.field-validation-error::-webkit-input-placeholder, .input-select.validation-summary-errors::-webkit-input-placeholder {
	color: #d00;
}

.input-select.valid {
	border-color: #00b900;
}

.input-select.valid:-moz-placeholder {
	color: #00b900;
}

.input-select.valid:-ms-input-placeholder {
	color: #00b900;
}

.input-select.valid::-moz-placeholder {
	color: #00b900;
}

.input-select.valid::-webkit-input-placeholder {
	color: #00b900;
}

/*------------------------------------*	INPUT_TEXT
\*------------------------------------*/
.input-text.error, .input-text.field-validation-error, .input-text.validation-summary-errors {
	border-color: #d00;
	background-color: #ffc4c4;
}

.input-text.error:-moz-placeholder, .input-text.field-validation-error:-moz-placeholder, .input-text.validation-summary-errors:-moz-placeholder {
	color: #d00;
}

.input-text.error:-ms-input-placeholder, .input-text.field-validation-error:-ms-input-placeholder, .input-text.validation-summary-errors:-ms-input-placeholder {
	color: #d00;
}

.input-text.error::-moz-placeholder, .input-text.field-validation-error::-moz-placeholder, .input-text.validation-summary-errors::-moz-placeholder {
	color: #d00;
}

.input-text.error::-webkit-input-placeholder, .input-text.field-validation-error::-webkit-input-placeholder, .input-text.validation-summary-errors::-webkit-input-placeholder {
	color: #d00;
}

.input-text.valid {
	border-color: #00b900;
}

.input-text.valid:-moz-placeholder {
	color: #00b900;
}

.input-text.valid:-ms-input-placeholder {
	color: #00b900;
}

.input-text.valid::-moz-placeholder {
	color: #00b900;
}

.input-text.valid::-webkit-input-placeholder {
	color: #00b900;
}

.input-text.input-text--inline {
	display: inline-block;
	vertical-align: middle;
	min-width: 200px;
	width: auto;
}

/*------------------------------------*	INPUT_TEXT_STATIC
\*------------------------------------*/
.input-text-static {
	border: 1px solid transparent;
	font-weight: bold;
	height: 2.5rem;
	line-height: 2.5rem;
	padding: 0 0.75rem;
}

/*------------------------------------*	INPUT_TEXTAREA
\*------------------------------------*/
.input-textarea.error, .input-textarea.field-validation-error, .input-textarea.validation-summary-errors {
	border-color: #d00;
	background-color: #ffc4c4;
}

.input-textarea.error:-moz-placeholder, .input-textarea.field-validation-error:-moz-placeholder, .input-textarea.validation-summary-errors:-moz-placeholder {
	color: #d00;
}

.input-textarea.error:-ms-input-placeholder, .input-textarea.field-validation-error:-ms-input-placeholder, .input-textarea.validation-summary-errors:-ms-input-placeholder {
	color: #d00;
}

.input-textarea.error::-moz-placeholder, .input-textarea.field-validation-error::-moz-placeholder, .input-textarea.validation-summary-errors::-moz-placeholder {
	color: #d00;
}

.input-textarea.error::-webkit-input-placeholder, .input-textarea.field-validation-error::-webkit-input-placeholder, .input-textarea.validation-summary-errors::-webkit-input-placeholder {
	color: #d00;
}

.input-textarea.valid {
	border-color: #00b900;
}

.input-textarea.valid:-moz-placeholder {
	color: #00b900;
}

.input-textarea.valid:-ms-input-placeholder {
	color: #00b900;
}

.input-textarea.valid::-moz-placeholder {
	color: #00b900;
}

.input-textarea.valid::-webkit-input-placeholder {
	color: #00b900;
}

/*------------------------------------*
\*------------------------------------*/
/*------------------------------------*    $INPUT_OPTIONS
\*------------------------------------*/
/**
 * GENERIC.............................Variables/Placeholder
 * .....$input-option-size-factor
 * .....$input-option-size
 * .....%input-option
 * INPUT_CHECKBOX......................Custom Checkbox
 * .....checkbox
 * .....checkbox-stable
 * INPUT_RADIO.........................Custom Radiobutton
 * .....radiobutton
 * .....radiobutton-stable
**/
/*------------------------------------*    $GENERIC
\*------------------------------------*/
.checkbox .input-option {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
}

.checkbox .input-option:checked ~ .label-text:after {
	background: #c00d0d;
}

.checkbox .label-text {
	padding-left: 1.75rem;
	position: relative;
}

.checkbox .label-text:after {
	content: "";
	display: block;
	position: absolute;
	background: rgba(192, 13, 13, 0);
	height: 0.5rem;
	left: 0.375rem;
	top: 0.5rem;
	-webkit-transition: background-color 0.3s 0.05s;
	transition: background-color 0.3s 0.05s;
	width: 0.5rem;
}

.checkbox .label-text:before {
	content: "";
	display: block;
	position: absolute;
	border: 1px solid #9f9f9f;
	height: 1.25rem;
	left: 0;
	top: 0.125rem;
	width: 1.25rem;
}

/*------------------------------------*    $CHECKBOX
\*------------------------------------*/
.checkbox .label-text:after, .checkbox .label-text:before {
	border-radius: 50%;
}

/*.checkbox-stable {
	@extend .checkbox;
	cursor: initial;
	position: relative;
}*/
/*------------------------------------*    $RADIOBUTTON
\*------------------------------------*/
/*.radiobutton {
	@extend %_input-option;

	.label-text {
		&:before {
			border-radius: 50%;
		}
	}
}*/
/*.radiobutton-stable {
	@extend .radiobutton;
	cursor: initial;
	position: relative;
}*/
/*------------------------------------*
\*------------------------------------*/
/*------------------------------------*    UPLOAD
\*------------------------------------*/
/**
 * ----------------------------------------------------------------------------
 *  user-upload
 *  custom <input type="file" /> Element
 * ----------------------------------------------------------------------------
 *
 *
 * CONTENTS
 *
 * COMPONENTS
 * .upload.............................<input type="file" /> container <div>
 *  .input-file........................main upload element <input type="file" />
 *
 * HTML SNIPPET
**/
.upload {
	background-color: #fff;
	border: 1px solid #ebebeb;
	height: 2.5rem;
	position: relative;
}

.upload .input-file {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	border: 0;
	height: 100%;
	opacity: 0;
	z-index: 1;
}

.upload .input-file::-ms-browse {
	/**/
}

.upload .input-file::-webkit-file-upload-button {
	cursor: pointer;
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
}

.upload .input-file-value {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	display: block;
	margin: 1px;
	padding: 0.5rem 0 0 0.65rem;
}

.upload .btn {
	float: right;
	margin: -1px;
}

/*------------------------------------*	HTML SNIPPET
\*------------------------------------*/
/*
<div class="upload">
	<input class="input-file" id="input-file" name="input-file" type="file" data-jmname="sync-val" data-jmdominit="true" />
	<span class="input-file-value" data-jmdomselector="input-file">Keine Datei ausgewählt.</span>
	<span class="btn">Datei auswählen</span>
</div>
*/
/*------------------------------------*    $VALIDIERUNG
\*------------------------------------*/
/**
 * Error...............................Display Errors
 * .....error-msg
**/
/*------------------------------------*	$ERROR
\*------------------------------------*/
.error-msg {
	color: #d00;
}

/*------------------------------------*	
\*------------------------------------*/
.error, .field-validation-error, .validation-summary-errors {
	color: #d00;
}

.error-msg {
	clear: both;
	padding-top: 0.375rem;
}

.error-msg + .autocomplete {
	bottom: 1.75rem;
}

.error-msg[style="display: none;"] + .autocomplete {
	bottom: 0;
}

.valid {
	/**/
}

.info {
	/**/
}

.validation-summary-errors {
	padding: 0 1rem 1.5rem;
}

/*------------------------------------*    
\*------------------------------------*/
/*------------------------------------*    $AUTOCOMPLETE
\*------------------------------------*/
/*------------------------------------*    product detail, tags autocomplete
\*------------------------------------*/
/*.token-input-list-facebook {
	margin: 0;
	padding: 0;
	display: inline-block;
}

.token-input-dropdown-facebook {
	z-index: 5000;
    position: absolute;
    width: 280px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 12px;
    font-family: 'RotisSemiSansStdRegular', sans-serif !important;
}*/
/*------------------------------------*
\*------------------------------------*/
/*------------------------------------*	BREADCRUMBS
\*------------------------------------*/
.breadcrumbs {
	width: 99.07407%;
	margin-left: 0.46296%;
	margin-right: 0.46296%;
	font-size: 1.125rem;
	line-height: 1;
	padding: 5rem 1rem 0;
}

@media screen and (min-width: 60rem) {
	.breadcrumbs {
		padding: 6rem 0 3rem;
	}
}

.breadcrumbs .breadcrumb-items {
	*zoom: 1;
}

.breadcrumbs .breadcrumb-items:after, .breadcrumbs .breadcrumb-items:before {
	content: "\0020";
	display: table;
}

.breadcrumbs .breadcrumb-items:after {
	clear: both;
}

.breadcrumbs .breadcrumb-item {
	float: left;
	display: none;
}

@media screen and (min-width: 29.75rem) {
	.breadcrumbs .breadcrumb-item {
		display: block;
	}
}

.breadcrumbs .breadcrumb-item:after {
	content: "\2022";
	padding: 0 0.75rem;
}

.breadcrumbs .breadcrumb-item:first-child {
	display: block;
}

.breadcrumbs .breadcrumb-item:last-child {
	display: block;
	pointer-events: none;
}

.breadcrumbs .breadcrumb-item:last-child:after {
	content: none;
}

.breadcrumbs .breadcrumb-link {
	border-bottom: 1px solid transparent;
	display: inline-block;
	-webkit-transition: border-color .3s ease-out;
	transition: border-color .3s ease-out;
}

.breadcrumbs .breadcrumb-link:hover {
	border-color: inherit;
}

/*------------------------------------*	COMMENTS
\*------------------------------------*/
/*------------------------------------*	COMMENTS COMPONENTS
\*------------------------------------*/
.comments__byline {
	font-size: 1.3125rem;
	line-height: 1.2;
}

.comments__header {
	border-top: 1px solid #dddfde;
	margin-bottom: 2rem;
	padding-top: 3rem;
}

.comments__headline {
	font-size: 1.625rem;
	line-height: 1.2;
	text-transform: uppercase;
}

@media all and (min-width: 48rem) {
	.comments__headline {
		font-size: 1.625rem;
		line-height: 1.3;
	}
}

.comments__section {
	margin-bottom: 1rem;
}

.comments__section:last-child {
	margin-bottom: 0;
}

/*------------------------------------*	SINGLE COMMENT
\*------------------------------------*/
.comment {
	display: table;
	width: 100%;
}

.comment__avatar {
	background: url("/sendebizdensin/img/icons/avatar.svg") no-repeat scroll 0 0;
	background-size: 60px 60px;
	display: table-cell;
	height: 60px;
	vertical-align: top;
	width: 80px;
}

.comment__avatar__img {
	height: 60px;
	max-width: none;
	width: 60px;
}

.comment__comments {
	margin: 1rem 0 0 80px;
}

.comment__date {
	color: #9f9f9f;
	margin-left: 0.5rem;
	padding-left: 0.75rem;
	position: relative;
}

.comment__date:before {
	content: "";
	display: block;
	position: absolute;
	content: "|";
	font-size: .85em;
	left: 0;
	top: 0;
}

.comment__delete {
	display: inline-block;
	margin: 0 0.75rem 0 1.5rem;
}

.comment__footer {
	font-size: 0.75rem;
	line-height: 1.5;
	color: #9f9f9f;
	display: block;
}

.comment__header {
	font-size: 0.75rem;
	line-height: 1.5;
	display: block;
	margin: 0.5rem 0;
}

.comment__main {
	display: block;
	margin-bottom: 0.5rem;
}

.comment__nickname {
	font-weight: bold;
}

.comment__reply {
	padding: 0 1rem;
}

.comment__share {
	display: none;
	position: relative;
}

@media screen and (min-width: 48rem) {
	.comment__share {
		display: inline-block;
	}
}

.comment__share__btn {
	display: inline-block;
	margin-right: 0.5rem;
}

.comment__share__btn:after {
	content: " >";
}

.comment__share__control {
	height: 0;
	opacity: 0;
	visibility: hidden;
	position: fixed;
}

.comment__share__control:checked ~ .comment__share__opener {
	height: auto;
	opacity: 1;
	visibility: visible;
}

.comment__share__opener {
	height: 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	display: inline-block;
	left: 100%;
	line-height: 1;
	-webkit-transition: opacity 0.3s 0.05s;
	transition: opacity 0.3s 0.05s;
	white-space: nowrap;
}

.comment__share__sm {
	background: no-repeat scroll 0 0 / 100%;
	display: inline-block;
	height: 20px;
	margin-right: 0.5rem;
	overflow: hidden;
	text-indent: -1000em;
	width: 20px;
}

.comment__share__sm--facebook {
	background-image: url("/sendebizdensin/img/icons/facebook-sw.svg");
}

.comment__share__sm--instagram {
	background-image: url("/sendebizdensin/img/icons/instagram-sw.svg");
}

.comment__share__sm--twitter {
	background-image: url("/sendebizdensin/img/icons/twitter-sw.svg");
}

.comment__share__sm--url {
	line-height: 1.5;
	text-decoration: underline;
	text-indent: 0;
	width: auto;
}

.comment__vote {
	position: relative;
}

.comment__vote:before {
	content: "";
	display: block;
	position: absolute;
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	content: "|";
	font-size: 80%;
	text-align: center;
	top: 10%;
}

.comment__vote__btn {
	display: inline-block;
	height: 14px;
	position: relative;
	top: 2px;
	width: 14px;
}

.comment__vote__btn:first-child {
	margin-right: 0.75rem;
}

.comment__vote__btn:last-child {
	margin-left: 0.75rem;
}

.comment__vote__btn__submit {
	background: no-repeat scroll 0 0 / 100%;
	height: 100%;
	text-indent: -1000em;
	width: 100%;
}

.comment__vote__btn--down .comment__vote__btn__submit {
	background-image: url("/sendebizdensin/img/icons/chevron-down-grey.svg");
}

.comment__vote__btn--down .comment__vote__btn__submit--voted {
	background-image: url("/sendebizdensin/img/icons/chevron-down-red.svg");
}

.comment__vote__btn--up .comment__vote__btn__submit {
	background-image: url("/sendebizdensin/img/icons/chevron-up-grey.svg");
}

.comment__vote__btn--up .comment__vote__btn__submit--voted {
	background-image: url("/sendebizdensin/img/icons/chevron-up-green.svg");
}

.comment .input-textarea {
	color: inherit;
	height: 60px;
	padding-top: 1.25rem;
}

.comment .ghostbutton {
	margin-top: 0.5rem;
}

.social-sharing {
	position: relative;
	display: inline-block;
	width: 56px;
	height: 56px;
}

.social-sharing .ss-items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.social-sharing .ss-item {
	display: inline-block;
	margin: 0.5rem;
	opacity: 0;
	-webkit-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

.social-sharing .ss-item.ss-item--toggle {
	opacity: .7;
}

.social-sharing .ss-item.ss-item--toggle:hover {
	opacity: 1;
}

.social-sharing.social-sharing--show {
	width: auto;
}

.social-sharing.social-sharing--show .ss-item {
	opacity: 1;
}

.social-sharing.social-sharing--open-left .ss-items {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}

/*------------------------------------*    VOTE
\*------------------------------------*/
@media screen and (min-width: 60rem) {
	.vote {
		padding: 0;
	}
}

.vote__footer {
	padding: 1rem 1rem 1rem 2rem;
}

.vote__footer__btn {
	margin-right: 1rem;
}

.vote__footer__section {
	margin-bottom: 1.5rem;
}

.vote__footer__section:last-child {
	margin-bottom: 0;
}

.vote__items {
	/**/
}

.vote__item {
	*zoom: 1;
	margin: 0;
	padding: 1rem 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

.vote__item:after, .vote__item:before {
	content: "\0020";
	display: table;
}

.vote__item:after {
	clear: both;
}

.vote__status {
	position: absolute;
	top: 0;
	bottom: 0;
	background: #ebebeb;
	border-radius: 20px;
	padding: 0 1rem;
	display: block;
	left: 2rem;
	-webkit-transition: background-color 0.3s 0.05s;
	transition: background-color 0.3s 0.05s;
	color: #fff;
	font-weight: bold;
}

.vote__value {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 60%;
	    -ms-flex: 1 0 60%;
	        flex: 1 0 60%;
	max-width: 500px;
	min-height: 110px;
}

@media screen and (min-width: 48rem) {
	.vote__value {
		float: left;
		min-height: 80px;
	}
}

.vote__count {
	position: absolute;
	left: -1rem;
	right: -1rem;
	color: #666;
	text-align: center;
	font-size: 12px;
	-webkit-transition: color 0.3s 0.05s;
	transition: color 0.3s 0.05s;
}

.vote .checkbox {
	line-height: 2.5;
	max-width: 130px;
	min-width: 80px;
	position: relative;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 40%;
	    -ms-flex: 0 0 40%;
	        flex: 0 0 40%;
}

@media screen and (min-width: 48rem) {
	.vote .checkbox {
		float: left;
		margin-right: -1rem;
	}
}

.vote .checkbox .input-option:checked ~ .vote__status {
	background: #c00d0d;
}

.vote .checkbox .input-option:checked ~ .vote__status .vote__count {
	color: #c00d0d;
}

.vote .checkbox .label-text {
	margin: 0;
	padding-left: 3rem;
	z-index: 1;
	text-indent: -9999px;
	overflow: hidden;
}

.vote .checkbox .label-text:after, .vote .checkbox .label-text:before {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.language-switcher {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-self: flex-start;
	    -ms-flex-item-align: start;
	        align-self: flex-start;
}

@media screen and (min-width: 48rem) {
	.language-switcher {
		margin-left: 2rem !important;
		margin-right: 2rem;
	}
}

.language-switcher .ls-item {
	margin-right: 1rem;
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	opacity: 1;
	-webkit-transition: background .2s ease-in-out, -webkit-transform .2s ease-in-out;
	transition: background .2s ease-in-out, -webkit-transform .2s ease-in-out;
	transition: background .2s ease-in-out, transform .2s ease-in-out;
	transition: background .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.language-switcher .ls-item.ls-item--de .ls-link:after {
	background-image: url(/sendebizdensin/img/icons/flag-de.svg);
}

.language-switcher .ls-item.ls-item--de.ls-item--inactive:hover .ls-link:after {
	background-image: url(/sendebizdensin/img/icons/flag-de.svg);
}

.language-switcher .ls-item.ls-item--de.ls-item--inactive .ls-link:after {
	background-image: url(/sendebizdensin/img/icons/flag-de-grey.svg);
}

.language-switcher .ls-item.ls-item--tr .ls-link:after {
	background-image: url(/sendebizdensin/img/icons/flag-tr.svg);
}

.language-switcher .ls-item.ls-item--tr.ls-item--inactive:hover .ls-link:after {
	background-image: url(/sendebizdensin/img/icons/flag-tr.svg);
}

.language-switcher .ls-item.ls-item--tr.ls-item--inactive .ls-link:after {
	background-image: url(/sendebizdensin/img/icons/flag-tr-grey.svg);
}

.language-switcher .ls-item.ls-item--inactive:hover {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

.language-switcher .ls-link {
	display: block;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
}

.language-switcher .ls-link:after {
	content: '';
	background-repeat: no-repeat;
	background-size: 100%;
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.screen-lock {
	position: relative;
	height: 100%;
}

.screen-lock body {
	height: 100%;
	overflow: hidden;
}

.nav {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #c00d0d;
	width: 100%;
	height: 100%;
	z-index: 99;
	padding: 1rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

@media screen and (min-width: 48rem) {
	.nav {
		position: static;
		display: block;
		top: auto;
		left: auto;
		bottom: auto;
		right: auto;
		width: auto;
		height: auto;
		z-index: 2;
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		    -ms-flex-order: 2;
		        order: 2;
		padding: 0;
	}
}

.nav.nav--show {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.nav .nav-actions {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

@media screen and (min-width: 48rem) {
	.nav .nav-actions {
		display: none;
	}
}

.nav .nav-items {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

@media screen and (min-width: 48rem) {
	.nav .nav-items {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
}

.nav .nav-item {
	border-bottom: 1px solid #fff;
}

@media screen and (min-width: 48rem) {
	.nav .nav-item {
		border-bottom: 0;
	}
}

.nav .nav-item:last-child {
	border-bottom: 0;
}

@media screen and (min-width: 48rem) {
	.nav .nav-item.nav-item--active .nav-link {
		border-bottom: 1px solid #fff;
	}
}

.nav .nav-item.nav-item--show-flyout .flyout {
	display: block;
}

@media screen and (min-width: 48rem) {
	.nav .nav-item:hover .flyout {
		display: block;
	}
}

.nav .nav-link {
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 28px;
	text-align: center;
	font-family: "TheSansLT700", "TheSansLT500", sans-serif;
	letter-spacing: 2px;
	padding: 1rem;
}

@media screen and (min-width: 48rem) {
	.nav .nav-link {
		font-size: 14px;
		padding: 0.5rem 0;
		margin: 0 1rem;
		border-bottom: 1px solid transparent;
	}
}

@media screen and (min-width: 48rem) {
	.nav .nav-link:hover {
		border-bottom: 1px solid #fff;
	}
}

.nav .flyout {
	display: none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c00d0d+1,8c0202+100 */
	background: #c00d0d;
	/* Old browsers */
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #c00d0d 1%, #8c0202 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #c00d0d 1%, #8c0202 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c00d0d', endColorstr='#8c0202',GradientType=0 );
	/* IE6-9 */
}

@media screen and (min-width: 48rem) {
	.nav .flyout {
		position: absolute;
		left: 0;
		right: 0;
		padding: 2rem 0;
		z-index: 2;
	}
}

.nav .swiper-container {
	width: 100%;
}

.nav .swiper-container .swiper-slide {
	width: 198px;
	margin: 0 15px 0 0;
	border: 1px solid transparent;
	-webkit-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
}

.nav .swiper-container .swiper-slide:first-child {
	margin-left: 15px;
}

@media screen and (min-width: 68.25rem) {
	.nav .swiper-container .swiper-slide:first-child {
		margin-left: 0;
	}
}

@media screen and (min-width: 68.25rem) {
	.nav .swiper-container .swiper-slide:last-child {
		margin-right: 0;
	}
}

.nav .swiper-container .swiper-slide:hover {
	border: 1px solid #fff;
}

.nav .swiper-container .swiper-button-prev, .nav .swiper-container .swiper-button-next {
	display: none;
	width: 40px;
	height: 40px;
	background-size: 100%;
	background-repeat: no-repeat;
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	margin: auto 0;
}

.nav .swiper-container .swiper-button-prev:hover, .nav .swiper-container .swiper-button-next:hover {
	cursor: pointer;
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

.nav .swiper-container .swiper-button-disabled.swiper-button-prev, .nav .swiper-container .swiper-button-disabled.swiper-button-next {
	display: none !important;
}

.nav .swiper-container .swiper-button-prev {
	background-image: url(/sendebizdensin/img/icons/chevron-left-white.svg);
	left: 0;
}

.nav .swiper-container .swiper-button-next {
	background-image: url(/sendebizdensin/img/icons/chevron-right-white.svg);
	right: 0;
}

.nav .swiper-container.swiper-container-horizontal .swiper-button-prev, .nav .swiper-container.swiper-container-horizontal .swiper-button-next, .swiper-container.swiper-container-horizontal .gallery .swiper-button-prev, .gallery .swiper-container.swiper-container-horizontal .swiper-button-prev, .swiper-container.swiper-container-horizontal .gallery .swiper-button-next, .gallery .swiper-container.swiper-container-horizontal .swiper-button-next {
	display: inline-block;
}

.stage {
	width: 99.07407%;
	margin-left: 0.46296%;
	margin-right: 0.46296%;
	position: relative;
	display: block;
	background-color: #c00d0d;
	color: #fff;
	padding: 2rem 1rem;
	z-index: 1;
}

@media screen and (min-width: 48rem) {
	.stage {
		padding: 4rem 1rem;
	}
}

.stage > .section-constrained {
	height: 100%;
}

.stage:after {
	content: '';
	display: block;
	width: 100%;
	height: 30px;
	background-color: rgba(192, 13, 13, 0.4);
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	-webkit-transform: rotate(-1.5deg);
	    -ms-transform: rotate(-1.5deg);
	        transform: rotate(-1.5deg);
}

@media screen and (min-width: 48rem) {
	.stage:after {
		-webkit-transform: rotate(-0.5deg);
		    -ms-transform: rotate(-0.5deg);
		        transform: rotate(-0.5deg);
		bottom: -10px;
	}
}

.stage .s-figure {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	overflow: hidden;
}

.stage .s-figure picture {
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.stage .s-figure img {
	height: 100%;
	max-width: none;
}

.stage .s-content {
	position: relative;
	z-index: 2;
	height: 100%;
}

.stage .s-head {
	text-transform: uppercase;
	font-size: 36px;
	line-height: 1;
}

@media screen and (min-width: 29.75rem) {
	.stage .s-head {
		font-size: 56px;
	}
}

@media screen and (min-width: 48rem) {
	.stage .s-head {
		font-size: 76px;
	}
}

@media screen and (min-width: 60rem) {
	.stage .s-head {
		font-size: 96px;
	}
}

.stage.stage--has-figure {
	height: 360px;
	padding: 4rem 1rem;
}

@media screen and (min-width: 48rem) {
	.stage.stage--has-figure {
		height: 500px;
	}
}

@media screen and (min-width: 60rem) {
	.stage.stage--has-figure {
		height: 800px;
		padding: 6rem 1rem;
	}
}

.stage .icon-button-play {
	position: absolute;
	top: 2rem;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.stage .social-sharing {
	position: absolute;
	top: -3.5rem;
	right: -0.5rem;
}

.story-teaser {
	position: relative;
	display: block;
}

.story-teaser .st-head {
	display: block;
	font-size: 20px;
	line-height: 1.1;
	text-transform: uppercase;
	color: #666;
	margin: 0;
}

@media (min-width: 400px) {
	.story-teaser .st-head {
		font-size: 30px;
	}
}

@media (min-width: 600px) {
	.story-teaser .st-head {
		font-size: 38px;
	}
}

@media screen and (min-width: 48rem) {
	.story-teaser .st-head {
		font-size: 20px;
	}
}

@media screen and (min-width: 60rem) {
	.story-teaser .st-head {
		font-size: 28px;
	}
}

.story-teaser .st-subhead {
	display: inline-block;
	font-size: 10px;
	line-height: 1.1;
	text-transform: uppercase;
	margin: 0;
	color: #666;
}

@media (min-width: 400px) {
	.story-teaser .st-subhead {
		font-size: 12px;
	}
}

@media (min-width: 600px) {
	.story-teaser .st-subhead {
		font-size: 14px;
	}
}

@media screen and (min-width: 48rem) {
	.story-teaser .st-subhead {
		font-size: 10px;
	}
}

@media screen and (min-width: 60rem) {
	.story-teaser .st-subhead {
		font-size: 14px;
	}
}

.story-teaser .st-side-1 {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: #e4e4e4;
	-webkit-transform: rotateY(0deg);
	        transform: rotateY(0deg);
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.5s;
	transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
	-webkit-transform-style: preserve-3d;
	        transform-style: preserve-3d;
}

.story-teaser .st-side-1 .st-figure {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 50%;
	    -ms-flex: 1 0 50%;
	        flex: 1 0 50%;
	max-width: 50%;
	background-color: #c00d0d;
}

.story-teaser .st-side-1 .st-content {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 50%;
	    -ms-flex: 1 0 50%;
	        flex: 1 0 50%;
	max-width: 50%;
	padding: 1.5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media screen and (min-width: 60rem) {
	.story-teaser .st-side-1 .st-content {
		padding: 2rem;
	}
}

.story-teaser .st-side-1 .icon-button-plus {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.story-teaser .st-side-2 {
	background-color: #e4e4e4;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-webkit-transform: rotateY(-180deg);
	        transform: rotateY(-180deg);
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.5s;
	transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
	-webkit-transform-style: preserve-3d;
	        transform-style: preserve-3d;
}

.story-teaser .st-side-2 .st-figure {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.story-teaser .st-side-2 .st-content {
	position: absolute;
	z-index: 2;
	width: 70%;
	right: 0;
	bottom: 0;
	padding: 0.5rem 1rem;
}

@media (min-width: 400px) {
	.story-teaser .st-side-2 .st-content {
		width: 60%;
		bottom: 10%;
	}
}

@media (min-width: 600px) {
	.story-teaser .st-side-2 .st-content {
		width: 50%;
	}
}

@media screen and (min-width: 48rem) {
	.story-teaser .st-side-2 .st-content {
		width: 60%;
		bottom: 5%;
	}
}

.story-teaser .st-side-2 .st-head-line {
	display: inline-block;
	color: #fff;
	background: #c00d0d;
	padding: 0.1rem 0.25rem;
	line-height: 1;
}

.story-teaser .st-side-2 .st-subhead {
	color: #fff;
	background: #c00d0d;
	padding: 0.25rem;
	margin-bottom: 0.75rem;
}

@media (min-width: 600px) {
	.story-teaser .st-side-2 .st-subhead {
		margin-bottom: 1.5rem;
	}
}

@media screen and (min-width: 48rem) {
	.story-teaser .st-side-2 .st-subhead {
		margin-bottom: 0.75rem;
	}
}

@media screen and (min-width: 60rem) {
	.story-teaser .st-side-2 .st-subhead {
		margin-bottom: 1.5rem;
	}
}

.story-teaser.story-teaser--switch .st-side-1 {
	-webkit-transform: rotateY(180deg);
	        transform: rotateY(180deg);
}

.story-teaser.story-teaser--switch .st-side-2 {
	-webkit-transform: rotateY(0deg);
	        transform: rotateY(0deg);
}

.story-teaser.story-teaser--text-block {
	padding: 0 1rem;
}

@media screen and (min-width: 48rem) {
	.story-teaser.story-teaser--text-block .text-block .tb-header {
		top: -1rem;
	}
}

@media screen and (min-width: 48rem) {
	.story-teaser.story-teaser--text-block .text-block .tb-head {
		font-size: 28px;
	}
}

@media screen and (min-width: 60rem) {
	.story-teaser.story-teaser--text-block .text-block .tb-head {
		font-size: 38px;
		line-height: 1;
	}
}

.story-teaser-grid {
	position: relative;
	display: block;
}

@media screen and (min-width: 48rem) {
	.story-teaser-grid .stg-group {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}

.story-teaser-grid .stg-group .story-teaser:nth-child(2) .st-side-1 .st-figure {
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	    -ms-flex-order: 2;
	        order: 2;
}

@media screen and (min-width: 48rem) {
	.story-teaser-grid .stg-group .story-teaser:nth-child(2) .st-side-1 .st-figure {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
}

.story-teaser-grid .stg-group .story-teaser:nth-child(2) .st-side-1 .st-content {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	    -ms-flex-order: 1;
	        order: 1;
}

@media screen and (min-width: 48rem) {
	.story-teaser-grid .stg-group .story-teaser:nth-child(2) .st-side-1 .st-content {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		    -ms-flex-order: 2;
		        order: 2;
	}
}

@media screen and (min-width: 48rem) {
	.story-teaser-grid .stg-group:nth-child(2n+1) .story-teaser .st-side-1 .st-figure {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		    -ms-flex-order: 2;
		        order: 2;
	}
}

@media screen and (min-width: 48rem) {
	.story-teaser-grid .stg-group:nth-child(2n+1) .story-teaser .st-side-1 .st-content {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
}

.story-teaser-grid .stg-group:nth-child(2n+1) .story-teaser .st-side-2 .st-content {
	right: auto;
	left: 0;
}

@media screen and (min-width: 48rem) {
	.story-teaser-grid .stg-group:nth-child(2n+1) .story-teaser .st-side-2 .st-content {
		right: auto;
		left: 0;
	}
}

@media screen and (min-width: 48rem) {
	.story-teaser-grid .story-teaser {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
	}
}

.teaser {
	display: block;
	position: relative;
}

.teaser .t-figure {
	position: relative;
}

.teaser .t-figure img {
	display: block;
}

.teaser .t-figure-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.teaser .t-figure-head {
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
}

.teaser .t-content {
	margin: 1rem;
}

.teaser .t-head {
	color: #666;
	text-transform: uppercase;
}

.teaser:hover .t-figure-content {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

.teaser.teaser--play .t-figure:after {
	content: '';
	background-image: url(/sendebizdensin/img/icons/play-round-white.svg);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
}

@media screen and (min-width: 29.75rem) {
	.teaser-grid {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
}

@media screen and (min-width: 68.25rem) {
	.teaser-grid {
		margin: 0 -1rem;
	}
}

.teaser-grid .teaser {
	margin-bottom: 1.5rem;
}

@media screen and (min-width: 29.75rem) {
	.teaser-grid .teaser {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		max-width: 50%;
		padding: 0 1rem;
	}
}

@media screen and (min-width: 29.75rem) {
	.teaser-grid .teaser .t-content {
		margin: 1rem 0;
	}
}

@media screen and (min-width: 48rem) {
	.teaser-grid.teaser-grid--3col .teaser {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.33333333%;
		    -ms-flex: 0 0 33.33333333%;
		        flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
	}
}

.image {
	display: block;
	position: relative;
	background-color: #e4e4e4;
}

.image img {
	display: block;
	width: 100%;
}

.image .i-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 100%;
	padding: 1rem;
}

.image .i-head {
	font-size: 32px;
	line-height: 1.1;
	text-transform: uppercase;
}

.image .i-subhead {
	font-size: 32px;
	line-height: 1.1;
	text-transform: uppercase;
	color: #c00d0d;
}

.image .social-sharing {
	position: absolute;
	top: 0;
	left: 0;
}

.image.image--play:after {
	content: '';
	background-image: url(/sendebizdensin/img/icons/play-round-white.svg);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
}

.image.image--play:hover {
	cursor: pointer;
}

.image-grid {
	max-width: 600px;
	margin: 0 auto;
}

@media screen and (min-width: 29.75rem) {
	.image-grid {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
}

.image-grid .image.clickable {
	cursor: pointer;
}

@media screen and (min-width: 29.75rem) {
	.image-grid .image {
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 50%;
		    -ms-flex: 1 0 50%;
		        flex: 1 0 50%;
	}
}

.text-block {
	display: block;
	position: relative;
	border: 1px solid #666;
	margin-top: 3rem;
	padding: 2rem 1rem 1.5rem;
	max-width: 600px;
	width: 100%;
}

@media (min-width: 600px) {
	.text-block {
		margin-top: 4rem;
	}
}

.text-block .tb-header {
	position: absolute;
	left: 1rem;
	padding: 0 0.5rem;
	top: -0.75rem;
}

@media (min-width: 600px) {
	.text-block .tb-header {
		left: 2rem;
		top: -1rem;
	}
}

@media screen and (min-width: 48rem) {
	.text-block .tb-header {
		top: -1.25rem;
	}
}

.text-block .tb-header.tb-header--big {
	left: 1rem;
	right: 1rem;
	text-align: center;
}

@media (min-width: 600px) {
	.text-block .tb-header.tb-header--big {
		left: 2rem;
		right: 2rem;
	}
}

.text-block .tb-header.tb-header--big .tb-head {
	color: #c00d0d;
	text-transform: uppercase;
}

.text-block .tb-head {
	font-size: 22px;
	line-height: 1.1;
	color: #666;
}

@media (min-width: 600px) {
	.text-block .tb-head {
		font-size: 28px;
	}
}

@media screen and (min-width: 48rem) {
	.text-block .tb-head {
		font-size: 38px;
		line-height: 1;
	}
}

.text-block .tb-head-line {
	display: block;
	background-color: #fff;
	padding: 0 0.5rem;
}

.text-block .tb-head-line:nth-child(1):nth-last-child(2) {
	margin-left: -1rem;
}

.text-block .tb-head-line:nth-child(1):nth-last-child(3) {
	margin-left: -1rem;
}

.text-block .tb-head-line:nth-child(2):nth-last-child(2) {
	margin-left: 1rem;
}

.text-block .tb-main .tb-text {
	text-transform: uppercase;
	text-align: center;
	color: #666;
	font-size: 20px;
	line-height: 1.2;
	margin: 0;
}

@media screen and (min-width: 60rem) {
	.text-block .tb-main .tb-text {
		font-size: 26px;
	}
}

.text-block.text-block--center {
	margin-left: auto;
	margin-right: auto;
}

.text-block.tb-header--two-line .tb-header {
	top: -2.4rem;
}

@media (min-width: 600px) {
	.text-block.tb-header--two-line .tb-header {
		top: -3rem;
	}
}

@media screen and (min-width: 48rem) {
	.text-block.tb-header--two-line .tb-header {
		top: -3.75rem;
	}
}

.text-block.tb-header--three-line .tb-header {
	top: -4rem;
}

@media (min-width: 600px) {
	.text-block.tb-header--three-line .tb-header {
		top: -5rem;
	}
}

@media screen and (min-width: 48rem) {
	.text-block.tb-header--three-line .tb-header {
		top: -6.25rem;
	}
}

.tabs {
	padding: 3rem 0 0;
}

@media screen and (min-width: 48rem) {
	.tabs {
		padding-top: 6rem;
	}
}

.tabs:after {
	content: '';
	width: 100%;
	height: 3px;
	background-color: #e4e4e4;
	display: block;
	margin-top: -2px;
}

.tabs .t-items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 0 1rem;
}

@media screen and (min-width: 68.25rem) {
	.tabs .t-items {
		padding: 0;
	}
}

.tabs .t-item {
	margin-right: 0.5rem;
}

@media screen and (min-width: 22rem) {
	.tabs .t-item {
		margin-right: 1rem;
	}
}

@media screen and (min-width: 29.75rem) {
	.tabs .t-item {
		margin-right: 2rem;
	}
}

@media screen and (min-width: 48rem) {
	.tabs .t-item {
		margin-right: 4rem;
	}
}

.tabs .t-item:hover .t-link {
	color: #c00d0d;
	border-bottom: 3px solid #c00d0d;
}

.tabs .t-item.t-item--active .t-link {
	color: #c00d0d;
	border-bottom: 3px solid #c00d0d;
}

.tabs .t-link {
	text-transform: uppercase;
	font-size: 16px;
	font-family: "TheSansLT700", "TheSansLT500", sans-serif;
	-webkit-transition: color .2s ease-in-out, border .2s ease-in-out;
	transition: color .2s ease-in-out, border .2s ease-in-out;
	border-bottom: 3px solid transparent;
}

@media screen and (min-width: 29.75rem) {
	.tabs .t-link {
		font-size: 22px;
	}
}

@media screen and (min-width: 48rem) {
	.tabs .t-link {
		font-size: 24px;
	}
}

.interview-question {
	font-weight: bold;
}

.tstmnl-quote--grey {
	background: #f6f6f6;
}

.tstmnl-quote--grey .tstmnl-main {
	color: #c00d0d;
	font-size: 2.5rem;
	margin-left: 4rem;
	line-height: 2.6rem;
	padding: 1rem;
}

.tstmnl-quote--grey .tstmnl-main::before {
	width: 2rem;
	content: '\201E';
	position: absolute;
	color: #c00d0d;
	font-size: 12rem;
	line-height: 0;
	height: 0;
	background: white;
	top: -2rem;
	left: 0;
}

.tstmnl-teaser {
	width: 99.07407%;
	margin-left: 0.46296%;
	margin-right: 0.46296%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 0 1rem;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	margin-bottom: 2rem;
}

.tstmnl-teaser .tstmnl-image {
	-webkit-align-self: flex-start;
	    -ms-flex-item-align: start;
	        align-self: flex-start;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	    -ms-flex-order: 2;
	        order: 2;
	margin: 0 1rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 40.74074%;
	margin-left: 0.46296%;
	margin-right: 0.46296%;
	clear: none;
	float: left;
}

@media screen and (min-width: 48rem) {
	.tstmnl-teaser .tstmnl-image {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
}

.tstmnl-quote {
	-webkit-box-flex: 2;
	-webkit-flex-grow: 2;
	    -ms-flex-positive: 2;
	        flex-grow: 2;
	margin: 3rem 0 1rem 0 !important;
	position: relative;
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	    -ms-flex-order: 1;
	        order: 1;
	width: 99.07407%;
	margin-left: 0.46296%;
	margin-right: 0.46296%;
}

@media screen and (min-width: 48rem) {
	.tstmnl-quote {
		margin: 3rem 1rem 2rem 1rem !important;
		width: 53.24074%;
		margin-left: 0.46296%;
		margin-right: 0.46296%;
		clear: none;
		float: left;
		margin-left: 4.62963%;
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		    -ms-flex-order: 2;
		        order: 2;
	}
}

.tstmnl-quote .tstmnl-text {
	border: 2px solid #c00d0d;
	background: transparent;
	padding: 2rem;
	color: #c00d0d;
	font-size: 3rem;
}

.tstmnl-quote .tstmnl-header {
	top: -0.2rem;
	left: 3rem;
	height: 0.5rem;
	width: 5.2rem;
	background: white;
	position: absolute;
}

.tstmnl-quote .tstmnl-header .quot-char-centered {
	color: #c00d0d;
	font-size: 12rem;
	line-height: 0;
	top: -4.1rem;
	position: absolute;
	height: 0;
}

.tstmnl-heading-red {
	font-size: 2rem;
	text-transform: uppercase;
	color: #c00d0d;
	font-weight: bold;
}

.tstmnl-personal-info {
	-webkit-box-ordinal-group: 4;
	-webkit-order: 3;
	    -ms-flex-order: 3;
	        order: 3;
}

.tstmnl-personal-info.right {
	width: 100%;
	display: block;
	text-align: right;
	margin-top: 2rem;
}

.tstmnl-personal-info .tstmnl-source, .tstmnl-personal-info .tstmnl-profession {
	color: #666;
	padding-left: 2rem;
	line-height: 1rem;
}

.tstmnl-personal-info .tstmnl-source {
	margin-top: 60%;
	text-transform: uppercase;
	font-size: 1rem;
	margin-bottom: 0.3rem;
}

@media screen and (min-width: 48rem) {
	.tstmnl-personal-info .tstmnl-source {
		margin-top: 0;
	}
}

.tstmnl-personal-info .tstmnl-profession {
	font-size: 0.8rem;
}

.tstmnl-text-block {
	width: 99.07407%;
	margin-left: 0.46296%;
	margin-right: 0.46296%;
	padding: 0 1rem;
	font-size: 1.2rem;
	margin-bottom: 2rem;
}

.tstmnl-text-block.divider {
	clear: both;
	margin-top: 4rem;
	padding-top: 3rem;
	border-top: 1px solid #ccc;
}

.tstmnl-text-block::before {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0px;
}

.tstmnl-heading-big {
	font-size: 2rem;
	text-transform: uppercase;
	padding-bottom: 0.5rem;
}

.videoblock-wrapper {
	width: 99.07407%;
	margin-left: 0.46296%;
	margin-right: 0.46296%;
}

@media screen and (min-width: 48rem) {
	.videoblock-wrapper.push {
		width: 44.90741%;
		margin-left: 0.46296%;
		margin-right: 0.46296%;
		clear: none;
		float: left;
		margin-left: 8.7963%;
	}
}

@media screen and (min-width: 48rem) {
	.videoblock-wrapper {
		width: 44.90741%;
		margin-left: 0.46296%;
		margin-right: 0.46296%;
		clear: none;
		float: left;
	}
}

.videoblock-wrapper.tstmnl {
	margin-top: 2rem;
	width: 99.07407%;
	margin-left: 0.46296%;
	margin-right: 0.46296%;
}

.videoblock-wrapper.tstmnl .videoblock-heading {
	margin-left: 1rem;
}

.videoblock {
	position: relative;
	display: block;
	background-color: #999;
	color: #fff;
	padding: 2rem 1rem;
	z-index: 1;
	height: 212px;
	padding: 4rem 1rem;
	margin-bottom: 1.5rem;
}

.videoblock .videoblock-heading {
	position: absolute;
	top: -3.5rem;
	left: 0;
}

@media screen and (min-width: 48rem) {
	.videoblock {
		height: 260px;
	}
}

@media screen and (min-width: 60rem) {
	.videoblock {
		height: 260px;
	}
}

.videoblock.tstmnl {
	*zoom: 1;
	height: 243px;
	background-color: #fff;
}

.videoblock.tstmnl:after, .videoblock.tstmnl:before {
	content: "\0020";
	display: table;
}

.videoblock.tstmnl:after {
	clear: both;
}

@media screen and (min-width: 29.75rem) {
	.videoblock.tstmnl {
		height: 420px;
	}
}

@media screen and (min-width: 48rem) {
	.videoblock.tstmnl {
		height: 530px;
	}
}

@media screen and (min-width: 60rem) {
	.videoblock.tstmnl {
		height: 589px;
		padding: 6rem 1rem;
	}
}

.videoblock > .section-constrained {
	height: 100%;
}

.videoblock .icon-button-play {
	position: absolute;
	top: 2rem;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.videoblock .social-sharing {
	position: absolute;
	top: -3.5rem;
	right: -0.5rem;
}

.videoblock .videoblock-figure {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	overflow: hidden;
	margin: auto;
}

.videoblock .videoblock-figure picture {
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.videoblock .videoblock-figure img {
	height: 100%;
	max-width: none;
}

.videoblock .videoblock-content {
	position: relative;
	z-index: 2;
	height: 100%;
}

.map .m-header-section {
	*zoom: 1;
	width: 99.07407%;
	margin-left: 0.46296%;
	margin-right: 0.46296%;
	padding: 1.5rem 1rem;
}

.map .m-header-section:after, .map .m-header-section:before {
	content: "\0020";
	display: table;
}

.map .m-header-section:after {
	clear: both;
}

.map .m-header {
	position: relative;
	display: block;
	max-width: 600px;
	margin: 0 auto;
}

.map .m-header:before {
	content: '';
	background-image: url(/sendebizdensin/img/icons/location-red.svg);
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}

@media screen and (min-width: 29.75rem) {
	.map .m-header:before {
		width: 70px;
		height: 70px;
	}
}

.map .m-header .m-head {
	text-transform: uppercase;
	font-size: 22px;
	margin-left: 3rem;
	margin-bottom: 1.5rem;
}

@media screen and (min-width: 29.75rem) {
	.map .m-header .m-head {
		font-size: 26px;
		margin-bottom: 0.375rem;
		margin-left: 5rem;
	}
}

@media screen and (min-width: 29.75rem) {
	.map .m-header .dropdown {
		margin-left: 5rem;
	}
}

.map .googlemap {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 350px;
}

@media screen and (min-width: 48rem) {
	.map .googlemap {
		height: 550px;
	}
}

.block {
	max-width: 600px;
	margin: auto;
}

.block.block--constrained-right {
	max-width: 800px;
	margin: 0;
	margin-right: auto;
}

.block.block--pad-bot {
	padding-bottom: 1rem;
}

.block .b-head {
	font-size: 24px;
	text-transform: uppercase;
}

/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: February 7, 2016
 */
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	/* Fix of Webkit flickering */
	z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
	float: left;
}

.swiper-container-vertical > .swiper-wrapper {
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0px, 0, 0);
	-ms-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
}

.swiper-slide.slide-content-centered {
	text-align: center;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-transition-property: -webkit-transform, height;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform;
}

/* a11y */
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x;
}

/* Arrows */
/* Pagination Styles */
/* 3D Container */
.swiper-container-3d {
	-webkit-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
	/* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
	/* Chrome 10+, Safari 5.1+, iOS 5+ */
	/* Firefox 3.6-15 */
	/* Opera 11.10-12.00 */
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
	/* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
	/* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
	/* Chrome 10+, Safari 5.1+, iOS 5+ */
	/* Firefox 3.6-15 */
	/* Opera 11.10-12.00 */
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
	/* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
	/* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
	/* Chrome 10+, Safari 5.1+, iOS 5+ */
	/* Firefox 3.6-15 */
	/* Opera 11.10-12.00 */
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
	/* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
	/* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
	/* Chrome 10+, Safari 5.1+, iOS 5+ */
	/* Firefox 3.6-15 */
	/* Opera 11.10-12.00 */
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
	/* Firefox 16+, IE10, Opera 12.50+ */
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
	/* Windows 8 IE 10 fix */
	-ms-perspective: 1200px;
}

/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
	overflow: visible;
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* Cube */
.swiper-container-cube .swiper-slide {
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
	pointer-events: auto;
	visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0;
}

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

/* Scrollbar */
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%;
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	left: 0;
	top: 0;
}

.swiper-scrollbar-cursor-drag {
	cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	    transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

.swiper-button-prev.swiper-button-red,
.swiper-container-rtl .swiper-button-next.swiper-button-red {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23dd0000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-red,
.swiper-container-rtl .swiper-button-prev.swiper-button-red {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23dd0000'%2F%3E%3C%2Fsvg%3E");
}

.single-gallery-image {
	background-color: #fff;
	height: 200px;
	text-align: center;
	margin-bottom: 1.5rem;
	overflow: hidden;
}

@media screen and (min-width: 29.75rem) {
	.single-gallery-image {
		height: 300px;
	}
}

@media screen and (min-width: 48rem) {
	.single-gallery-image {
		height: 370px;
	}
}

@media screen and (min-width: 60rem) {
	.single-gallery-image {
		height: 430px;
	}
}

.single-gallery-image img {
	height: 100%;
}

.jm-gallery {
	margin: 0 -1rem;
}

@media screen and (min-width: 60rem) {
	.jm-gallery {
		margin: 0;
	}
}

.jm-gallery .swiper-container {
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.jm-gallery .swiper-slide {
	background-color: #fff;
	height: 200px;
	text-align: center;
	background-position: center;
	background-size: cover;
}

@media screen and (min-width: 29.75rem) {
	.jm-gallery .swiper-slide {
		height: 300px;
	}
}

@media screen and (min-width: 48rem) {
	.jm-gallery .swiper-slide {
		height: 370px;
	}
}

@media screen and (min-width: 60rem) {
	.jm-gallery .swiper-slide {
		height: 430px;
	}
}

.jm-gallery .swiper-slide img {
	height: 100%;
}

.jm-gallery .gallery-top {
	height: 80%;
	width: 100%;
}

.jm-gallery .gallery-top .swiper-slide {
	width: 100%;
}

.jm-gallery .gallery-thumbs {
	box-sizing: border-box;
	display: none;
	height: 100px;
	padding: 10px 0;
	width: 100%;
	opacity: 0;
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

@media screen and (min-width: 48rem) {
	.jm-gallery .gallery-thumbs {
		display: block;
	}
}

.jm-gallery .gallery-thumbs.is-ready {
	opacity: 1;
}

.jm-gallery .gallery-thumbs .swiper-slide {
	border: 5px solid #fff;
	height: auto;
	overflow: hidden;
	width: 19.5%;
}

@media screen and (min-width: 60rem) {
	.jm-gallery .gallery-thumbs .swiper-slide {
		width: 19%;
	}
}

.jm-gallery .gallery-thumbs.swiper-slide-active {
	opacity: 1;
}

.gallery {
	display: block;
	position: relative;
}

.gallery .nav .swiper-container .swiper-button-prev, .nav .swiper-container .gallery .swiper-button-prev, .gallery .nav .swiper-container .swiper-button-next, .nav .swiper-container .gallery .swiper-button-next, .gallery .swiper-button-prev, .gallery .swiper-button-next {
	display: none;
	width: 40px;
	height: 40px;
	background-size: 100%;
	background-repeat: no-repeat;
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	margin: auto 0;
}

.gallery .swiper-button-prev:hover, .gallery .swiper-button-next:hover {
	cursor: pointer;
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

.gallery .swiper-button-disabled.swiper-button-prev, .gallery .swiper-button-disabled.swiper-button-next {
	display: none !important;
}

.gallery .swiper-button-prev {
	background-image: url(/sendebizdensin/img/icons/chevron-left-white.svg);
	left: 0;
}

.gallery .swiper-button-next {
	background-image: url(/sendebizdensin/img/icons/chevron-right-white.svg);
	right: 0;
}

.gallery .swiper-pagination {
	text-align: center;
	margin: 1rem 0 0 0;
	font-size: 16px;
}

.roadshow-cal {
	max-width: 600px;
	margin: auto;
}

.roadshow-table tr {
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

.roadshow-table td {
	vertical-align: top;
	padding: 1rem 0 1rem 0;
}

.userstate {
	-webkit-align-self: flex-start;
	    -ms-flex-item-align: start;
	        align-self: flex-start;
	margin-right: auto;
	-webkit-box-ordinal-group: unset;
	-webkit-order: unset;
	    -ms-flex-order: unset;
	        order: unset;
	width: 30px;
	height: 30px;
}

@media screen and (min-width: 48rem) {
	.userstate {
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		    -ms-flex-order: 3;
		        order: 3;
	}
}

.userstate .userstate-profile-img {
	border-radius: 50%;
}

.userstate-icon-button-login {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: block;
	background-image: url(/sendebizdensin/img/icons/login-icon.png);
	background-size: 30px;
	text-indent: -9999px;
}

.userstate-logout {
	margin-left: 1rem;
	-webkit-align-self: flex-start;
	    -ms-flex-item-align: start;
	        align-self: flex-start;
	-webkit-box-ordinal-group: unset;
	-webkit-order: unset;
	    -ms-flex-order: unset;
	        order: unset;
}

@media screen and (min-width: 48rem) {
	.userstate-logout {
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		    -ms-flex-order: 3;
		        order: 3;
	}
}

.userstate-logout, .userstate-logout input {
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

.userstate-logout input {
	text-indent: -9999px;
	background-image: url(/sendebizdensin/img/icons/logout-icon.png);
	background-size: 30px;
}

/*------------------------------------*
\*------------------------------------*/