/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 3.2
Tested up to: 6.2
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css

 */

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

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

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

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

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

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

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

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

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

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

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.66;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.4;
	margin: 0 0 0.75em;
	padding: 1.5em 0 0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	padding-top: 0;
}

h1 {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 300;
}

h2,
.home.blog .entry-title {
	color: #666;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
}

h3 {
	color: #333;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 300;
}

h4 {
	color: #333;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 800;
}

h5 {
	color: #767676;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

h6 {
	color: #333;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 800;
}

p {
	margin: 0 0 1.5em;
	padding: 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	color: #666;
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.7;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #eee;
	text-decoration: none;
}

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}

q {
	quotes: "“" "”" "‘" "’";
}

blockquote:before,
blockquote:after {
	content: "";
}

:focus {
	outline: none;
}

/* Typography for Arabic Font */

html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ary"] body,
html[lang="ary"] button,
html[lang="ary"] input,
html[lang="ary"] select,
html[lang="ary"] textarea,
html[lang="azb"] body,
html[lang="azb"] button,
html[lang="azb"] input,
html[lang="azb"] select,
html[lang="azb"] textarea,
html[lang="fa-IR"] body,
html[lang="fa-IR"] button,
html[lang="fa-IR"] input,
html[lang="fa-IR"] select,
html[lang="fa-IR"] textarea,
html[lang="haz"] body,
html[lang="haz"] button,
html[lang="haz"] input,
html[lang="haz"] select,
html[lang="haz"] textarea,
html[lang="ps"] body,
html[lang="ps"] button,
html[lang="ps"] input,
html[lang="ps"] select,
html[lang="ps"] textarea,
html[lang="ur"] body,
html[lang="ur"] button,
html[lang="ur"] input,
html[lang="ur"] select,
html[lang="ur"] textarea {
	font-family: Tahoma, Arial, sans-serif;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ary"] h1,
html[lang="ary"] h2,
html[lang="ary"] h3,
html[lang="ary"] h4,
html[lang="ary"] h5,
html[lang="ary"] h6,
html[lang="azb"] h1,
html[lang="azb"] h2,
html[lang="azb"] h3,
html[lang="azb"] h4,
html[lang="azb"] h5,
html[lang="azb"] h6,
html[lang="fa-IR"] h1,
html[lang="fa-IR"] h2,
html[lang="fa-IR"] h3,
html[lang="fa-IR"] h4,
html[lang="fa-IR"] h5,
html[lang="fa-IR"] h6,
html[lang="haz"] h1,
html[lang="haz"] h2,
html[lang="haz"] h3,
html[lang="haz"] h4,
html[lang="haz"] h5,
html[lang="haz"] h6,
html[lang="ps"] h1,
html[lang="ps"] h2,
html[lang="ps"] h3,
html[lang="ps"] h4,
html[lang="ps"] h5,
html[lang="ps"] h6,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] h4,
html[lang="ur"] h5,
html[lang="ur"] h6 {
	font-weight: 700;
}

/* Typography for Chinese Font */

html[lang^="zh-"] body,
html[lang^="zh-"] button,
html[lang^="zh-"] input,
html[lang^="zh-"] select,
html[lang^="zh-"] textarea {
	font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif;
}

html[lang="zh-CN"] body,
html[lang="zh-CN"] button,
html[lang="zh-CN"] input,
html[lang="zh-CN"] select,
html[lang="zh-CN"] textarea {
	font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif;
}

html[lang^="zh-"] h1,
html[lang^="zh-"] h2,
html[lang^="zh-"] h3,
html[lang^="zh-"] h4,
html[lang^="zh-"] h5,
html[lang^="zh-"] h6 {
	font-weight: 700;
}

/* Typography for Cyrillic Font */

html[lang="bg-BG"] body,
html[lang="bg-BG"] button,
html[lang="bg-BG"] input,
html[lang="bg-BG"] select,
html[lang="bg-BG"] textarea,
html[lang="ru-RU"] body,
html[lang="ru-RU"] button,
html[lang="ru-RU"] input,
html[lang="ru-RU"] select,
html[lang="ru-RU"] textarea,
html[lang="uk"] body,
html[lang="uk"] button,
html[lang="uk"] input,
html[lang="uk"] select,
html[lang="uk"] textarea {
	font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}

html[lang="bg-BG"] h1,
html[lang="bg-BG"] h2,
html[lang="bg-BG"] h3,
html[lang="bg-BG"] h4,
html[lang="bg-BG"] h5,
html[lang="bg-BG"] h6,
html[lang="ru-RU"] h1,
html[lang="ru-RU"] h2,
html[lang="ru-RU"] h3,
html[lang="ru-RU"] h4,
html[lang="ru-RU"] h5,
html[lang="ru-RU"] h6,
html[lang="uk"] h1,
html[lang="uk"] h2,
html[lang="uk"] h3,
html[lang="uk"] h4,
html[lang="uk"] h5,
html[lang="uk"] h6 {
	font-weight: 700;
	line-height: 1.2;
}

/* Typography for Devanagari Font */

html[lang="bn-BD"] body,
html[lang="bn-BD"] button,
html[lang="bn-BD"] input,
html[lang="bn-BD"] select,
html[lang="bn-BD"] textarea,
html[lang="hi-IN"] body,
html[lang="hi-IN"] button,
html[lang="hi-IN"] input,
html[lang="hi-IN"] select,
html[lang="hi-IN"] textarea,
html[lang="mr-IN"] body,
html[lang="mr-IN"] button,
html[lang="mr-IN"] input,
html[lang="mr-IN"] select,
html[lang="mr-IN"] textarea {
	font-family: Arial, sans-serif;
}

html[lang="bn-BD"] h1,
html[lang="bn-BD"] h2,
html[lang="bn-BD"] h3,
html[lang="bn-BD"] h4,
html[lang="bn-BD"] h5,
html[lang="bn-BD"] h6,
html[lang="hi-IN"] h1,
html[lang="hi-IN"] h2,
html[lang="hi-IN"] h3,
html[lang="hi-IN"] h4,
html[lang="hi-IN"] h5,
html[lang="hi-IN"] h6,
html[lang="mr-IN"] h1,
html[lang="mr-IN"] h2,
html[lang="mr-IN"] h3,
html[lang="mr-IN"] h4,
html[lang="mr-IN"] h5,
html[lang="mr-IN"] h6 {
	font-weight: 700;
}

/* Typography for Greek Font */

html[lang="el"] body,
html[lang="el"] button,
html[lang="el"] input,
html[lang="el"] select,
html[lang="el"] textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html[lang="el"] h1,
html[lang="el"] h2,
html[lang="el"] h3,
html[lang="el"] h4,
html[lang="el"] h5,
html[lang="el"] h6 {
	font-weight: 700;
	line-height: 1.3;
}

/* Typography for Gujarati Font */

html[lang="gu-IN"] body,
html[lang="gu-IN"] button,
html[lang="gu-IN"] input,
html[lang="gu-IN"] select,
html[lang="gu-IN"] textarea {
	font-family: Arial, sans-serif;
}

html[lang="gu-IN"] h1,
html[lang="gu-IN"] h2,
html[lang="gu-IN"] h3,
html[lang="gu-IN"] h4,
html[lang="gu-IN"] h5,
html[lang="gu-IN"] h6 {
	font-weight: 700;
}

/* Typography for Hebrew Font */

html[lang="he-IL"] body,
html[lang="he-IL"] button,
html[lang="he-IL"] input,
html[lang="he-IL"] select,
html[lang="he-IL"] textarea {
	font-family: "Arial Hebrew", Arial, sans-serif;
}

html[lang="he-IL"] h1,
html[lang="he-IL"] h2,
html[lang="he-IL"] h3,
html[lang="he-IL"] h4,
html[lang="he-IL"] h5,
html[lang="he-IL"] h6 {
	font-weight: 700;
}

/* Typography for Japanese Font */

html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}

html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
	font-weight: 700;
}

/* Typography for Korean font */

html[lang="ko-KR"] body,
html[lang="ko-KR"] button,
html[lang="ko-KR"] input,
html[lang="ko-KR"] select,
html[lang="ko-KR"] textarea {
	font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
}

html[lang="ko-KR"] h1,
html[lang="ko-KR"] h2,
html[lang="ko-KR"] h3,
html[lang="ko-KR"] h4,
html[lang="ko-KR"] h5,
html[lang="ko-KR"] h6 {
	font-weight: 600;
}

/* Typography for Thai Font */

html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] h6 {
	line-height: 1.65;
	font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea {
	line-height: 1.8;
	font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Remove letter-spacing for all non-latin alphabets */

html[lang="ar"] *,
html[lang="ary"] *,
html[lang="azb"] *,
html[lang="haz"] *,
html[lang="ps"] *,
html[lang^="zh-"] *,
html[lang="bg-BG"] *,
html[lang="ru-RU"] *,
html[lang="uk"] *,
html[lang="bn-BD"] *,
html[lang="hi-IN"] *,
html[lang="mr-IN"] *,
html[lang="el"] *,
html[lang="gu-IN"] *,
html[lang="he-IL"] *,
html[lang="ja"] *,
html[lang="ko-KR"] *,
html[lang="th"] * {
	letter-spacing: 0 !important;
}

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label {
	color: #333;
	display: block;
	font-weight: 800;
	margin-bottom: 0.5em;
}

fieldset {
	margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 0.7em;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	border-color: #333;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted #333;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background-color: #222;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1;
	padding: 1em 2em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

:not( .mejs-button ) > button:hover,
:not( .mejs-button ) > button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #767676;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

:-moz-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

::-moz-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

hr {
	background-color: #bbb;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul,
ol {
	margin: 0 0 1.5em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}

thead th {
	border-bottom: 2px solid #bbb;
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 1px solid #eee;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
	color: #222;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	color: #000;
	outline: 0;
}

/* Hover effects */

.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	text-decoration: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #000;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}

/* Fixes linked images */
.entry-content a img,
.comment-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 8px #fff;
	box-shadow: 0 0 0 8px #fff;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #222;
}

/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/

.post-thumbnail {
	margin-bottom: 1em;
}

.post-thumbnail a img {
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
	opacity: 0.7;
}

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/

.navigation-top {
	background: #fff;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	font-size: 16px;
	font-size: 1rem;
	position: relative;
}

.navigation-top .wrap {
	max-width: 1000px;
	padding: 0;
}

.navigation-top a {
	color: #222;
	font-weight: 600;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
	color: #767676;
}

.main-navigation {
	clear: both;
	display: block;
}

.main-navigation ul {
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0 1.5em;
	text-align: left;
}

/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */

.js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
	display: none;
}

.main-navigation > div > ul {
	border-top: 1px solid #eee;
	padding: 0.75em 1.695em;
}

.js .main-navigation.toggled-on > div > ul {
	display: block;
}

.main-navigation ul ul {
	padding: 0 0 0 1.5em;
}

.main-navigation ul ul.toggled-on {
	display: block;
}

.main-navigation ul ul a {
	letter-spacing: 0;
	padding: 0.4em 0;
	position: relative;
	text-transform: none;
}

.main-navigation li {
	border-bottom: 1px solid #eee;
	position: relative;
}

.main-navigation li li,
.main-navigation li:last-child {
	border: 0;
}

.main-navigation a {
	display: block;
	padding: 0.5em 0;
	text-decoration: none;
}

.main-navigation a:hover {
	color: #767676;
}

/* Menu toggle */

.menu-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: none;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1.5;
	margin: 1px auto 2px;
	padding: 1em;
	text-shadow: none;
}

/* Display the menu toggle when JavaScript is available. */

.js .menu-toggle {
	display: block;
}

.main-navigation.toggled-on ul.nav-menu {
	display: block;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.menu-toggle:focus {
	outline: thin solid;
}

.menu-toggle .icon {
	margin-right: 0.5em;
	top: -2px;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
	display: none;
}

.toggled-on .menu-toggle .icon-close {
	display: inline-block;
}

/* Dropdown Toggle */

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: block;
	font-size: 16px;
	right: -0.5em;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0.5em;
	position: absolute;
	text-shadow: none;
	top: 0;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background: transparent;
}

.dropdown-toggle:focus {
	outline: thin dotted;
}

.dropdown-toggle.toggled-on .icon {
	-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}

/* Scroll down arrow */

.site-header .menu-scroll-down {
	display: none;
}

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

#page {
	position: relative;
	word-wrap: break-word;
}

.wrap {
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
	padding-left: 2em;
	padding-right: 2em;
}

.wrap:after {
	clear: both;
	content: "";
	display: block;
}

/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

#masthead .wrap {
	position: relative;
}

.site-header {
	background-color: #fafafa;
	position: relative;
}

/* Site branding */

.site-branding {
	padding: 1em 0;
	position: relative;
	-webkit-transition: margin-bottom 0.2s;
	transition: margin-bottom 0.2s;
	z-index: 3;
}

.site-branding a {
	text-decoration: none;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.site-branding a:hover,
.site-branding a:focus {
	opacity: 0.7;
}

.site-title {
	clear: none;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: 0.08em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.site-title,
.site-title a {
	color: #222;
	opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
}

body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
	color: #fff;
}

.site-description {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	margin-bottom: 0;
}

body.has-header-image .site-description,
body.has-header-video .site-description {
	color: #fff;
	opacity: 0.8;
}

.custom-logo-link {
	display: inline-block;
	padding-right: 1em;
	vertical-align: middle;
	width: auto;
}

.custom-logo-link img {
	display: inline-block;
	max-height: 80px;
	width: auto;
}

body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
	max-height: 200px;
	max-width: 100%;
}

.custom-logo-link a:hover,
.custom-logo-link a:focus {
	opacity: 0.9;
}

body:not(.title-tagline-hidden) .site-branding-text {
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
}

.custom-header {
	position: relative;
}

.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
	display: table;
	height: 300px;
	height: 75vh;
	width: 100%;
}

.custom-header-media {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.custom-header-media:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
	background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 2;
}

.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
	position: fixed;
	height: auto;
	left: 50%;
	max-width: 1000%;
	min-height: 100%;
	min-width: 100%;
	min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
	width: auto;
	top: 50%;
	padding-bottom: 1px; /* Prevent header from extending beyond the footer */
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
	background-color: rgba(34, 34, 34, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.6);
	color: rgba(255, 255, 255, 0.6);
	height: 45px;
	overflow: hidden;
	padding: 0;
	position: fixed;
	right: 30px;
	top: 30px;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: 45px;
}

.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */
	border-color: rgba(255, 255, 255, 0.8);
	background-color: rgba(34, 34, 34, 0.8);
	color: #fff;
}

.admin-bar .wp-custom-header-video-button {
	top: 62px;
}

.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
	bottom: 0;
	position: absolute;
	top: auto;
	-ms-transform: translateX(-50%) translateY(0);
	-moz-transform: translateX(-50%) translateY(0);
	-webkit-transform: translateX(-50%) translateY(0);
	transform: translateX(-50%) translateY(0);
}

/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
	.has-header-image .custom-header-media img,
	.has-header-video .custom-header-media video,
	.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
		height: 100%;
		left: 0;
		-o-object-fit: cover;
		object-fit: cover;
		top: 0;
		-ms-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
		width: 100%;
	}
}

/* Hides div in Customizer preview when header images or videos change. */

body:not(.has-header-image):not(.has-header-video) .custom-header-media {
	display: none;
}

.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
	display: table-cell;
	height: 100%;
	vertical-align: bottom;
}

/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/

.twentyseventeen-front-page .site-content {
	padding: 0;
}

.twentyseventeen-panel {
	overflow: hidden;
	position: relative;
}

.panel-image {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}

.panel-image:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
	bottom: 0;
	content: "";
	left: 0;
	right: 0;
	position: absolute;
	top: 100px;
}

.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
	border-top: 1px solid #ddd;
}

.panel-content {
	position: relative;
}

.panel-content .wrap {
	padding-bottom: 0.5em;
	padding-top: 1.75em;
}

/* Panel edit link */

.twentyseventeen-panel .edit-link {
	display: block;
	margin: 0.3em 0 0;
}

.twentyseventeen-panel .entry-header .edit-link {
	font-size: 14px;
	font-size: 0.875rem;
}

/* Front Page - Recent Posts */

.twentyseventeen-front-page .panel-content .recent-posts article {
	border: 0;
	color: #333;
	margin-bottom: 3em;
}

.recent-posts .entry-header {
	margin-bottom: 1.2em;
}

.page .panel-content .recent-posts .entry-title {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	letter-spacing: 0;
	text-transform: none;
}

