/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}




/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(../images/mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */
@charset "UTF-8";
/* Libs */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Default */
/* Roboto */
@font-face {
  font-family: "Roboto";
  src: url(../fonts/Roboto-Regular.woff) format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Roboto";
  src: url(../fonts/Roboto-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Roboto";
  src: url(../fonts/Roboto-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "Roboto";
  src: url(../fonts/Roboto-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "Roboto";
  src: url(../fonts/Roboto-Thin.woff) format("woff");
  font-weight: 200;
  font-style: normal; }

/* PlayfairDisplay */
@font-face {
  font-family: "PlayfairDisplay";
  src: url(../fonts/PlayfairDisplay-Italic.woff) format("woff");
  font-weight: normal;
  font-style: italic; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html {
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease; }
  html.\--active {
    opacity: 1; }

/*stylelint-disable*/
body {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: black;
  background-color: #ecf1ed;
  min-height: 100vh;
  overflow-x: hidden !important;
  font-size: 18px;
  line-height: 22px; }
  @media only screen and (min-width: 1024px) {
    body:before {
      content: "";
      position: absolute;
      top: 0;
      z-index: 10;
      left: calc((100vw - 120.8rem - 29rem * 2) / 2);
      height: 100%;
      width: 1px;
      background-color: #176569; } }
  @media only screen and (min-width: 1920px) {
    body:before {
      left: calc((100vw - 1208px - 290px * 2) / 2); } }
  body.individual-card-body:before {
    display: none; }
  @media (max-width: 320px) {
    body {
      font-size: 1.8rem;
      line-height: 2.2rem; } }
  @media only screen and (min-width: 1024px) {
    body {
      position: relative;
      font-size: 1.8rem;
      line-height: 3.5rem; } }
  @media only screen and (min-width: 1920px) {
    body {
      font-size: 18px;
      line-height: 35px; } }
  body.individual-card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media only screen and (min-width: 1024px) {
      body.individual-card-body {
        display: block; } }

.b-lazy {
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease; }

.b-loaded {
  opacity: 1; }
  @media only screen and (min-width: 1024px) {
    .b-loaded.\--slick {
      opacity: 1 !important; } }

@media only screen and (min-width: 1024px) {
  .\--left-animation[data-emergence=hidden] {
    -webkit-transform: translate3d(-10%, 0, 0);
            transform: translate3d(-10%, 0, 0); } }

@media only screen and (min-width: 1024px) {
  .\--right-animation[data-emergence=hidden] {
    -webkit-transform: translate3d(10%, 0, 0);
            transform: translate3d(10%, 0, 0); } }

@media only screen and (min-width: 1024px) {
  .\--animation[data-emergence=hidden] {
    will-change: transform;
    opacity: 0;
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    transition: opacity 1s ease, -webkit-transform 1s ease;
    transition: opacity 1s ease, transform 1s ease;
    transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease; } }

@media only screen and (min-width: 1024px) {
  .\--animation[data-emergence=visible] {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    transition: opacity 1s ease, -webkit-transform 1s ease;
    transition: opacity 1s ease, transform 1s ease;
    transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease; } }

/*stylelint-enable*/
@media only screen and (min-width: 1024px) {
  .icon {
    display: block;
    width: 5.7rem;
    height: 5.6rem;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 100%; } }

@media only screen and (min-width: 1920px) {
  .icon {
    width: 57px;
    height: 56px; } }

.icon.\--olecya {
  background-image: url(../images/ic-olecya.png); }

.icon.\--larisa {
  background-image: url(../images/ic-larysa.png); }

.icon.\--evelina {
  background-image: url(../images/ic-evelina.png); }

.icon.\--ela {
  background-image: url(../images/ic-ela.png); }

.icon.\--card {
  background-image: url(../images/ic-card.png); }

.social {
  display: block;
  color: transparent;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .social.\--ok {
    background-image: url(../images/ok.png);
    width: 33px;
    height: 54px; }
    @media (max-width: 320px) {
      .social.\--ok {
        width: 3.3rem;
        height: 5.4rem; } }
    @media only screen and (min-width: 1024px) {
      .social.\--ok {
        width: 2rem;
        height: 3.3rem; } }
    @media only screen and (min-width: 1920px) {
      .social.\--ok {
        width: 20px;
        height: 33px; } }
    @media only screen and (min-width: 1920px) {
      .social.\--ok.\--individual {
        width: 2rem;
        height: 3.3rem; } }
  .social.\--vk {
    background-image: url(../images/vk.png);
    width: 49px;
    height: 26px; }
    @media (max-width: 320px) {
      .social.\--vk {
        width: 4.9rem;
        height: 2.6rem; } }
    @media only screen and (min-width: 1024px) {
      .social.\--vk {
        width: 3rem;
        height: 1.6rem; } }
    @media only screen and (min-width: 1920px) {
      .social.\--vk {
        width: 30px;
        height: 16px; } }
    @media only screen and (min-width: 1920px) {
      .social.\--vk.\--individual {
        width: 3rem;
        height: 1.6rem; } }
  .social.\--fb {
    background-image: url(../images/fb.png);
    width: 23px;
    height: 47px; }
    @media (max-width: 320px) {
      .social.\--fb {
        width: 2.3rem;
        height: 4.7rem; } }
    @media only screen and (min-width: 1024px) {
      .social.\--fb {
        width: 1.4rem;
        height: 2.9rem; } }
    @media only screen and (min-width: 1920px) {
      .social.\--fb {
        width: 14px;
        height: 29px; } }
    @media only screen and (min-width: 1920px) {
      .social.\--fb.\--individual {
        width: 1.4rem;
        height: 2.9rem; } }
  .social.\--tw {
    background-image: url(../images/tw.png);
    width: 54px;
    height: 36px; }
    @media (max-width: 320px) {
      .social.\--tw {
        width: 5.4rem;
        height: 3.6rem; } }
    @media only screen and (min-width: 1024px) {
      .social.\--tw {
        width: 3.3rem;
        height: 2.2rem; } }
    @media only screen and (min-width: 1920px) {
      .social.\--tw {
        width: 33px;
        height: 22px; } }
    @media only screen and (min-width: 1920px) {
      .social.\--tw.\--individual {
        width: 3.3rem;
        height: 2.2rem; } }

.button {
  text-decoration: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: inline-block;
  outline: none; }
  @media only screen and (min-width: 1024px) {
    .button {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      will-change: transform;
      -webkit-transition: -webkit-transform .3s ease;
      transition: -webkit-transform .3s ease;
      transition: transform .3s ease;
      transition: transform .3s ease, -webkit-transform .3s ease; } }
  @media only screen and (min-width: 1024px) {
    .button:hover {
      -webkit-transform: translate3d(0, 0, 0) scale(1.1);
              transform: translate3d(0, 0, 0) scale(1.1); } }
  .button.\--text {
    cursor: default; }
    @media only screen and (min-width: 1024px) {
      .button.\--text:hover {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); } }
  .button.\--green {
    padding: 0 18px;
    height: 34px;
    font-size: 19px;
    line-height: 34px;
    color: white;
    background-color: #176569;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 500; }
    @media (max-width: 320px) {
      .button.\--green {
        padding: 0 1.8rem;
        height: 3.4rem;
        font-size: 1.9rem;
        line-height: 3.4rem; } }
    @media only screen and (min-width: 1024px) {
      .button.\--green {
        padding: 0 3.7rem;
        height: 6.2rem;
        font-size: 3.5rem;
        line-height: 6.2rem; } }
    @media only screen and (min-width: 1920px) {
      .button.\--green {
        padding: 0 37px;
        height: 62px;
        text-transform: uppercase;
        font-size: 35px;
        line-height: 62px; } }
  .button.\--white {
    background-color: white;
    color: black;
    text-transform: uppercase;
    padding: 0 27px; }
    @media (max-width: 320px) {
      .button.\--white {
        padding: 0 2.7rem; } }
    @media only screen and (min-width: 1024px) {
      .button.\--white {
        padding: 0 3.5rem; } }
    @media only screen and (min-width: 1920px) {
      .button.\--white {
        padding: 0 35px; } }

.video-play {
  cursor: pointer;
  border: none;
  background-color: transparent;
  padding: 0;
  background-image: url(../images/video-play.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  width: 35px;
  height: 35px; }
  @media (max-width: 320px) {
    .video-play {
      width: 3.5rem;
      height: 3.5rem; } }
  @media only screen and (min-width: 1024px) {
    .video-play {
      width: 9.6rem;
      height: 9.6rem;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      will-change: transform;
      -webkit-transition: -webkit-transform .3s ease;
      transition: -webkit-transform .3s ease;
      transition: transform .3s ease;
      transition: transform .3s ease, -webkit-transform .3s ease; } }
  @media only screen and (min-width: 1920px) {
    .video-play {
      width: 96px;
      height: 96px; } }
  @media only screen and (min-width: 1024px) {
    .video-play:hover {
      -webkit-transform: translate3d(0, 0, 0) scale(1.1);
              transform: translate3d(0, 0, 0) scale(1.1); } }

.popup {
  /*stylelint-disable*/
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none !important;
  /*stylelint-enable*/ }
  .popup.\--active {
    display: block !important; }
  .popup__overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5); }
    .popup__overlay.\--active {
      display: block; }
  .popup__content {
    display: none;
    position: absolute;
    background-color: white;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 65px 30px; }
    @media (max-width: 320px) {
      .popup__content {
        padding: 6.5rem 3rem; } }
    @media only screen and (min-width: 1024px) {
      .popup__content {
        width: auto;
        height: auto;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        padding: 5rem 7.9rem; } }
    @media only screen and (min-width: 1920px) {
      .popup__content {
        padding: 50px 79px; } }
    .popup__content.\--active {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media only screen and (min-width: 1024px) {
        .popup__content.\--active {
          display: block; } }
  .popup__close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 20px;
    height: 20px;
    background-image: url(../images/close.png);
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    @media only screen and (min-width: 1024px) {
      .popup__close {
        top: 2.5rem;
        right: 2.5rem;
        width: 2rem;
        height: 2rem;
        cursor: pointer; } }
    @media only screen and (min-width: 1920px) {
      .popup__close {
        top: 25px;
        right: 25px;
        width: 20px;
        height: 20px; } }

@-webkit-keyframes fadeInLeft10 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
            transform: translate3d(-10%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft10 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
            transform: translate3d(-10%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeInRight10 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
            transform: translate3d(10%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight10 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
            transform: translate3d(10%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeInUp10 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
            transform: translate3d(0, -10%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp10 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
            transform: translate3d(0, -10%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeInDown10 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
            transform: translate3d(0, 10%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown10 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
            transform: translate3d(0, 10%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

/* Common */
.title {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .title {
      display: block;
      position: relative;
      width: 100vw; } }
  @media only screen and (min-width: 1024px) {
    .title__container {
      position: absolute;
      left: calc((100vw - 120.8rem - 29rem * 2) / 2 - 2.7rem); } }
  @media only screen and (min-width: 1920px) {
    .title__container {
      left: calc((100vw - 1208px - 290px * 2) / 2 - 27px); } }
  @media only screen and (min-width: 1024px) {
    .title__container:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      z-index: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      height: 1px;
      background-color: #176569; } }
  @media only screen and (min-width: 1024px) {
    .title__icon {
      position: relative;
      z-index: 1;
      -ms-flex-negative: 0;
          flex-shrink: 0; } }
  @media only screen and (min-width: 1024px) {
    .title__list {
      position: absolute;
      top: 8.4rem;
      left: 0; } }
  @media only screen and (min-width: 1920px) {
    .title__list {
      top: 84px; } }

.intro {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  padding-left: 15px;
  padding-right: 15px; }
  @media only screen and (max-width: 320px) {
    .intro {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (min-width: 1024px) {
    .intro {
      margin: 0 auto;
      width: 120.8rem; } }
  @media only screen and (min-width: 1920px) {
    .intro {
      width: 1208px; } }
  @media only screen and (min-width: 1024px) {
    .intro {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding-right: 5.2rem; } }
  @media only screen and (min-width: 1920px) {
    .intro {
      padding-right: 52px; } }
  @media only screen and (min-width: 1024px) {
    .intro.\--bottom {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; } }
  .intro__mobile-background {
    position: absolute;
    top: 145px;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: #cedfe2; }
    @media (max-width: 320px) {
      .intro__mobile-background {
        top: 14.5rem; } }
    @media only screen and (min-width: 1024px) {
      .intro__mobile-background {
        display: none; } }
    .intro__mobile-background.\--transparent {
      background-color: rgba(23, 101, 105, 0.2); }
  .intro__text {
    position: relative;
    z-index: 1;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
    @media only screen and (min-width: 1024px) {
      .intro__text {
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; } }
  .intro__name {
    margin: 0;
    margin-bottom: 24px;
    font-size: 40px;
    line-height: 48px;
    font-family: "PlayfairDisplay";
    font-weight: normal;
    font-style: italic;
    color: black; }
    @media (max-width: 320px) {
      .intro__name {
        margin-bottom: 2.4rem;
        font-size: 4rem;
        line-height: 4.8rem; } }
    @media only screen and (min-width: 1024px) {
      .intro__name {
        padding-right: 3.3rem;
        margin-bottom: 4rem;
        font-size: 7.3rem;
        line-height: 8.8rem; } }
    @media only screen and (min-width: 1920px) {
      .intro__name {
        padding-right: 33px;
        margin-bottom: 40px;
        font-size: 73px;
        line-height: 88px; } }
    @media only screen and (min-width: 1024px) {
      .intro__name span {
        display: block; } }
  .intro__link {
    margin: 0; }
    @media only screen and (min-width: 1024px) {
      .intro__link {
        font-size: 3.3rem;
        line-height: 3.9rem; } }
    @media only screen and (min-width: 1920px) {
      .intro__link {
        font-size: 33px;
        line-height: 39px; } }
  .intro__image-container {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    z-index: 1;
    width: 290px;
    height: 290px;
    border: 1px solid #176569;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px; }
    @media (max-width: 320px) {
      .intro__image-container {
        width: 29rem;
        height: 29rem;
        margin-bottom: 2rem; } }
    @media only screen and (min-width: 1024px) {
      .intro__image-container {
        margin-bottom: 0;
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0;
        width: 58rem;
        height: 58rem; } }
    @media only screen and (min-width: 1920px) {
      .intro__image-container {
        width: 580px;
        height: 580px; } }
  .intro__image {
    width: 246px;
    height: 246px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
    @media (max-width: 320px) {
      .intro__image {
        width: 24.6rem;
        height: 24.6rem; } }
    @media only screen and (min-width: 1024px) {
      .intro__image {
        width: 49rem;
        height: 49rem; } }
    @media only screen and (min-width: 1920px) {
      .intro__image {
        width: 490px;
        height: 490px; } }
  .intro__border-container {
    position: absolute;
    bottom: -1px;
    left: -1px;
    z-index: 1;
    width: 290px;
    height: 145px;
    overflow: hidden; }
    @media (max-width: 320px) {
      .intro__border-container {
        width: 29rem;
        height: 14.5rem; } }
    @media only screen and (min-width: 1024px) {
      .intro__border-container {
        width: 58rem;
        height: 29rem; } }
    @media only screen and (min-width: 1920px) {
      .intro__border-container {
        width: 580px;
        height: 290px; } }
  .intro__border {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    border: 1px solid white;
    width: 290px;
    height: 290px; }
    @media (max-width: 320px) {
      .intro__border {
        width: 29rem;
        height: 19rem; } }
    @media only screen and (min-width: 1024px) {
      .intro__border {
        width: 58rem;
        height: 58rem; } }
    @media only screen and (min-width: 1920px) {
      .intro__border {
        width: 580px;
        height: 580px; } }

.lifehacking {
  padding: 27px 15px 109px; }
  @media (max-width: 320px) {
    .lifehacking {
      padding: 2.7rem 1.5rem 10.9rem; } }
  @media only screen and (min-width: 1024px) {
    .lifehacking {
      padding: 7.5rem 0 17.1rem; } }
  @media only screen and (min-width: 1920px) {
    .lifehacking {
      padding: 75px 0 171px; } }
  .lifehacking__title {
    text-align: center;
    margin-bottom: 15px; }
    @media (max-width: 320px) {
      .lifehacking__title {
        margin-bottom: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .lifehacking__title {
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        margin-bottom: 7.6rem; } }
    @media only screen and (min-width: 1920px) {
      .lifehacking__title {
        margin-bottom: 76px; } }
  .lifehacking__title-text {
    margin: 0;
    font-weight: 700;
    letter-spacing: .15em;
    color: #176569;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 20px; }
    @media (max-width: 320px) {
      .lifehacking__title-text {
        font-size: 2rem;
        line-height: 2rem; } }
    @media only screen and (min-width: 1024px) {
      .lifehacking__title-text {
        position: relative;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        width: calc(111.1rem + (100vw - 120.8rem) / 2);
        font-size: 2rem;
        line-height: 2rem; } }
    @media only screen and (min-width: 1920px) {
      .lifehacking__title-text {
        width: calc(1111px + (100vw - 1208px) / 2);
        font-size: 20px;
        line-height: 20px; } }
    @media only screen and (min-width: 1024px) {
      .lifehacking__title-text:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        z-index: 1;
        width: calc(111.1rem + (100vw - 120.8rem) / 2 - 14.9rem);
        height: 1px;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        background-color: #176569; } }
    @media only screen and (min-width: 1920px) {
      .lifehacking__title-text:after {
        width: calc(1111px + (100vw - 1208px) / 2 - 149px); } }
  .lifehacking__container {
    padding-left: 15px;
    padding-right: 15px;
    padding: 0; }
    @media only screen and (max-width: 320px) {
      .lifehacking__container {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .lifehacking__container {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .lifehacking__container {
        width: 1208px; } }
    @media (max-width: 320px) {
      .lifehacking__container {
        padding: 0; } }
    @media only screen and (min-width: 1024px) {
      .lifehacking__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        padding: 0 22.5rem 0 23.5rem; } }
    @media only screen and (min-width: 1920px) {
      .lifehacking__container {
        padding: 0 225px 0 235px; } }
  .lifehacking__text {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .lifehacking__text {
        -ms-flex-negative: 0;
            flex-shrink: 0; } }
  .lifehacking__text-item {
    position: relative;
    padding-top: 118px;
    letter-spacing: .05em;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px; }
    @media (max-width: 320px) {
      .lifehacking__text-item {
        padding-top: 11.8rem;
        font-size: 1.6rem;
        line-height: 2rem;
        margin-bottom: 1.6rem; } }
    @media only screen and (min-width: 1024px) {
      .lifehacking__text-item {
        padding-top: 0;
        padding-left: 15.4rem;
        margin-bottom: 4.4rem;
        font-size: 1.8rem;
        line-height: 2.5rem; } }
    @media only screen and (min-width: 1920px) {
      .lifehacking__text-item {
        padding-left: 154px;
        margin-bottom: 44px;
        font-size: 18px;
        line-height: 25px; } }
    .lifehacking__text-item:before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      width: 99px;
      height: 99px; }
      @media (max-width: 320px) {
        .lifehacking__text-item:before {
          width: 9.9rem;
          height: 9.9rem; } }
      @media only screen and (min-width: 1024px) {
        .lifehacking__text-item:before {
          top: 50%;
          left: 0;
          width: 11.9rem;
          height: 11.8rem;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); } }
      @media only screen and (min-width: 1920px) {
        .lifehacking__text-item:before {
          width: 119px;
          height: 118px; } }
    .lifehacking__text-item.\--lamp:before {
      background-image: url(../images/icon-1.svg); }
    .lifehacking__text-item.\--sneaker:before {
      background-image: url(../images/icon-2.svg); }
    .lifehacking__text-item.\--pair:before {
      background-image: url(../images/icon-3.svg); }
    .lifehacking__text-item.\--pill:before {
      background-image: url(../images/icon-4.svg); }
    .lifehacking__text-item.\--group:before {
      background-image: url(../images/icon-5.svg); }
    .lifehacking__text-item.\--vk:before {
      background-image: url(../images/icon-6.svg); }
    .lifehacking__text-item.\--checklist:before {
      background-image: url(../images/icon-7.svg); }
    .lifehacking__text-item.\--rhomb:before {
      background-image: url(../images/icon-8.svg); }
    .lifehacking__text-item.\--yoga:before {
      background-image: url(../images/icon-9.svg); }
    .lifehacking__text-item.\--brain:before {
      background-image: url(../images/icon-10.svg); }
    .lifehacking__text-item.\--handshake:before {
      background-image: url(../images/icon-11.svg); }
    .lifehacking__text-item.\--kit:before {
      background-image: url(../images/icon-12.svg); }
    .lifehacking__text-item.\--bear:before {
      background-image: url(../images/icon-13.svg); }
    .lifehacking__text-item.\--apple:before {
      background-image: url(../images/icon-14.svg); }
    .lifehacking__text-item.\--clown:before {
      background-image: url(../images/icon-15.svg); }
    .lifehacking__text-item.\--cross:before {
      background-image: url(../images/icon-16.svg); }
    .lifehacking__text-item:last-child {
      margin-bottom: 0; }

.card {
  background-color: #eeaeaf; }
  .card.\--green {
    background-color: #dae8b5; }
  .card__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 84px 0 37px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (max-width: 320px) {
      .card__container {
        padding: 8.4rem 0 3.7rem; } }
    @media only screen and (max-width: 320px) {
      .card__container {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .card__container {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .card__container {
        width: 1208px; } }
    @media only screen and (min-width: 1024px) {
      .card__container {
        padding: 25rem 48.5rem 3rem 7.7rem; } }
    @media only screen and (min-width: 1920px) {
      .card__container {
        padding: 250px 485px 30px 77px; } }
  .card__image {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%; }
    .card__image.\--first {
      background-image: url(../images/first-card.png);
      width: 131px;
      height: 171px;
      top: -115px;
      right: -12px; }
      @media (max-width: 320px) {
        .card__image.\--first {
          width: 13.1rem;
          height: 17.1rem;
          top: -11.5rem;
          right: -1.2rem; } }
      @media only screen and (min-width: 1024px) {
        .card__image.\--first {
          top: -15rem;
          right: -3rem;
          width: 45.6rem;
          height: 59.8rem; } }
      @media only screen and (min-width: 1920px) {
        .card__image.\--first {
          top: -150px;
          right: -30px;
          width: 456px;
          height: 598px; } }
    .card__image.\--second {
      background-image: url(../images/second-card.png);
      top: -91px;
      right: -20px;
      width: 164px;
      height: 140px; }
      @media (max-width: 320px) {
        .card__image.\--second {
          top: -9.1rem;
          right: -2rem;
          width: 16.4rem;
          height: 14rem; } }
      @media only screen and (min-width: 1024px) {
        .card__image.\--second {
          top: -10rem;
          right: -13.9rem;
          width: 65rem;
          height: 55.9rem; } }
      @media only screen and (min-width: 1920px) {
        .card__image.\--second {
          top: -100px;
          right: -139px;
          width: 650px;
          height: 559px; } }
  .card__title {
    position: absolute;
    top: -33px;
    right: 83px;
    font-size: 39px;
    line-height: 34px;
    margin: 0;
    font-family: "PlayfairDisplay";
    font-weight: normal;
    font-style: italic;
    color: #2e7374; }
    @media (max-width: 320px) {
      .card__title {
        top: -3.3rem;
        right: 8.3rem;
        font-size: 3.9rem;
        line-height: 3.4rem; } }
    @media only screen and (min-width: 1024px) {
      .card__title {
        top: -12rem;
        left: 4rem;
        font-size: 13.2rem;
        line-height: 13.1rem; } }
    @media only screen and (min-width: 1920px) {
      .card__title {
        top: -120px;
        left: 40px;
        font-size: 132px;
        line-height: 131px; } }
  .card__title-top {
    display: block; }
  .card__title-bottom {
    position: relative;
    display: block;
    text-transform: lowercase;
    left: 90px; }
    @media (max-width: 320px) {
      .card__title-bottom {
        left: 9rem; } }
    @media only screen and (min-width: 1024px) {
      .card__title-bottom {
        left: 32rem; } }
    @media only screen and (min-width: 1920px) {
      .card__title-bottom {
        left: 320px; } }
  .card__button {
    height: 56px;
    font-size: 17px;
    line-height: 56px; }
    @media (max-width: 320px) {
      .card__button {
        height: 5.6rem;
        font-size: 1.7rem;
        line-height: 5.6rem; } }
    @media only screen and (min-width: 1024px) {
      .card__button {
        height: 9.2rem;
        font-size: 2.2rem;
        line-height: 9.2rem; } }
    @media only screen and (min-width: 1920px) {
      .card__button {
        height: 92px;
        font-size: 22px;
        line-height: 92px; } }

.individual-header {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media (max-width: 320px) {
    .individual-header {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem; } }
  @media only screen and (min-width: 1024px) {
    .individual-header {
      padding-top: 3.8rem;
      height: 12rem; } }
  .individual-header__main {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "PlayfairDisplay";
    font-weight: normal;
    font-style: italic;
    color: black;
    text-decoration: none;
    font-size: 13px;
    line-height: 13px; }
    @media (max-width: 320px) {
      .individual-header__main {
        left: 1.5rem;
        font-size: 1.3rem;
        line-height: 1.3rem; } }
    @media only screen and (min-width: 1024px) {
      .individual-header__main {
        top: 4.5rem;
        left: 13rem;
        font-size: 4rem;
        line-height: 4rem;
        -webkit-transform: translateY(0);
                transform: translateY(0); } }
    .individual-header__main:before {
      margin-right: 3px;
      content: "";
      background-image: url(../images/main-arrow.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      width: 13px;
      height: 13px;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
      @media (max-width: 320px) {
        .individual-header__main:before {
          margin-right: .3rem;
          width: 1.3rem;
          height: 1.3rem; } }
      @media only screen and (min-width: 1024px) {
        .individual-header__main:before {
          margin-right: 2rem;
          width: 4rem;
          height: 4rem; } }
  .individual-header__logo {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background-image: url(../images/logo-woman.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    color: transparent;
    overflow: hidden;
    width: 119px;
    height: 26px; }
    @media (max-width: 320px) {
      .individual-header__logo {
        width: 11.9rem;
        height: 2.6rem; } }
    @media only screen and (min-width: 1024px) {
      .individual-header__logo {
        width: 23.6rem;
        height: 5.2rem; } }
  .individual-header__logo-teva {
    position: absolute;
    background-image: url(../images/logo-teva.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    color: transparent;
    overflow: hidden;
    top: 50%;
    right: 15px;
    width: 65px;
    height: 26px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media (max-width: 320px) {
      .individual-header__logo-teva {
        right: 1.5rem;
        width: 6.5rem;
        height: 2.6rem; } }
    @media only screen and (min-width: 1024px) {
      .individual-header__logo-teva {
        top: 4.5rem;
        right: 13rem;
        width: 10.4rem;
        height: 3.6rem;
        -webkit-transform: translateY(0);
                transform: translateY(0); } }

.individual-card {
  position: relative;
  z-index: 1;
  width: 100vw;
  height: 64.47917vw; }
  @media only screen and (min-width: 1024px) {
    .individual-card {
      width: 192rem;
      height: 123.8rem;
      margin: 0 auto; } }
  .individual-card.\--card-1 {
    padding-top: 13.80208vw;
    padding-left: 24.47917vw; }
    @media only screen and (min-width: 1024px) {
      .individual-card.\--card-1 {
        padding-top: 26.5rem;
        padding-left: 47rem; } }
    .individual-card.\--card-1 .individual-card__video-text-container {
      width: 47.91667vw;
      height: 36.45833vw; }
      @media only screen and (min-width: 1024px) {
        .individual-card.\--card-1 .individual-card__video-text-container {
          width: 92rem;
          height: 70rem; } }
  .individual-card.\--card-2 {
    padding-top: 13.802208vw;
    padding-left: 27.34375vw; }
    @media only screen and (min-width: 1024px) {
      .individual-card.\--card-2 {
        padding-top: 26.5rem;
        padding-left: 52.5rem; } }
    .individual-card.\--card-2 .individual-card__video-text-container {
      width: 45.3125vw;
      height: 34.11458vw; }
      @media only screen and (min-width: 1024px) {
        .individual-card.\--card-2 .individual-card__video-text-container {
          width: 87rem;
          height: 65.5rem; } }
  .individual-card.\--card-3 {
    padding-top: 13.80208vw;
    padding-left: 22.65625vw; }
    @media only screen and (min-width: 1024px) {
      .individual-card.\--card-3 {
        padding-top: 26.5rem;
        padding-left: 43.5rem; } }
    .individual-card.\--card-3 .individual-card__video-text-container {
      width: 51.04167vw;
      height: 38.02083vw; }
      @media only screen and (min-width: 1024px) {
        .individual-card.\--card-3 .individual-card__video-text-container {
          width: 98rem;
          height: 73rem; } }
  .individual-card.\--card-4 {
    padding-top: 14.32292vw;
    padding-left: 25vw; }
    @media only screen and (min-width: 1024px) {
      .individual-card.\--card-4 {
        padding-top: 27.5rem;
        padding-left: 48rem; } }
    .individual-card.\--card-4 .individual-card__video-text-container {
      width: 51.04167vw;
      height: 38.02083vw; }
      @media only screen and (min-width: 1024px) {
        .individual-card.\--card-4 .individual-card__video-text-container {
          width: 98rem;
          height: 73rem; } }
  .individual-card.\--card-5 {
    padding-top: 14.58333vw;
    padding-left: 22.39583vw; }
    @media only screen and (min-width: 1024px) {
      .individual-card.\--card-5 {
        padding-top: 28rem;
        padding-left: 43rem; } }
    .individual-card.\--card-5 .individual-card__video-text-container {
      width: 50vw;
      height: 37.76042vw; }
      @media only screen and (min-width: 1024px) {
        .individual-card.\--card-5 .individual-card__video-text-container {
          width: 96rem;
          height: 72.5rem; } }
  .individual-card__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  .individual-card__video-text-container {
    position: relative;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease; }
    .individual-card__video-text-container.\--active {
      opacity: 1; }
  .individual-card__video-container {
    position: relative;
    overflow: hidden;
    background-color: black;
    width: 100%;
    height: 100%; }
  .individual-card__video {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .individual-card__text {
    font-size: 15px;
    line-height: 22px;
    padding: 15px 0;
    font-family: "PlayfairDisplay";
    font-style: italic;
    text-transform: uppercase;
    color: white;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black; }
    @media (max-width: 320px) {
      .individual-card__text {
        font-size: 1.8rem;
        line-height: 3rem;
        padding: 1.5rem 0; } }
    @media only screen and (min-width: 1024px) {
      .individual-card__text {
        font-size: 3.5rem;
        line-height: 5rem;
        padding: 2.5rem 0; } }
  .individual-card__main-card {
    position: absolute;
    top: -30px;
    right: 15px;
    width: 20px;
    height: 20px;
    background-image: url(../images/close.png);
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    @media only screen and (min-width: 1024px) {
      .individual-card__main-card {
        top: -6rem;
        right: 2rem;
        width: 4rem;
        height: 4rem;
        cursor: pointer; } }
    @media only screen and (min-width: 1920px) {
      .individual-card__main-card {
        top: -60px;
        right: -20px;
        width: 40px;
        height: 40px; } }

.individual-footer__container {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 15px;
  padding-top: 40px;
  padding-bottom: 35px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 320px) {
    .individual-footer__container {
      padding: 0 1.5rem;
      padding-top: 4rem;
      padding-bottom: 3.5rem; } }
  @media only screen and (min-width: 1024px) {
    .individual-footer__container {
      margin: 0 auto;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 3.4rem 2.4rem;
      width: 120.8rem; } }

.individual-footer__copyright {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: normal;
  text-align: center; }
  @media only screen and (min-width: 1024px) {
    .individual-footer__copyright {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
      font-size: 1.8rem;
      line-height: 1.8rem; } }
  @media only screen and (min-width: 1920px) {
    .individual-footer__copyright {
      font-size: 18px;
      line-height: 18px; } }

.individual-footer__socials {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-bottom: 30px; }
  @media (max-width: 320px) {
    .individual-footer__socials {
      margin-bottom: 3rem; } }
  @media only screen and (min-width: 1024px) {
    .individual-footer__socials {
      margin-bottom: 0;
      width: auto;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.individual-footer__socials-text {
  margin: 0;
  margin-bottom: 35px;
  font-weight: normal;
  text-transform: uppercase;
  color: #2e7374;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  @media (max-width: 320px) {
    .individual-footer__socials-text {
      margin-bottom: 3.5rem; } }
  @media only screen and (min-width: 1024px) {
    .individual-footer__socials-text {
      margin-bottom: 0;
      margin-right: 4.2rem;
      font-size: 1.8rem;
      line-height: 1.8rem; } }

.individual-footer__socials-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 290px;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (max-width: 320px) {
    .individual-footer__socials-list {
      max-width: 29rem; } }
  @media only screen and (min-width: 1024px) {
    .individual-footer__socials-list {
      width: auto;
      -webkit-box-pack: normal;
          -ms-flex-pack: normal;
              justify-content: normal; } }

.individual-footer__social {
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  @media only screen and (min-width: 1024px) {
    .individual-footer__social {
      margin-right: 2.6rem; } }
  @media only screen and (min-width: 1024px) {
    .individual-footer__social:last-child {
      margin-right: 0; } }

/* Styles */
.header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 15px 0;
  z-index: 1000; }
  @media (max-width: 320px) {
    .header {
      padding: .5rem 1.5rem 0; } }
  @media only screen and (min-width: 1024px) {
    .header {
      padding-top: 3.8rem;
      height: 12rem;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: normal;
          -ms-flex-align: normal;
              align-items: normal; } }
  @media only screen and (min-width: 1920px) {
    .header {
      width: 1920px;
      height: 120px;
      margin: 0 auto;
      padding-top: 38px; } }
  .header__mobile-logo {
    width: 65px;
    height: 26px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background-image: url(../images/logo-teva.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    color: transparent;
    overflow: hidden; }
    @media (max-width: 320px) {
      .header__mobile-logo {
        width: 6.5rem;
        height: 2.6rem; } }
    @media only screen and (min-width: 1024px) {
      .header__mobile-logo {
        display: none; } }
  .header__logo {
    width: 119px;
    height: 26px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background-image: url(../images/logo-woman.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    color: transparent;
    overflow: hidden; }
    @media (max-width: 320px) {
      .header__logo {
        width: 11.9rem;
        height: 2.6rem; } }
    @media only screen and (min-width: 1024px) {
      .header__logo {
        width: 23.6rem;
        height: 5.2rem; } }
    @media only screen and (min-width: 1920px) {
      .header__logo {
        width: 236px;
        height: 52px; } }
  .header__mobile-burger {
    width: 46px;
    height: 46px;
    background-image: url(../images/burger.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 100%; }
    @media (max-width: 320px) {
      .header__mobile-burger {
        width: 4.6rem;
        height: 4.6rem; } }
    @media only screen and (min-width: 1024px) {
      .header__mobile-burger {
        display: none; } }
  .header__menu {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .header__menu {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 2.2rem;
        padding-left: 2.8rem; } }
    @media only screen and (min-width: 1920px) {
      .header__menu {
        padding-top: 22px;
        padding-left: 28px; } }
  .header__logo-teva {
    width: 59px;
    height: 20px;
    background-image: url(../images/logo-teva.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    color: transparent;
    overflow: hidden; }
    @media (max-width: 320px) {
      .header__logo-teva {
        width: 5.9rem;
        height: 2rem; } }
    @media only screen and (min-width: 1024px) {
      .header__logo-teva {
        position: absolute;
        top: 4.5rem;
        right: 13rem;
        width: 10.4rem;
        height: 3.6rem; } }
    @media only screen and (min-width: 1920px) {
      .header__logo-teva {
        top: 45px;
        right: 130px;
        width: 104px;
        height: 36px; } }

@media only screen and (min-width: 1024px) {
  .menu-list {
    margin: 0;
    padding: 0;
    list-style: none; } }

@media only screen and (min-width: 1024px) {
  .menu-list__item {
    position: relative;
    margin-bottom: 2.8rem;
    padding-right: 20.5rem;
    overflow: hidden; } }

@media only screen and (min-width: 1920px) {
  .menu-list__item {
    margin-bottom: 28px;
    padding-right: 205px; } }

@media only screen and (min-width: 1024px) {
  .menu-list__item:last-child {
    margin-bottom: 0; } }

@media only screen and (min-width: 1024px) {
  .menu-list__icon {
    position: relative;
    z-index: 1; } }

.menu-list__icon:hover + .menu-list__text {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0); }

@media only screen and (min-width: 1024px) {
  .menu-list__text {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 6.9rem;
    -webkit-transform: translate3d(-150%, -50%, 0);
            transform: translate3d(-150%, -50%, 0);
    will-change: transform;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    font-size: 2rem;
    line-height: 2rem;
    letter-spacing: .04em;
    color: #176569;
    white-space: nowrap; } }

@media only screen and (min-width: 1920px) {
  .menu-list__text {
    left: 69px;
    font-size: 20px;
    line-height: 20px; } }

.mobile-menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  background-color: white;
  padding: 50px 15px 15px;
  display: none;
  /*stylelint-disable*/
  /*stylelint-enable*/ }
  @media only screen and (min-width: 1024px) {
    .mobile-menu {
      display: none !important; } }
  .mobile-menu__close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
    background-image: url(../images/close.png);
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  .mobile-menu__list {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .mobile-menu__item {
    width: 100%; }
  .mobile-menu__link {
    display: block;
    text-align: center;
    height: 40px;
    font-family: "PlayfairDisplay";
    font-weight: normal;
    font-style: italic;
    letter-spacing: .04em;
    font-size: 20px;
    line-height: 40px;
    color: black;
    text-decoration: none; }
    @media (max-width: 320px) {
      .mobile-menu__link {
        height: 4rem;
        font-size: 2rem;
        line-height: 4rem; } }

@media only screen and (min-width: 1024px) {
  .menu__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

@media only screen and (min-width: 1920px) {
  .menu__container {
    margin-right: 24px; } }

@media only screen and (min-width: 1024px) {
  .menu__burger {
    position: relative;
    z-index: 1;
    width: 8rem;
    height: 8rem;
    border: none;
    background-color: transparent;
    background-image: url(../images/burger.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 100%;
    cursor: pointer; } }

@media only screen and (min-width: 1920px) {
  .menu__burger {
    width: 80px;
    height: 80px; } }

@media only screen and (min-width: 1024px) {
  .menu__list-container {
    position: relative;
    top: -4rem;
    overflow: hidden;
    padding-top: 7.4rem; } }

@media only screen and (min-width: 1920px) {
  .menu__list-container {
    top: -40px;
    padding-top: 74px; } }

@media only screen and (min-width: 1024px) {
  .menu__list {
    -webkit-transform: translate3d(0, -150%, 0);
            transform: translate3d(0, -150%, 0);
    will-change: transform;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    padding-left: 1rem; } }

@media only screen and (min-width: 1920px) {
  .menu__list {
    padding-left: 10px; } }

.menu__list.\--active {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

@media only screen and (min-width: 1024px) {
  .menu__logo {
    position: absolute;
    top: 4.5rem;
    left: 13rem;
    width: 10.4rem;
    height: 3.6rem;
    background-image: url(../images/logo-teva.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    color: transparent;
    overflow: hidden; } }

@media only screen and (min-width: 1920px) {
  .menu__logo {
    top: 45px;
    left: 130px;
    width: 104px;
    height: 36px; } }

.main-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  list-style: none; }
  @media only screen and (min-width: 1024px) {
    .main-list {
      padding: 0 3.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  @media only screen and (min-width: 1920px) {
    .main-list {
      padding: 0 35px; } }
  .main-list__item {
    margin-bottom: 17px; }
    @media (max-width: 320px) {
      .main-list__item {
        margin-bottom: 1.7rem; } }
    @media only screen and (min-width: 1024px) {
      .main-list__item {
        margin-bottom: 0; } }
    @media only screen and (min-width: 1024px) {
      .main-list__item:first-child {
        will-change: transform;
        -webkit-animation-duration: 1s;
                animation-duration: 1s;
        -webkit-animation-delay: 2s;
                animation-delay: 2s;
        -webkit-animation-name: fadeInUp10;
                animation-name: fadeInUp10;
        -webkit-animation-fill-mode: both;
                animation-fill-mode: both; } }
    @media only screen and (min-width: 1024px) {
      .main-list__item:nth-child(2) {
        will-change: transform;
        -webkit-animation-duration: 1s;
                animation-duration: 1s;
        -webkit-animation-delay: 2.4s;
                animation-delay: 2.4s;
        -webkit-animation-name: fadeInDown10;
                animation-name: fadeInDown10;
        -webkit-animation-fill-mode: both;
                animation-fill-mode: both; } }
    @media only screen and (min-width: 1024px) {
      .main-list__item:nth-child(3) {
        will-change: transform;
        -webkit-animation-duration: 1s;
                animation-duration: 1s;
        -webkit-animation-delay: 2.8s;
                animation-delay: 2.8s;
        -webkit-animation-name: fadeInUp10;
                animation-name: fadeInUp10;
        -webkit-animation-fill-mode: both;
                animation-fill-mode: both; } }
    .main-list__item:last-child {
      margin-bottom: 0; }
      @media only screen and (min-width: 1024px) {
        .main-list__item:last-child {
          will-change: transform;
          -webkit-animation-duration: 1s;
                  animation-duration: 1s;
          -webkit-animation-delay: 3.2s;
                  animation-delay: 3.2s;
          -webkit-animation-name: fadeInDown10;
                  animation-name: fadeInDown10;
          -webkit-animation-fill-mode: both;
                  animation-fill-mode: both; } }
    @media only screen and (min-width: 1024px) {
      .main-list__item:hover .main-list__image {
        -webkit-transform: translate3d(-50%, 0, 0) scale(1.1);
                transform: translate3d(-50%, 0, 0) scale(1.1); } }
    @media only screen and (min-width: 1024px) {
      .main-list__item:hover .main-list__title {
        -webkit-transform: translate3d(0, 0, 0) scale(1.1);
                transform: translate3d(0, 0, 0) scale(1.1); } }
  .main-list__link {
    color: black;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 12px 13px 20px;
    background-color: rgba(218, 232, 181, 0.5); }
    @media (max-width: 320px) {
      .main-list__link {
        padding: 1.2rem 1.3rem 2rem; } }
    @media only screen and (min-width: 1024px) {
      .main-list__link {
        display: block;
        position: relative;
        width: 26.5rem;
        padding: 16.4rem 2.4rem 1.6rem;
        text-align: center; } }
    @media only screen and (min-width: 1920px) {
      .main-list__link {
        width: 265px;
        padding: 164px 24px 16px; } }
  .main-list__image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 109px;
    height: 109px;
    margin-right: 11px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
    @media (max-width: 320px) {
      .main-list__image {
        margin-right: 1.1rem;
        width: 10.9rem;
        height: 10.9rem; } }
    @media only screen and (min-width: 1024px) {
      .main-list__image {
        position: absolute;
        top: -7.4rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 21.5rem;
        height: 21.5rem;
        margin-bottom: 2.2rem;
        will-change: transform;
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease; } }
    @media only screen and (min-width: 1920px) {
      .main-list__image {
        top: -74px;
        width: 215px;
        height: 215px;
        margin-bottom: 22px; } }
  .main-list__title {
    margin: 0;
    font-family: "PlayfairDisplay";
    font-weight: normal;
    font-style: italic;
    letter-spacing: .04em;
    font-size: 20px;
    line-height: 24px; }
    @media (max-width: 320px) {
      .main-list__title {
        font-size: 2rem;
        line-height: 2.4rem; } }
    @media only screen and (min-width: 1024px) {
      .main-list__title {
        font-size: 2.5rem;
        line-height: 3rem;
        will-change: transform;
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease; } }
    @media only screen and (min-width: 1920px) {
      .main-list__title {
        font-size: 25px;
        line-height: 30px; } }
    @media only screen and (min-width: 1024px) {
      .main-list__title span {
        display: block; } }

.main {
  padding-top: 17px; }
  @media (max-width: 320px) {
    .main {
      padding-top: 1.7rem; } }
  @media only screen and (min-width: 1024px) {
    .main {
      padding-top: 0; } }
  .main__mobile-image {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 320px;
    height: 627px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
    @media (max-width: 320px) {
      .main__mobile-image {
        width: 32rem;
        height: 62.7rem; } }
    @media only screen and (min-width: 1024px) {
      .main__mobile-image {
        display: none; } }
  .main__image {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .main__image {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 0;
        width: 145.5rem;
        height: 97.3rem;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; } }
    @media only screen and (min-width: 1920px) {
      .main__image {
        width: 1455px;
        height: 973px; } }
  .main__top {
    position: relative;
    z-index: 2;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .main__top {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .main__top {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .main__top {
        width: 1208px; } }
  .main__title {
    position: relative;
    z-index: 1;
    left: 12px;
    margin: 0;
    margin-bottom: 30px;
    font-family: "PlayfairDisplay";
    font-weight: normal;
    font-style: italic;
    color: #2e7374;
    font-size: 69px;
    line-height: 69px; }
    @media (max-width: 320px) {
      .main__title {
        left: 1.2rem;
        margin-bottom: 3rem;
        font-size: 6.9rem;
        line-height: 6.9rem; } }
    @media only screen and (min-width: 1024px) {
      .main__title {
        left: 0;
        margin-bottom: 4rem;
        font-size: 14rem;
        line-height: 14rem;
        will-change: transform;
        -webkit-animation-duration: 1s;
                animation-duration: 1s;
        -webkit-animation-delay: 1s;
                animation-delay: 1s;
        -webkit-animation-name: fadeInLeft10;
                animation-name: fadeInLeft10;
        -webkit-animation-fill-mode: both;
                animation-fill-mode: both; } }
    @media only screen and (min-width: 1920px) {
      .main__title {
        margin-bottom: 40px;
        font-size: 140px;
        line-height: 140px; } }
  .main__text {
    position: relative;
    z-index: 1;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 27px; }
    @media (max-width: 320px) {
      .main__text {
        margin-bottom: 2.7rem;
        font-size: 1.8rem;
        line-height: 3rem; } }
    @media only screen and (min-width: 1024px) {
      .main__text {
        position: relative;
        left: -2rem;
        width: 70.5rem;
        font-size: 2.2rem;
        line-height: 3.9rem;
        margin-bottom: 10rem;
        will-change: transform;
        -webkit-animation-duration: 1s;
                animation-duration: 1s;
        -webkit-animation-delay: 1.5s;
                animation-delay: 1.5s;
        -webkit-animation-name: fadeInRight10;
                animation-name: fadeInRight10;
        -webkit-animation-fill-mode: both;
                animation-fill-mode: both; } }
    @media only screen and (min-width: 1920px) {
      .main__text {
        left: -20px;
        width: 705px;
        font-size: 22px;
        line-height: 39px;
        margin-bottom: 100px; } }
  .main__list-wrapper {
    position: relative;
    z-index: 1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(236, 241, 237, 0.5)), to(white));
    background-image: linear-gradient(to bottom, rgba(236, 241, 237, 0.5), white);
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .main__list-wrapper {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .main__list-wrapper {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .main__list-wrapper {
        width: 1208px; } }
  .main__list {
    position: relative;
    z-index: 2;
    margin: 0; }
  .main__intro {
    margin: 0;
    letter-spacing: .05em;
    padding-left: 15px;
    padding-right: 15px;
    padding: 27px 0 45px; }
    @media only screen and (max-width: 320px) {
      .main__intro {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .main__intro {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .main__intro {
        width: 1208px; } }
    @media (max-width: 320px) {
      .main__intro {
        padding: 2.7rem 0 4.5rem; } }
    @media only screen and (min-width: 1024px) {
      .main__intro {
        padding: 2rem 14.2rem 5.8rem 15rem;
        font-size: 2rem;
        line-height: 3.5rem;
        will-change: transform;
        -webkit-animation-duration: 1s;
                animation-duration: 1s;
        -webkit-animation-delay: 3.7s;
                animation-delay: 3.7s;
        -webkit-animation-name: fadeInUp10;
                animation-name: fadeInUp10;
        -webkit-animation-fill-mode: both;
                animation-fill-mode: both; } }
    @media only screen and (min-width: 1920px) {
      .main__intro {
        padding: 20px 142px 58px 150px;
        font-size: 20px;
        line-height: 35px; } }

.health-diary-mobile-content {
  overflow: hidden;
  padding-top: 15px; }
  @media (max-width: 320px) {
    .health-diary-mobile-content {
      padding-top: 1.5rem; } }
  @media only screen and (min-width: 1024px) {
    .health-diary-mobile-content {
      display: none; } }
  .health-diary-mobile-content:before {
    content: "";
    position: absolute;
    bottom: 116px;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: #cedfe2; }
    @media (max-width: 320px) {
      .health-diary-mobile-content:before {
        bottom: 11.6rem; } }
  .health-diary-mobile-content__about {
    position: relative;
    z-index: 2;
    margin: 0;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: .05em;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .health-diary-mobile-content__about {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .health-diary-mobile-content__about {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .health-diary-mobile-content__about {
        width: 1208px; } }
    @media (max-width: 320px) {
      .health-diary-mobile-content__about {
        font-size: 1.6rem;
        line-height: 2.6rem; } }
  .health-diary-mobile-content__quote {
    z-index: 1;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right;
    position: relative;
    padding-top: 140px;
    height: 378px;
    font-family: "PlayfairDisplay";
    font-style: italic;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: .05em;
    padding-bottom: 28px;
    padding-left: 15px;
    padding-right: 15px;
    padding-right: 120px; }
    @media only screen and (max-width: 320px) {
      .health-diary-mobile-content__quote {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .health-diary-mobile-content__quote {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .health-diary-mobile-content__quote {
        width: 1208px; } }
    @media (max-width: 320px) {
      .health-diary-mobile-content__quote {
        padding-top: 14rem;
        padding-right: 12rem;
        font-size: 2rem;
        line-height: 3rem;
        padding-bottom: 2.8rem;
        height: 37.8rem; } }
    .health-diary-mobile-content__quote:before {
      position: absolute;
      content: "";
      bottom: 0;
      right: 0;
      width: 280px;
      height: 455px;
      background-image: url(../images/mobile-roses.png);
      background-repeat: no-repeat;
      background-size: 100% 100%; }
      @media (max-width: 320px) {
        .health-diary-mobile-content__quote:before {
          width: 28rem;
          height: 45.5rem; } }
      @media only screen and (min-width: 1024px) {
        .health-diary-mobile-content__quote:before {
          background-image: none; } }
    .health-diary-mobile-content__quote span {
      display: block;
      position: relative;
      z-index: 1; }
  .health-diary-mobile-content__first-text {
    position: relative;
    z-index: 1;
    background-color: white;
    padding-top: 32px;
    padding-bottom: 35px;
    letter-spacing: .05em;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .health-diary-mobile-content__first-text {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .health-diary-mobile-content__first-text {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .health-diary-mobile-content__first-text {
        width: 1208px; } }
    @media (max-width: 320px) {
      .health-diary-mobile-content__first-text {
        padding-top: 3.2rem;
        padding-bottom: 3.5rem; } }
    .health-diary-mobile-content__first-text p {
      margin: 0;
      margin-bottom: 11px; }
      @media (max-width: 320px) {
        .health-diary-mobile-content__first-text p {
          margin-bottom: 1.1rem; } }
      .health-diary-mobile-content__first-text p:last-child {
        margin-bottom: 0; }
    .health-diary-mobile-content__first-text span {
      display: block; }
  .health-diary-mobile-content__image-container {
    position: relative;
    z-index: 1;
    background-color: white;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .health-diary-mobile-content__image-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .health-diary-mobile-content__image-container {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .health-diary-mobile-content__image-container {
        width: 1208px; } }
  .health-diary-mobile-content__image-shadow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 290px;
    height: 280px;
    background-color: rgba(46, 115, 116, 0.1); }
    @media (max-width: 320px) {
      .health-diary-mobile-content__image-shadow {
        width: 29rem;
        height: 28rem; } }
  .health-diary-mobile-content__image {
    width: 270px;
    height: 260px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
    @media (max-width: 320px) {
      .health-diary-mobile-content__image {
        width: 27rem;
        height: 26rem; } }
  .health-diary-mobile-content__second-text {
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding-top: 34px;
    padding-bottom: 26px;
    letter-spacing: .05em;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .health-diary-mobile-content__second-text {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .health-diary-mobile-content__second-text {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .health-diary-mobile-content__second-text {
        width: 1208px; } }
    @media (max-width: 320px) {
      .health-diary-mobile-content__second-text {
        padding-top: 3.4rem;
        padding-bottom: 2.6rem; } }
    .health-diary-mobile-content__second-text:before {
      content: "";
      position: absolute;
      bottom: 116px;
      left: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      background-color: white; }
      @media (max-width: 320px) {
        .health-diary-mobile-content__second-text:before {
          bottom: 11.6rem; } }
    .health-diary-mobile-content__second-text p {
      position: relative;
      z-index: 1;
      margin: 0;
      margin-bottom: 11px; }
      @media (max-width: 320px) {
        .health-diary-mobile-content__second-text p {
          margin-bottom: 1.1rem; } }
      .health-diary-mobile-content__second-text p:last-child {
        margin-bottom: 0; }
    .health-diary-mobile-content__second-text span {
      display: block; }

.health-diary-content {
  display: none;
  padding-left: 15px;
  padding-right: 15px; }
  @media only screen and (max-width: 320px) {
    .health-diary-content {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (min-width: 1024px) {
    .health-diary-content {
      margin: 0 auto;
      width: 120.8rem; } }
  @media only screen and (min-width: 1920px) {
    .health-diary-content {
      width: 1208px; } }
  @media only screen and (min-width: 1024px) {
    .health-diary-content {
      position: relative;
      z-index: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0 9rem 0 14.2rem; } }
  @media only screen and (min-width: 1920px) {
    .health-diary-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0 90px 0 142px; } }
  @media only screen and (min-width: 1024px) {
    .health-diary-content__title {
      margin: 0;
      width: 39rem;
      padding-top: 16rem;
      font-family: "PlayfairDisplay";
      font-weight: normal;
      font-style: italic;
      color: black;
      font-size: 4.7rem;
      line-height: 5.7rem;
      letter-spacing: .05em;
      text-align: right; } }
  @media only screen and (min-width: 1920px) {
    .health-diary-content__title {
      width: 390px;
      padding-top: 160px;
      font-size: 47px;
      line-height: 57px; } }
  @media only screen and (min-width: 1024px) {
    .health-diary-content__text {
      margin: 0;
      text-transform: uppercase;
      font-size: 1.8rem;
      line-height: 3.5rem;
      width: 49.8rem;
      letter-spacing: .05em; } }
  @media only screen and (min-width: 1920px) {
    .health-diary-content__text {
      width: 498px;
      font-size: 18px;
      line-height: 35px; } }

.health-diary-block {
  display: none;
  /*stylelint-disable*/
  /*stylelint-enable*/ }
  @media only screen and (min-width: 1024px) {
    .health-diary-block {
      display: block;
      position: relative;
      width: 165rem;
      padding-left: 14rem;
      margin: 0 auto; } }
  @media only screen and (min-width: 1920px) {
    .health-diary-block {
      width: 1650px;
      padding-left: 140px; } }
  @media only screen and (min-width: 1024px) {
    .health-diary-block__image-shadow {
      position: absolute;
      top: -18.2rem;
      right: 0;
      z-index: 0;
      width: 98.1rem;
      height: 76.3rem;
      background-color: rgba(46, 115, 116, 0.1); } }
  @media only screen and (min-width: 1920px) {
    .health-diary-block__image-shadow {
      top: -182px;
      right: 0;
      width: 981px;
      height: 763px; } }
  @media only screen and (min-width: 1024px) {
    .health-diary-block__border {
      position: relative;
      z-index: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border: 1px solid #176569;
      width: 80.7rem;
      padding: 7.2rem 14.5rem; } }
  @media only screen and (min-width: 1920px) {
    .health-diary-block__border {
      width: 807px;
      padding: 72px 145px; } }
  @media only screen and (min-width: 1024px) {
    .health-diary-block__image {
      position: absolute;
      top: -14.6rem;
      left: 56.4rem;
      z-index: 0;
      width: 90.7rem;
      height: 68.8rem;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; } }
  @media only screen and (min-width: 1920px) {
    .health-diary-block__image {
      top: -146px;
      left: 564px;
      width: 907px;
      height: 688px; } }
  @media only screen and (min-width: 1024px) {
    .health-diary-block__text {
      position: relative;
      z-index: 1;
      padding: 2.5rem 0 2.5rem 2.5rem;
      background-color: white;
      letter-spacing: .05em;
      height: 70.9rem; } }
  @media only screen and (min-width: 1920px) {
    .health-diary-block__text {
      padding: 25px 0 25px 25px;
      height: 709px; } }
  .health-diary-block__text span {
    display: block; }
  @media only screen and (min-width: 1024px) {
    .health-diary-block__text p {
      margin: 0;
      margin-bottom: 1.7rem; } }
  @media only screen and (min-width: 1920px) {
    .health-diary-block__text p {
      margin-bottom: 17px; } }
  @media only screen and (min-width: 1024px) {
    .health-diary-block__text p:last-child {
      margin-bottom: 0; } }
  @media only screen and (min-width: 1024px) {
    .health-diary-block .mCSB_dragger_bar {
      background-color: #176569 !important; } }
  @media only screen and (min-width: 1024px) {
    .health-diary-block .mCSB_draggerRail {
      background-color: transparent !important; } }

.health-diary-video {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 431px;
  background-color: white;
  /*stylelint-disable*/
  /*stylelint-enable*/ }
  @media (max-width: 320px) {
    .health-diary-video {
      height: 43.1rem; } }
  @media only screen and (min-width: 1024px) {
    .health-diary-video {
      background-color: transparent;
      width: 192rem;
      margin: 0 auto;
      height: 100.5rem;
      padding-top: 9.5rem; } }
  @media only screen and (min-width: 1920px) {
    .health-diary-video {
      width: 1920px;
      padding-top: 95px;
      position: relative;
      height: 1005px; } }
  .health-diary-video__background {
    position: absolute;
    top: -116px;
    left: 0;
    width: 100%;
    height: 471px;
    z-index: 0;
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%; }
    @media (max-width: 320px) {
      .health-diary-video__background {
        top: -11.6rem;
        height: 47.1rem; } }
    @media only screen and (min-width: 1024px) {
      .health-diary-video__background {
        top: -29rem;
        height: 129.4rem;
        background-color: transparent;
        background-size: 100% 100%; } }
    @media only screen and (min-width: 1920px) {
      .health-diary-video__background {
        top: -290px;
        height: 1294px; } }
  .health-diary-video__button {
    position: relative;
    z-index: 1;
    margin-bottom: 46px; }
    @media (max-width: 320px) {
      .health-diary-video__button {
        margin-bottom: 4.6rem; } }
    @media only screen and (min-width: 1024px) {
      .health-diary-video__button {
        margin-bottom: 9.2rem; } }
    @media only screen and (min-width: 1920px) {
      .health-diary-video__button {
        margin-bottom: 92px; } }
  .health-diary-video__content {
    position: relative;
    z-index: 1;
    width: 273px;
    height: 175px;
    left: 1px; }
    @media (max-width: 320px) {
      .health-diary-video__content {
        width: 27.5rem;
        height: 17.5rem;
        left: .1rem; } }
    @media only screen and (min-width: 1024px) {
      .health-diary-video__content {
        margin-left: 1rem;
        margin-bottom: 17.9rem;
        width: 75rem;
        height: 48rem; } }
    @media only screen and (min-width: 1920px) {
      .health-diary-video__content {
        margin-left: 10px;
        margin-bottom: 179px;
        width: 750px;
        height: 480px; } }
  .health-diary-video__image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%; }
  .health-diary-video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .health-diary-video__frame {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%; }
  .health-diary-video__link {
    margin-top: auto;
    background-color: #3f9838 !important;
    color: white !important;
    height: 56px;
    font-size: 13px;
    line-height: 56px; }
    @media (max-width: 320px) {
      .health-diary-video__link {
        height: 5.6rem;
        font-size: 1.3rem;
        line-height: 5.6rem; } }
    @media only screen and (min-width: 1024px) {
      .health-diary-video__link {
        margin-top: 0;
        background-color: white !important;
        color: black !important;
        height: 6.4rem;
        font-size: 1.6rem;
        line-height: 6.4rem; } }
    @media only screen and (min-width: 1920px) {
      .health-diary-video__link {
        height: 64px;
        font-size: 16px;
        line-height: 64px; } }

.health-diary {
  background-color: white; }
  @media only screen and (min-width: 1024px) {
    .health-diary:before {
      content: "";
      position: absolute;
      top: 0;
      z-index: 10;
      left: calc((100vw - 120.8rem - 29rem * 2) / 2);
      height: 100%;
      width: 1px;
      background-color: #176569; } }
  @media only screen and (min-width: 1920px) {
    .health-diary:before {
      left: calc((100vw - 1208px - 290px * 2) / 2); } }
  .health-diary.individual-card-body:before {
    display: none; }
  @media only screen and (min-width: 1024px) {
    .health-diary {
      background-color: transparent;
      position: relative; } }
  .health-diary__background {
    display: none;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .health-diary__background {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .health-diary__background {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .health-diary__background {
        width: 1208px; } }
    @media only screen and (min-width: 1024px) {
      .health-diary__background {
        display: block;
        position: absolute;
        top: -1%;
        z-index: 0;
        left: 50%;
        height: 101%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        background-color: white; } }
  .health-diary__image {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .health-diary__image {
        display: block;
        position: absolute;
        top: 29rem;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 76.6rem;
        background-color: #cfe0e3;
        background-image: url(../images/roses.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%; } }
    @media only screen and (min-width: 1920px) {
      .health-diary__image {
        top: 290px;
        height: 766px;
        background-size: auto 100%; } }
  @media only screen and (min-width: 1024px) {
    .health-diary__title {
      position: relative;
      z-index: 11; } }
  @media only screen and (min-width: 1024px) {
    .health-diary__title-container {
      top: 2rem;
      width: 47rem; } }
  @media only screen and (min-width: 1920px) {
    .health-diary__title-container {
      top: 20px;
      width: 470px; } }
  @media only screen and (min-width: 1024px) {
    .health-diary__intro {
      position: relative;
      z-index: 1;
      margin-bottom: 4rem; } }
  @media only screen and (min-width: 1920px) {
    .health-diary__intro {
      margin-bottom: 40px; } }
  .health-diary__mobile-content {
    position: relative;
    z-index: 2; }
  @media only screen and (min-width: 1024px) {
    .health-diary__content {
      position: relative;
      z-index: 1;
      margin-bottom: 26.7rem; } }
  @media only screen and (min-width: 1920px) {
    .health-diary__content {
      margin-bottom: 267px; } }
  @media only screen and (min-width: 1024px) {
    .health-diary__block {
      position: relative;
      z-index: 2; } }
  @media only screen and (min-width: 1024px) {
    .health-diary__video {
      position: relative;
      z-index: 1; } }
  @media only screen and (min-width: 1024px) {
    .health-diary__lifehacking {
      position: relative;
      z-index: 1; } }
  @media only screen and (min-width: 1024px) {
    .health-diary__card {
      position: relative;
      z-index: 1; } }

.smart-kit-content {
  display: none;
  padding-left: 15px;
  padding-right: 15px; }
  @media only screen and (max-width: 320px) {
    .smart-kit-content {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (min-width: 1024px) {
    .smart-kit-content {
      margin: 0 auto;
      width: 120.8rem; } }
  @media only screen and (min-width: 1920px) {
    .smart-kit-content {
      width: 1208px; } }
  @media only screen and (min-width: 1024px) {
    .smart-kit-content {
      position: relative;
      z-index: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0 8.5rem 0 15rem; } }
  @media only screen and (min-width: 1920px) {
    .smart-kit-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0 85px 0 150px; } }
  @media only screen and (min-width: 1024px) {
    .smart-kit-content__title {
      width: 36.5rem;
      padding-top: 12rem;
      font-family: "PlayfairDisplay";
      font-weight: normal;
      font-style: italic;
      color: black;
      font-size: 4.7rem;
      line-height: 5.7rem;
      letter-spacing: .05em;
      text-align: left; } }
  @media only screen and (min-width: 1920px) {
    .smart-kit-content__title {
      width: 365px;
      padding-top: 150px;
      font-size: 47px;
      line-height: 57px; } }
  @media only screen and (min-width: 1024px) {
    .smart-kit-content__text {
      width: 49rem;
      letter-spacing: .05em;
      text-transform: uppercase; } }
  @media only screen and (min-width: 1920px) {
    .smart-kit-content__text {
      width: 490px; } }

.smart-kit-block {
  display: none;
  /*stylelint-disable*/
  /*stylelint-enable*/ }
  @media only screen and (min-width: 1024px) {
    .smart-kit-block {
      position: relative;
      width: 162.2rem;
      padding-right: 13.8rem;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; } }
  @media only screen and (min-width: 1920px) {
    .smart-kit-block {
      width: 1622px;
      padding-right: 138px; } }
  @media only screen and (min-width: 1024px) {
    .smart-kit-block__image-shadow {
      position: absolute;
      top: -8.7rem;
      left: 0;
      z-index: 0;
      width: 77.6rem;
      height: 76.3rem;
      background-color: rgba(46, 115, 116, 0.1); } }
  @media only screen and (min-width: 1920px) {
    .smart-kit-block__image-shadow {
      top: -87px;
      right: 0;
      width: 776px;
      height: 763px; } }
  @media only screen and (min-width: 1024px) {
    .smart-kit-block__border {
      position: relative;
      z-index: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border: 1px solid #176569;
      width: 88.2rem;
      padding: 6.4rem 14.9rem 6.4rem 20.7rem; } }
  @media only screen and (min-width: 1920px) {
    .smart-kit-block__border {
      width: 882px;
      padding: 64px 149px 64px 207px; } }
  @media only screen and (min-width: 1024px) {
    .smart-kit-block__image {
      position: absolute;
      top: -4.7rem;
      left: -56.2rem;
      z-index: 0;
      width: 69.4rem;
      height: 68.8rem;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; } }
  @media only screen and (min-width: 1920px) {
    .smart-kit-block__image {
      top: -47px;
      left: -562px;
      width: 694px;
      height: 688px; } }
  @media only screen and (min-width: 1024px) {
    .smart-kit-block__text {
      position: relative;
      z-index: 1;
      letter-spacing: .05em;
      height: 60.6rem; } }
  @media only screen and (min-width: 1920px) {
    .smart-kit-block__text {
      height: 606px; } }
  @media only screen and (min-width: 1024px) {
    .smart-kit-block__text p {
      margin: 0;
      margin-bottom: 1.7rem; } }
  @media only screen and (min-width: 1920px) {
    .smart-kit-block__text p {
      margin-bottom: 17px; } }
  @media only screen and (min-width: 1024px) {
    .smart-kit-block__text p:last-child {
      margin-bottom: 0; } }
  @media only screen and (min-width: 1024px) {
    .smart-kit-block .mCSB_dragger_bar {
      background-color: #176569 !important; } }
  @media only screen and (min-width: 1024px) {
    .smart-kit-block .mCSB_draggerRail {
      background-color: transparent !important; } }

.smart-kit-video {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 434px;
  /*stylelint-disable*/
  /*stylelint-enable*/ }
  @media (max-width: 320px) {
    .smart-kit-video {
      height: 43.4rem; } }
  @media only screen and (min-width: 1024px) {
    .smart-kit-video {
      width: 192rem;
      margin: 0 auto;
      height: 100.5rem;
      padding-top: 9.5rem; } }
  @media only screen and (min-width: 1920px) {
    .smart-kit-video {
      width: 1920px;
      padding-top: 95px;
      position: relative;
      height: 1005px; } }
  .smart-kit-video__background {
    position: absolute;
    top: -116px;
    left: 0;
    width: 100%;
    height: 469px;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%; }
    @media (max-width: 320px) {
      .smart-kit-video__background {
        top: -11.6rem;
        height: 46.9rem; } }
    @media only screen and (min-width: 1024px) {
      .smart-kit-video__background {
        top: -29rem;
        height: 129.5rem; } }
    @media only screen and (min-width: 1920px) {
      .smart-kit-video__background {
        top: -290px;
        height: 1295px; } }
  .smart-kit-video__button {
    position: relative;
    z-index: 1;
    margin-bottom: 46px; }
    @media (max-width: 320px) {
      .smart-kit-video__button {
        margin-bottom: 4.6rem; } }
    @media only screen and (min-width: 1024px) {
      .smart-kit-video__button {
        margin-bottom: 9.3rem; } }
    @media only screen and (min-width: 1920px) {
      .smart-kit-video__button {
        margin-bottom: 93px; } }
  .smart-kit-video__content {
    position: relative;
    z-index: 1;
    width: 275px;
    height: 174px; }
    @media (max-width: 320px) {
      .smart-kit-video__content {
        width: 27.5rem;
        height: 17.5rem; } }
    @media only screen and (min-width: 1024px) {
      .smart-kit-video__content {
        margin-left: 1rem;
        margin-bottom: 19rem;
        width: 75rem;
        height: 48rem; } }
    @media only screen and (min-width: 1920px) {
      .smart-kit-video__content {
        margin-left: 10px;
        margin-bottom: 190px;
        width: 750px;
        height: 480px; } }
  .smart-kit-video__image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%; }
  .smart-kit-video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .smart-kit-video__frame {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%; }
  .smart-kit-video__link {
    margin-top: auto;
    background-color: #3f9838 !important;
    color: white !important;
    height: 56px;
    font-size: 13px;
    line-height: 56px; }
    @media (max-width: 320px) {
      .smart-kit-video__link {
        height: 5.6rem;
        font-size: 1.3rem;
        line-height: 5.6rem; } }
    @media only screen and (min-width: 1024px) {
      .smart-kit-video__link {
        margin-top: 0;
        background-color: white !important;
        color: black !important;
        height: 6.4rem;
        font-size: 1.6rem;
        line-height: 6.4rem; } }
    @media only screen and (min-width: 1920px) {
      .smart-kit-video__link {
        height: 64px;
        font-size: 16px;
        line-height: 64px; } }

.smart-kit-mobile-content {
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 38px; }
  @media (max-width: 320px) {
    .smart-kit-mobile-content {
      padding-top: 4rem;
      padding-bottom: 3.8rem; } }
  @media only screen and (min-width: 1024px) {
    .smart-kit-mobile-content {
      display: none; } }
  .smart-kit-mobile-content__about {
    margin: 0;
    margin-bottom: 38px;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: .05em;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .smart-kit-mobile-content__about {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .smart-kit-mobile-content__about {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .smart-kit-mobile-content__about {
        width: 1208px; } }
    @media (max-width: 320px) {
      .smart-kit-mobile-content__about {
        margin-bottom: 3.8rem;
        font-size: 1.6rem;
        line-height: 2.6rem; } }
  .smart-kit-mobile-content__first-text {
    margin-bottom: 34px;
    letter-spacing: .05em;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .smart-kit-mobile-content__first-text {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .smart-kit-mobile-content__first-text {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .smart-kit-mobile-content__first-text {
        width: 1208px; } }
    @media (max-width: 320px) {
      .smart-kit-mobile-content__first-text {
        margin-bottom: 3.4rem; } }
    .smart-kit-mobile-content__first-text p {
      margin: 0;
      margin-bottom: 11px; }
      @media (max-width: 320px) {
        .smart-kit-mobile-content__first-text p {
          margin-bottom: 1.1rem; } }
      .smart-kit-mobile-content__first-text p:last-child {
        margin-bottom: 0; }
    .smart-kit-mobile-content__first-text span {
      display: block; }
  .smart-kit-mobile-content__image-container {
    margin-bottom: 43px;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .smart-kit-mobile-content__image-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .smart-kit-mobile-content__image-container {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .smart-kit-mobile-content__image-container {
        width: 1208px; } }
    @media (max-width: 320px) {
      .smart-kit-mobile-content__image-container {
        margin-bottom: 4.3rem; } }
  .smart-kit-mobile-content__image-shadow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 290px;
    height: 290px;
    background-color: rgba(46, 115, 116, 0.1); }
    @media (max-width: 320px) {
      .smart-kit-mobile-content__image-shadow {
        width: 29rem;
        height: 29rem; } }
  .smart-kit-mobile-content__image {
    width: 260px;
    height: 260px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
    @media (max-width: 320px) {
      .smart-kit-mobile-content__image {
        width: 26rem;
        height: 26rem; } }
  .smart-kit-mobile-content__second-text {
    margin-bottom: 54px;
    letter-spacing: .05em;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .smart-kit-mobile-content__second-text {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .smart-kit-mobile-content__second-text {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .smart-kit-mobile-content__second-text {
        width: 1208px; } }
    @media (max-width: 320px) {
      .smart-kit-mobile-content__second-text {
        margin-bottom: 5.4rem; } }
    .smart-kit-mobile-content__second-text p {
      margin: 0;
      margin-bottom: 11px; }
      @media (max-width: 320px) {
        .smart-kit-mobile-content__second-text p {
          margin-bottom: 1.1rem; } }
      .smart-kit-mobile-content__second-text p:last-child {
        margin-bottom: 0; }
    .smart-kit-mobile-content__second-text span {
      display: block; }
  .smart-kit-mobile-content__quote {
    margin: 0;
    font-family: "PlayfairDisplay";
    font-style: italic;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: .05em;
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .smart-kit-mobile-content__quote {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .smart-kit-mobile-content__quote {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .smart-kit-mobile-content__quote {
        width: 1208px; } }
    @media (max-width: 320px) {
      .smart-kit-mobile-content__quote {
        font-size: 2rem;
        line-height: 3rem;
        margin-bottom: 4rem; } }
  .smart-kit-mobile-content__third-text {
    letter-spacing: .05em;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .smart-kit-mobile-content__third-text {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .smart-kit-mobile-content__third-text {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .smart-kit-mobile-content__third-text {
        width: 1208px; } }
    .smart-kit-mobile-content__third-text p {
      margin: 0;
      margin-bottom: 23px; }
      @media (max-width: 320px) {
        .smart-kit-mobile-content__third-text p {
          margin-bottom: 2.3rem; } }
      .smart-kit-mobile-content__third-text p:last-child {
        margin-bottom: 0; }
    .smart-kit-mobile-content__third-text span {
      display: block; }

.smart-kit {
  padding-top: 43px;
  position: relative;
  background-color: white; }
  @media only screen and (min-width: 1024px) {
    .smart-kit:before {
      content: "";
      position: absolute;
      top: 0;
      z-index: 10;
      left: calc((100vw - 120.8rem - 29rem * 2) / 2);
      height: 100%;
      width: 1px;
      background-color: #176569; } }
  @media only screen and (min-width: 1920px) {
    .smart-kit:before {
      left: calc((100vw - 1208px - 290px * 2) / 2); } }
  .smart-kit.individual-card-body:before {
    display: none; }
  @media (max-width: 320px) {
    .smart-kit {
      padding-top: 4.3rem; } }
  @media only screen and (min-width: 1024px) {
    .smart-kit {
      padding-top: 11.6rem;
      background-color: transparent; } }
  @media only screen and (min-width: 1920px) {
    .smart-kit {
      padding-top: 116px; } }
  .smart-kit__background {
    display: none;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .smart-kit__background {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .smart-kit__background {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .smart-kit__background {
        width: 1208px; } }
    @media only screen and (min-width: 1024px) {
      .smart-kit__background {
        display: block;
        position: absolute;
        top: 0;
        z-index: 0;
        left: 50%;
        height: 100%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        background-color: white; } }
  .smart-kit__image {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    left: -30px;
    z-index: 0;
    width: 325px;
    height: 232px; }
    @media (max-width: 320px) {
      .smart-kit__image {
        left: -3rem;
        width: 32.5rem;
        height: 23.2rem; } }
    @media only screen and (min-width: 1024px) {
      .smart-kit__image {
        top: -4rem;
        width: 105rem;
        height: 100.8rem; } }
    @media only screen and (min-width: 1920px) {
      .smart-kit__image {
        top: -40px;
        width: 1050px;
        height: 1008px; } }
  @media only screen and (min-width: 1024px) {
    .smart-kit__title {
      position: relative;
      z-index: 11; } }
  @media only screen and (min-width: 1024px) {
    .smart-kit__title-container {
      top: 34rem;
      width: 47rem; } }
  @media only screen and (min-width: 1920px) {
    .smart-kit__title-container {
      top: 340px;
      width: 470px; } }
  @media only screen and (min-width: 1024px) {
    .smart-kit__intro {
      position: relative;
      z-index: 1;
      margin-bottom: 4.6rem; } }
  @media only screen and (min-width: 1920px) {
    .smart-kit__intro {
      margin-bottom: 46px; } }
  .smart-kit__mobile-content {
    position: relative;
    z-index: 2; }
  @media only screen and (min-width: 1024px) {
    .smart-kit__content {
      position: relative;
      z-index: 1;
      margin-bottom: 15.7rem; } }
  @media only screen and (min-width: 1920px) {
    .smart-kit__content {
      margin-bottom: 157px; } }
  @media only screen and (min-width: 1024px) {
    .smart-kit__block {
      position: relative;
      z-index: 2; } }
  @media only screen and (min-width: 1024px) {
    .smart-kit__video {
      position: relative;
      z-index: 1; } }
  @media only screen and (min-width: 1024px) {
    .smart-kit__lifehacking {
      position: relative;
      z-index: 1; } }
  @media only screen and (min-width: 1024px) {
    .smart-kit__card {
      position: relative;
      z-index: 1; } }

.medications-content {
  display: none;
  padding-left: 15px;
  padding-right: 15px; }
  @media only screen and (max-width: 320px) {
    .medications-content {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (min-width: 1024px) {
    .medications-content {
      margin: 0 auto;
      width: 120.8rem; } }
  @media only screen and (min-width: 1920px) {
    .medications-content {
      width: 1208px; } }
  @media only screen and (min-width: 1024px) {
    .medications-content {
      position: relative;
      z-index: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0 5rem 0 13.8rem; } }
  @media only screen and (min-width: 1920px) {
    .medications-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0 50px 0 138px; } }
  @media only screen and (min-width: 1024px) {
    .medications-content__title {
      width: 41rem;
      padding-top: 8.3rem;
      font-family: "PlayfairDisplay";
      font-weight: normal;
      font-style: italic;
      color: black;
      font-size: 4.7rem;
      line-height: 5.7rem;
      letter-spacing: .05em;
      text-align: left; } }
  @media only screen and (min-width: 1920px) {
    .medications-content__title {
      width: 410px;
      padding-top: 83px;
      font-size: 47px;
      line-height: 57px; } }
  @media only screen and (min-width: 1024px) {
    .medications-content__text {
      width: 49.8rem;
      letter-spacing: .05em;
      text-transform: uppercase; } }
  @media only screen and (min-width: 1920px) {
    .medications-content__text {
      width: 498px; } }

.medications-block {
  display: none;
  /*stylelint-disable*/
  /*stylelint-enable*/ }
  @media only screen and (min-width: 1024px) {
    .medications-block {
      position: relative;
      width: 147.2rem;
      padding-right: 7.2rem;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; } }
  @media only screen and (min-width: 1920px) {
    .medications-block {
      width: 1472px;
      padding-right: 72px; } }
  @media only screen and (min-width: 1024px) {
    .medications-block__image-shadow {
      position: absolute;
      top: -48.4rem;
      left: 0;
      z-index: 0;
      width: 78.1rem;
      height: 95.8rem;
      background-color: rgba(46, 115, 116, 0.1); } }
  @media only screen and (min-width: 1920px) {
    .medications-block__image-shadow {
      top: -484px;
      right: 0;
      width: 781px;
      height: 958px; } }
  @media only screen and (min-width: 1024px) {
    .medications-block__border {
      position: relative;
      z-index: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border: 1px solid #176569;
      width: 80.6rem;
      padding: 7.4rem 14.4rem 10.1rem 14.9rem; } }
  @media only screen and (min-width: 1920px) {
    .medications-block__border {
      width: 806px;
      padding: 74px 144px 101px 149px; } }
  @media only screen and (min-width: 1024px) {
    .medications-block__image {
      position: absolute;
      top: -44.6rem;
      left: -55.5rem;
      z-index: 0;
      width: 69.4rem;
      height: 88.6rem;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; } }
  @media only screen and (min-width: 1920px) {
    .medications-block__image {
      top: -446px;
      left: -555px;
      width: 694px;
      height: 886px; } }
  @media only screen and (min-width: 1024px) {
    .medications-block__text {
      position: relative;
      z-index: 1;
      padding: 3.1rem 0 2.8rem 3.4rem;
      background-color: white;
      letter-spacing: .05em;
      height: 70.9rem; } }
  @media only screen and (min-width: 1920px) {
    .medications-block__text {
      height: 709px;
      padding: 31px 0 28px 34px; } }
  @media only screen and (min-width: 1024px) {
    .medications-block__text p {
      margin: 0;
      margin-bottom: 1.7rem; } }
  @media only screen and (min-width: 1920px) {
    .medications-block__text p {
      margin-bottom: 17px; } }
  @media only screen and (min-width: 1024px) {
    .medications-block__text p:last-child {
      margin-bottom: 0; } }
  @media only screen and (min-width: 1024px) {
    .medications-block .mCSB_dragger_bar {
      background-color: #176569 !important; } }
  @media only screen and (min-width: 1024px) {
    .medications-block .mCSB_draggerRail {
      background-color: transparent !important; } }

.medications-video {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 418px;
  /*stylelint-disable*/
  /*stylelint-enable*/ }
  @media (max-width: 320px) {
    .medications-video {
      height: 41.8rem; } }
  @media only screen and (min-width: 1024px) {
    .medications-video {
      width: 192rem;
      margin: 0 auto;
      height: 98.2rem;
      padding-top: 7rem; } }
  @media only screen and (min-width: 1920px) {
    .medications-video {
      width: 1920px;
      padding-top: 70px;
      position: relative;
      height: 982px; } }
  .medications-video__background {
    position: absolute;
    top: -152px;
    left: 0;
    width: 100%;
    height: 493px;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%; }
    @media (max-width: 320px) {
      .medications-video__background {
        top: -15.2rem;
        height: 49.3rem; } }
    @media only screen and (min-width: 1024px) {
      .medications-video__background {
        top: -37.4rem;
        height: 135.6rem; } }
    @media only screen and (min-width: 1920px) {
      .medications-video__background {
        top: -374px;
        height: 1356px; } }
  .medications-video__button {
    position: relative;
    z-index: 1;
    margin-bottom: 44px; }
    @media (max-width: 320px) {
      .medications-video__button {
        margin-bottom: 4.4rem; } }
    @media only screen and (min-width: 1024px) {
      .medications-video__button {
        margin-bottom: 11.7rem; } }
    @media only screen and (min-width: 1920px) {
      .medications-video__button {
        margin-bottom: 117px; } }
  .medications-video__content {
    position: relative;
    z-index: 1;
    width: 263px;
    height: 170px;
    left: 1px; }
    @media (max-width: 320px) {
      .medications-video__content {
        width: 26.3rem;
        height: 17rem;
        left: .1rem; } }
    @media only screen and (min-width: 1024px) {
      .medications-video__content {
        margin-left: 1rem;
        margin-bottom: 16.5rem;
        width: 75rem;
        height: 48rem; } }
    @media only screen and (min-width: 1920px) {
      .medications-video__content {
        margin-left: 10px;
        margin-bottom: 165px;
        width: 750px;
        height: 480px; } }
  .medications-video__image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%; }
  .medications-video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .medications-video__frame {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%; }
  .medications-video__link {
    margin-top: auto;
    background-color: #3f9838 !important;
    color: white !important;
    height: 56px;
    font-size: 13px;
    line-height: 56px; }
    @media (max-width: 320px) {
      .medications-video__link {
        height: 5.6rem;
        font-size: 1.3rem;
        line-height: 5.6rem; } }
    @media only screen and (min-width: 1024px) {
      .medications-video__link {
        margin-top: 0;
        background-color: white !important;
        color: black !important;
        height: 6.4rem;
        font-size: 1.6rem;
        line-height: 6.4rem; } }
    @media only screen and (min-width: 1920px) {
      .medications-video__link {
        height: 64px;
        font-size: 16px;
        line-height: 64px; } }

.medications-mobile-content {
  padding-bottom: 34px; }
  @media (max-width: 320px) {
    .medications-mobile-content {
      padding-bottom: 3.4rem; } }
  @media only screen and (min-width: 1024px) {
    .medications-mobile-content {
      display: none; } }
  .medications-mobile-content__about {
    position: relative;
    z-index: 2;
    margin: 0;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: .05em;
    padding-top: 37px;
    padding-bottom: 49px;
    background-color: rgba(23, 101, 105, 0.2);
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .medications-mobile-content__about {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .medications-mobile-content__about {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .medications-mobile-content__about {
        width: 1208px; } }
    @media (max-width: 320px) {
      .medications-mobile-content__about {
        padding-top: 3.7rem;
        padding-bottom: 4.9rem;
        font-size: 1.6rem;
        line-height: 2.6rem; } }
  .medications-mobile-content__first-text {
    padding-top: 31px;
    margin-bottom: 35px;
    letter-spacing: .05em;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .medications-mobile-content__first-text {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .medications-mobile-content__first-text {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .medications-mobile-content__first-text {
        width: 1208px; } }
    @media (max-width: 320px) {
      .medications-mobile-content__first-text {
        padding-top: 3.1rem;
        margin-bottom: 3.5rem; } }
    .medications-mobile-content__first-text p {
      margin: 0;
      margin-bottom: 11px; }
      @media (max-width: 320px) {
        .medications-mobile-content__first-text p {
          margin-bottom: 1.1rem; } }
      .medications-mobile-content__first-text p:last-child {
        margin-bottom: 0; }
    .medications-mobile-content__first-text span {
      display: block; }
  .medications-mobile-content__quote {
    margin: 0;
    margin-bottom: 30px;
    font-family: "PlayfairDisplay";
    font-style: italic;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: .05em;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .medications-mobile-content__quote {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .medications-mobile-content__quote {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .medications-mobile-content__quote {
        width: 1208px; } }
    @media (max-width: 320px) {
      .medications-mobile-content__quote {
        margin-bottom: 3rem;
        font-size: 2rem;
        line-height: 3rem; } }
  .medications-mobile-content__second-text {
    margin-bottom: 24px;
    letter-spacing: .05em;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .medications-mobile-content__second-text {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .medications-mobile-content__second-text {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .medications-mobile-content__second-text {
        width: 1208px; } }
    @media (max-width: 320px) {
      .medications-mobile-content__second-text {
        margin-bottom: 2.4rem; } }
    .medications-mobile-content__second-text p {
      margin: 0;
      margin-bottom: 22px; }
      @media (max-width: 320px) {
        .medications-mobile-content__second-text p {
          margin-bottom: 2.2rem; } }
      .medications-mobile-content__second-text p:last-child {
        margin-bottom: 0; }
    .medications-mobile-content__second-text span {
      display: block; }
  .medications-mobile-content__image-container {
    margin-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .medications-mobile-content__image-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .medications-mobile-content__image-container {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .medications-mobile-content__image-container {
        width: 1208px; } }
    @media (max-width: 320px) {
      .medications-mobile-content__image-container {
        margin-bottom: 2.5rem; } }
  .medications-mobile-content__image-shadow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 290px;
    height: 356px;
    background-color: rgba(46, 115, 116, 0.1); }
    @media (max-width: 320px) {
      .medications-mobile-content__image-shadow {
        width: 29rem;
        height: 35.6rem; } }
  .medications-mobile-content__image {
    width: 258px;
    height: 329px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
    @media (max-width: 320px) {
      .medications-mobile-content__image {
        width: 25.8rem;
        height: 32.9rem; } }
  .medications-mobile-content__third-text {
    letter-spacing: .05em;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .medications-mobile-content__third-text {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .medications-mobile-content__third-text {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .medications-mobile-content__third-text {
        width: 1208px; } }
    .medications-mobile-content__third-text p {
      margin: 0;
      margin-bottom: 22px; }
      @media (max-width: 320px) {
        .medications-mobile-content__third-text p {
          margin-bottom: 2.2rem; } }
      .medications-mobile-content__third-text p:last-child {
        margin-bottom: 0; }
    .medications-mobile-content__third-text span {
      display: block; }

.medications {
  position: relative;
  padding-top: 29px;
  background-color: white; }
  @media only screen and (min-width: 1024px) {
    .medications:before {
      content: "";
      position: absolute;
      top: 0;
      z-index: 10;
      left: calc((100vw - 120.8rem - 29rem * 2) / 2);
      height: 100%;
      width: 1px;
      background-color: #176569; } }
  @media only screen and (min-width: 1920px) {
    .medications:before {
      left: calc((100vw - 1208px - 290px * 2) / 2); } }
  .medications.individual-card-body:before {
    display: none; }
  @media (max-width: 320px) {
    .medications {
      padding-top: 2.9rem; } }
  @media only screen and (min-width: 1024px) {
    .medications {
      padding-top: 17rem;
      background-color: transparent; } }
  @media only screen and (min-width: 1920px) {
    .medications {
      padding-top: 170px;
      position: relative; } }
  .medications__background {
    display: none;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .medications__background {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .medications__background {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .medications__background {
        width: 1208px; } }
    @media only screen and (min-width: 1024px) {
      .medications__background {
        display: block;
        position: absolute;
        top: 0;
        z-index: 0;
        left: 50%;
        height: 100%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        background-color: white; } }
  .medications__image {
    position: absolute;
    top: 0;
    left: -97px;
    z-index: 0;
    width: 539px;
    height: 423px;
    background-repeat: no-repeat;
    background-size: contain; }
    @media only screen and (min-width: 1024px) {
      .medications__image {
        top: 0;
        left: 0;
        width: 155rem;
        height: 122rem; } }
    @media only screen and (min-width: 1920px) {
      .medications__image {
        width: 1550px;
        height: 1220px; } }
  @media only screen and (min-width: 1024px) {
    .medications__overlap {
      position: absolute;
      top: 46rem;
      left: 0;
      z-index: 0;
      width: 100%;
      height: 75.6rem;
      background-color: rgba(23, 101, 105, 0.2); } }
  @media only screen and (min-width: 1920px) {
    .medications__overlap {
      top: 460px;
      height: 756px; } }
  @media only screen and (min-width: 1024px) {
    .medications__title {
      position: relative;
      z-index: 11; } }
  @media only screen and (min-width: 1024px) {
    .medications__title-container {
      top: 35rem;
      width: 47rem; } }
  @media only screen and (min-width: 1920px) {
    .medications__title-container {
      top: 350px;
      width: 470px; } }
  @media only screen and (min-width: 1024px) {
    .medications__intro {
      position: relative;
      z-index: 1;
      margin-bottom: 5rem; } }
  @media only screen and (min-width: 1920px) {
    .medications__intro {
      margin-bottom: 50px; } }
  @media only screen and (min-width: 1024px) {
    .medications__intro-name {
      padding-right: 9.8rem; } }
  @media only screen and (min-width: 1920px) {
    .medications__intro-name {
      padding-right: 98px; } }
  .medications__mobile-content {
    position: relative;
    z-index: 2; }
  @media only screen and (min-width: 1024px) {
    .medications__content {
      position: relative;
      z-index: 1;
      margin-bottom: 42rem; } }
  @media only screen and (min-width: 1920px) {
    .medications__content {
      margin-bottom: 420px; } }
  @media only screen and (min-width: 1024px) {
    .medications__block {
      position: relative;
      z-index: 2; } }
  @media only screen and (min-width: 1024px) {
    .medications__video {
      position: relative;
      z-index: 1; } }
  @media only screen and (min-width: 1024px) {
    .medications__lifehacking {
      position: relative;
      z-index: 1; } }
  @media only screen and (min-width: 1024px) {
    .medications__card {
      position: relative;
      z-index: 1; } }

.map-access-content {
  display: none;
  padding-left: 15px;
  padding-right: 15px; }
  @media only screen and (max-width: 320px) {
    .map-access-content {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (min-width: 1024px) {
    .map-access-content {
      margin: 0 auto;
      width: 120.8rem; } }
  @media only screen and (min-width: 1920px) {
    .map-access-content {
      width: 1208px; } }
  @media only screen and (min-width: 1024px) {
    .map-access-content {
      position: relative;
      z-index: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0 7.3rem 0 12.8rem; } }
  @media only screen and (min-width: 1920px) {
    .map-access-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0 73px 0 128px; } }
  @media only screen and (min-width: 1024px) {
    .map-access-content__title {
      position: relative;
      top: -10rem;
      width: 40.7rem;
      font-family: "PlayfairDisplay";
      font-weight: normal;
      font-style: italic;
      color: black;
      font-size: 4.7rem;
      line-height: 5.7rem;
      letter-spacing: .05em;
      text-align: right; } }
  @media only screen and (min-width: 1920px) {
    .map-access-content__title {
      top: -100px;
      width: 407px;
      font-size: 47px;
      line-height: 57px; } }
  @media only screen and (min-width: 1024px) {
    .map-access-content__text {
      text-transform: uppercase;
      width: 49.8rem;
      letter-spacing: .05em; } }
  @media only screen and (min-width: 1920px) {
    .map-access-content__text {
      width: 498px; } }

.map-access-block {
  display: none;
  /*stylelint-disable*/
  /*stylelint-enable*/ }
  @media only screen and (min-width: 1024px) {
    .map-access-block {
      position: relative;
      width: 165.2rem;
      padding-left: 14.7rem;
      padding-bottom: 13rem;
      margin: 0 auto;
      display: block; } }
  @media only screen and (min-width: 1920px) {
    .map-access-block {
      width: 1652px;
      padding-left: 147px;
      padding-bottom: 130px; } }
  @media only screen and (min-width: 1024px) {
    .map-access-block__image-shadow {
      position: absolute;
      top: -12.9rem;
      right: 0;
      z-index: 0;
      width: 98.1rem;
      height: 102.9rem;
      background-color: rgba(46, 115, 116, 0.1); } }
  @media only screen and (min-width: 1920px) {
    .map-access-block__image-shadow {
      top: -129px;
      right: 0;
      width: 981px;
      height: 1029px; } }
  @media only screen and (min-width: 1024px) {
    .map-access-block__border {
      position: relative;
      z-index: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border: 1px solid #176569;
      width: 80.6rem;
      padding: 5.2rem 14.6rem 11rem 14.7rem; } }
  @media only screen and (min-width: 1920px) {
    .map-access-block__border {
      width: 806px;
      padding: 52px 146px 110px 147px; } }
  @media only screen and (min-width: 1024px) {
    .map-access-block__image {
      position: absolute;
      top: -9.3rem;
      left: 56rem;
      z-index: 0;
      width: 90.7rem;
      height: 95.3rem;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; } }
  @media only screen and (min-width: 1920px) {
    .map-access-block__image {
      top: -93px;
      left: 560px;
      width: 907px;
      height: 953px; } }
  @media only screen and (min-width: 1024px) {
    .map-access-block__text {
      position: relative;
      z-index: 1;
      padding: 3.1rem 0 3.7rem 3.4rem;
      background-color: white;
      letter-spacing: .05em;
      height: 60.6rem; } }
  @media only screen and (min-width: 1920px) {
    .map-access-block__text {
      padding: 31px 0 37px 34px;
      height: 606px; } }
  @media only screen and (min-width: 1024px) {
    .map-access-block__text p {
      margin: 0;
      margin-bottom: 1.7rem; } }
  @media only screen and (min-width: 1920px) {
    .map-access-block__text p {
      margin-bottom: 17px; } }
  @media only screen and (min-width: 1024px) {
    .map-access-block__text p:last-child {
      margin-bottom: 0; } }
  @media only screen and (min-width: 1024px) {
    .map-access-block .mCSB_dragger_bar {
      background-color: #176569 !important; } }
  @media only screen and (min-width: 1024px) {
    .map-access-block .mCSB_draggerRail {
      background-color: transparent !important; } }

.map-access-video {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 433px;
  /*stylelint-disable*/
  /*stylelint-enable*/ }
  @media (max-width: 320px) {
    .map-access-video {
      height: 43.3rem; } }
  @media only screen and (min-width: 1024px) {
    .map-access-video {
      width: 192rem;
      margin: 0 auto;
      height: 98.8rem;
      padding-top: 6.3rem; } }
  @media only screen and (min-width: 1920px) {
    .map-access-video {
      width: 1920px;
      padding-top: 63px;
      position: relative;
      height: 988px; } }
  .map-access-video__background {
    position: absolute;
    top: -92px;
    left: 0;
    width: 100%;
    height: 447px;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%; }
    @media (max-width: 320px) {
      .map-access-video__background {
        top: -9.2rem;
        height: 44.7rem; } }
    @media only screen and (min-width: 1024px) {
      .map-access-video__background {
        top: -23.8rem;
        height: 122.6rem; } }
    @media only screen and (min-width: 1920px) {
      .map-access-video__background {
        top: -238px;
        height: 1226px; } }
  .map-access-video__button {
    position: relative;
    z-index: 1;
    margin-bottom: 37px; }
    @media (max-width: 320px) {
      .map-access-video__button {
        margin-bottom: 3.7rem; } }
    @media only screen and (min-width: 1024px) {
      .map-access-video__button {
        margin-bottom: 8.4rem; } }
    @media only screen and (min-width: 1920px) {
      .map-access-video__button {
        margin-bottom: 84px; } }
  .map-access-video__content {
    position: relative;
    z-index: 1;
    width: 273px;
    height: 176px;
    left: -1px; }
    @media (max-width: 320px) {
      .map-access-video__content {
        width: 27.5rem;
        height: 17.5rem;
        left: -.1rem; } }
    @media only screen and (min-width: 1024px) {
      .map-access-video__content {
        margin-bottom: 20.5rem;
        width: 75rem;
        height: 48.4rem; } }
    @media only screen and (min-width: 1920px) {
      .map-access-video__content {
        margin-bottom: 205px;
        width: 750px;
        height: 484px; } }
  .map-access-video__image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%; }
  .map-access-video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .map-access-video__frame {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%; }
  .map-access-video__link {
    margin-top: auto;
    background-color: #3f9838 !important;
    color: white !important;
    height: 56px;
    font-size: 13px;
    line-height: 56px; }
    @media (max-width: 320px) {
      .map-access-video__link {
        height: 5.6rem;
        font-size: 1.3rem;
        line-height: 5.6rem; } }
    @media only screen and (min-width: 1024px) {
      .map-access-video__link {
        margin-top: 0;
        background-color: white !important;
        color: black !important;
        height: 6.4rem;
        font-size: 1.6rem;
        line-height: 6.4rem; } }
    @media only screen and (min-width: 1920px) {
      .map-access-video__link {
        height: 64px;
        font-size: 16px;
        line-height: 64px; } }

.map-access-mobile-content {
  overflow: hidden;
  padding-top: 57px;
  padding-bottom: 35px; }
  @media (max-width: 320px) {
    .map-access-mobile-content {
      padding-top: 5.7rem;
      padding-bottom: 3.5rem; } }
  @media only screen and (min-width: 1024px) {
    .map-access-mobile-content {
      display: none; } }
  .map-access-mobile-content__about {
    margin: 0;
    margin-bottom: 55px;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: .05em;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .map-access-mobile-content__about {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .map-access-mobile-content__about {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .map-access-mobile-content__about {
        width: 1208px; } }
    @media (max-width: 320px) {
      .map-access-mobile-content__about {
        margin-bottom: 5.5rem;
        font-size: 1.6rem;
        line-height: 2.6rem; } }
  .map-access-mobile-content__first-text {
    margin-bottom: 54px;
    letter-spacing: .05em;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .map-access-mobile-content__first-text {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .map-access-mobile-content__first-text {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .map-access-mobile-content__first-text {
        width: 1208px; } }
    @media (max-width: 320px) {
      .map-access-mobile-content__first-text {
        margin-bottom: 5.4rem; } }
    .map-access-mobile-content__first-text p {
      margin: 0;
      margin-bottom: 11px; }
      @media (max-width: 320px) {
        .map-access-mobile-content__first-text p {
          margin-bottom: 1.1rem; } }
      .map-access-mobile-content__first-text p:last-child {
        margin-bottom: 0; }
    .map-access-mobile-content__first-text span {
      display: block; }
  .map-access-mobile-content__quote {
    margin: 0;
    font-family: "PlayfairDisplay";
    font-style: italic;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: .05em;
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .map-access-mobile-content__quote {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .map-access-mobile-content__quote {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .map-access-mobile-content__quote {
        width: 1208px; } }
    @media (max-width: 320px) {
      .map-access-mobile-content__quote {
        font-size: 2rem;
        line-height: 3rem;
        margin-bottom: 4rem; } }
  .map-access-mobile-content__second-text {
    margin-bottom: 40px;
    letter-spacing: .05em;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .map-access-mobile-content__second-text {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .map-access-mobile-content__second-text {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .map-access-mobile-content__second-text {
        width: 1208px; } }
    @media (max-width: 320px) {
      .map-access-mobile-content__second-text {
        margin-bottom: 4rem; } }
    .map-access-mobile-content__second-text p {
      margin: 0;
      margin-bottom: 11px; }
      @media (max-width: 320px) {
        .map-access-mobile-content__second-text p {
          margin-bottom: 1.1rem; } }
      .map-access-mobile-content__second-text p:last-child {
        margin-bottom: 0; }
    .map-access-mobile-content__second-text span {
      display: block; }
  .map-access-mobile-content__image-container {
    margin-bottom: 26px;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .map-access-mobile-content__image-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .map-access-mobile-content__image-container {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .map-access-mobile-content__image-container {
        width: 1208px; } }
    @media (max-width: 320px) {
      .map-access-mobile-content__image-container {
        margin-bottom: 2.6rem; } }
  .map-access-mobile-content__image-shadow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 290px;
    height: 305px;
    background-color: rgba(46, 115, 116, 0.1); }
    @media (max-width: 320px) {
      .map-access-mobile-content__image-shadow {
        width: 29rem;
        height: 30.5rem; } }
  .map-access-mobile-content__image {
    width: 268px;
    height: 282px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
    @media (max-width: 320px) {
      .map-access-mobile-content__image {
        width: 26.8rem;
        height: 28.2rem; } }
  .map-access-mobile-content__third-text {
    letter-spacing: .05em;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .map-access-mobile-content__third-text {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .map-access-mobile-content__third-text {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .map-access-mobile-content__third-text {
        width: 1208px; } }
    .map-access-mobile-content__third-text p {
      margin: 0;
      margin-bottom: 11px; }
      @media (max-width: 320px) {
        .map-access-mobile-content__third-text p {
          margin-bottom: 1.1rem; } }
      .map-access-mobile-content__third-text p:last-child {
        margin-bottom: 0; }
    .map-access-mobile-content__third-text span {
      display: block; }

.map-access {
  overflow: hidden;
  padding-top: 37px;
  position: relative;
  background-color: white; }
  @media only screen and (min-width: 1024px) {
    .map-access:before {
      content: "";
      position: absolute;
      top: 0;
      z-index: 10;
      left: calc((100vw - 120.8rem - 29rem * 2) / 2);
      height: 100%;
      width: 1px;
      background-color: #176569; } }
  @media only screen and (min-width: 1920px) {
    .map-access:before {
      left: calc((100vw - 1208px - 290px * 2) / 2); } }
  .map-access.individual-card-body:before {
    display: none; }
  @media (max-width: 320px) {
    .map-access {
      padding-top: 3.7rem; } }
  @media only screen and (min-width: 1024px) {
    .map-access {
      padding-top: 8.1rem;
      background-color: transparent; } }
  @media only screen and (min-width: 1920px) {
    .map-access {
      padding-top: 81px; } }
  .map-access__background {
    display: none;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .map-access__background {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .map-access__background {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .map-access__background {
        width: 1208px; } }
    @media only screen and (min-width: 1024px) {
      .map-access__background {
        display: block;
        position: absolute;
        top: 0;
        z-index: 0;
        left: 50%;
        height: 100%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        background-color: white; } }
  .map-access__left-image {
    position: absolute;
    top: -42px;
    left: -55px;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 468px;
    height: 401px; }
    @media (max-width: 320px) {
      .map-access__left-image {
        top: -4.2rem;
        left: -5.5rem;
        width: 46.8rem;
        height: 40.1rem; } }
    @media only screen and (min-width: 1024px) {
      .map-access__left-image {
        top: -8rem;
        left: 0;
        width: 144.7rem;
        height: 123.8rem; } }
    @media only screen and (min-width: 1920px) {
      .map-access__left-image {
        top: -80px;
        width: 1447px;
        height: 1238px; } }
  .map-access__right-image {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .map-access__right-image {
        display: block;
        position: absolute;
        top: 28rem;
        right: 8rem;
        z-index: 0;
        width: 12.8rem;
        height: 49.7rem;
        background-repeat: no-repeat;
        background-size: contain; } }
    @media only screen and (min-width: 1920px) {
      .map-access__right-image {
        top: 280px;
        right: 80px;
        width: 128px;
        height: 497px; } }
  @media only screen and (min-width: 1024px) {
    .map-access__title {
      position: relative;
      z-index: 11; } }
  @media only screen and (min-width: 1024px) {
    .map-access__title-container {
      top: 2rem;
      width: 47rem; } }
  @media only screen and (min-width: 1920px) {
    .map-access__title-container {
      top: 20px;
      width: 470px; } }
  @media only screen and (min-width: 1024px) {
    .map-access__intro {
      position: relative;
      z-index: 1;
      margin-bottom: 4.2rem; } }
  @media only screen and (min-width: 1920px) {
    .map-access__intro {
      margin-bottom: 42px; } }
  @media only screen and (min-width: 1024px) {
    .map-access__intro-name {
      padding-right: 8rem; } }
  @media only screen and (min-width: 1920px) {
    .map-access__intro-name {
      padding-right: 80px; } }
  .map-access__mobile-content {
    position: relative;
    z-index: 2; }
  @media only screen and (min-width: 1024px) {
    .map-access__content {
      position: relative;
      z-index: 1;
      margin-bottom: 15rem; } }
  @media only screen and (min-width: 1920px) {
    .map-access__content {
      margin-bottom: 150px; } }
  @media only screen and (min-width: 1024px) {
    .map-access__block {
      position: relative;
      z-index: 2; } }
  @media only screen and (min-width: 1024px) {
    .map-access__video {
      position: relative;
      z-index: 1; } }
  @media only screen and (min-width: 1024px) {
    .map-access__lifehacking {
      position: relative;
      z-index: 1; } }
  @media only screen and (min-width: 1024px) {
    .map-access__card {
      position: relative;
      z-index: 1; } }

.card-form {
  background-color: #dae8b5;
  position: relative;
  padding-bottom: 65px; }
  @media only screen and (min-width: 1024px) {
    .card-form:before {
      content: "";
      position: absolute;
      top: 0;
      z-index: 10;
      left: calc((100vw - 120.8rem - 29rem * 2) / 2);
      height: 100%;
      width: 1px;
      background-color: #176569; } }
  @media only screen and (min-width: 1920px) {
    .card-form:before {
      left: calc((100vw - 1208px - 290px * 2) / 2); } }
  .card-form.individual-card-body:before {
    display: none; }
  @media (max-width: 320px) {
    .card-form {
      padding-bottom: 6.5rem; } }
  @media only screen and (min-width: 1024px) {
    .card-form {
      padding-bottom: 5rem; } }
  @media only screen and (min-width: 1920px) {
    .card-form {
      padding-bottom: 50px; } }
  @media only screen and (min-width: 1024px) {
    .card-form__icon {
      position: relative;
      z-index: 11; } }
  @media only screen and (min-width: 1024px) {
    .card-form__icon-container {
      top: 7rem;
      width: 61rem; } }
  @media only screen and (min-width: 1920px) {
    .card-form__icon-container {
      top: 70px;
      width: 610px; } }
  .card-form__container {
    position: relative;
    padding-top: 65px;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 320px) {
      .card-form__container {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .card-form__container {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .card-form__container {
        width: 1208px; } }
    @media (max-width: 320px) {
      .card-form__container {
        padding-top: 6.5rem; } }
    @media only screen and (min-width: 1024px) {
      .card-form__container {
        padding: 14rem 48.5rem 3rem 7.7rem; } }
    @media only screen and (min-width: 1920px) {
      .card-form__container {
        padding: 140px 485px 30px 77px; } }
  .card-form__title {
    position: absolute;
    z-index: 1;
    margin: 0;
    font-family: "PlayfairDisplay";
    font-weight: normal;
    font-style: italic;
    top: -33px;
    right: 83px;
    font-size: 39px;
    line-height: 34px;
    color: #2e7374; }
    @media (max-width: 320px) {
      .card-form__title {
        top: -3.3rem;
        right: 8.3rem;
        font-size: 3.9rem;
        line-height: 3.4rem; } }
    @media only screen and (min-width: 1024px) {
      .card-form__title {
        color: #e06673;
        top: -12rem;
        left: 4rem;
        font-size: 13.2rem;
        line-height: 13.1rem; } }
    @media only screen and (min-width: 1920px) {
      .card-form__title {
        top: -120px;
        left: 40px;
        font-size: 132px;
        line-height: 131px; } }
  @media only screen and (min-width: 1024px) {
    .card-form__title-top {
      display: block; } }
  .card-form__title-bottom {
    position: relative;
    display: block;
    text-transform: lowercase;
    left: 90px; }
    @media (max-width: 320px) {
      .card-form__title-bottom {
        left: 9rem; } }
    @media only screen and (min-width: 1024px) {
      .card-form__title-bottom {
        left: 32rem; } }
    @media only screen and (min-width: 1920px) {
      .card-form__title-bottom {
        left: 320px; } }
  .card-form__image {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-image: url(../images/second-card.png);
    top: -91px;
    right: -20px;
    width: 164px;
    height: 140px; }
    @media (max-width: 320px) {
      .card-form__image {
        top: -9.1rem;
        right: -2rem;
        width: 16.4rem;
        height: 14rem; } }
    @media only screen and (min-width: 1024px) {
      .card-form__image {
        background-image: url(../images/card-form-image.png);
        top: -17rem;
        right: -21rem;
        width: 63rem;
        height: 37rem; } }
    @media only screen and (min-width: 1920px) {
      .card-form__image {
        top: -170px;
        right: -210px;
        width: 630px;
        height: 370px; } }
  .card-form__intro {
    margin: 0;
    position: relative;
    z-index: 1;
    width: 100%;
    text-align: center;
    margin-bottom: 14px;
    height: 44px;
    font-size: 20px;
    line-height: 44px;
    background-color: #b5d16b;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase; }
    @media (max-width: 320px) {
      .card-form__intro {
        margin-bottom: 1.4rem;
        height: 4.4rem;
        font-size: 2rem;
        line-height: 4.4rem; } }
    @media only screen and (min-width: 1024px) {
      .card-form__intro {
        margin-bottom: 4.4rem;
        height: 5.1rem;
        line-height: 5.1rem;
        font-size: 2.2rem; } }
    @media only screen and (min-width: 1920px) {
      .card-form__intro {
        margin-bottom: 44px;
        width: 100%;
        height: 5.1rem;
        line-height: 5.1rem; } }
  .card-form__content {
    padding-left: 15px;
    padding-right: 15px;
    padding: 0; }
    @media only screen and (max-width: 320px) {
      .card-form__content {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .card-form__content {
        margin: 0 auto;
        width: 120.8rem; } }
    @media only screen and (min-width: 1920px) {
      .card-form__content {
        width: 1208px; } }
    @media (max-width: 320px) {
      .card-form__content {
        padding: 0; } }
  .card-form__mobile-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 75px;
    height: 75px;
    background-image: url(../images/mobile-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50% 50%; }
    @media (max-width: 320px) {
      .card-form__mobile-arrow {
        width: 7.5rem;
        height: 7.5rem; } }
    @media only screen and (min-width: 1024px) {
      .card-form__mobile-arrow {
        display: none; } }
    .card-form__mobile-arrow.\--prev {
      left: 0;
      -webkit-transform: translateY(-50%) rotate(180deg);
              transform: translateY(-50%) rotate(180deg); }
    .card-form__mobile-arrow.\--next {
      right: 0; }
  .card-form__list {
    margin: 0;
    margin-bottom: 34px;
    padding: 0;
    list-style: none;
    height: 66vw; }
    @media (max-width: 320px) {
      .card-form__list {
        margin-bottom: 3.4rem; } }
    @media only screen and (min-width: 1024px) {
      .card-form__list {
        height: auto;
        margin-bottom: 5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    @media only screen and (min-width: 1920px) {
      .card-form__list {
        margin-bottom: 50px; } }
  .card-form__list-item {
    width: 100vw;
    height: 66vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    outline: none; }
    @media only screen and (min-width: 1024px) {
      .card-form__list-item {
        cursor: pointer;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        width: 23.1rem;
        height: 14.9rem;
        border: 2px solid transparent; } }
    @media only screen and (min-width: 1920px) {
      .card-form__list-item {
        width: 231px;
        height: 149px; } }
    @media only screen and (min-width: 1024px) {
      .card-form__list-item.\--active {
        border-color: #e06673; } }
  .card-form__wrapper {
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (max-width: 320px) {
      .card-form__wrapper {
        padding: 0 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .card-form__wrapper {
        padding: 0;
        padding-left: 9rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end; } }
    @media only screen and (min-width: 1024px) {
      .card-form__wrapper {
        padding-left: 90px; } }
  .card-form__inputs {
    margin-bottom: 64px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    @media (max-width: 320px) {
      .card-form__inputs {
        margin-bottom: 6.4rem; } }
    @media only screen and (min-width: 1024px) {
      .card-form__inputs {
        margin-bottom: 0; } }
  .card-form__label {
    display: block;
    width: 100%;
    height: 46px;
    margin-bottom: 40px; }
    @media (max-width: 320px) {
      .card-form__label {
        height: 4.6rem;
        margin-bottom: 4rem; } }
    @media only screen and (min-width: 1024px) {
      .card-form__label {
        width: 63.1rem;
        height: 6rem;
        margin-bottom: 2.5rem; } }
    @media only screen and (min-width: 1920px) {
      .card-form__label {
        height: 60px;
        width: 631px;
        margin-bottom: 25px; } }
    .card-form__label:last-child {
      margin-bottom: 0; }
  .card-form__input {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: black;
    letter-spacing: .05em;
    font-weight: 200;
    outline: none;
    padding: 0 9px;
    font-size: 22px;
    line-height: 39px;
    /*stylelint-disable*/
    /*stylelint-enable*/ }
    @media (max-width: 320px) {
      .card-form__input {
        padding: 0 .9rem;
        font-size: 2.2rem;
        line-height: 3.9rem; } }
    @media only screen and (min-width: 1024px) {
      .card-form__input {
        padding: 0 .9rem;
        font-size: 2.2rem;
        line-height: 3.9rem; } }
    @media only screen and (min-width: 1920px) {
      .card-form__input {
        padding: 0 9px;
        font-size: 22px;
        line-height: 39px; } }
    .card-form__input ::-webkit-input-placeholder {
      letter-spacing: .05em;
      font-weight: 200;
      color: black;
      font-size: 22px;
      line-height: 39px; }
      @media (max-width: 320px) {
        .card-form__input ::-webkit-input-placeholder {
          font-size: 2.2rem;
          line-height: 3.9rem; } }
      @media only screen and (min-width: 1024px) {
        .card-form__input ::-webkit-input-placeholder {
          font-size: 2.2rem;
          line-height: 3.9rem; } }
      @media only screen and (min-width: 1920px) {
        .card-form__input ::-webkit-input-placeholder {
          font-size: 22px;
          line-height: 39px; } }
    .card-form__input ::-moz-placeholder {
      letter-spacing: .05em;
      font-weight: 200;
      color: black;
      font-size: 22px;
      line-height: 39px; }
      @media (max-width: 320px) {
        .card-form__input ::-moz-placeholder {
          font-size: 2.2rem;
          line-height: 3.9rem; } }
      @media only screen and (min-width: 1024px) {
        .card-form__input ::-moz-placeholder {
          font-size: 2.2rem;
          line-height: 3.9rem; } }
      @media only screen and (min-width: 1920px) {
        .card-form__input ::-moz-placeholder {
          font-size: 22px;
          line-height: 39px; } }
    .card-form__input :-ms-input-placeholder {
      letter-spacing: .05em;
      font-weight: 200;
      color: black;
      font-size: 22px;
      line-height: 39px; }
      @media (max-width: 320px) {
        .card-form__input :-ms-input-placeholder {
          font-size: 2.2rem;
          line-height: 3.9rem; } }
      @media only screen and (min-width: 1024px) {
        .card-form__input :-ms-input-placeholder {
          font-size: 2.2rem;
          line-height: 3.9rem; } }
      @media only screen and (min-width: 1920px) {
        .card-form__input :-ms-input-placeholder {
          font-size: 22px;
          line-height: 39px; } }
    .card-form__input :-moz-placeholder {
      letter-spacing: .05em;
      font-weight: 200;
      color: black;
      font-size: 22px;
      line-height: 39px; }
      @media (max-width: 320px) {
        .card-form__input :-moz-placeholder {
          font-size: 2.2rem;
          line-height: 3.9rem; } }
      @media only screen and (min-width: 1024px) {
        .card-form__input :-moz-placeholder {
          font-size: 2.2rem;
          line-height: 3.9rem; } }
      @media only screen and (min-width: 1920px) {
        .card-form__input :-moz-placeholder {
          font-size: 22px;
          line-height: 39px; } }
  .card-form__submit {
    -ms-flex-item-align: center;
        align-self: center;
    width: 69vw;
    font-weight: 200;
    height: 56px;
    line-height: 56px;
    font-size: 17px; }
    @media (max-width: 320px) {
      .card-form__submit {
        height: 5.6rem;
        line-height: 5.6rem;
        font-size: 1.7rem; } }
    @media only screen and (min-width: 1024px) {
      .card-form__submit {
        -ms-flex-item-align: end;
            align-self: flex-end;
        width: 29rem;
        height: 9.2rem;
        font-size: 2.2rem;
        line-height: 9.2rem; } }
    @media only screen and (min-width: 1920px) {
      .card-form__submit {
        width: 290px;
        height: 92px;
        font-size: 22px;
        line-height: 92px; } }

@media only screen and (min-width: 1024px) {
  .card-popup {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    width: 120.7rem;
    height: 77.8rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; } }

@media only screen and (min-width: 1920px) {
  .card-popup {
    width: 1207px;
    height: 778px; } }

@media only screen and (min-width: 1024px) {
  .card-popup:hover:before {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@media only screen and (min-width: 1024px) {
  .card-popup:before {
    content: "\412\44B\431\440\430\442\44C";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 3rem;
    line-height: 3rem;
    padding: 1.5rem 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b5d16b), to(#b5d16b));
    background-image: linear-gradient(to bottom, #b5d16b, #b5d16b);
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    will-change: transform;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease; } }

@media only screen and (min-width: 1920px) {
  .card-popup:before {
    font-size: 30px;
    line-height: 30px;
    padding: 15px 0; } }

@media only screen and (min-width: 1024px) {
  .card-popup__video-text-container {
    position: absolute;
    z-index: 1; } }

@media only screen and (min-width: 1024px) {
  .card-popup__video-text-container.\--card-1 {
    top: 16rem;
    left: 29.5rem;
    width: 58rem;
    height: 45rem; } }

@media only screen and (min-width: 1920px) {
  .card-popup__video-text-container.\--card-1 {
    top: 160px;
    left: 295px;
    width: 580px;
    height: 450px; } }

@media only screen and (min-width: 1024px) {
  .card-popup__video-text-container.\--card-2 {
    top: 16.5rem;
    left: 33.4rem;
    width: 54.5rem;
    height: 41.5rem; } }

@media only screen and (min-width: 1920px) {
  .card-popup__video-text-container.\--card-2 {
    top: 165px;
    left: 334px;
    width: 545px;
    height: 415px; } }

@media only screen and (min-width: 1024px) {
  .card-popup__video-text-container.\--card-3 {
    top: 16.5rem;
    left: 27.3rem;
    width: 61.8rem;
    height: 46.5rem; } }

@media only screen and (min-width: 1920px) {
  .card-popup__video-text-container.\--card-3 {
    top: 165px;
    left: 273px;
    width: 618px;
    height: 465px; } }

@media only screen and (min-width: 1024px) {
  .card-popup__video-text-container.\--card-4 {
    top: 17.3rem;
    left: 30rem;
    width: 61.5rem;
    height: 45.8rem; } }

@media only screen and (min-width: 1920px) {
  .card-popup__video-text-container.\--card-4 {
    top: 173px;
    left: 300px;
    width: 615px;
    height: 458px; } }

@media only screen and (min-width: 1024px) {
  .card-popup__video-text-container.\--card-5 {
    top: 17.5rem;
    left: 27rem;
    width: 60rem;
    height: 46rem; } }

@media only screen and (min-width: 1920px) {
  .card-popup__video-text-container.\--card-5 {
    top: 175px;
    left: 270px;
    width: 600px;
    height: 460px; } }

@media only screen and (min-width: 1024px) {
  .card-popup__video-container {
    position: relative;
    overflow: hidden;
    background-color: black;
    width: 100%;
    height: 100%; } }

@media only screen and (min-width: 1024px) {
  .card-popup__video {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; } }

@media only screen and (min-width: 1024px) {
  .card-popup__video-text {
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
    font-size: 2.3rem;
    line-height: 3rem;
    padding: 1.5rem 0;
    font-family: "PlayfairDisplay";
    font-style: italic;
    text-transform: uppercase;
    color: white;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black; } }

@media only screen and (min-width: 1920px) {
  .card-popup__video-text {
    font-size: 23px;
    line-height: 30px;
    padding: 15px 0; } }

@media only screen and (min-width: 1024px) {
  .card-popup__button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 3.6rem;
    height: 3.6rem;
    padding: 0;
    border: none;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    outline: none;
    cursor: pointer; } }

@media only screen and (min-width: 1920px) {
  .card-popup__button {
    width: 36px;
    height: 36px; } }

@media only screen and (min-width: 1024px) {
  .card-popup__button.\--prev {
    background-image: url(../images/array-prev.png);
    left: 2.4rem; } }

@media only screen and (min-width: 1920px) {
  .card-popup__button.\--prev {
    left: 24px; } }

@media only screen and (min-width: 1024px) {
  .card-popup__button.\--next {
    background-image: url(../images/array-next.png);
    right: 2.4rem; } }

@media only screen and (min-width: 1920px) {
  .card-popup__button.\--next {
    right: 24px; } }

.form-error {
  text-align: center;
  font-family: "PlayfairDisplay";
  font-style: italic;
  font-size: 40px;
  line-height: 48px; }
  @media (max-width: 320px) {
    .form-error {
      font-size: 40px;
      line-height: 48px; } }
  @media only screen and (min-width: 1024px) {
    .form-error {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 120.7rem;
      height: 35rem;
      line-height: 8.4rem;
      font-size: 7rem; } }
  @media only screen and (min-width: 1920px) {
    .form-error {
      width: 1207px;
      height: 350px;
      line-height: 84px;
      font-size: 70px; } }

@media only screen and (min-width: 1024px) {
  .footer:before {
    content: "";
    position: absolute;
    top: 0;
    z-index: 10;
    left: calc((100vw - 120.8rem - 29rem * 2) / 2);
    height: 100%;
    width: 1px;
    background-color: #176569; } }

@media only screen and (min-width: 1920px) {
  .footer:before {
    left: calc((100vw - 1208px - 290px * 2) / 2); } }

.footer.individual-card-body:before {
  display: none; }

@media only screen and (min-width: 1024px) {
  .footer {
    position: relative;
    z-index: 11; } }

@media only screen and (min-width: 1024px) {
  .footer:before {
    background-color: #ecf1ed; } }

.footer__container {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 40px;
  padding-bottom: 35px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 15px;
  padding-right: 15px; }
  @media only screen and (max-width: 320px) {
    .footer__container {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (min-width: 1024px) {
    .footer__container {
      margin: 0 auto;
      width: 120.8rem; } }
  @media only screen and (min-width: 1920px) {
    .footer__container {
      width: 1208px; } }
  @media (max-width: 320px) {
    .footer__container {
      padding-top: 4rem;
      padding-bottom: 3.5rem; } }
  @media only screen and (min-width: 1024px) {
    .footer__container {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 3.4rem 2.4rem; } }
  @media only screen and (min-width: 1920px) {
    .footer__container {
      padding: 34px 24px; } }
  @media only screen and (min-width: 1024px) {
    .footer__container.\--card {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }

.footer__copyright {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: normal;
  text-align: center; }
  @media only screen and (min-width: 1024px) {
    .footer__copyright {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
      font-size: 1.8rem;
      line-height: 1.8rem; } }
  @media only screen and (min-width: 1920px) {
    .footer__copyright {
      font-size: 18px;
      line-height: 18px; } }

.footer__socials {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 30px;
  width: 100%; }
  @media (max-width: 320px) {
    .footer__socials {
      margin-bottom: 3rem; } }
  @media only screen and (min-width: 1024px) {
    .footer__socials {
      width: auto;
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      margin-bottom: 0; } }

.footer__socials-text {
  margin: 0;
  margin-bottom: 35px;
  font-weight: normal;
  text-transform: uppercase;
  color: #2e7374;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  @media (max-width: 320px) {
    .footer__socials-text {
      margin-bottom: 3.5rem; } }
  @media only screen and (min-width: 1024px) {
    .footer__socials-text {
      margin-bottom: 0;
      margin-right: 4.2rem;
      font-size: 1.8rem;
      line-height: 1.8rem; } }
  @media only screen and (min-width: 1920px) {
    .footer__socials-text {
      margin-right: 42px;
      font-size: 18px;
      line-height: 18px; } }

.footer__socials-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 290px;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (max-width: 320px) {
    .footer__socials-list {
      max-width: 29rem; } }
  @media only screen and (min-width: 1024px) {
    .footer__socials-list {
      width: auto;
      -webkit-box-pack: normal;
          -ms-flex-pack: normal;
              justify-content: normal; } }

.footer__social {
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  @media only screen and (min-width: 1024px) {
    .footer__social {
      margin-right: 2.6rem; } }
  @media only screen and (min-width: 1920px) {
    .footer__social {
      margin-right: 26px; } }
  @media only screen and (min-width: 1024px) {
    .footer__social:last-child {
      margin-right: 0; } }