.twentyseventeen-panel .recent-posts .entry-header .edit-link {
	color: #222;
	display: inline-block;
	font-size: 11px;
	font-size: 0.6875rem;
	margin-left: 1em;
}

/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/

.site-content-contain {
	background-color: #fff;
	position: relative;
}

.site-content {
	padding: 2.5em 0 0;
}

/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/

/* Post Landing Page */

.sticky {
	position: relative;
}

.post:not(.sticky) .icon-thumb-tack {
	display: none;
}

.sticky .icon-thumb-tack {
	display: block;
	height: 18px;
	left: -1.5em;
	position: absolute;
	top: 1.65em;
	width: 20px;
}

.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #222;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800!important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.entry-header .entry-title {
	margin-bottom: 0.25em;
}

.entry-title a {
	color: #333;
	text-decoration: none;
	margin-left: -2px;
}

.entry-title:not(:first-child) {
	padding-top: 0;
}

.entry-meta {
	color: #767676;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-bottom: 0.25em;
	text-transform: uppercase;
}

.entry-meta a {
	color: #767676;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.pagination,
.comments-pagination {
	border-top: 1px solid #eee;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
	text-align: center;
}

.pagination .icon,
.comments-pagination .icon {
	width: 0.666666666em;
	height: 0.666666666em;
}

.comments-pagination {
	border: 0;
}

.page-numbers {
	display: none;
	padding: 0.5em 0.75em;
}

.page-numbers.current {
	color: #767676;
	display: inline-block;
}

.page-numbers.current .screen-reader-text {
	clip: auto;
	height: auto;
	overflow: auto;
	position: relative !important;
	width: auto;
}

.prev.page-numbers,
.next.page-numbers {
	background-color: #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1;
	padding: 0.25em 0.5em 0.4em;
}

.prev.page-numbers,
.next.page-numbers {
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
	background-color: #767676;
	color: #fff;
}

.prev.page-numbers {
	float: left;
}

.next.page-numbers {
	float: right;
}

/* Aligned blockquotes */

.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	width: 48%;
}

/* Blog landing, search, archives */

.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
	padding-bottom: 2em;
}

body:not(.twentyseventeen-front-page) .entry-header {
	padding: 1em 0;
}

body:not(.twentyseventeen-front-page) .entry-header,
body:not(.twentyseventeen-front-page) .entry-content,
body:not(.twentyseventeen-front-page) #comments {
	margin-left: auto;
	margin-right: auto;
}

body:not(.twentyseventeen-front-page) .entry-header {
	padding-top: 0;
}

.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
	color: #222;
	display: inline-block;
	margin-left: 1em;
	white-space: nowrap;
}

.search .page .entry-meta a.post-edit-link {
	margin-left: 0;
	white-space: nowrap;
}

.taxonomy-description {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
}

/* More tag */

.entry-content .more-link:before {
	content: "";
	display: block;
	margin-top: 1.5em;
}

/* Single Post */

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 740px;
}

.single-featured-image-header {
	background-color: #fafafa;
	border-bottom: 1px solid #eee;
}

.single-featured-image-header img {
	display: block;
	margin: auto;
}

.page-links {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
}

.page-links .page-number {
	color: #767676;
	display: inline-block;
	padding: 0.5em 1em;
}

.page-links a {
	display: inline-block;
}

.page-links a .page-number {
	color: #222;
}

/* Entry footer */

.entry-footer {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-top: 2em;
	padding: 2em 0;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-left: 2.5em;
	position: relative;
	text-transform: uppercase;
}

.entry-footer .cat-links + .tags-links {
	margin-top: 1em;
}

.entry-footer .cat-links a,
.entry-footer .tags-links a {
	color: #333;
}

.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
	color: #767676;
	left: 0;
	margin-right: 0.5em;
	position: absolute;
	top: 2px;
}

.entry-footer .edit-link {
	display: inline-block;
}

.entry-footer .edit-link a.post-edit-link {
	background-color: #222;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	margin-top: 2em;
	padding: 0.7em 2em;
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	white-space: nowrap;
}

.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
	background-color: #767676;
}

/* Post Formats */

.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

.format-quote blockquote {
	color: #333;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	overflow: visible;
	position: relative;
}

.format-quote blockquote .icon {
	display: block;
	height: 20px;
	left: -1.25em;
	position: absolute;
	top: 0.4em;
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	width: 20px;
}

/* Post Navigation */

.post-navigation {
	font-weight: 800;
	margin: 3em 0;
}

.post-navigation .nav-links {
	padding: 1em 0;
}

.nav-subtitle {
	background: transparent;
	color: #767676;
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	letter-spacing: 0.1818em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.nav-title {
	color: #333;
	font-size: 15px;
	font-size: 0.9375rem;
}

.post-navigation .nav-next {
	margin-top: 1.5em;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
	margin-right: 0.5em;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	margin-left: 0.5em;
}

/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/

.page-header {
	padding-bottom: 2em;
}

.page .entry-header .edit-link {
	font-size: 14px;
	font-size: 0.875rem;
}

.search .page .entry-header .edit-link {
	font-size: 11px;
	font-size: 0.6875rem;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.page:not(.home) #content {
	padding-bottom: 1.5em;
}

/* 404 page */

.error404 .page-content {
	padding-bottom: 4em;
}

.error404 .page-content .search-form,
.search .page-content .search-form {
	margin-bottom: 3em;
}

/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/

.site-footer {
	border-top: 1px solid #eee;
	position: relative;
	z-index: 1;
	background-color: inherit;
}

.site-footer .wrap {
	padding-bottom: 1.5em;
	padding-top: 2em;
}

/* Social nav */

.social-navigation {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 1em;
}

.social-navigation ul {
	list-style: none;
	margin-bottom: 0;
	margin-left: 0;
}

.social-navigation li {
	display: inline;
}

.social-navigation a {
	background-color: #767676;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	color: #fff;
	display: inline-block;
	height: 40px;
	margin: 0 1em 0.5em 0;
	text-align: center;
	width: 40px;
}

.social-navigation a:hover,
.social-navigation a:focus {
	background-color: #333;
}

.social-navigation .icon {
	height: 16px;
	top: 12px;
	width: 16px;
	vertical-align: top;
}

/* Site info */

.site-info {
	font-size: 14px;
	font-size: 0.875rem;
	margin-bottom: 1em;
}

.site-info a {
	color: #666;
}

.site-info .sep {
	margin: 0;
	display: block;
	visibility: hidden;
	height: 0;
	width: 100%;
}

.site-info span[role=separator] {
	padding: 0 0.2em 0 0.4em;
}

.site-info span[role=separator]::before {
	content: '\002f';
}

/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/

#comments {
	clear: both;
	padding: 2em 0 0.5em;
}

.comments-title {
	font-size: 20px;
	font-size: 1.25rem;
	margin-bottom: 1.5em;
}

.comment-list,
.comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comment-list li:before {
	display: none;
}

.comment-body {
	margin-left: 65px;
}

.comment-author {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 0.4em;
	position: relative;
	z-index: 2;
}

.comment-author .avatar {
	height: 50px;
	left: -65px;
	position: absolute;
	width: 50px;
}

.comment-author .says {
	display: none;
}

.comment-meta {
	margin-bottom: 1.5em;
}

.comment-metadata {
	color: #767676;
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
}

.comment-metadata a {
	color: #767676;
}

.comment-metadata a.comment-edit-link {
	color: #222;
	margin-left: 1em;
}

.comment-body {
	color: #333;
	font-size: 14px;
	font-size: 0.875rem;
	margin-bottom: 4em;
}

.comment-reply-link {
	font-weight: 800;
	position: relative;
}

.comment-reply-link .icon {
	color: #222;
	left: -2em;
	height: 1em;
	position: absolute;
	top: 0;
	width: 1em;
}

.children .comment-author .avatar {
	height: 30px;
	left: -45px;
	width: 30px;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
	border: 1px solid #333;
	padding: 2px;
}

.no-comments,
.comment-awaiting-moderation {
	color: #767676;
	font-size: 14px;
	font-size: 0.875rem;
	font-style: italic;
}

.comments-pagination {
	margin: 2em 0 3em;
}

.form-submit {
	text-align: right;
}

.comment-form #wp-comment-cookies-consent {
	margin: 0 10px 0 0;
}

.comment-form .comment-form-cookies-consent label {
	display: inline;
}

/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/

#secondary {
	padding: 1em 0 2em;
}

.widget {
	padding-bottom: 3em;
}

h2.widget-title {
	color: #222;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	margin-bottom: 1.5em;
	text-transform: uppercase;
}

.widget-title a {
	color: inherit;
}

/* widget forms */

.widget select {
	width: 100%;
}


/* widget lists */

.widget ul {
	list-style: none;
	margin: 0;
}

.widget ul li,
.widget ol li {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 0.5em 0;
}

.widget:not(.widget_tag_cloud) ul li + li {
	margin-top: -1px;
}

.widget ul li ul {
	margin: 0 0 -1px;
	padding: 0;
	position: relative;
}

.widget ul li li {
	border: 0;
	padding-left: 24px;
	padding-left: 1.5rem;
}

/* Widget lists of links */

.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
	bottom: 0;
}

.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
	padding-bottom: 0.25em;
	padding-top: 0.25em;
}

.widget_rss ul li {
	padding-bottom: 1em;
	padding-top: 1em;
}

/* Widget markup */

.widget .post-date,
.widget .rss-date {
	font-size: 0.81em;
}

/* Text widget */

.widget_text {
	word-wrap: break-word;
}

.widget_text ul {
	list-style: disc;
	margin: 0 0 1.5em 1.5em;
}

.widget_text ol {
	list-style: decimal;
}

.widget_text ul li,
.widget_text ol li {
	border: none;
}

.widget_text ul li:last-child,
.widget_text ol li:last-child {
	padding-bottom: 0;
}

.widget_text ul li ul {
	margin: 0 0 0 1.5em;
}

.widget_text ul li li {
	padding-left: 0;
	padding-right: 0;
}

.widget_text ol li {
	list-style-position: inside;
}

.widget_text ol li + li {
	margin-top: -1px;
}

/* RSS Widget */

.widget_rss .widget-title .rsswidget:first-child {
	float: right;
}

.widget_rss .widget-title .rsswidget:first-child:hover {
	background-color: transparent;
}

.widget_rss .widget-title .rsswidget:first-child img {
	display: block;
}

.widget_rss ul li {
	padding: 2.125em 0;
}

.widget_rss ul li:first-child {
	border-top: none;
	padding-top: 0;
}

.widget_rss li .rsswidget {
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: 300;
	line-height: 1.4;
}

.widget_rss .rss-date,
.widget_rss li cite {
	color: #767676;
	display: block;
	font-size: 10px;
	font-size: 0.625rem;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 0.18em;
	line-height: 1.5;
	text-transform: uppercase;
}

.widget_rss .rss-date {
	margin: 0.5em 0 1.5em;
	padding: 0;
}

.widget_rss .rssSummary {
	margin-bottom: 0.5em;
}

/* Contact Info Widget */

.widget_contact_info .contact-map {
	margin-bottom: 0.5em;
}

/* Gravatar */

.widget-grofile h4 {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 0;
}

/* Recent Comments */

.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
	border: 0;
}

/* Recent Posts widget */

.widget_recent_entries .post-date {
	display: block;
}

/* Search */

.search-form {
	position: relative;
}

.search-form .search-submit {
	bottom: 3px;
	padding: 0.5em 1em;
	position: absolute;
	right: 3px;
	top: 3px;
}

.search-form .search-submit .icon {
	height: 24px;
	top: -2px;
	width: 24px;
}

/* Tag cloud widget */

.tagcloud ul li {
	float: left;
	border-top: 0;
	border-bottom: 0;
	padding: 0;
	margin: 4px 4px 0 0;
}

.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
	line-height: 1.5;
}

.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
	border: 1px solid #ddd;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: block;
	padding: 4px 10px 5px;
	position: relative;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: auto;
	word-wrap: break-word;
	z-index: 0;
}

.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
	border-color: #bbb;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
}

/* Calendar widget */

.widget_calendar .wp-calendar-table {
	margin-bottom: 0;
}

.widget_calendar .wp-calendar-nav {
	display: table;
	width: 100%;
	margin: 0 0 1.5em;
	padding: 0.4em 0;
}

.widget_calendar .wp-calendar-nav span {
	display: table-cell;
}

.widget_calendar .wp-calendar-nav-prev,
.widget_calendar .wp-calendar-nav-next {
	width: 40%;
}

.widget_calendar th,
.widget_calendar td,
.widget_calendar .wp-calendar-nav span {
	text-align: center;
}

.widget_calendar tfoot td {
	border: 0;
}

/* Gallery widget */

.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/

img,
video {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

audio:focus,
video:focus {
	outline: thin dotted;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
	margin-bottom: 1.5em;
	max-width: 100%;
}

/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */

p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
	margin-bottom: 0;
}

.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/* Media Elements */

.mejs-container {
	margin-bottom: 1.5em;
}

/* Audio Player */

.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
	background: transparent;
	border: 0;
}

/* Playlist Color Overrides: Light */

.site-content .wp-playlist-light {
	border-color: #eee;
	color: #222;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
	color: #333;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
	color: #767676;
}

.site-content .wp-playlist-light .wp-playlist-item {
	border-bottom: 1px dotted #eee;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #767676;
	color: #fff;
}

.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
	color: #fff;
}

/* Playlist Color Overrides: Dark */

.site-content .wp-playlist-dark {
	background: #222;
	border-color: #333;
}

.site-content .wp-playlist-dark .mejs-container .mejs-controls {
	background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-caption {
	color: #fff;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
	color: #eee;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
	color: #aaa;
}

.site-content .wp-playlist-dark .wp-playlist-playing {
	background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-item {
	border-bottom: 1px dotted #555;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #aaa;
	color: #222;
}

.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
	color: #222;
}

/* Playlist Style Overrides */

.site-content .wp-playlist {
	padding: 0.625em 0.625em 0.3125em;
}

.site-content .wp-playlist-current-item .wp-playlist-item-title {
	font-weight: 700;
}

.site-content .wp-playlist-current-item .wp-playlist-item-album {
	font-style: normal;
}

.site-content .wp-playlist-current-item .wp-playlist-item-artist {
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
}

.site-content .wp-playlist-item {
	padding: 0 0.3125em;
	cursor: pointer;
}

.site-content .wp-playlist-item:last-of-type {
	border-bottom: none;
}

.site-content .wp-playlist-item a {
	padding: 0.3125em 0;
	border-bottom: none;
}

.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
}

.site-content .wp-playlist-item-length {
	top: 5px;
}

/* SVG Icons base styles */

.icon {
	display: inline-block;
	fill: currentColor;
	height: 1em;
	position: relative; /* Align more nicely with capital letters */
	top: -0.0625em;
	vertical-align: middle;
	width: 1em;
}

/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after {
	border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */
	bottom: 1em;
	content: "";
	display: block;
	left: 1em;
	position: absolute;
	right: 1em;
	top: 1em;
	z-index: 1;
}

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content {
	z-index: 2; /* Prevent :after from preventing interactions within the section */
}

/* Used for placeholder text */
.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 3em;
	text-transform: uppercase;
	text-align: center;
}

/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {
	border: none;
}

.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder {
	border: 0;
}

/* Add some space around the visual edit shortcut buttons. */
.twentyseventeen-panel > .customize-partial-edit-shortcut > button {
	top: 30px;
	left: 30px;
}

/* Ensure that placeholder icons are visible. */
.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before {
	visibility: visible;
}

/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/

.svg-fallback {
	display: none;
}

.no-svg .svg-fallback {
	display: inline-block;
}

.no-svg .dropdown-toggle {
	padding: 0.5em 0 0;
	right: 0;
	text-align: center;
	width: 2em;
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1;
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	-ms-transform: rotate(180deg); /* IE 9 */
	transform: rotate(180deg);
}

.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
	-webkit-transform: rotate(0); /* Chrome, Safari, Opera */
	-ms-transform: rotate(0); /* IE 9 */
	transform: rotate(0);
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
	content: "\005E";
}

/* Social Menu fallbacks */

.no-svg .social-navigation a {
	background: transparent;
	color: #222;
	height: auto;
	width: auto;
}

/* Show screen reader text in some cases */

.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
	clip: auto;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
	height: auto;
	position: relative !important; /* overrides previous !important styles */
	width: auto;
}

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {

	body.customize-partial-edit-shortcuts-shown .site-header .site-title {
		padding-left: 0;
	}
}

@media screen and (min-width: 30em) {

	/* Typography */

	body,
	button,
	input,
	select,
	textarea {
		font-size: 18px;
		font-size: 1.125rem;
	}

	h1 {
		font-size: 30px;
		font-size: 1.875rem;
	}

	h2,
	.home.blog .entry-title,
	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
		font-size: 1.625rem;
	}

	h3 {
		font-size: 22px;
		font-size: 1.375rem;
	}

	h4 {
		font-size: 18px;
		font-size: 1.125rem;
	}

	h5 {
		font-size: 13px;
		font-size: 0.8125rem;
	}

	h6 {
		font-size: 16px;
		font-size: 1rem;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 14px;
		font-size: 0.875rem;
	}

	/* Fix image alignment */
	img.alignleft {
		float: left;
		margin-right: 1.5em;
	}

	img.alignright {
		float: right;
		margin-left: 1.5em;
	}

	/* Site Branding */

	.site-branding {
		padding: 3em 0;
	}

	/* Front Page */

	.panel-content .wrap {
		padding-bottom: 2em;
		padding-top: 3.5em;
	}

	.page-one-column .panel-content .wrap {
		max-width: 740px;
	}

	.panel-content .entry-header {
		margin-bottom: 4.5em;
	}

	.panel-content .recent-posts .entry-header {
		margin-bottom: 0;
	}

	/* Blog Index, Archive, Search */

	.taxonomy-description {
		font-size: 14px;
		font-size: 0.875rem;
	}

	.page-numbers.current {
		font-size: 16px;
		font-size: 1rem;
	}

	/* Site Footer */

	.site-footer {
		font-size: 16px;
		font-size: 1rem;
	}

	/* Gallery Columns */

	.gallery-item {
		max-width: 25%;
	}

	.gallery-columns-1 .gallery-item {
		max-width: 100%;
	}

	.gallery-columns-2 .gallery-item {
		max-width: 50%;
	}

	.gallery-columns-3 .gallery-item {
		max-width: 33.33%;
	}

	.gallery-columns-4 .gallery-item {
		max-width: 25%;
	}
}

@media screen and (min-width: 48em) {

	/* Typography */

	body,
	button,
	input,
	select,
	textarea {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.5;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 13px;
		font-size: 0.8125rem;
	}

	/* Layout */

	.wrap {
		max-width: 1000px;
		padding-left: 3em;
		padding-right: 3em;
	}

	.has-sidebar:not(.error404) #primary {
		float: left;
		width: 58%;
	}

	.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 36%;
	}

	.error404 #primary {
		float: none;
	}

	/* Site Branding */

	.site-branding {
		margin-bottom: 0;
	}

	.has-header-image.twentyseventeen-front-page .site-branding,
	.has-header-video.twentyseventeen-front-page .site-branding,
	.has-header-image.home.blog .site-branding,
	.has-header-video.home.blog .site-branding {
		bottom: 0;
		display: block;
		left: 0;
		height: auto;
		padding-top: 0;
		position: absolute;
		width: 100%;
	}

	.has-header-image.twentyseventeen-front-page .custom-header,
	.has-header-video.twentyseventeen-front-page .custom-header,
	.has-header-image.home.blog .custom-header,
	.has-header-video.home.blog .custom-header {
		display: block;
		height: auto;
	}

	.custom-header-media {
		height: 165px;
		position: relative;
	}

	.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: 0;
		position: relative;
	}

	.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media,
	.has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
		bottom: 0;
		height: auto;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	.custom-logo-link {
		padding-right: 2em;
	}

	.custom-logo-link img,
	body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
	body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-width: 350px;
	}

	.title-tagline-hidden.home.has-header-image .custom-logo-link img,
	.title-tagline-hidden.home.has-header-video .custom-logo-link img {
		max-height: 200px;
	}

	.site-title {
		font-size: 36px;
		font-size: 2.25rem;
	}

	.site-description {
		font-size: 16px;
		font-size: 1rem;
	}

	/* Navigation */

	.navigation-top {
		bottom: 0;
		font-size: 14px;
		font-size: 0.875rem;
		left: 0;
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 3;
	}

	.navigation-top .wrap {
		max-width: 1000px;
		/* The font size is 14px here and we need 50px padding in ems */
		padding: 0.75em 3.4166666666667em;
	}

	.navigation-top nav {
		margin-left: -1.25em;
	}
	/*
        .site-navigation-fixed.navigation-top {
            bottom: auto;
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            width: 100%;
            z-index: 7;
        }
    */
	.admin-bar .site-navigation-fixed.navigation-top {
		top: 32px;
	}

	/* Main Navigation */

	.js .menu-toggle,
	.js .dropdown-toggle {
		display: none;
	}

	.main-navigation {
		width: auto;
	}

	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation > div > ul {
		display: block;
	}

	.main-navigation ul {
		background: transparent;
		padding: 0;
	}

	.main-navigation > div > ul {
		border: 0;
		margin-bottom: 0;
		padding: 0;
	}

	.main-navigation li {
		border: 0;
		display: inline-block;
	}

	.main-navigation li li {
		display: block;
	}

	.main-navigation a {
		padding: 1em 1.25em;
	}

	.main-navigation ul ul {
		background: #fff;
		border: 1px solid #bbb;
		left: -999em;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99999;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:before,
	.main-navigation ul li.page_item_has_children:after {
		border-style: solid;
		border-width: 0 6px 6px;
		content: "";
		display: none;
		height: 0;
		position: absolute;
		right: 1em;
		bottom: -1px;
		width: 0;
		z-index: 100000;
	}

	.main-navigation ul li.menu-item-has-children.focus:before,
	.main-navigation ul li.menu-item-has-children:hover:before,
	.main-navigation ul li.menu-item-has-children.focus:after,
	.main-navigation ul li.menu-item-has-children:hover:after,
	.main-navigation ul li.page_item_has_children.focus:before,
	.main-navigation ul li.page_item_has_children:hover:before,
	.main-navigation ul li.page_item_has_children.focus:after,
	.main-navigation ul li.page_item_has_children:hover:after {
		display: block;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.page_item_has_children:before {
		border-color: transparent transparent #bbb;
		bottom: 0;
	}

	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:after {
		border-color: transparent transparent #fff;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
		right: auto;
	}

	.main-navigation ul ul a {
		padding: 0.75em 1.25em;
		width: 16em;
	}

	.main-navigation li li {
		-webkit-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
	}

	.main-navigation li li:hover,
	.main-navigation li li.focus {
		background: #767676;
	}

	.main-navigation li li a {
		-webkit-transition: color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out;
	}

	.main-navigation li li.focus > a,
	.main-navigation li li:focus > a,
	.main-navigation li li:hover > a,
	.main-navigation li li a:hover,
	.main-navigation li li a:focus,
	.main-navigation li li.current_page_item a:hover,
	.main-navigation li li.current-menu-item a:hover,
	.main-navigation li li.current_page_item a:focus,
	.main-navigation li li.current-menu-item a:focus {
		color: #fff;
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: 0.5em;
		right: auto;
	}

	.main-navigation .menu-item-has-children > a > .icon,
	.main-navigation .page_item_has_children > a > .icon {
		display: inline;
		left: 5px;
		position: relative;
		top: -1px;
	}

	.main-navigation ul ul .menu-item-has-children > a > .icon,
	.main-navigation ul ul .page_item_has_children > a > .icon {
		margin-top: -9px;
		left: auto;
		position: absolute;
		right: 1em;
		top: 50%;
		-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(-90deg); /* IE 9 */
		transform: rotate(-90deg);
	}

	.main-navigation ul ul ul {
		left: -999em;
		margin-top: -1px;
		top: 0;
	}

	.main-navigation ul ul li.menu-item-has-children.focus:before,
	.main-navigation ul ul li.menu-item-has-children:hover:before,
	.main-navigation ul ul li.menu-item-has-children.focus:after,
	.main-navigation ul ul li.menu-item-has-children:hover:after,
	.main-navigation ul ul li.page_item_has_children.focus:before,
	.main-navigation ul ul li.page_item_has_children:hover:before,
	.main-navigation ul ul li.page_item_has_children.focus:after,
	.main-navigation ul ul li.page_item_has_children:hover:after {
		display: none;
	}

	.site-header .site-navigation-fixed .menu-scroll-down {
		display: none;
	}

	/* Scroll down arrow */

	.site-header .menu-scroll-down {
		display: block;
		padding: 1em;
		position: absolute;
		right: 0;
	}

	.site-header .menu-scroll-down .icon {
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(90deg); /* IE 9 */
		transform: rotate(90deg);
	}

	.site-header .menu-scroll-down {
		color: #fff;
		top: 2em;
	}

	.site-header .navigation-top .menu-scroll-down {
		color: #767676;
		top: 0.7em;
	}

	.menu-scroll-down:focus {
		outline: thin dotted;
	}

	.menu-scroll-down .icon {
		height: 18px;
		width: 18px;
	}

	/* Front Page */

	.twentyseventeen-front-page.has-header-image .site-branding,
	.twentyseventeen-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		margin-bottom: 70px;
	}

	.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: 1200px;
		height: 100vh;
		max-height: 100%;
		overflow: hidden;
	}

	.twentyseventeen-front-page.has-header-image .custom-header-media:before,
	.twentyseventeen-front-page.has-header-video .custom-header-media:before,
	.home.blog.has-header-image .custom-header-media:before,
	.home.blog.has-header-video .custom-header-media:before {
		height: 33%;
	}

	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
	.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
	.admin-bar.home.blog.has-header-image .custom-header-media,
	.admin-bar.home.blog.has-header-video .custom-header-media {
		height: calc(100vh - 32px);
	}

	.panel-content .wrap {
		padding-bottom: 4.5em;
		padding-top: 6em;
	}

	.panel-image {
		height: 100vh;
		max-height: 1200px;
	}

	/* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
	.background-fixed .panel-image {
		background-attachment: fixed;
	}

	.page-two-column .panel-content .entry-header {
		float: left;
		width: 36%;
	}

	.page-two-column .panel-content .entry-content {
		float: right;
		width: 58%;
	}

	/* Front Page - Recent Posts */

	.page-two-column .panel-content .recent-posts {
		clear: right;
		float: right;
		width: 58%;
	}

	.panel-content .recent-posts article {
		margin-bottom: 4em;
	}

	.panel-content .recent-posts .entry-header,
	.page-two-column #primary .panel-content .recent-posts .entry-header,
	.panel-content .recent-posts .entry-content,
	.page-two-column #primary .panel-content .recent-posts .entry-content {
		float: none;
		width: 100%;
	}

	.panel-content .recent-posts .entry-header {
		margin-bottom: 1.5em;
	}

	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
		font-size: 1.625rem;
	}

	/* Posts */

	.site-content {
		padding: 5.5em 0 0;
	}

	.single-post .entry-title,
	.page .entry-title {
		font-size: 26px;
		font-size: 1.625rem;
	}

	.comments-pagination,
	.post-navigation {
		clear: both;
	}

	.post-navigation .nav-previous {
		float: left;
		width: 50%;
	}

	.post-navigation .nav-next {
		float: right;
		text-align: right;
		width: 50%;
	}

	.nav-next,
	.post-navigation .nav-next {
		margin-top: 0;
	}

	/* Blog, archive, search */

	.sticky .icon-thumb-tack {
		height: 23px;
		left: -2.5em;
		top: 1.5em;
		width: 32px;
	}

	body:not(.has-sidebar):not(.page-one-column) .page-header,
	body.has-sidebar.error404 #primary .page-header,
	body.page-two-column:not(.archive) #primary .entry-header,
	body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
		float: left;
		width: 36%;
	}

	.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
		float: right;
		width: 58%;
	}

	.blog .site-main > article,
	.archive .site-main > article,
	.search .site-main > article {
		padding-bottom: 4em;
	}

	.navigation.pagination {
		clear: both;
		float: right;
		width: 58%;
	}

	.has-sidebar .navigation.pagination,
	.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
		float: none;
		width: 100%;
	}

	.entry-footer {
		display: table;
		width: 100%;
	}

	.entry-footer .cat-tags-links {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
	}

	.entry-footer .edit-link {
		display: table-cell;
		text-align: right;
		vertical-align: middle;
	}

	.entry-footer .edit-link a.post-edit-link {
		margin-top: 0;
		margin-left: 1em;
	}

	/* Entry content */

	/* without sidebar */

	:not(.has-sidebar) .entry-content blockquote.alignleft {
		margin-left: -17.5%;
		width: 48%;
	}

	:not(.has-sidebar) .entry-content blockquote.alignright {
		margin-right: -17.5%;
		width: 48%;
	}

	/* with sidebar */

	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: 0;
		width: 34%;
	}

	.has-sidebar .entry-content blockquote.alignright {
		margin-right: 0;
		width: 34%;
	}

	.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
		margin-right: -72.5%;
		width: 62%;
	}

	/* blog and archive */

	.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
	.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
	.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
	.page-two-column .entry-content blockquote.alignleft {
		margin-left: -72.5%;
		width: 62%;
	}

	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright {
		margin-right: 0;
		width: 36%;
	}

	/* Post formats */

	.format-quote blockquote .icon {
		left: -1.5em;
	}

	/* Pages */

	.page.page-one-column .entry-header,
	.twentyseventeen-front-page.page-one-column .entry-header,
	.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 4em;
	}

	.page:not(.home) #content {
		padding-bottom: 3.25em;
	}

	/* 404 page */

	.error404 .page-content {
		padding-bottom: 9em;
	}

	/* Comments */

	#comments {
		padding-top: 5em;
	}

	.comments-title {
		margin-bottom: 2.5em;
	}

	ol.children .children {
		padding-left: 2em;
	}

	/* Posts pagination */

	.nav-links .nav-title {
		position: relative;
	}

	.nav-title-icon-wrapper {
		position: absolute;
		text-align: center;
		width: 2em;
	}

	.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
		left: -2em;
	}

	.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
		right: -2em;
	}

	/* Secondary */

	#secondary {
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 1.6;
	}

	/* Widgets */

	h2.widget-title {
		font-size: 11px;
		font-size: 0.6875rem;
		margin-bottom: 2em;
	}

	/* Footer */

	.site-footer {
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 1.6;
	}

	.site-footer .widget-column.footer-widget-1 {
		float: left;
		width: 36%;
	}

	.site-footer .widget-column.footer-widget-2 {
		float: right;
		width: 58%;
	}

	.social-navigation {
		clear: left;
		float: left;
		margin-bottom: 0;
		width: 36%;
	}

	.site-info {
		float: left;
		padding: 0.7em 0 0;
		width: 58%;
	}

	.social-navigation + .site-info {
		margin-left: 6%;
	}

	.site-info .sep {
		margin: 0 0.5em;
		display: inline;
		visibility: visible;
		height: auto;
		width: auto;
	}

	/* Gallery Columns */

	.gallery-columns-5 .gallery-item {
		max-width: 20%;
	}

	.gallery-columns-6 .gallery-item {
		max-width: 16.66%;
	}

	.gallery-columns-7 .gallery-item {
		max-width: 14.28%;
	}

	.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
	}

	.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
	}
}

@media screen and ( min-width: 67em ) {

	/* Layout */

	/* Navigation */
	.navigation-top .wrap {
		padding: 0.75em 2em;
	}

	.navigation-top nav {
		margin-left: 0;
	}

	/* Sticky posts */

	.sticky .icon-thumb-tack {
		font-size: 32px;
		font-size: 2rem;
		height: 22px;
		left: -1.25em;
		top: 0.75em;
		width: 32px;
	}

	/* Pagination */

	.page-numbers {
		display: inline-block;
	}

	.page-numbers.current {
		font-size: 15px;
		font-size: 0.9375rem;
	}

	.page-numbers.current .screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		overflow: hidden;
		position: absolute !important;
		width: 1px;
	}

	/* Comments */

	.comment-body {
		margin-left: 0;
	}
}

@media screen and ( min-width: 79em ) {

	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: -20%;
	}

	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright,
	.twentyseventeen-front-page .entry-content blockquote.alignright {
		margin-right: -20%;
	}
}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {

	.admin-bar .site-navigation-fixed.navigation-top,
	.admin-bar .site-navigation-hidden.navigation-top {
		top: 46px;
	}
}

/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

@media print {

	/* Hide elements */

	form,
	button,
	input,
	select,
	textarea,
	.navigation-top,
	.social-navigation,
	#secondary,
	.content-bottom-widgets,
	.header-image,
	.panel-image-prop,
	.icon-thumb-tack,
	.page-links,
	.edit-link,
	.post-navigation,
	.pagination.navigation,
	.comments-pagination,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link,
	.site-footer aside.widget-area,
	.site-info {
		display: none !important;
	}

	.entry-footer,
	#comments,
	.site-footer,
	.single-featured-image-header {
		border: 0;
	}

	/* Font sizes */

	body {
		font-size: 12pt;
	}

	h1 {
		font-size: 24pt;
	}

	h2 {
		font-size: 22pt;
	}

	h3 {
		font-size: 17pt;
	}

	h4 {
		font-size: 12pt;
	}

	h5 {
		font-size: 11pt;
	}

	h6 {
		font-size: 12pt;
	}

	.page .panel-content .entry-title,
	.page-title,
	body.page:not(.twentyseventeen-front-page) .entry-title {
		font-size: 10pt;
	}

	/* Layout */

	.wrap {
		padding-left: 5% !important;
		padding-right: 5% !important;
		max-width: none;
	}

	/* Site Branding */

	.site-header {
		background: transparent;
		padding: 0;
	}

	.custom-header-media {
		padding: 0;
	}

	.twentyseventeen-front-page.has-header-image .site-branding,
	.twentyseventeen-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		position: relative;
	}

	.site-branding {
		margin-top: 0;
		margin-bottom: 1.75em !important; /* override styles added by JavaScript */
	}

	.site-title {
		font-size: 25pt;
	}

	.site-description {
		font-size: 12pt;
		opacity: 1;
	}

	/* Posts */

	.single-featured-image-header {
		background: transparent;
	}

	.entry-meta {
		font-size: 9pt;
	}

	/* Colors */

	body,
	.site {
		background: none !important; /* Brute force since user agents all print differently. */
	}

	body,
	a,
	.site-title a,
	.twentyseventeen-front-page.has-header-image .site-title,
	.twentyseventeen-front-page.has-header-video .site-title,
	.twentyseventeen-front-page.has-header-image .site-title a,
	.twentyseventeen-front-page.has-header-video .site-title a {
		color: #222 !important; /* Make sure color schemes don't affect to print */
	}

	h2,
	h5,
	blockquote,
	.site-description,
	.twentyseventeen-front-page.has-header-image .site-description,
	.twentyseventeen-front-page.has-header-video .site-description,
	.entry-meta,
	.entry-meta a {
		color: #777 !important; /* Make sure color schemes don't affect to print */
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 11pt;
		width: 34%;
	}

	.site-footer {
		padding: 0;
	}
}

.lcp_catlist {
	list-style:none;
}

.site-header .menu-scroll-down {
	display:none;
}
.profile_submit {
	text-align: center;
	margin: 0 0 20px;
}

/*-------foter styles----------*/

.widget-column .widget-title {
	font-weight: 900 !important;
}

/*-----------------------table styles-------------*/
div.progress {
	border-radius: 0 !important;
	margin-right: 4px;
	padding: 0 10px;
	min-width: 210px;
}
/*
div.progress div {
    width: 100% !important;
}
*/
div.progress div span {
	position: relative;
	left: 0;
}
.table th, .table td {
	padding: 0.75rem .5rem !important;
}
#individual_done_task_list_on_date .table-responsive {
	width: 100%;
	overflow-x: auto;
}
#individual_done_task_list_on_date .table-responsive::-webkit-scrollbar {
	height: 2px;
	background-color: #D2D2D2;
}
#individual_done_task_list_on_date .table-responsive::-webkit-scrollbar-thumb {
	background-color: #333333;
}
#individual_done_task_list_on_date .table-responsive table {
	width: 100%;
	min-width: 720px;
}
#individual_done_task_list_on_date .table-responsive table thead th {
	font-size: 14px;
}
#individual_done_task_list_on_date .table-responsive table tr td:nth-child(5) span {
	font-size: 10px !important;
}
#individual_done_task_list_on_date .table-responsive table thead th:nth-child(1), #individual_done_task_list_on_date .table-responsive table tbody th:nth-child(1) {
	width: 100px !important;
}
#individual_done_task_list_on_date .table-responsive table thead th:nth-child(5), #individual_done_task_list_on_date .table-responsive table tbody th:nth-child(5) {
	width: 140px !important;
}
#individual_done_task_list_on_date .table-responsive table thead th:nth-child(2), #individual_done_task_list_on_date .table-responsive table tbody th:nth-child(2) {
	width: 200px !important;
}
#individual_done_task_list_on_date .table-responsive table thead th:nth-child(4), #individual_done_task_list_on_date .table-responsive table tbody th:nth-child(4) {
	width: 200px !important;
}

@media screen and (max-width: 1200px) {
	#individual_done_task_list_on_date .table-responsive table td, #individual_done_task_list_on_date .table-responsive table th {
		font-size: 14px !important;
	}
	#individual_done_task_list_on_date .table-responsive table thead th:nth-child(2), #individual_done_task_list_on_date .table-responsive table tbody th:nth-child(2), #individual_done_task_list_on_date .table-responsive table thead th:nth-child(4), #individual_done_task_list_on_date .table-responsive table tbody th:nth-child(4) {
		width: 160px !important;
	}
}

/*-----------page raiting edit by Denisenko----------*/

/* ------------ dates calendar-------*/
#date_select {
	width: 100%;
	margin: 0;
	border: 2px solid #333;
	padding: 3px;

	position: absolute;
	z-index: 1;
	background-color: white;
}
#date_select p {
	margin: 0 0 0;
	cursor: pointer;
}
#date_select .calendar-content {
	display: none;
	border-top: 2px solid #333;
}
#date_select .calendar-content.show {
	display: block;
}
#date_select .calendar-year {
	padding: 3px 0;
	display: flex;
	justify-content: space-between;
}
#date_select .calendar-year .prev-year, #date_select .calendar-year .next-year {
	width: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}
#date_select .calendar-year .curr-year {
	font-weight: 700;
}
#date_select .calendar-month {
	display: flex;
	flex-wrap: wrap;
}
#date_select .calendar-month span {
	border-radius: 3px;
	width: calc(100%/3);
	padding: 12px 0px;
	text-align: center;
	cursor: pointer;
	font-size: 14px;
	display: block;
}
#date_select .calendar-month span.active {
	color: rgb(255, 255, 255);
	background-color: rgb(0, 123, 255);
}
/* ------------ dates calendar end-------*/
#group_select {
	position: relative;
	width: 100%;
	margin: 0;
	border: 2px solid #333;
	padding: 3px;
	border-radius: 600px 25px 225px 25px/25px 600px 25px 600px;
}

#group_select.hide {
	display: none;
}
.text_for_users {
	margin: 10px 0 5px 10px;}
#group_select p {
	margin: 0 0 0;
	cursor: pointer;
}
#group_select ul::-webkit-scrollbar {
	width: 2px;
	background-color: #D2D2D2;
}
#group_select ul::-webkit-scrollbar-thumb {
	background-color: #333333;
}
#group_select ul {
	width: 100%;
	display: none;
	max-height: 120px;
	overflow: auto;
	margin: 5px auto;

	position: absolute;
	border: 1px rgb(121, 119, 119) solid;
	background-color: white;
	left: 0;
	z-index: 1;
	border-radius: 555px 25px 15px 25px/25px 5px 35px 555px !important;

}
#group_select.active ul {
	display: block;
	position: absolute;
}
#group_select ul li {
	padding: 2px;
}
#group_select ul li + li {
	border-top: 1px solid #333;
}
.hide-group {
	display: none;
}
.hide-group.show {
	display: flex;
}
#group_select-group {
	/*
	display: none;
	*/
	width: 100%;
	margin: 0;
	border: 2px solid #333;
	padding: 3px;
	border-radius: 600px 25px 225px 25px/25px 600px 25px 600px;
}
/*
#group_select-group.show {
	display: block;
}
*/
#group_select-group p {
	margin: 0 0 0;
	cursor: pointer;
}
#group_select-group ul::-webkit-scrollbar {
	width: 2px;
	background-color: #D2D2D2;
}
#group_select-group ul::-webkit-scrollbar-thumb {
	background-color: #333333;
}
#group_select-group ul {
	display: none;
	max-height: 120px;
	overflow: auto;
	margin: 5px 0 0;
}
#group_select-group.active ul {
	display: block;
}
#group_select-group ul li {
	padding: 2px;
}
#group_select-group ul li + li {
	border-top: 1px solid #333;
}
.new-flex {
	display: flex;
	margin: 15px 0 0;
}
.new-flex p {
	width: 49%;
	padding: 0 1% 0 0;
}

/*---------table styles----------*/
#table-content .nav-tabs .nav-item {
	width: calc(100%/3);
	background-color: rgba(197, 228, 108, 0.5);
	/*
	border: 1px solid rgba(197, 228, 108, 0.5);
	*/
	border: 1px solid #495057;
	border-radius: 0.25rem 0.25rem 0 0;
	transition: .2s;
}
#table-content .nav-tabs .nav-item a {
	color: #495057;
	transition: .2s;
	border-radius: 0;
	border: none;
	outline: none;
	padding: 0.5rem 0.4rem;
}
#table-content .nav-tabs .nav-item.active {
	background-color: #fff;
	border: 1px solid #495057;
	border-radius: 0.25rem 0.25rem 0 0;
	transition: .2s;
}
#table-content .nav-tabs .nav-item.active a {
	color: #495057;
}
#table-content .nav-tabs .nav-item:hover, #table-content .nav-tabs .nav-item:focus {
	border-radius: 0.25rem 0.25rem 0 0;
	background: #767676;
}
#table-content .nav-tabs .nav-item:hover a, #table-content .nav-tabs .nav-item:focus a {
	color: #fff;
	border-radius: 0;
}
/*
.table-content li.active {
border-top: 1px solid #333;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-radius: 3px 3px 0 0;
}
*/
.select-box {
	max-width: 200px;
	position: relative;
}
.datepicker-month_show span, #group_select, #group_select-group {
	border-radius: 0 !important;
	background-color: #fff !important;
}
/*
#table-content .tab-content table thead tr td {
	background: rgba(38, 173, 26, 0.7);
	color: white;
}
#table-content .tab-content table tr td {
	padding: 0.4em;
	border: 1px solid #dee2e6;
}
 #table-content .tab-content table tbody tr td {
	background: rgba(225, 255, 233, 0.7);
	color: #212529;
}
*/
@media screen and (max-width: 767px) {
	#date_select, #group_select, #group_select-group {
		margin: 0 0 15px !important;
	}
	.text_for_users {
		margin: 10px 0 5px 0;
	}
	.select-box {
		max-width: 100%;
	}

	#table-content .nav-tabs .nav-item, .table-block .nav-tabs .nav-item {
		width: 100%;
	}
}
/*-----------page raiting edit by Denisenko end----------*/


/*-----28.09 new_design---------*/

a.trainings_buttons_url.passed_lesson {
	background: #b0b0b0 !important;
}

/*-----28.09 new_design end---------*/

/*-----28.09 new fonts------------*/

/* This stylesheet generated by Transfonter (https://transfonter.org) on June 21, 2017 9:51 AM */

@font-face {
	font-family: 'Proxima Nova Cn Lt';
	src: url('assets/fonts/ProximaNovaCond-LightIt.eot');
	src: local('Proxima Nova Condensed Light Italic'), local('ProximaNovaCond-LightIt'),
	url('assets/fonts/ProximaNovaCond-LightIt.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaCond-LightIt.woff') format('woff'),
	url('assets/fonts/ProximaNovaCond-LightIt.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova Lt';
	src: url('assets/fonts/ProximaNova-LightIt.eot');
	src: local('Proxima Nova Light Italic'), local('ProximaNova-LightIt'),
	url('assets/fonts/ProximaNova-LightIt.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNova-LightIt.woff') format('woff'),
	url('assets/fonts/ProximaNova-LightIt.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova Cn Rg';
	src: url('assets/fonts/ProximaNovaCond-Regular.eot');
	src: local('Proxima Nova Condensed Regular'), local('ProximaNovaCond-Regular'),
	url('assets/fonts/ProximaNovaCond-Regular.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaCond-Regular.woff') format('woff'),
	url('assets/fonts/ProximaNovaCond-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Th';
	src: url('assets/fonts/ProximaNova-Extrabld.eot');
	src: local('Proxima Nova Extrabold'), local('ProximaNova-Extrabld'),
	url('assets/fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNova-Extrabld.woff') format('woff'),
	url('assets/fonts/ProximaNova-Extrabld.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Cn Bl';
	src: url('assets/fonts/ProximaNovaCond-Black.eot');
	src: local('Proxima Nova Condensed Black'), local('ProximaNovaCond-Black'),
	url('assets/fonts/ProximaNovaCond-Black.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaCond-Black.woff') format('woff'),
	url('assets/fonts/ProximaNovaCond-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Cn Th';
	src: url('assets/fonts/ProximaNovaCond-ExtrabldIt.eot');
	src: local('Proxima Nova Condensed Extrabold Italic'), local('ProximaNovaCond-ExtrabldIt'),
	url('assets/fonts/ProximaNovaCond-ExtrabldIt.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaCond-ExtrabldIt.woff') format('woff'),
	url('assets/fonts/ProximaNovaCond-ExtrabldIt.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('assets/fonts/ProximaNova-Regular.eot');
	src: local('Proxima Nova Regular'), local('ProximaNova-Regular'),
	url('assets/fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNova-Regular.woff') format('woff'),
	url('assets/fonts/ProximaNova-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Lt';
	src: url('assets/fonts/ProximaNova-Semibold.eot');
	src: local('Proxima Nova Semibold'), local('ProximaNova-Semibold'),
	url('assets/fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNova-Semibold.woff') format('woff'),
	url('assets/fonts/ProximaNova-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova ExCn Th';
	src: url('assets/fonts/ProximaNovaExCn-Thin.eot');
	src: local('Proxima Nova Extra Condensed Thin'), local('ProximaNovaExCn-Thin'),
	url('assets/fonts/ProximaNovaExCn-Thin.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaExCn-Thin.woff') format('woff'),
	url('assets/fonts/ProximaNovaExCn-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Cn Lt';
	src: url('assets/fonts/ProximaNovaCond-Semibold.eot');
	src: local('Proxima Nova Condensed Semibold'), local('ProximaNovaCond-Semibold'),
	url('assets/fonts/ProximaNovaCond-Semibold.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaCond-Semibold.woff') format('woff'),
	url('assets/fonts/ProximaNovaCond-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova ExCn Lt';
	src: url('assets/fonts/ProximaNovaExCn-SemiboldIt.eot');
	src: local('Proxima Nova Extra Condensed Semibold Italic'), local('ProximaNovaExCn-SemiboldIt'),
	url('assets/fonts/ProximaNovaExCn-SemiboldIt.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaExCn-SemiboldIt.woff') format('woff'),
	url('assets/fonts/ProximaNovaExCn-SemiboldIt.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova ExCn Lt';
	src: url('assets/fonts/ProximaNovaExCn-Semibold.eot');
	src: local('Proxima Nova Extra Condensed Semibold'), local('ProximaNovaExCn-Semibold'),
	url('assets/fonts/ProximaNovaExCn-Semibold.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaExCn-Semibold.woff') format('woff'),
	url('assets/fonts/ProximaNovaExCn-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Th';
	src: url('assets/fonts/ProximaNova-ThinIt.eot');
	src: local('Proxima Nova Thin Italic'), local('ProximaNova-ThinIt'),
	url('assets/fonts/ProximaNova-ThinIt.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNova-ThinIt.woff') format('woff'),
	url('assets/fonts/ProximaNova-ThinIt.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova Cn Th';
	src: url('assets/fonts/ProximaNovaCond-Thin.eot');
	src: local('Proxima Nova Condensed Thin'), local('ProximaNovaCond-Thin'),
	url('assets/fonts/ProximaNovaCond-Thin.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaCond-Thin.woff') format('woff'),
	url('assets/fonts/ProximaNovaCond-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Cn Rg';
	src: url('assets/fonts/ProximaNovaCond-RegularIt.eot');
	src: local('Proxima Nova Condensed Regular Italic'), local('ProximaNovaCond-RegularIt'),
	url('assets/fonts/ProximaNovaCond-RegularIt.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaCond-RegularIt.woff') format('woff'),
	url('assets/fonts/ProximaNovaCond-RegularIt.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova ExCn Th';
	src: url('assets/fonts/ProximaNovaExCn-ThinIt.eot');
	src: local('Proxima Nova Extra Condensed Thin Italic'), local('ProximaNovaExCn-ThinIt'),
	url('assets/fonts/ProximaNovaExCn-ThinIt.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaExCn-ThinIt.woff') format('woff'),
	url('assets/fonts/ProximaNovaExCn-ThinIt.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova Lt';
	src: url('assets/fonts/ProximaNova-SemiboldIt.eot');
	src: local('Proxima Nova Semibold Italic'), local('ProximaNova-SemiboldIt'),
	url('assets/fonts/ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNova-SemiboldIt.woff') format('woff'),
	url('assets/fonts/ProximaNova-SemiboldIt.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('assets/fonts/ProximaNova-RegularIt.eot');
	src: local('Proxima Nova Regular Italic'), local('ProximaNova-RegularIt'),
	url('assets/fonts/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNova-RegularIt.woff') format('woff'),
	url('assets/fonts/ProximaNova-RegularIt.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova Cn Th';
	src: url('assets/fonts/ProximaNovaCond-Extrabld.eot');
	src: local('Proxima Nova Condensed Extrabold'), local('ProximaNovaCond-Extrabld'),
	url('assets/fonts/ProximaNovaCond-Extrabld.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaCond-Extrabld.woff') format('woff'),
	url('assets/fonts/ProximaNovaCond-Extrabld.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova ExCn Th';
	src: url('assets/fonts/ProximaNovaExCn-ExtrabldIt.eot');
	src: local('Proxima Nova Extra Condensed Extrabold Italic'), local('ProximaNovaExCn-ExtrabldIt'),
	url('assets/fonts/ProximaNovaExCn-ExtrabldIt.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaExCn-ExtrabldIt.woff') format('woff'),
	url('assets/fonts/ProximaNovaExCn-ExtrabldIt.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova ExCn Bl';
	src: url('assets/fonts/ProximaNovaExCn-BlackIt.eot');
	src: local('Proxima Nova Extra Condensed Black Italic'), local('ProximaNovaExCn-BlackIt'),
	url('assets/fonts/ProximaNovaExCn-BlackIt.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaExCn-BlackIt.woff') format('woff'),
	url('assets/fonts/ProximaNovaExCn-BlackIt.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova ExCn Lt';
	src: url('assets/fonts/ProximaNovaExCn-LightIt.eot');
	src: local('Proxima Nova Extra Condensed Light Italic'), local('ProximaNovaExCn-LightIt'),
	url('assets/fonts/ProximaNovaExCn-LightIt.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaExCn-LightIt.woff') format('woff'),
	url('assets/fonts/ProximaNovaExCn-LightIt.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova Cn Th';
	src: url('assets/fonts/ProximaNovaCond-ThinIt.eot');
	src: local('Proxima Nova Condensed Thin Italic'), local('ProximaNovaCond-ThinIt'),
	url('assets/fonts/ProximaNovaCond-ThinIt.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaCond-ThinIt.woff') format('woff'),
	url('assets/fonts/ProximaNovaCond-ThinIt.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova ExCn Lt';
	src: url('assets/fonts/ProximaNovaExCn-Light.eot');
	src: local('Proxima Nova Extra Condensed Light'), local('ProximaNovaExCn-Light'),
	url('assets/fonts/ProximaNovaExCn-Light.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaExCn-Light.woff') format('woff'),
	url('assets/fonts/ProximaNovaExCn-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Cn Rg';
	src: url('assets/fonts/ProximaNovaCond-BoldIt.eot');
	src: local('Proxima Nova Condensed Bold Italic'), local('ProximaNovaCond-BoldIt'),
	url('assets/fonts/ProximaNovaCond-BoldIt.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaCond-BoldIt.woff') format('woff'),
	url('assets/fonts/ProximaNovaCond-BoldIt.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova ExCn Th';
	src: url('assets/fonts/ProximaNovaExCn-Extrabld.eot');
	src: local('Proxima Nova Extra Condensed Extrabold'), local('ProximaNovaExCn-Extrabld'),
	url('assets/fonts/ProximaNovaExCn-Extrabld.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaExCn-Extrabld.woff') format('woff'),
	url('assets/fonts/ProximaNovaExCn-Extrabld.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova ExCn Rg';
	src: url('assets/fonts/ProximaNovaExCn-BoldIt.eot');
	src: local('Proxima Nova Extra Condensed Bold Italic'), local('ProximaNovaExCn-BoldIt'),
	url('assets/fonts/ProximaNovaExCn-BoldIt.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaExCn-BoldIt.woff') format('woff'),
	url('assets/fonts/ProximaNovaExCn-BoldIt.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova Bl';
	src: url('assets/fonts/ProximaNova-Black.eot');
	src: local('Proxima Nova Black'), local('ProximaNova-Black'),
	url('assets/fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNova-Black.woff') format('woff'),
	url('assets/fonts/ProximaNova-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('assets/fonts/ProximaNova-Bold.eot');
	src: local('Proxima Nova Bold'), local('ProximaNova-Bold'),
	url('assets/fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNova-Bold.woff') format('woff'),
	url('assets/fonts/ProximaNova-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova ExCn Rg';
	src: url('assets/fonts/ProximaNovaExCn-Bold.eot');
	src: local('Proxima Nova Extra Condensed Bold'), local('ProximaNovaExCn-Bold'),
	url('assets/fonts/ProximaNovaExCn-Bold.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaExCn-Bold.woff') format('woff'),
	url('assets/fonts/ProximaNovaExCn-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Th';
	src: url('assets/fonts/ProximaNovaT-Thin.eot');
	src: local('Proxima Nova Thin'), local('ProximaNovaT-Thin'),
	url('assets/fonts/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaT-Thin.woff') format('woff'),
	url('assets/fonts/ProximaNovaT-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('assets/fonts/ProximaNova-BoldIt.eot');
	src: local('Proxima Nova Bold Italic'), local('ProximaNova-BoldIt'),
	url('assets/fonts/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNova-BoldIt.woff') format('woff'),
	url('assets/fonts/ProximaNova-BoldIt.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova Cn Rg';
	src: url('assets/fonts/ProximaNovaCond-Bold.eot');
	src: local('Proxima Nova Condensed Bold'), local('ProximaNovaCond-Bold'),
	url('assets/fonts/ProximaNovaCond-Bold.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaCond-Bold.woff') format('woff'),
	url('assets/fonts/ProximaNovaCond-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova ExCn Bl';
	src: url('assets/fonts/ProximaNovaExCn-Black.eot');
	src: local('Proxima Nova Extra Condensed Black'), local('ProximaNovaExCn-Black'),
	url('assets/fonts/ProximaNovaExCn-Black.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaExCn-Black.woff') format('woff'),
	url('assets/fonts/ProximaNovaExCn-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova ExCn Rg';
	src: url('assets/fonts/ProximaNovaExCn-RegularIt.eot');
	src: local('Proxima Nova Extra Condensed Regular Italic'), local('ProximaNovaExCn-RegularIt'),
	url('assets/fonts/ProximaNovaExCn-RegularIt.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaExCn-RegularIt.woff') format('woff'),
	url('assets/fonts/ProximaNovaExCn-RegularIt.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova Cn Lt';
	src: url('assets/fonts/ProximaNovaCond-Light.eot');
	src: local('Proxima Nova Condensed Light'), local('ProximaNovaCond-Light'),
	url('assets/fonts/ProximaNovaCond-Light.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaCond-Light.woff') format('woff'),
	url('assets/fonts/ProximaNovaCond-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Th';
	src: url('assets/fonts/ProximaNova-ExtrabldIt.eot');
	src: local('Proxima Nova Extrabold Italic'), local('ProximaNova-ExtrabldIt'),
	url('assets/fonts/ProximaNova-ExtrabldIt.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNova-ExtrabldIt.woff') format('woff'),
	url('assets/fonts/ProximaNova-ExtrabldIt.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova Cn Bl';
	src: url('assets/fonts/ProximaNovaCond-BlackIt.eot');
	src: local('Proxima Nova Condensed Black Italic'), local('ProximaNovaCond-BlackIt'),
	url('assets/fonts/ProximaNovaCond-BlackIt.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaCond-BlackIt.woff') format('woff'),
	url('assets/fonts/ProximaNovaCond-BlackIt.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova ExCn Rg';
	src: url('assets/fonts/ProximaNovaExCn-Regular.eot');
	src: local('Proxima Nova Extra Condensed Regular'), local('ProximaNovaExCn-Regular'),
	url('assets/fonts/ProximaNovaExCn-Regular.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaExCn-Regular.woff') format('woff'),
	url('assets/fonts/ProximaNovaExCn-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Lt';
	src: url('assets/fonts/ProximaNova-Light.eot');
	src: local('Proxima Nova Light'), local('ProximaNova-Light'),
	url('assets/fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNova-Light.woff') format('woff'),
	url('assets/fonts/ProximaNova-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Cn Lt';
	src: url('assets/fonts/ProximaNovaCond-SemiboldIt.eot');
	src: local('Proxima Nova Condensed Semibold Italic'), local('ProximaNovaCond-SemiboldIt'),
	url('assets/fonts/ProximaNovaCond-SemiboldIt.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNovaCond-SemiboldIt.woff') format('woff'),
	url('assets/fonts/ProximaNovaCond-SemiboldIt.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova Bl';
	src: url('assets/fonts/ProximaNova-BlackIt.eot');
	src: local('Proxima Nova Black Italic'), local('ProximaNova-BlackIt'),
	url('assets/fonts/ProximaNova-BlackIt.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/ProximaNova-BlackIt.woff') format('woff'),
	url('assets/fonts/ProximaNova-BlackIt.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

/*-----28.09 new fonts end------------*/

/*-----29.09 new_design edit by Denisenko---------*/

.site-content-contain {
	background: #f3f7f5;
}
#content {
	padding: 0;
}
.site-content-contain .site-content .table-block {
	background: #fff;
	padding: 40px 15px 40px;
	_max-height: 1170px;
	overflow-x: hidden;
	border: 1px solid #e3e3e3;
	background-position: center;
	background-size: cover;
}
.site-content-contain .site-content .table-block::-webkit-scrollbar {
	width: 4px;
	background-color: #e3e3e3;
}
.site-content-contain .site-content .table-block::-webkit-scrollbar-thumb  {
	background-color: #9d9d9d;
	padding: 6px 2px;
}
.site-content-contain .site-content .table-block .scroll-box {

}
.site-content-contain .site-content .table-block .table-title h2 {
	font-family: 'Proxima Nova Rg';
	color: #000000;
	font-size: 24px;
	margin: 0 0 50px;
	font-weight: 400;
}
.site-content-contain .site-content .table-block .table-title p {
	font-family: 'Proxima Nova Rg';
	font-size: 16px;
	color: #000000;
	font-weight: 400;
}
#table-content .nav-tabs .nav-item {
	text-align: center;
	background: #c9f6eb;
	border: none;
	border-bottom: 3px solid #c9f6eb;
	border-radius: 8px 8px 0 0;
}
#table-content .nav-tabs .nav-item.active {
	border: none;
	background: #fff;
	border-bottom: 3px solid #007bff;
}
#table-content .nav-tabs .nav-item a {
	font-family: 'Proxima Nova Rg';
	font-weight: 600;
	font-size: 16px;
	color: #1d6b42;
}
#table-content .nav-tabs .nav-item.active a {
	color: #007bff;
}
#table-content .nav-tabs .nav-item:hover {
	background: #007bff;
}
#table-content .nav-tabs .nav-item:hover a {
	color: #fff;
}
#table-content .tab-content .tab-pane {
	padding: 0 !important;
	margin: 20px 0 0;
}
#table-content .tab-content table thead td {
	background: #fff7cf;
	border: 1px solid #b0b0b0;
}
#table-content .tab-content table tbody td {
	background: #fff7cf;
	border: 1px solid #fff;
}
#table-content .tab-content table tbody tr:nth-child(1) td, #table-content .tab-content table tbody tr:nth-child(2) td, #table-content .tab-content table tbody tr:nth-child(3) td, #table-content .tab-content table tbody tr:nth-child(4) td, #table-content .tab-content table tbody tr:nth-child(5) td, #table-content .tab-content table tbody tr:nth-child(6) td, #table-content .tab-content table tbody tr:nth-child(7) td, #table-content .tab-content table tbody tr:nth-child(8) td, #table-content .tab-content table tbody tr:nth-child(9) td, #table-content .tab-content table tbody tr:nth-child(10) td {
	background: #ffe879;
}
#table-content .tab-content table td {
	font-family: 'Proxima Nova Rg';
	font-weight: 400;
	font-size: 16px;
	height: 46px;
	padding: 5px 15px;
}
#table-content .tab-content table tbody td:nth-child(1) {
	width: 75px;
}
#table-content .tab-content table tbody td:nth-child(2) {
	width: calc((100% - 75px)/2);
}
#table-content .tab-content table tbody td:nth-child(3) {
	width: calc((100% - 75px)/2);
}
#table-content .tab-content table tbody tr td a {
	display: flex;
	align-items: center;
	text-decoration: none;
}
table tr td:nth-child(2) div.flex {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

#table-content .tab-content table td .table-image {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #fff;
	position: relative;
	margin: 0 15px 0 0;
	overflow: hidden;
}
#table-content .tab-content table td .table-image img {
	margin: 2px 0 0 0;
}

/*--------------task_list-------------*/

.table-block .title_page_task_list {
	background: transparent;
	margin: 0;
	height: auto;
	justify-content: left;
}
.table-block .title_page_task_list h3.text-center.neucha {
	font-family: 'Proxima Nova Rg';
	color: #000000;
	font-size: 24px;
	margin: 0 0 40px;
	font-weight: 400;
}
.table-block .title_page_task_list h3.text-center.neucha span {
	color: #007bff;
	font-weight: 600;
}
.table-block input[type="date"] {
	font-family: 'Proxima Nova Rg';
	color: #cccccc;
	border-color: #cccccc;
}
.table-block .for_buttons {
	display: flex;
	margin: 0 0 30px;
}
.table-block .for_buttons button {
	display: flex;
	width: 190px;
	height: 40px;
	align-items: center;
	justify-content: center;
	font-family: 'Proxima Nova Rg';
	font-size: 16px;
	color: #1d6b42;
	background: #c9f6eb !important;
	border: 2px solid #c9f6eb;
	border-radius: 20px;
	transition: .3s;
	outline: none;
	box-shadow: none;
	margin: 20px 25px 20px 0;
}
.table-block .for_buttons button a {
	color: #1d6b42;
}
.table-block .for_buttons button:hover {
	background: #fff !important;
}
.table-block .for_buttons button.for_search_list {
}
.table-block .card-custom {
	margin-bottom: 0;
}
#search_content {
	margin: 0;
}
#search_content .nav-item {
	text-align: center;
	background: transparent;
	border: none;
	/*
	border-bottom: 3px solid #c9f6eb;
	*/
	border-radius: 8px 8px 0 0;
	transition: .3s;

}
#search_content .nav-item button {
	font-family: 'Proxima Nova Rg';
	font-weight: 600;
	font-size: 16px;
	background: #c9f6eb;
	border: none;
	color: #1d6b42;
	border-bottom: 3px solid #c9f6eb;
	outline: none;
}
#search_content .nav-item button:hover{
	background: #8b939b;
	color: #fff;
}
#search_content .nav-item button.success_style.active:hover {
	background: #007bff !important;
	color: #fff;
}
#search_content .nav-item button.success_style.active {
	background: transparent;
	border-bottom: 3px solid #007bff;
	color: #007bff;
}
.table-block #individual_done_task_list_on_date .table-responsive table {
	min-width: 780px;
}
.table-block #individual_done_task_list_on_date .table-responsive table thead th:nth-child(1) {
	width: 110px !important;
}
.table-block #individual_done_task_list_on_date .table-responsive table thead th:nth-child(2) {
	width: 235px !important;
}
.table-block #individual_done_task_list_on_date .table-responsive table thead th:nth-child(3) {
	width: 160px !important;
}
.table-block #individual_done_task_list_on_date .table-responsive table thead th:nth-child(4) {
	width: 275px !important;
}
.table-block #individual_done_task_list_on_date .table-responsive table thead th:nth-child(5) {
	width: 160px !important;
}
.table-block #individual_done_task_list_on_date .table-responsive table thead th {
	background: #fff7cf !important;
}
.table-block #individual_done_task_list_on_date .table-responsive table th, .table-block #individual_done_task_list_on_date .table-responsive table td {
	padding: 15px;
	font-family: 'Proxima Nova Rg';
	font-weight: 400;
	font-size: 16px !important;
	color: #000000;
	border: 1px solid #b0b0b0;
	background: #fff;
	vertical-align: top !important;
	text-align: left !important;
}
.table-block #individual_done_task_list_on_date .table-responsive table .progress {
	display: flex;
	margin: 0 auto;
	justify-content: start;
	align-items: center;
	width: 120px;
	min-width: 120px;
	height: 40px !important;
	border-radius: 8px !important;
	padding: 0;
	background: #b0b0b0 !important;

}
.table-block #individual_done_task_list_on_date .table-responsive table .progress .progress-bar {
	/*
	border-radius: 8px 0 0 8px;
	*/
	overflow: visible;
}
.table-block #individual_done_task_list_on_date .table-responsive table .progress div {
	height: 100%;
	background-color: #fed302 !important;
}
.table-block #individual_done_task_list_on_date .table-responsive table .progress div span {
	/*
	position: relative !important;
	*/
	font-family: 'Proxima Nova Lt' !important;
	font-weight: 600;
	font-size: 16px !important;
	color: #000000;
	width: 50px;
	text-align: center;
	/* display: flex; */
	justify-content: center;
	left: calc(50% - 25px) !important;
}

@media screen and (max-width: 767px) {
	.site-content-contain .site-content .table-block {
		max-width: calc(100% - 30px);
		margin: 20px auto;
	}
	#table-content .nav-tabs .nav-item {
		border: none;
		margin: 0;
		border-radius: 0;
	}
	#search_content .nav-item {
		width: auto;
	}
}
/*-----29.09 new_design end---------*/

/*-----30.09 new_design edit by Denisenko---------*/

.single-playlist #content {
	padding-top: 20px;
}
.single-playlist .table-block .breadcrumbs_wrapp {
	padding: 0;
	margin: 0 0 25px;
}
.single-playlist .table-block .breadcrumbs_wrapp a {
	font-family: 'Proxima Nova Rg';
	font-weight: 400;
	font-size: 16px;
	color: #1d6b42;
}
.single-playlist .table-block .breadcrumbs_wrapp a:hover {
	text-decoration: none;
}
.single-playlist .table-block .breadcrumbs_wrapp a img {
	position: relative;
	margin: -3px 25px 0 0;
}
.single-playlist .table-block h1 {
	font-family: 'Proxima Nova Rg';
	font-weight: 400;
	font-size: 24px;
	color: #007bff;
	margin: 0 0 60px !important;
}
.single-playlist .table-block .playlist-content h4 {
	font-family: 'Proxima Nova Rg';
	font-weight: 400;
	margin: 0 0 35px;
	font-size: 26px;
	padding: 0;
}
.single-playlist .table-block .playlist-content h4 strong, .single-playlist .table-block .playlist-content h4 b {
	font-weight: 400;
}
.single-playlist .table-block .playlist-content .wp-video {
	margin: 0 0 80px;
}
.single-playlist .table-block .playlist-content h2 {
	font-family: 'Proxima Nova Rg';
	font-weight: 400;
	color: #000;
	font-size: 40px;
	padding: 0;
	margin: 0;
}
.single-playlist .table-block .playlist-content h3 {
	font-family: 'Proxima Nova Rg';
	font-weight: 400;
	color: #000;
	font-size: 26px;
	padding: 0;
	margin: 0 0 15px;
}
.single-playlist .table-block .playlist-content .col-md-special {
	margin-right: 35px;
	margin-bottom: 20px;
}
.single-playlist .table-block .playlist-content .col-md-special p {
	margin: 0 0 40px;
}
.single-playlist .table-block .playlist-content .col-md-special p a {
	background: #1d6b42 !important;
	font-family: 'Proxima Nova Rg';
	font-weight: 700;
	font-size: 18px;
	border: 2px solid #1d6b42;
	border-radius: 0;
	box-shadow: none;
}
.single-playlist .table-block .playlist-content .col-md-special p a:hover {
	background: #fff !important;
	color: #1d6b42;
}
.single-playlist .table-block .playlist-content .col-md-special p a.trainings_buttons_url.passed_lesson {
	background: #b0b0b0 !important;
}

/*---new sidebar menu---*/

.sidebar-content {
	background: #fff;
	padding: 15px 25px;
	border: 1px solid #e3e3e3;
}
.sidebar-content .info_wrapp {
	padding: 0 15px;
}
.sidebar-content .info_wrapp img {
	width: 70px;
	border: 1px solid #007bff;
	margin: 0;
}
.sidebar-content .info_wrapp .user_info {
	width: calc(100% - 85px);
	margin: 30px 0 30px 15px;
}
.sidebar-content .info_wrapp .user_info .user_info--name {
	font-family: 'Proxima Nova Rg';
	font-weight: 400;
	font-size: 14px;
	margin: 0 0 15px;
}
.sidebar-content .info_wrapp .user_info--status {
	width: 100%;
	font-family: 'Proxima Nova Rg';
	font-weight: 700;
	font-size: 14px;
	padding: 0;
	margin: 20px 0 !important;
	color: #fb9700;
}
.sidebar-content .sidebar-border {
	height: 2px;
	width: 100%;
	background: #e3e3e3;
	margin: 0 0 15px;
}
.sidebar-content .nav-link {
	position: relative;
	font-family: 'Proxima Nova Rg';
	font-weight: 600;
	font-size: 14px;
	color: #1d6b42;
	padding: 15px 0 15px 40px;
	margin: 0;
	outline: none;
}
.sidebar-content .nav-link:before {
	position: absolute;
	display: block;
	width: 28px;
	height: 28px;
	left: -2px;
	top: 10px;
	content: '';
	background-image: url(/wp-content/plugins/lessons_online/assets/img/menu-icons.png);
	background-repeat: no-repeat;
}
.sidebar-content .nav-link:hover:before,
.sidebar-content .nav-link.active:before {
	background-image: url(/wp-content/plugins/lessons_online/assets/img/menu-icons-active.png);
}
.sidebar-content .nav-link.sidebar-link-1:before,  .sidebar-content .nav-link.sidebar-link-1-2:before{
	background-position: 0 -59px;
}
.sidebar-content .nav-link.sidebar-link-2:before {
	background-position: 0 -120px;
}
.sidebar-content .nav-link.sidebar-link-3:before {
	background-position: 0 -175px;
}
.sidebar-content .nav-link.sidebar-link-4:before {
	background-position: 0 -230px;
}
.sidebar-content .nav-link.sidebar-link-5:before {
	background-position: 0 -287px;
}
.sidebar-content .nav-link.sidebar-link-6:before {
	background-position: 0 2px;
}
.sidebar-content .nav-link.sidebar-link-7:before {
	background-position: 0 -26px;
}
.sidebar-content .nav-link.sidebar-link-8:before {
	background-image: url(/wp-content/plugins/lessons_online/assets/img/generator-templates.png);
	top: 12px;
	background-position: 6px 3px;
	background-size: 21px;
}
.sidebar-content .nav-link.sidebar-link-8:hover:before,
.sidebar-content .nav-link.sidebar-link-8.active:before {
	background-position: 6px -23px;
}
.sidebar-content .nav-link.sidebar-link-9:before {
	background-image: url(/wp-content/plugins/lessons_online/assets/img/ic_my_orders.png);
}
.sidebar-content .nav-link.sidebar-link-9:hover:before,
.sidebar-content .nav-link.sidebar-link-9.active:before {
	background-image: url(/wp-content/plugins/lessons_online/assets/img/ic_my_orders_active.png);
}
.sidebar-content .nav-link.sidebar-link-10:before {
	background-image: url(/wp-content/plugins/lessons_online/assets/img/generator-templates.png);
	top: 20px;
	background-position: 6px 3px;
	background-size: 21px;
}
.sidebar-content .nav-link.sidebar-link-10:hover:before,
.sidebar-content .nav-link.sidebar-link-10.active:before {
	background-position: 6px -23px;
}
.sidebar-content .nav-link.sidebar-link-11:before {
	background-position: 0 -175px;
}
.sidebar-content .nav-link.sidebar-link-12:before {
	background-position: 0 -230px;
}
.sidebar-content .nav-link.sidebar-link-13:before {
	background-position: 0 -59px;
}
.sidebar-content .nav-link.sidebar-link-14:before {
	background-image: url(/wp-content/plugins/lessons_online/assets/img/ic_my_orders.png);
}
.sidebar-content .nav-link.sidebar-link-14:hover:before {
	background-image: url(/wp-content/plugins/lessons_online/assets/img/ic_my_orders_active.png);
}
.sidebar-content .nav-link.sidebar-link-15:before {
	background-position: 0 -59px;
}
.sidebar-content .nav-link.sidebar-link-15.active:before {

}
.sidebar-content .nav-link.sidebar-link-16:before {
	background-image: url(/wp-content/plugins/lessons_online/assets/img/generator-templates.png);
	background-position: 6px 3px;
	background-size: 21px;
}
.sidebar-content .nav-link.sidebar-link-16:hover:before,
.sidebar-content .nav-link.sidebar-link-16.active:before {
	background-position: 6px -23px;
}
.sidebar-content .nav-link.sidebar-link-17:before,  .sidebar-content .nav-link.sidebar-link-17:before{
	background-position: 0 -59px;
}
.sidebar-content .nav-link.active {
	color: #007bff;
}
@media screen and (max-width: 768px) {
	.user_img_wrapp, .sidebar-content .info_wrapp .user_info {
		width: 100%;
		text-align: center;
	}
	#table-content .nav-tabs .nav-item, .table-block .nav-tabs .nav-item {
		width: 100%;
	}
}
/*-----30.09 - 04.10 new_design end---------*/


.info_wrapp.mb-2 .user_img_wrapp {
	width: 70px;
	height: 70px;
	position: relative;
	overflow: hidden;
	border: 1px solid #007bff;
}
.current_hero {
	background-image: url(/wp-content/plugins/lessons_online/assets/img/curr_avatar_bg.png);
	width: 165px;
	height: 251px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.current_hero img {
	width: auto;
	max-width: 80%;
	max-height: 210px;
}
.info-stage {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.hero-info {
	margin: 0 0 15px;
}
.hero-info h3 {
	position: relative;
	font-family: 'Proxima Nova Rg';
	font-weight: 600 !important;
	font-size: 18px;
	color: #000000;
	margin: 0 0 8px;
}
.hero-info .hero-level {
	display: flex;
}
.hero-info .hero-level div {
	width: 22px;
	height: 5px;
	background: #b0b0b0;
}
.hero-info .hero-level div.active {
	background: #fb9700;
}
.hero-info .hero-level div + div {
	margin-left: 3px;
}
.hero-info .hero-level div:nth-child(1) {
	border-radius: 3px 0 0 3px;
}
.hero-info .hero-level div:last-child {
	border-radius: 0 3px 3px 0;
}
.current_advance {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 5px 20px;
	background-image: url(/wp-content/plugins/lessons_online/assets/img/curr_medal_bg.png);
}
.current_advance .current_advance--item {
	position: relative;
	width: 90px;
	text-align: center;
}
.current_advance .current_advance--item.item-hero {
	display: flex;
	align-items: center;
	width: 100px;
}
.current_advance .current_advance--item.item-hero img {
	max-height: 150px;
}
.current_advance .current_advance--item .item-progress {
	position: relative;
	width: 90px;
	height: 90px;
	border: 3px solid #b0b0b0;
	border-radius: 50%;
}
.current_advance .current_advance--item svg.progress-ring {
	width: 90px;
	height: 90px;
	position: absolute;
	top: -3px;
	left: -3px;
}
.current_advance .current_advance--item svg .progress-ring__circle {
	fill: none;
	stroke-width: 3px;
	stroke: #fed302;
	stroke-linecap: round;
	stroke-dasharray: 10 20;
	stroke-dashoffset: 60;
	transform-origin: center;
	transform: rotate(-90deg);
	transition: stroke-dashoffset .3s;
	display: none;
}
.current_advance .current_advance--item img {
	position: relative;
	width: 60px;
	margin: -115px 0 0px;
}
.current_advance .current_advance--item.item-hero img {
	margin: 0;
	width: auto;
}
.current_advance .current_advance--item p {
	position: relative;
	font-family: 'Proxima Nova Rg';
	font-weight: 600;
	font-size: 22px;
	color: #373737;
	margin: -20px 0 0;
}
.current_advance .current_advance--item p.excess {
	color: #fa9700;
}
.points-block {
	margin-top: 70px;
	margin-bottom: 15px;
}
.points-block .points-block__item {
	margin-bottom: 45px;
}
.points-block .points-block__item h3 {
	font-family: 'Proxima Nova Rg';
	font-weight: 600;
	font-size: 22px;
	color: #000000;
	margin: 0 0 15px;
}
.points-block .points-block__item .points-block__info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
}
.points-block .points-block__item .points-block__info p {
	font-family:'Proxima Nova Rg';
	font-weight: 400;
	font-size: 14px;
	margin: 0;
}
.points-block .points-block__item .points-block__info .points-total {
	color: #000000;
}
.points-block .points-block__item .points-block__info .points-rest {
	color: #7e7e7e;
}
.points-block__progress {
	height: 60px;
	display: flex;
	align-items: center;
}
.points-block__progress .progress-max {
	width: 100%;
	height: 14px;
	border-radius: 7px;
	background: #b0b0b0;
	overflow: hidden;
}
.points-block__progress .progress-current {
	width: 0%;
	height: 100%;
	background: #fed302;
	transition: .3s;
}
.points-block__progress .points-block__medal {
	position: relative;
	width: 60px;
	margin: 0 0 0 -60px;
	text-align: right;
}
.points-block__progress .points-block__medal img {
	height: 60px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}
.points-block__button .btn {
	width: 190px;
	height: 40px;
	border-radius: 20px;
	border: 1px solid #b0b0b0;
	font-family: 'Proxima Nova Rg';
	font-weight: 700;
	font-size: 16px;
	color: #b0b0b0;
	transition: .3s;
}
.points-block__button .btn:hover, .points-block__button .btn:focus {
	background: #fff;
	cursor: default;
	outline: none;
}
.points-block .points-block__item.take-medal .points-block__medal img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}
.points-block .points-block__item.take-medal .points-block__button .btn {
	border-color: #c9f6eb;
	background: #c9f6eb;
	color: #1d6b42;
	cursor: pointer;
}
.points-block .points-block__item.take-medal .points-block__button .btn:hover {
	background: #fff;
}
.avatar-block {
	margin-top: 20px;
	margin-bottom: 40px;
}
.avatar-block h3 {
	font-family: 'Proxima Nova Rg';
	font-weight: 600;
	color: #000;
	font-size: 22px;
	padding: 0;
	margin: 0 0 30px;
}
.avatar-block .avatar-block__image {
	justify-content: space-between;
}
.avatar-block .avatar-block__image .image-item {
	padding: 15px 15px 10px;
	background: #f3f7f5;
	transition: .3s;
	border-radius: 8px;
	text-align: center;
	cursor: pointer;
	margin: 0 0 15px;
}
.avatar-block .avatar-block__image .image-item .image-item__circle {
	position: relative;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	background: #ffe879;
	overflow: hidden;
}
.avatar-block .avatar-block__image .image-item .image-item__circle img {
	display: none;
}
.avatar-block .avatar-block__image .image-item .image-item__circle img.current {
	display: block;
	position: relative;
	margin: 5px 0 0;
}
/*
.avatar-block .avatar-block__image .image-item:nth-child(1) .image-item__circle img {
	position: relative;
	margin: 10px 6px 0 0;
}
.avatar-block .avatar-block__image .image-item:nth-child(2) .image-item__circle img {
	position: relative;
	margin: 9px -3px 0 0;
}
.avatar-block .avatar-block__image .image-item:nth-child(3) .image-item__circle img {
	position: relative;
    margin: 0 0 0 -13px;
}
.avatar-block .avatar-block__image .image-item:nth-child(4) .image-item__circle img {
	position: relative;
}
.avatar-block .avatar-block__image .image-item:nth-child(5) .image-item__circle img {
	position: relative;
	margin: 10px 0px 0 -10px;
}
.avatar-block .avatar-block__image .image-item:nth-child(6) .image-item__circle img {
	position: relative;
	width: 110px;
    max-width: 1000%;
    margin: 11px 0 0 -30px;
}
.avatar-block .avatar-block__image .image-item:nth-child(7) .image-item__circle img {
	position: relative;
}
*/
.avatar-block .avatar-block__image .image-item:nth-child(5) .image-item__circle img {
	position: relative;
	margin: 10px 0px 0 -5px;
}
.avatar-block .avatar-block__image .image-item:nth-child(6) .image-item__circle img {
	position: relative;
	margin: 10px 0px 0 -10px;
}
.avatar-block .avatar-block__image .image-item.chosen {
	background: #ffe879;
}
.avatar-block .avatar-block__image .image-item.chosen .image-item__circle {
	background: #fff;
}
.avatar-block .avatar-block__image .image-item p {
	font-family: 'Proxima Nova Rg';
	font-weight: 400;
	color: #000;
	font-size: 12px;
	margin: 8px 0 0;
}
.avatar-block__order {

}
.avatar-block__order .agreement {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
	font-family: 'Proxima Nova Rg';
	font-weight: 400;
	color: #000;
	font-size: 16px;
	margin: 15px 0;
}
.avatar-block__order .agreement .agreement-checkbox {
	width: 21px;
	height: 21px;
	border: 2px solid #000;
	position: relative;
	margin: 0 15px 1px 0px;
}
.avatar-block__order .agreement .agreement-checkbox .fa {
	display: none;
}
.avatar-block__order .agreement.checked .agreement-checkbox .fa {
	display: block;
}
.avatar-block__order .btn {
	width: 190px;
	height: 40px;
	border-radius: 20px;
	border: 1px solid #c9f6eb;
	font-family: 'Proxima Nova Rg';
	font-weight: 700;
	font-size: 16px;
	background: #c9f6eb;
	color: #1d6b42;
	transition: .3s;
	outline: none;
}
.avatar-block__order .btn:hover, .avatar-block__order .btn:focus {
	background: #fff;
}
@media screen and (min-width: 1200px) {
	.scroll-box .hero-info, .scroll-box .current_advance {
		margin-left: -15px;
		margin-right: -15px;
	}
}
@media screen and (max-width: 992px) {
	.current_hero {
		margin: 0 auto 30px;
	}
	.current_advance {
		flex-wrap: wrap;
		justify-content: center;
	}
	.current_advance .current_advance--item {
		width: 50%;
	}
	.current_advance .current_advance--item .item-progress {
		margin: 0 auto;
	}
	.current_advance .current_advance--item p {
		margin-bottom: 20px;
	}
	.avatar-block .avatar-block__image {
		justify-content: space-around;
	}
}

@media screen and (max-width: 767px) {
	.info_wrapp.mb-2 .user_img_wrapp {
		margin: 0 auto;
	}
	.sidebar-content .info_wrapp .user_info {
		margin: 20px auto;
	}
	.sidebar-content .info_wrapp .user_info--status {
		text-align: center;
		margin: 0 0 20px !important;
	}
}
/*-------------------------11/10------------*/
.preloader {
	/*фиксированное позиционирование*/
	position: fixed;
	/* координаты положения */
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	/* фоновый цвет элемента */
	background: #e0e0e0;
	/* размещаем блок над всеми элементами на странице (это значение должно быть больше, чем у любого другого позиционированного элемента на странице) */
	z-index: -1;
}

.preloader__row {
	position: relative;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	margin-top: -35px;
	margin-left: -35px;
	text-align: center;
	animation: preloader-rotate 2s infinite linear;
}

.preloader__item {
	position: absolute;
	display: inline-block;
	top: 0;
	background-color: #337ab7;
	border-radius: 100%;
	width: 35px;
	height: 35px;
	animation: preloader-bounce 2s infinite ease-in-out;
}

.preloader__item:last-child {
	top: auto;
	bottom: 0;
	animation-delay: -1s;
}

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

@keyframes preloader-bounce {

	0%,
	100% {
		transform: scale(0);
	}

	50% {
		transform: scale(1);
	}
}
.load-preloader .preloader {
	z-index: 1100;
}
/*
  .loaded_hiding .preloader {
	transition: 0.3s opacity;
	opacity: 0;
  }

  .loaded .preloader {
	display: none;
  }
  */
/*-------------------12.10-----------*/
.site-content-contain .site-content .table-block .table-title h2.title-blue {
	color: #007bff;
	margin: 0 0 25px;
}
.site-content #v-pills-lessons .lesson_wrapp {
	min-height: auto;
	padding: 0;
	border: none;
	margin: 0 0 40px;
	outline: none !important;
}
.site-content #v-pills-lessons .lesson_wrapp .lesson_img_wrapp {
	width: auto;
	height: auto;
}
.site-content #v-pills-lessons .lesson_wrapp .lesson_img_wrapp .lessons-bg-100 {
	display: none;
}
.site-content #v-pills-lessons .lesson_wrapp .lesson_img_wrapp.passed .lessons-bg {
	display: none;
}
.site-content #v-pills-lessons .lesson_wrapp .lesson_img_wrapp.passed .lessons-bg-100 {
	display: block;
}
.single-lessons #content {
	padding-top: 0;
}
.single-lessons .nav-pills .nav-link.active, .single-lessons .nav-pills .show > .nav-link, .nav-pills .nav-link.active, .nav-link.active {
	background: transparent;
	background-color: transparent !important;
}
#v-pills-lessons .lesson_wrapp .lessons-info, #v-pills-notebooks .notebook-info {
	display: flex;
	justify-content: space-between;
	margin: 15px 0 10px;
	font-family: 'Proxima Nova Rg';
	font-weight: 600;
	font-size: 15px;
}
#v-pills-lessons .lesson_wrapp .lessons-info .lesson_title_wrap, #v-pills-notebooks .notebook_title_wrap {
	color: #1d6b42;
	padding: 0;
}
#v-pills-lessons .lesson_wrapp .lessons-info .percent-passed {
	color: #868686;
}
#v-pills-lessons .lesson_wrapp .lesson_short_description, #v-pills-notebooks .notebook_short_description {
	font-family: 'Proxima Nova Rg';
	color: #000000;
	font-weight: 400;
	font-size: 16px;
	margin: 0;
}
.table-block .breadcrumbs_wrapp {
	margin: 0 0 25px;
	padding: 0;
}
.table-block .breadcrumbs_wrapp a {
	font-family: 'Proxima Nova Rg';
	font-weight: 400;
	font-size: 24px;
	color: #1d6b42;
	text-decoration: none;
}
.table-block .breadcrumbs_wrapp svg {
	margin: 0 5px;
	height: 16px;
	position: relative;
	bottom: 2px;
}
.table-block .breadcrumbs_wrapp svg path {
	fill: #1d6b42;
}
.table-block .breadcrumbs_wrapp span {
	font-family: 'Proxima Nova Rg';
	font-weight: 400;
	font-size: 24px;
	color: #007bff;
}
.percent-passed {
	display: none !important;
}
.info_about_img {
	font-family: 'Proxima Nova Rg';
	font-weight: 400;
	color: #000;
}
#v-pills-profile label {
	font-family: 'Proxima Nova Rg';
	font-weight: 700;
	color: #000;
	margin-bottom: 16px;
}
#v-pills-profile #button_send {
	display: flex;
	width: 190px;
	height: 40px;
	align-items: center;
	justify-content: center;
	font-family: 'Proxima Nova Rg';
	font-size: 16px;
	color: #1d6b42;
	background: #c9f6eb !important;
	border: 2px solid #c9f6eb;
	border-radius: 20px;
	transition: .3s;
	outline: none;
	box-shadow: none;
	margin: 0 auto 30px;
}
#v-pills-profile #button_send a {
	color: #1d6b42;
}
#v-pills-profile #button_send:hover {
	background: #fff !important;
}
#v-pills-profile label input, #v-pills-profile label input::placeholder {
	color: #666 !important;
}

/*---------------14/10------------*/

/*
.choice_training_block_new {
	display: block;
	margin: 0 0 40px;
	text-decoration: none;
}
.choice_training_block_new span {
	height: 180px;
	min-height: 180px;
}
.choice_training_block_new span img {
	height: 100%;
	width: auto;
}
.choice_training_block_new h4 {
	font-family: 'Proxima Nova Rg';
	font-size: 16px;
	margin: 15px 0 0;
	padding: 0;
}
/*
#v-pills-lessons .lesson_wrapp .lesson_img_wrapp img {
	height: auto !important;
}
*/
.choice_training_block h4 {
	font-family: 'Proxima Nova Rg';
	font-size: 16px;
}
a.choice_training_block {
	width: 245px;
	margin: 0 0 40px;
}

/*----------------22/10------*/

#main_screen {
	overflow: auto;
}

#main_block .card-body table td {
	padding: 5px !important;
}
.full_settings_bar_block {
	margin-top: 107px;
	z-index: 100;
}
#main_block .screen .card {
	overflow: visible;
}

@media screen and (min-width: 1367px) {
	#main_block .card-body table td {
		/*
		font-size: 50px;
		*/
		height: auto !important;
	}
	.card-body {
		margin-top: 50px;
	}
	#main_block .card-body table td {
		/*
		font-size: 36px;
		*/
		height: auto !important;
	}
}
@media screen and (min-width: 1024px) {
	#main_block .card-header:first-child {
		position: absolute;
		width: 100%;
		z-index: 50;
	}
	/*
	#main_block .card-header:first-child:hover .short_settings_bar_block {
		display: block !important;
	}
	#main_block .card-header:first-child:hover .short_settings_bar_block > div:nth-child(1), 	#main_block .card-header:first-child:hover .short_settings_bar_block > div:nth-child(2) {
		display: block !important;
	}
	*/
	#main_block .card-header:hover .short_settings_bar_block {
		display: block !important;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1366px) {
	.answer_image.false_answer_image {
		max-height: 40vh;
	}
	.card-body {
		margin-top: 20px;
	}
	#main_block .card-body table td, #main_block .card-body table td {
		height: auto !important;
	}
	#main_block .answer_input_block p {
		margin: 0 0 15px;
	}
	#main_block .answer_input_block input {
		height: 10vh !important;
		font-size: 8vh !important;
		margin: 0 0 15px !important;
	}
	.btn-keyboard-tablet-portrait > .btn-keyboard {
		height: 7vh !important;
		width: 7vh !important;
		font-size: 5vh !important;
	}
	#main_block .answer_input_block .btn-keyboard-group-lg > .btn-keyboard {
		height: 8vh !important;
		width: 8vh !important;
		font-size: 7vh !important;
	}
	.btn-sm, .btn-group-sm > .btn {
		font-size: 0.475rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	#main_block .card-body table td {
		height: auto;
	}
	#main_block .answer_input_block p {
		margin: 0 0 15px;
	}
	#main_block .answer_input_block input {
		height: 10vh !important;
		font-size: 8vh !important;
		margin: 0 0 15px !important;
	}
	#main_block .answer_input_block .btn-keyboard-group-lg > .btn-keyboard {
		height: 8vh !important;
		width: 9vh !important;
		font-size: 6vh !important;
	}
	#navbar {
		height: auto !important;
	}
}
@media screen and (min-width: 540px) and (max-width: 767px) {
	#main_block .card-body table td {
		height: auto;
	}
	#main_block .answer_input_block {
		height: auto !important;
	}
	#navbar {
		height: auto !important;
	}
}
@media screen and (max-width: 539px) {
	#main_block .card-body table td {
		height: auto;
	}
	#main_block .answer_input_block {
		height: auto !important;
	}
	#navbar {
		height: auto !important;
	}
}
@media screen and (max-width: 375px) {
	#main_block .card-body table td {
		height: auto;
	}
	#main_block .answer_input_block {
		height: auto !important;
	}
	#navbar {
		height: auto !important;
	}
}


/*-----------generator-templates styles (edit by Denisenko, 03.11)------------*/

.row.generator_content--title {
	justify-content: space-between;
	align-items: center;
}
.row.generator_content--title h2 {
	padding: 0 15px;
	margin: 0;
}
.row.generator_content--title .create_template {
	padding: 0 15px;
}
.btn.btn-create {
	/*
    position: relative;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    background-color: #007bff;
    box-shadow: 0 0 0 0 rgb(0 0 0 / 20%), 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%);
	*/
	display: flex;
	width: 190px;
	height: 40px;
	align-items: center;
	justify-content: center;
	font-family: 'Proxima Nova Rg';
	font-size: 16px;
	font-weight: 600;
	color: #1d6b42;
	background: #c9f6eb !important;
	border: 2px solid #c9f6eb;
	border-radius: 20px;
	transition: .3s;
	outline: none;
	box-shadow: none;
	margin: 0;
}
.btn.btn-create a {
	text-decoration: none;
	color: #1d6b42;
}
.btn.btn-create:hover {
	background: #fff !important;
}
/*
.btn.btn-create span.btn_bg--hover {
    position: absolute;
    height: 36px;
    width: 0;
    top: 0px;
    left: 50%;
    transition: .3s;
    background-color: #1d6b42;
	z-index: 5;
}
.btn.btn-create:hover span.btn_bg--hover {
    width: 100%;
    left: 0;
}
.btn.btn-create span.btn_text {
	position: relative;
	color: #fff;
	z-index: 7;
}
*/
.row.generator_content--search {
	margin-top: 35px;
	justify-content: flex-start;
	align-items: center;
}
.row.generator_content--search .search_field {
	margin: 30px 15px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 6px;
	border: 2px solid #bbb;
	transition: .2s;
	position: relative;
	background: #fff;
	padding: 6px 17px;
}
.row.generator_content--search input {
	border: none;
}
.row.generator_content--search input::placeholder {
	font-family: 'Proxima Nova Rg';
	font-size: 14px;
	font-weight: 500;
}
.row.generator_content--search .search_dropdown {
	margin: 30px 15px 0;
	border-radius: 6px;
	border: 2px solid #bbb;
	transition: .2s;
	position: relative;
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
.row.generator_content--search .search_dropdown p {
	font-size: 14px;
	padding: 8px 5px 9px 17px;
	font-family: 'Proxima Nova Rg';
	font-weight: 500;
	margin: 0;
	cursor: pointer;
}
.row.generator_content--search .search_dropdown .fa {
	font-weight: 600;
	padding: 8px 17px 9px 17px;
	margin-left: 10px;
	cursor: pointer;
}
.row.generator_content--search .search_dropdown.open_menu .fa {
	transition: .3s;
	transform: rotate(180deg);
}
.row.generator_content--search .search_dropdown ul {
	position: absolute;
	border-radius: 6px;
	border: 2px solid #bbb;
	list-style-type: none;
	margin: 0;
	width: 100px;
	top: 40px;
	right: 0;
	background-color: #fff;
	z-index: -1;
}
.row.generator_content--search .search_dropdown.open_menu ul {
	z-index: 2;
}
.row.generator_content--search .search_dropdown li {
	font-size: 14px;
	font-family: 'Proxima Nova Rg';
	font-weight: 500;
	padding: 10px 15px;
}
.row.generator_content--search .search_dropdown li.current {
	background: #c9f6eb;
}
.row.generator_content--search .fa.fa-sync {
	cursor: pointer;
	padding: 13px;
	margin: 30px 0 0;
	transition: .3s;
	border-radius: 50%;
}
.row.generator_content--search .fa.fa-sync:hover {
	background-color: #c9f6eb;
}

/*--------------create page styles (edit by Denisenko, 03.11)---------*/

.row.create_content--title {
	justify-content: space-between;
	margin-bottom: 30px;
}
.row.create_content--title .create_template {
	padding: 0 15px;
}
.row.create_content--title h2 {
	margin-bottom: 0;
	padding: 0;
}
.btn.btn-back {
	display: flex;
	width: 190px;
	height: 40px;
	align-items: center;
	justify-content: center;
	font-family: 'Proxima Nova Rg';
	font-size: 16px;
	font-weight: 600;
	color: #1d6b42;
	background: #fff !important;
	border: 2px solid #c9f6eb;
	border-radius: 20px;
	transition: .3s;
	outline: none;
	box-shadow: none;
	margin: 0;
}
.btn.btn-back a {
	text-decoration: none;
	color: #1d6b42;
}
.btn.btn-back:hover {
	background: #c9f6eb !important;
}
.row.create_content--info {
	padding: 30px 0 0;
	margin: 0;
	justify-content: space-between;
}
.row.create_content--info .info_title, .row.create_content--info .info_status {
	width: 49%;
	margin: 0 0 30px;
	border-radius: 6px;
	border: 2px solid #bbb;
	position: relative;
	z-index: 20;
}
.row.create_content--info .info_title input {
	border: none;
	padding: 10px;
	font-size: 16px;
	position: relative;
	z-index: 20;
	background: transparent;
}
.row.create_content--info .info_title input::placeholder, .row.create_content--info .info_title input:focus {
	color: #666 !important;
}
.row.create_content--info .info_title span {
	position: absolute;
	top: 12px;
	left: 12px;
	font-family: 'Proxima Nova Rg';
	font-size: 16px;
	font-weight: 500;
	display: block;
	background-color: #fff;
	transition: .2s;
	color: #666;
}

.row.create_content--info .info_title.error_title_value {
	border-color: #f44336;
}
.row.create_content--info .info_title span#info_input.error {
	font-size: 12px;
	top: -9px;
	padding: 0 2px;
}
.row.create_content--info .info_title span#info_input.hide {
	display: none;
}
.row.create_content--info .info_title #error {
	display: none;
	position: absolute;
	font-size: 12px;
	bottom: -25px;
	left: 12px;
	color: #f44336;
}
.row.create_content--info .info_title.error_title_value #error {
	display: block;
}

.row.create_content--info .info_status ul {
	position: relative;
	list-style-type: none;
	margin: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.row.create_content--info .info_status ul.show {
	overflow: visible;
}
.row.create_content--info .info_status ul li {
	width: 100%;
	height: 100%;
	color: #666;
	font-family: 'Proxima Nova Rg';
	font-size: 16px;
	font-weight: 500;
	display: flex;
	align-items: center;
	padding-left: 10px;
	cursor: pointer;
	transition: .3s;
	background-color: #fff;
}
.row.create_content--info .info_status ul li:hover {
	background-color: #c9f6eb;
}
.row.create_content--info .info_status ul li:nth-child(1) {
	border-radius: 6px;
}
.row.create_content--info .info_status ul li:nth-child(2) {
	border-radius: 6px;
}

.row.create_content--info .info_status .fa {
	position: absolute;
	color: #666;
	top: 14px;
	right: 10px;
	transition: .2s;
}
.row.create_content--info .info_status .fa.rotate {
	transform: rotate(180deg);
}
.row.create_content--info .info_status span {
	position: absolute;
	font-size: 12px;
	top: -9px;
	padding: 0 2px;
	left: 12px;
	font-family: 'Proxima Nova Rg';
	font-weight: 500;
	display: block;
	background-color: #fff;
	transition: .2s;
	color: #666;
}
#info_description {
	position: relative;
	min-height: 80px;
	width: 100%;
	border-radius: 6px;
	border: 2px solid #bbb;
	transition: .2s;
}
#info_description textarea {
	border: none;
	font-family: 'Proxima Nova Rg';
	font-size: 16px;
	font-weight: 500;
	width: 100%;
	height: 100%;
	color: #666;
}
#info_description textarea::placeholder, #info_description textarea:focus {
	color: #666;
}
#info_description span {
	position: absolute;
	top: 14px;
	left: 12px;
	font-family: 'Proxima Nova Rg';
	font-size: 16px;
	font-weight: 500;
	display: block;
	background-color: #fff;
	transition: .2s;
	color: #666;
}
#info_description.active span {
	font-size: 12px;
	top: -9px;
	padding: 0 2px;
}
.row.buttons_block {
	align-items: center;
	justify-content: space-between;
}
.buttons_block--exercises {
	width: 100%;
	display: flex;
	margin: 30px 0 0;
	align-items: center;
}
.exercises_select {
	margin: 0 15px;
	border-radius: 6px;
	border: 2px solid #bbb;
	transition: .2s;
	position: relative;
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
.exercises_select p {
	font-size: 14px;
	padding: 8px 5px 9px 17px;
	font-family: 'Proxima Nova Rg';
	font-weight: 500;
	margin: 0;
	cursor: pointer;
}
.exercises_select .fa {
	font-weight: 600;
	padding: 8px 17px 9px 17px;
	margin-left: 10px;
	cursor: pointer;
}
.exercises_select.open_menu .fa {
	transition: .3s;
	transform: rotate(180deg);
}
.exercises_select ul {
	position: absolute;
	border-radius: 6px;
	border: 2px solid #bbb;
	list-style-type: none;
	margin: 0;
	width: 120px;
	top: 40px;
	right: 0;
	background-color: #fff;
	z-index: -1;
}
.exercises_select.open_menu ul {
	z-index: 2;
}
.exercises_select li {
	font-size: 14px;
	font-family: 'Proxima Nova Rg';
	font-weight: 500;
	padding: 10px 15px;
}
.exercises_select li.current {
	background: #c9f6eb;
}
.buttons_block--add button {
	display: flex;
	width: 190px;
	height: 40px;
	align-items: center;
	justify-content: center;
	font-family: 'Proxima Nova Rg' !important;
	font-size: 16px;
	font-weight: 600;
	color: #1d6b42;
	background: #c9f6eb !important;
	border: 2px solid #c9f6eb;
	border-radius: 20px;
	transition: .3s;
	outline: none;
	box-shadow: none;
	margin: 0 10px;
}
.buttons_block--add button {
	color: #1d6b42;
}
.buttons_block--add button:hover {
	background: #fff !important;
}
.buttons_block--navigation {
	display: flex;
	justify-content: flex-end;
	margin: 30px 0 0;
	align-items: center;
}
.exercises_select--font {
	margin: 0 15px;
	border-radius: 6px;
	border: 2px solid #bbb;
	transition: .2s;
	position: relative;
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
.exercises_select--font p {
	font-size: 14px;
	padding: 8px 5px 9px 17px;
	font-family: 'Proxima Nova Rg';
	font-weight: 500;
	margin: 0;
	cursor: pointer;
}
.exercises_select--font .fa {
	font-weight: 600;
	padding: 8px 17px 9px 17px;
	margin-left: 10px;
	cursor: pointer;
}
.exercises_select--font.open_menu .fa {
	transition: .3s;
	transform: rotate(180deg);
}
.exercises_select--font ul {
	position: absolute;
	border-radius: 6px;
	border: 2px solid #bbb;
	list-style-type: none;
	margin: 0;
	width: 120px;
	top: 40px;
	right: 0;
	background-color: #fff;
	z-index: -1;
}
.exercises_select--font.open_menu ul {
	z-index: 2;
}
.exercises_select--font li {
	font-size: 14px;
	font-family: 'Proxima Nova Rg';
	font-weight: 500;
	padding: 10px 15px;
}
.exercises_select--font li.current {
	background: #c9f6eb;
}
.buttons_block--print button {
	display: flex;
	width: 120px;
	height: 40px;
	align-items: center;
	justify-content: center;
	font-family: 'Proxima Nova Rg' !important;
	font-size: 16px;
	font-weight: 600;
	background: #007bff !important;
	border: 2px solid #007bff;
	border-radius: 20px;
	transition: .3s;
	outline: none;
	box-shadow: none;
	margin: 0 10px;
}
.buttons_block--print button {
	color: #fff;
}
.buttons_block--print:hover button {
	color: #007bff;
	background: #fff !important;
}
.buttons_block--generation button {
	display: flex;
	width: 190px;
	height: 40px;
	align-items: center;
	justify-content: center;
	font-family: 'Proxima Nova Rg' !important;
	font-size: 16px;
	font-weight: 600;
	color: #1d6b42;
	background: #c9f6eb !important;
	border: 2px solid #c9f6eb;
	border-radius: 20px;
	transition: .3s;
	outline: none;
	box-shadow: none;
	margin: 0 10px;
}
.buttons_block--generation button {
	color: #1d6b42;
}
.buttons_block--generation:hover button {
	background: #fff !important;
}
/*----------------09/11 edit by Denisenko-----------*/

.row.exercises_block {
	margin-top: 30px;
}
.exercises_block--item {
	width: 100%;
	margin: 0 15px;
	box-shadow: 0 0 14px #bbb;
}
.exercises_block--item .item_header {
	display: flex;
	box-shadow: 0 3px #0005;
	border-radius: 0 0 3px 3px;
	position: relative;
	z-index: 3;
}
.exercises_block--item .header_info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-width: 230px;
	padding: 10px;
	border-right: 2px solid #0005;
}
.exercises_block--item .header_info .fas.fa-grip-lines {
	cursor: move;
}
.exercises_block--item .header_info .fas.fa-copy {
	padding: 10px;
	transition: .3s;
	border-radius: 50%;
	cursor: pointer;
}
.exercises_block--item .header_info .fas.fa-copy:hover {
	background-color: #c9f6eb;
}
.exercises_block--item .header_info .fas.fa-trash {
	padding: 10px;
	transition: .3s;
	border-radius: 50%;
	cursor: pointer;
	color: rgba(245, 74, 74, 1);
}
.exercises_block--item .header_info .fas.fa-trash:hover {
	background-color: rgba(245, 74, 74, .2);
}
.exercises_block--item .header_info .lesson_name {
	font-family: 'Proxima Nova Rg' !important;
	font-size: 16px;
	font-weight: 500;
}
.exercises_block--item .header_buttons {
	display: flex;
	align-items: center;
	width: calc(100% - 230px);
	padding: 10px;
}
.exercises_block--item .header_buttons--item {
	width: calc(25% - 7.5px);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.exercises_block--item .item_name {
	font-family: 'Proxima Nova Rg' !important;
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 10px;
}
.exercises_block--item .item_header .fa {
	padding: 5px;
	transition: .3s;
	border-radius: 50%;
	cursor: pointer;
}
.exercises_block--item .item_header .fa:hover {
	background-color: #c9f6eb;
}
.exercises_block--item span {
	margin: 0 5px;
}
.show_hide--content {
	width: 30px;
}
.exercises_block--item .item_header .fa.fa-angle-down {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.exercises_block--item .item_content {
	display: flex;
	padding: 15px 10px;
	background: #f3f7f5;
	position: relative;
}
.exercises_block--item .item_content .item_conten--control {
	width: 210px;
	margin: 0 12px 0 0;
}
.exercises_choise--toggle {
	margin: 0 0 15px;
	border-radius: 6px;
	border: 2px solid #bbb;
	transition: .2s;
	position: relative;
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
.exercises_choise--toggle p {
	font-size: 14px;
	width: 100%;
	padding: 8px 5px 9px 17px;
	font-family: 'Proxima Nova Rg';
	font-weight: 500;
	margin: 0;
	cursor: pointer;
}
.exercises_choise--toggle .fa {
	font-weight: 600;
	padding: 8px 17px 9px 17px;
	margin-left: 10px;
	cursor: pointer;
}
.exercises_choise--toggle.open_menu .fa {
	transition: .3s;
	transform: rotate(180deg);
}
.exercises_choise--toggle ul {
	position: absolute;
	border-radius: 6px;
	border: 2px solid #bbb;
	list-style-type: none;
	margin: 0;
	width: 120px;
	top: 40px;
	right: 0;
	background-color: #fff;
	z-index: -1;
}
.exercises_choise--toggle.open_menu ul {
	z-index: 2;
}
.exercises_choise--toggle li {
	font-size: 14px;
	font-family: 'Proxima Nova Rg';
	font-weight: 500;
	padding: 10px 15px;
}
.exercises_choise--toggle li.current {
	background: #c9f6eb;
}
.exercises_choise--content .header_buttons--item.item_exercise, .exercises_choise--content .header_buttons--item.item_column {
	width: 100%;
	flex-direction: row;
}
.exercises_choise--content .header_buttons--item.item_exercise p, .exercises_choise--content .header_buttons--item.item_column p {
	margin: 0 10px 0 0;
	position: relative;
	top: -2px;
}
.exercises_choise--titles {
	margin: 20px 0 0;
}
.exercises_choise--titles p {
	font-size: 18px;
	font-family: 'Proxima Nova Rg';
	font-weight: 500;
}

.exercises_block--item .item_content .item_content--options {
	width: calc(100% - 230px);
}
.exercises_block--item .item_content .item_content--options .options_col {
	width: 50%;
	padding: 0 10px;
}
.exercises_block--item .item_content .item_content--options .options_col .options_title {
	font-size: 14px;
	font-family: 'Proxima Nova Rg';
	font-weight: 500;
	margin: 0 0 10px;
}
.operation_chose {
	margin: 0 0 15px;
	border-radius: 6px;
	border: 2px solid #bbb;
	transition: .2s;
	position: relative;
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
.operation_chose p {
	font-size: 14px;
	width: 100%;
	padding: 8px 5px 9px 17px;
	font-family: 'Proxima Nova Rg';
	font-weight: 500;
	margin: 0;
	cursor: pointer;
}
.operation_chose .fa {
	font-weight: 600;
	padding: 8px 17px 9px 17px;
	margin-left: 10px;
	cursor: pointer;
}
.operation_chose.open_menu .fa {
	transition: .3s;
	transform: rotate(180deg);
}
.operation_chose ul {
	position: absolute;
	border-radius: 6px;
	border: 2px solid #bbb;
	list-style-type: none;
	margin: 0;
	width: 180px;
	top: 40px;
	right: 0;
	background-color: #fff;
	z-index: -1;
}
.operation_chose.open_menu ul {
	z-index: 2;
}
.operation_chose li {
	font-size: 14px;
	font-family: 'Proxima Nova Rg';
	font-weight: 500;
	padding: 10px 15px;
}
.operation_chose li.current {
	background: #c9f6eb;
}
.item_content--options .operation_block {
	display: none;
}
.item_content--options .operation_block.chosen {
	display: block;
}
@media screen and (max-width: 765px) {
	.btn.btn-lg.btn-nrm, .btn.btn-lg.btn-nrm a#results_for_white_sucsess {
		font-size: 11px !important;
	}
	.workspace_flcards .input-group {
		width: 100% !important;
	}

}
@media screen and (max-width: 560px) {
	.answer_comment_text.text-center.col-12 {
		font-size: 16px;
	}
	#navbarColor03 .form-inline {
		justify-content: center;
	}
	.card-body .right_hero {
		max-height: 60vh;
	}
	#main_screen {
		max-height: 100vh;
	}
}


.rotatesss {
	transition: .5s;
	transform: rotate(0deg);
}
.generator_content #main_screen {
	border: none;
}
.generator_content #main_screen .mt-5 {
	margin: 0;
}

.header-bg {
	width: calc(100% + 60px);
	position: relative;
	top: 10px;
	margin: -10px -30px;
}
.header-bg img {
	width: 100%;
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
.header-bg .fixed-2 {
	position: relative;
}
#generator-body-box {
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
	padding-bottom: 0px !important;
}
#navbarColor03 {
	margin-left: 15px;
}

.footer-bg {
	bottom: 0;
	width: 100%;
	left: 0;
}
.footer-bg img {
	position: sticky;
}
#main_screen.card {
	background-color: transparent;
}
.fixed-1 {
	visibility: hidden;
	display: none;
}
.card-body h5 {
	min-height: 35px
}
#problems_table {
	margin-bottom: 20px !important;
}
@media print { /* Стиль для печати */
	* {
		-webkit-print-color-adjust: exact !important;   /* Chrome, Safari, Edge */
		color-adjust: exact !important;                 /*Firefox*/
	}

	#sidemenu {
		display: none !important;
	}
	.fixed-1 {
		display: none;
		visibility: visible;
		padding-top: 20px;
		top: 0px;
		left: 0;
		width: 100%;
	}
	.site-content-contain .site-content .table-block {
		border: none;
	}
	.header-bg {
		visibility: visible;
		width: 100%;
		left: 0;
		top: 30px;
	}
	.generator_content {
		visibility: visible;
		background-color: transparent;

	}
	.footer-bg {
		visibility: visible;
		bottom: 0px;
	}
	#main_screen {
		visibility: visible;
		top:  0px;
		left: 0;
		overflow: visible;
		background: transparent;

	}
	.table td {
		background-color: transparent !important;

	}
	.footer-bg {
		bottom: 0;
		width: 100%;
		left: 0;
	}
	.footer-bg img {
		position: relative;
	}
	.sidebar-div {
		display: none;
	}
	.site-branding {
		display: none;
	}
	.consentLinks {
		display: none;
	}
	.container > .row {
		justify-content: center;
		margin: 0 !important;
	}
	.container {
		min-width: unset !important;
		margin: 0 !important;
		padding: 0 !important;
		max-width: 100% !important;
	}
	.col-lg-9, .col-md-8 {
		max-width: 100% !important;
	}
	.preloader {
		display: none;
	}
	#masthead {
		display: none;
	}
	.header-bg {
		margin: 0 !important;
	}
	.row {display: block;}
	.header-bg {
		margin: 0 !important;
	}
	#content {
		padding: 0 !important;
	}
	.wrap {display: none;}
	#problems_table {
		page-break-after: auto !important;
		page-break-inside: avoid !important;
		page-break-before: auto !important;
	}
	.table-hovered {
		page-break-after: auto !important;
		page-break-inside: avoid !important;
		page-break-before: auto !important;
	}
	.table-hovered tbody {
		page-break-inside: avoid !important;
	}
	.table-hoveredtbody tr {
		page-break-after: avoid !important;
		page-break-inside: avoid !important;
		page-break-before: avoid !important;
	}
	.table-hovered tbody tr td{
		page-break-after: avoid !important;
		page-break-inside: avoid !important;
		page-break-before: avoid !important;

	}

	.table_info_print {
		display: block !important;
	}
}

#top-menu .dropdown-toggle {
	display: none;
}
.z-index{
	z-index: 1;
}
.lds-ring {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
	justify-content: center;
	align-items: center;
	background-color: #ffffff54;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid #fff;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}

.woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide {
	display: flex!important;
	flex-direction: column!important;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}