/* future forum settings */
@media only screen and (min-width: 1200px) {
	td {
		font-size: 12px !important;		
		}

	#ipbwrapper	{
		width: 100% !important;
		/* width: 95% !important; */
		padding: auto auto auto -30px !important;
		}
	#wrapcontent {
		padding-right: 240px !important;
		}
			

	#wrapright {
		width: 230px !important;
		margin-right: -240px !important;
		}

	.postcolor {
		padding: 0.1em 0.2em !important;
		font-size: 1.16em !important;
		line-height: 1.5 !important;
		}

	.textarea[name="Post"] {
		font-size: 1.16em !important;
		line-height: 1.5 !important;
	}
}

/* front */

:root {
	--fsize-mobile: 1.26em;
	--fline-mobile: 1.5;
	--fcolor-mobile: #333;
	--main-bg-color: #E683B1;
	--decs-bg-color: #78CBAC;
	--fsize-desc: 1.32em;
	--fsize-tablet: 1.28em;
}


html, body {
	/* background: #F8F9FA !important; */
	background: #f6f6f6 !important;
	/* font-size: 14px !important; */
}

body .news_content, 
body .news_content p,
body .news_content div, 
body .news_content td {
	font-size: 14px !important;
}

body .news_content div.ce-primary div, 
body .news_content div.ce-secondary div {
	font-size: inherit !important;
}

.toppod {
	border-top: 0;
}

.spoiler2_button {
    background: #3AB26E;
    color: #fff;
    cursor:pointer;
    display: block;
    font-family: Georgia;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 14px;
    text-align: center;
    outline: none;
    margin-bottom: 0.5em;
}

.spoiler2_button:hover {
    background: #229759;
	color: #fff;
}

.ejs {
	font-size: 98% !important;
}

.ejs .ce-image img {
	max-width: 100% !important;
	margin: 0em auto !important;
	display: block;
	cursor: zoom-in;
	/*aspect-ratio: 4/3 !important;*/
}

.ce-block--focused {
	background-color: transparent; 
}

.ce-editor__content {
/*
	min-height: calc(100vh - 160px);
*/
	padding-bottom: 40px;

}

/*кнопка редактор*/
.ejs-addpost {
	background: #17A2B8 !important;
	/* border: 1px solid #17A2B8; */
	border-radius: 3px;
	font-family: Arial-BoldMT;
	font-size: 14px;
	color: #FFFFFF !important;
	letter-spacing: 0;
	text-align: center;
	padding: 4px 22px;
	text-decoration: none !important;
	vertical-align: middle;
}

.ejs a, 
.ejs a:visited, 
.ejs a:link {
	cursor: pointer;
	color: #0091ff;
	/* text-decoration: underline; */
	text-decoration: none;
	border: none;
}

.ejs a:hover {
	color: #1e73be;
}

.ejs { 
	font-size: 14px;
	position: relative;
}

.ejs a {
	position: relative;
	/* display: block; */
	cursor: pointer;
	color: #0091ff;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.ejs h1, 
.ejs h2, 
.ejs h3, 
.ejs h4 {
	text-overflow: none !important;
	-ms-text-overflow:none !important;
	-o-text-overflow:none !important;
	white-space: inherit !important;
	overflow: auto !important;	
}

.pagenews {
	background: #ffffff;
}

.newspreview {
	/* max-width: 871px; */
	margin: 0 auto;
	

}
.newspreview p,
.newspreview td,
.newspreview th,
.newspreview div
   {
	/* font-family: Georgia, sans-serif !important; */
	/* font-size: 14px !important; */
	/* line-height: 1.5; */
}

.newspreview p {
	/* background-color: aqua;
	font-family: Georgia, sans-serif !important;
	font-size: 1.32em !important;
	line-height: 1.45 !important; */
}

.newspreview div {
	/* background-color: red;
	font-size: 14px !important; */
}

.ejs .ce-break-line {
    outline: none;
    height: 25px;
    display: flex;
}

.ejs .ce-break-line__divider {
    height: 0px;
    width: 80%;
    margin: 1em auto;
    border-top: 2px solid lightgray;
    align-self: center;
    display: block;
}

.ejs mark.ce-marker, 
.ejs .cdx-marker {
	background-color: rgba(165, 218, 253, 0.9);
}

.ejs .fotorama__wrap { 
	margin: 0 auto; 
}

.ejs .ce-attaches {
	margin: 0.6em auto !important;
	/* max-width: 80%; */
}

.ejs .ce-attaches.ce-attaches--with-file {
	display: flex;
	padding: 13px 20px;
	border: 0.12rem solid #dfdfdf;
	border-radius: 5px;
	/* width: 75%; */
}

.cdx-attaches--with-file .cdx-attaches__size {
	color: #7b7e89;
}

.ejs .cdx-attaches__download-button {
	display: flex;
	align-items: center;
}
.ejs .cdx-attaches svg {
	fill: #7b7e89;
}

.ejs .cdx-attaches__title {
	/* font-family: Georgia, sans-serif !important; */
	/* color: var(--fcolor-mobile) !important; */
	/* line-height: 1.4 !important; */
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	outline: none;
	/* max-width: 80%; */
	padding: 0.1em 0 !important;
	margin: 0.4em auto;	
	margin-bottom: 0.6em;
	line-height: 1.5;
}
.ejs .ce-attaches__file-icon {
	margin-right: 20px;
	position: relative;
	font-family: 'Arial', sans-serif;
}

.ejs .ce-attaches__file-icon::before {
	position: absolute;
	bottom: 7px;
	left: 8.5px;
	font-size: 8px;
	font-weight: 900;
	text-transform: uppercase;
	/* background: #fff; */
	line-height: 150%;
	content: attr(data-extension);
}

.ejs .ce-attaches__file-icon svg {
	fill: currentColor;

}

.ejs .ce-attaches__file-icon__size {
	color: #7b7e89;
}

.ejs .ce-attaches__file-icon__size:after {
	content: attr(data-size);
	margin-left: 0.2em;
}
.ejs .ce-attaches__file-info {
	flex-grow: 8;
	max-width: calc(100% - 80px);
}

.ejs .ce-attaches__size {
	color: #7b7e89;
}

.ejs .ce-attaches__download-button {
	display: flex;
	align-items: center;
	padding-left: 4em;
}

.ejs .ce-attaches__download-button svg {
	fill: #7b7e89;	
	height: 14px;
	margin-top: 0;
	margin-right: 8px;
}

.ejs .ce-collapse .spoiler_button {
	font-family: Georgia, sans-serif !important;
	font-size: var(--fsize-mobile);
	color: var(--fcolor-mobile);
	line-height: 1.6;
	background: #38B963 !important;
	border: transparent;
	color: #ffffff;
	display: block;
	text-align: center;
	outline: none;
	padding: 0.4em;
	margin: 0.4em auto !important;
	transition: background-color .15s ease-out;

}

.ejs .ce-collapse .spoiler_button:hover {
	background: #3DD670 !important;

} 

.ejs .ce-collapse .spoiler_text {
	position: relative !important;
	font-family: Georgia, sans-serif !important;
	font-size: var(--fsize-mobile) !important;
	color: var(--fcolor-mobile);
	line-height: 1.6;
	padding: 0.5em !important;
	background: #eaf2ee;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

.ejs .ce-embed {
	margin: 0.8em auto !important;
	/* width: 80%;
	max-width:80%; */
}

.ejs .ce-embed.chebMap,
.ejs .ce-embed.panoMap {
	position: relative;
}

.ejs .ce-embed.youtube {
	font-size: 1em;
	margin: 0.2em auto !important;
	/* width: 80%;
	max-width:80%; */
	/* color: #8b8b8b; */
}

.ejs .ce-embed.instagram {
	/* width: 80%; */
	margin: 0 auto;
}

.ejs .ce-embed.twitter {
	/* width: 80%; */
	margin: 0 auto;
}

.ejs .ce-image {
	/* width: 80%; */
	margin: 0.2em auto;
}

.ejs-copy-link {
	position: absolute;
	margin-left: 0.3em;
}

.ejs-copy-link:hover {
	cursor: pointer;
	cursor: hand;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

    .ejs {        
		padding: 0.7em !important;
		margin: 0 !important;
		/* background-color: var(--main-bg-color) !important; */
	} 

	.ejs h1,
	.ejs h2 {
		font-family: 'Arial', sans-serif;
		font-weight: 700 !important;
		font-size: 1.7em !important;
		line-height: 1.3 !important;	
		color: #333 !important;	
		width: 100%;
		padding: 0 !important;
		padding-top: 0;
		margin: 0.3em auto;	
	}

	.ejs h3 {
		font-family: 'Arial', sans-serif;
		font-weight: 600 !important;
		font-size: 1.5em !important;
		line-height: 1.2 !important;
		color: #333 !important;	
		margin: 0 auto !important;
		padding: 1em 0 0 0 !important;
		background: transparent;
		border: none;
		font-style: normal !important;
		text-transform: none !important;
		width: 100%;
	}

	.ejs h4 {
		font-family: Georgia, sans-serif !important;
		font-size: 1.1em !important;
		color: var(--fcolor-mobile) !important;
		line-height: 1.5 !important;
		padding: 0.35em 0 0.2em !important;
		margin: 0 auto !important;
		width: 100% !important;
		border: none !important;		
		background: transparent;
		text-align: right;
		font-style: italic;
		font-weight: normal;
	}

	.ejs .ce-paragraph {
		font-family: Georgia, sans-serif !important;
		font-size: var(--fsize-mobile) !important;
		color: var(--fcolor-mobile) !important;
		line-height: 1.5 !important;
		padding: 0.35em 0 0.2em !important;
		margin: 0 auto !important;
		width: 100% !important;
		border: none !important;		
		background: transparent;		
	}

	.ejs .ce-primary, 
	.ejs .ce-secondary,
	.ejs .ce-info
	 {
		font-family: Georgia, sans-serif !important;
		font-size: var(--fsize-mobile) !important;
		color:var(--fcolor-mobile);
		line-height: 1.5 !important;
		margin: 0.5em auto 0.5em auto !important;
		padding: 1.7rem !important
		
	}

	.ejs .ce-primary {
		padding: 1.5rem !important;
		margin: 0.4em 0;
		border: none;
		background-color: #ddeffa;
	}

	.ejs .ce-secondary {	
		padding: 1.5rem !important;
		margin: 0.4em 0 !important;
		border: 4px solid #3da6f5;
		color: #222222;
	}

	/* .ejs .ce-info {
		padding: 1.5rem !important;
		margin: 0.4em 0 !important;
	} */
	
	.ejs .ce-info {
		counter-reset: num 0;
		font-family: Georgia, sans-serif;
		font-size: 1.15em !important;
		padding: 1rem 1rem 0 !important;
		border: 3px solid #D1D5DB;
		transition: border .1s;
		color: #868686;
		/* max-width: 75%;	 */
		overflow: hidden;
		line-height: 1.45 !important;
	}

	.ejs .ce-info:hover {
		border-color: #3da6f5;
	}

	.ejs .ce-info h3 {
		font-size: var(--fsize-tablet) !important;
		/* padding: 0em 0 0.5em 0 !important; */
		line-height: 1.2 !important;
	}

	.ejs .ce-info a {
		color: #222 !important;
		text-decoration: none;
	}

	.ejs .ce-info a:hover {
		color: #1e73be !important;
	}

	.c_widget_topnews .button {
		border: none;
		background: none;
		transition: all 150ms ease;
		cursor: pointer;
		font-family: Georgia, sans-serif !important;
		/* font-size: 0.9em !important; */
		font-style: italic;
		color: #3da6f5 !important; 
		padding: 0em;
	}

	.ejs .ce-quote {
        font-weight: normal !important;
		font-family: Georgia, sans-serif !important;
		font-size: var(--fsize-mobile) !important;
		color: var(--fcolor-mobile);
		line-height: 1.6;
		width: 100% !important;
		background: #E4EAF2 !important;
		border-left: 0.2rem solid #7C8EAE;
		margin: 0.4em 0 !important;
		padding: 0.7em !important;
		max-width: 92%;
		border-top: 0;
		border-right: 0;
		border-radius: 0 12px 12px 0;
	}

	.ejs .ce-quote footer {
		margin-top: 0.5em;
		color: #337AB7;
		padding-top: 10px;
		display: block;
		text-align: right;
		font-weight: bold;
		padding: 1em 2em 0 2em;
		font-family: arial !important;
		font-size: 0.9em;
		font-style: italic;
	}

	.ejs .ce-embed.youtube {
		width: 100%;
	}

	.ejs .ce-list {
        list-style: square !important;
	}

	.ejs .ce-list li {
		font-family: Georgia, sans-serif !important;
		font-size: var(--fsize-mobile) !important;
		color: var(--fcolor-mobile) !important; 
		line-height: 1.5 !important;
		position: relative;
		padding: 0 !important;
	}

	.list-posts p {
		padding: 0.6em !important;
		color: var(--fcolor-mobile) !important;
	}

	.ejs .ce-attaches__file-info {
		font-size: 0.7em !important;
	}

	.ejs .ce-image.ce-image--backgrounded {
		background-color: #ddeffa !important;
		margin: 0 auto;
		padding: 15px 100px;
	}

	.ejs .ce-image.ce-image--backgrounded img { 
		margin: 0 auto !important;
	}

	.ejs .ce-embed-caption {
		font-family: Georgia !important;
		font-size: 0.95em !important;
		font-style: italic !important;
		margin-top: 0.2em !important;
		color: #626262 !important;
	}

	.ejs footer.ce-image-caption {
		font-family: Georgia !important;
		font-size: 0.95em !important;
		font-style: italic !important;
		margin-top: 0.2em !important;
		margin-bottom: 0.5em;
		color: #626262 !important;
	}

	.ejs .ce-table {
		margin: 0 auto;
		background: #fff;
		border-collapse: collapse;
		border: 1px solid #c7c7c7;
	}
		
	.ejs .ce-table td {
		font-family: Georgia, sans-serif !important;
		font-size: 1.2em !important;
		color: var(--fcolor-mobile) !important;
		line-height: 1.6;
		padding-left: 0.7em;
		border: 0.1em solid #c7c7c7;
	}

	.ejs .ce-table tr:nth-child(2n+1) {
		background: #E8EEF1;
   }
   
	.ejs .ce-collapse .spoiler_button {
		font-size: var(--fsize-mobile);
		color: var(--fcolor-mobile);
		line-height: 1.6;
		padding: 0.4em;
	}

	.ejs .ce-collapse .spoiler_text {
		font-size: var(--fsize-mobile) !important;
		color: var(--fcolor-mobile);
		line-height: 1.6;
		padding: 0.5em !important;
	}

	.ejs .cdx-attaches__title {
	font-family: Georgia, sans-serif !important;
	font-size: var(--fsize-mobile) !important;
	color: var(--fcolor-mobile) !important;
	line-height: 1.4 !important;
	}

}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {


    .ejs {        
		padding: 0.5em !important;
		margin: 0 !important;
		/* background-color: var(--main-bg-color) !important; */
	} 

	.ejs h1,
	.ejs h2 {
		font-family: 'Arial', sans-serif;
		font-weight: 700;
		font-size: 1.7em !important;
		line-height: 1.3 !important;	
		color: #333 !important;	
		width: 100%;
		padding: 0 !important;
		padding-top: 0;
		margin: 0.2em auto;	
	}

	.ejs h3 {
		font-family: 'Arial', sans-serif;
		font-weight: 600;
		font-size: 1.5em !important;
		line-height: 1.2 !important;
		color: #333 !important;	
		margin: 0 auto !important;
		padding: 1em 0 0 0 !important;
		background: transparent;
		border: none;
		font-style: normal !important;
		text-transform: none !important;
		width: 100%;
	}

	.ejs h4 {
		font-family: Georgia, sans-serif !important;
		font-size: 1.1em !important;
		color: var(--fcolor-mobile) !important;
		line-height: 1.5 !important;
		padding: 0.35em 0 0.2em !important;
		margin: 0 auto !important;
		width: 100% !important;
		border: none !important;		
		background: transparent;
		text-align: right;
		font-style: italic;
		font-weight: normal;
	}

	.ejs .ce-paragraph {
		font-family: Georgia, sans-serif !important;
		font-size: var(--fsize-mobile) !important;
		color: var(--fcolor-mobile) !important;
		line-height: 1.5 !important;
		padding: 0.2em 0 !important;
		width: 100% !important;
		border: none !important;		
		background: transparent;		
	}

	.ejs .ce-primary, 
	.ejs .ce-secondary {
		font-family: Georgia, sans-serif !important;
		font-size: var(--fsize-mobile) !important;
		color:var(--fcolor-mobile);
		line-height: 1.5 !important;
		margin: 0.5em auto 0.5em auto !important;
		padding: 1.7rem !important
	}

	.ejs .ce-primary {
		padding: 1.5rem !important;
		margin: 0.4em 0;
		border: none;
		background-color: #ddeffa;
	}

	.ejs .ce-secondary {	
		padding: 1.5rem !important;
		margin: 0.4em 0 !important;
		border: 4px solid #3da6f5;
		color: #222222;

	}

	.ejs .ce-info {
		counter-reset: num 0;
		font-family: Georgia, sans-serif;
		font-size: 1.12em !important;
		padding: 1rem 1rem 0 !important;
		border: 3px solid #D1D5DB;
		transition: border .1s;
		color: #868686;
		/* max-width: 75%;	 */
		overflow: hidden;
		line-height: 1.45 !important;
	}

	.ejs .ce-info:hover {
		border-color: #3da6f5;
	}

	.ejs .ce-info h3 {
		font-size: var(--fsize-tablet) !important;
		padding: 0em 0 0.5em 0 !important;
		line-height: 1.2 !important;
	}

	.ejs .ce-info a {
		color: #222 !important;
		text-decoration: none;
	}

	.ejs .ce-info a:hover {
		color: #1e73be !important;
	}

	.c_widget_topnews .button {
		border: none;
		background: none;
		transition: all 150ms ease;
		cursor: pointer;
		font-family: Georgia, sans-serif !important;
		font-size: 0.9em !important;
		font-style: italic;
		color: #3da6f5 !important; 
	}

	.ejs .ce-quote {
		font-family: Georgia, sans-serif !important;
		font-size: var(--fsize-mobile) !important;
		color: var(--fcolor-mobile);
		line-height: 1.6;
		width: 100% !important;
		background: #E4EAF2 !important;
		border-left: 0.2rem solid #7C8EAE;
		margin: 0.4em 0 !important;
		padding: 0.7em !important;
		max-width: 95%;
		border-top: 0;
		border-right: 0;
		border-radius: 0 12px 12px 0;
		font-weight: normal !important;

	}

	.ejs .ce-quote footer {
		margin-top: 0.5em;
		color: #337AB7;
		padding-top: 10px;
		display: block;
		text-align: right;
		font-weight: bold;
		padding: 1em 2em 0 2em;
		font-family: arial !important;
		font-size: 0.9em;
		font-style: italic;
	}

	.ejs .ce-embed.youtube {
		width: 100%;
	}

	.ejs .ce-list {
        list-style: square !important;
	}

	.ejs .ce-list li {
		font-family: Georgia, sans-serif !important;
		font-size: var(--fsize-mobile) !important;
		color: var(--fcolor-mobile) !important; 
		line-height: 1.5 !important;
		position: relative;
		padding: 0 !important;
	}

	.list-posts p {
		padding: 0.6em !important;
		color: var(--fcolor-mobile) !important;
	}

	.ejs .ce-attaches__file-info {
		font-size: 0.7em !important;
	}

	.ejs .ce-image.ce-image--backgrounded {
		background-color: #ddeffa !important;
		margin: 0 auto;
		padding: 15px 100px;
	}

	.ejs .ce-image.ce-image--backgrounded img { 
		margin: 0 auto !important;
	}

	.ejs .ce-embed-caption {
		font-family: Georgia !important;
		font-size: 0.95em !important;
		font-style: italic !important;
		margin-top: 0.2em !important;
		color: #626262 !important;
	}

	.ejs footer.ce-image-caption {
		font-family: Georgia !important;
		font-size: 0.95em !important;
		font-style: italic !important;
		margin-top: 0.2em !important;
		margin-bottom: 0.5em;
		color: #626262 !important;
	}

	.ejs .ce-table {
		margin: 0 auto;
		background: #fff;
		border-collapse: collapse;
		border: 1px solid #c7c7c7;
	}
		
	.ejs .ce-table td {
		font-family: Georgia, sans-serif !important;
		font-size: 1.2em !important;
		color: var(--fcolor-mobile) !important;
		line-height: 1.6;
		padding-left: 0.7em;
		border: 0.1em solid #c7c7c7;
	}

	.ejs .ce-table tr:nth-child(2n+1) {
		background: #E8EEF1;
   }
   

	.ejs .ce-collapse .spoiler_button {
		font-size: var(--fsize-mobile);
		color: var(--fcolor-mobile);
		line-height: 1.6;
		padding: 0.4em;
	}
	
	.ejs .ce-collapse .spoiler_text {
		font-size: var(--fsize-mobile) !important;
		color: var(--fcolor-mobile);
		line-height: 1.6;
		padding: 0.5em !important;
	}


}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

	.ejs {        
		padding: 0 0.7em !important;
		margin: 0 1em !important;
		/* background-color: yellow !important; */
	} 

	.ejs h1,
	.ejs h2 {
		font-family: 'Arial', sans-serif;
		font-weight: 700;
		font-size: 1.8em !important;
		line-height: 1.2 !important;	
		color: #333 !important;	
		padding: 0 !important;
		padding-top: 0;
		margin: 0.4em auto;	
	}

	.ejs h3 {
		font-family: 'Arial', sans-serif;
		font-weight: 600 !important;
		font-size: 1.5em !important;
		line-height: 1.1 !important;
		color: #333 !important;	
		margin: 0 auto !important;
		padding: 1em 0 0 0 !important;
		background: transparent !important;
		border: none;
		font-style: normal !important;
		text-transform: none !important;
		width: 100%;
	}

	.ejs h4 {
		font-family: Georgia, sans-serif !important;
		font-size: 1.1em !important;
		color: var(--fcolor-mobile) !important;
		line-height: 1.5 !important;
		padding: 0.35em 0 0.2em !important;
		margin: 0 auto !important;
		width: 100% !important;
		border: none !important;		
		background: transparent;
		text-align: right;
		font-style: italic;
		font-weight: normal;
	}

	.ejs .ce-paragraph {
		font-family: Georgia, sans-serif !important;
		font-size: var(--fsize-tablet) !important;
		color: var(--fcolor-mobile) !important;
		line-height: 1.5 !important;
		padding: 0.35em 0 0.2em !important;
		margin: 0 auto !important;
		width: 100% !important;
		border: none !important;		
		background: transparent;		
	}

	.ejs .ce-primary, 
	.ejs .ce-secondary {
		font-family: Georgia, sans-serif !important;
		font-size: var(--fsize-tablet) !important;
		color:var(--fcolor-mobile);
		line-height: 1.5 !important;
		margin: 0.5em auto 0.5em auto !important;
		padding: 1.7rem !important
	}

	.ejs .ce-primary {
		padding: 1.5rem !important;
		margin: 0.4em 0;
		border: none;
		background-color: #ddeffa;
	}

	.ejs .ce-secondary {	
		padding: 1.5rem !important;
		margin: 0.4em 0 !important;
		border: 4px solid #3da6f5;
		color: #222222;

	}

	.ejs .ce-info {
		counter-reset: num 0;
		font-family: Georgia, sans-serif;
		font-size: 1.12em !important;
		padding: 1.5rem !important;
		border: 3px solid #D1D5DB;
		transition: border .1s;
		color: #868686;
		/* max-width: 75%;	 */
		overflow: hidden;
		line-height: 1.45 !important;
	}

	.ejs .ce-info:hover {
		border-color: #3da6f5;
	}

	.ejs .ce-info h3 {
		font-size: var(--fsize-tablet) !important;
		padding: 0em 0 0.5em 0 !important;
		line-height: 1.2 !important;
	}

	.ejs .ce-info a {
		color: #222 !important;
		text-decoration: none;
	}

	.ejs .ce-info a:hover {
		color: #1e73be !important;
	}

	.c_widget_topnews .button {
		border: none;
		background: none;
		transition: all 150ms ease;
		cursor: pointer;
		font-family: Georgia, sans-serif !important;
		font-size: 0.9em !important;
		font-style: italic;
		color: #3da6f5 !important; 
	}

	.ejs .ce-quote {
		font-family: Georgia, sans-serif !important;
		font-size: var(--fsize-tablet) !important;
		color: var(--fcolor-mobile);
		font-weight: normal !important;
		line-height: 1.6;
		width: 100% !important;
		background: #E4EAF2 !important;
		border-left: 0.2rem solid #7C8EAE;
		margin: 0.4em 0 !important;
		padding: 0.7em !important;
		max-width: 96%;
		border-top: 0;
		border-right: 0;
		border-radius: 0 12px 12px 0;

	}

	.ejs .ce-quote footer {
		margin-top: 0.5em;
		color: #337AB7;
		padding-top: 10px;
		display: block;
		text-align: right;
		font-weight: bold;
		padding: 1em 2em 0 2em;
		font-family: arial !important;
		font-size: 0.9em;
		font-style: italic;
	}

	.ejs .ce-embed.youtube {
		width: 100%;
	}

	.ejs .ce-list {
        list-style: square !important;
	}

	.ejs .ce-list li {
		font-family: Georgia, sans-serif !important;
		font-size: var(--fsize-tablet) !important;
		color: var(--fcolor-mobile) !important; 
		line-height: 1.5 !important;
		position: relative;
		padding: 0 !important;
	}

	.list-posts p {
		padding: 0.6em !important;
		color: var(--fcolor-mobile) !important;
	}

	.ejs .ce-attaches__file-info {
		font-size: 0.7em !important;
	}

	.ejs .ce-image.ce-image--backgrounded {
		background-color: #ddeffa !important;
		margin: 0 auto;
		padding: 15px 100px;
	}

	.ejs .ce-image.ce-image--backgrounded img { 
		margin: 0 auto !important;
	}

	.ejs .ce-embed-caption {
		font-family: Georgia !important;
		font-size: 0.95em !important;
		font-style: italic !important;
		margin-top: 0.2em !important;
		color: #626262 !important;
	}

	.ejs footer.ce-image-caption {
		font-family: Georgia !important;
		font-size: 0.95em !important;
		font-style: italic !important;
		margin-top: 0.2em !important;
		margin-bottom: 0.6em;
		color: #626262 !important;
	}

	.ejs .ce-table {
		margin: 0 auto;
		background: #fff;
		border-collapse: collapse;
		border: 1px solid #c7c7c7;
	}
		
	.ejs .ce-table td {
		font-family: Georgia, sans-serif !important;
		font-size: 1.2em !important;
		color: var(--fcolor-mobile) !important;
		line-height: 1.6;
		padding-left: 0.7em;
		border: 0.1em solid #c7c7c7;
	}

	.ejs .ce-table tr:nth-child(2n+1) {
		background: #E8EEF1;
   }
   

	.ejs .ce-collapse .spoiler_button {
		font-family: Georgia, sans-serif !important;
		font-size: var(--fsize-mobile);
		color: var(--fcolor-mobile);
		line-height: 1.6;
		background: #38B963 !important;
		border: transparent;
		color: #ffffff;
		display: block;
		text-align: center;
		outline: none;
		padding: 0.4em;
		margin: 0 auto !important;
		transition: background-color .15s ease-out;
	
	}
	
	.ejs .ce-collapse .spoiler_button:hover {
		background: #3DD670 !important;
	
	} 
	
	.ejs .ce-collapse .spoiler_text {
		position: relative !important;
		font-family: Georgia, sans-serif !important;
		font-size: var(--fsize-mobile) !important;
		color: var(--fcolor-mobile);
		line-height: 1.6;
		padding: 0.5em !important;
		background: #eaf2ee;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
	}

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

	.ejs {        
		padding: 0 0.7em !important;
		margin: 0 1em !important;
	} 

	.ejs h1,
	.ejs h2 {
		font-family: 'Arial', sans-serif;
		font-weight: 700;
		font-size: 2.1em !important;
		line-height: 1.3 !important;	
		color: #1e1e1e !important;	
		width: 100%;
		padding: 0 !important;
		padding-top: 0;
		margin: 0.4em auto;	
	}

	.ejs h3 {
		font-family: 'Arial', sans-serif;
		font-weight: 600;
		font-size: 1.7em !important;
		line-height: 1.2 !important;
		color: #1e1e1e !important;	
		margin: 0 auto !important;
		padding: 1em 0 0.2em 0 !important;
		background: transparent !important;
		border: none;
		font-style: normal !important;
		text-transform: none !important;
		width: 100%;
	}

	.ejs h4 {
		font-family: Georgia, sans-serif !important;
		font-size: 1.1em !important;
		color: var(--fcolor-mobile) !important;
		line-height: 1.5 !important;
		padding: 0.35em 0 0.2em !important;
		margin: 0 auto !important;
		width: 100% !important;
		border: none !important;		
		background: transparent;
		text-align: right;
		font-style: italic;
		font-weight: normal;
	}

	.ejs .ce-paragraph {
		font-family: Georgia, sans-serif !important;
		font-size: var(--fsize-desc) !important;
		color: var(--fcolor-mobile) !important;
		line-height: 1.6 !important;
		padding: 0.35em 0 0.2em !important;
		margin: 0 auto !important;
		width: 100% !important;
		border: none !important;		
		background: transparent;		
	}

	.ejs .ce-primary, 
	.ejs .ce-secondary {
		font-family: Georgia, sans-serif !important;
		font-size: var(--fsize-desc) !important;
		color:var(--fcolor-mobile);
		line-height: 1.5 !important;
		margin: 0.5em auto 0.5em auto !important;
		padding: 1.7rem !important
	}

	.ejs .ce-primary {
		padding: 1.5rem !important;
		margin: 0.4em 0;
		border: none;
		background-color: #ddeffa;
	}

	.ejs .ce-secondary {	
		padding: 1.5rem !important;
		margin: 0.4em 0 !important;
		border: 4px solid #3da6f5;
		color: #222222;
	}

	.ejs .ce-info {
		counter-reset: num 0;
		font-family: Georgia, sans-serif;
		font-size: 1.18em !important;
		padding: 1.5rem !important;
		border: 3px solid #D1D5DB;
		transition: border .1s;
		color: #868686;
		/* max-width: 75%;	 */
		overflow: hidden;
		line-height: 1.5 !important;
	}

	.ejs .ce-info:hover {
		border-color: #3da6f5;
	}

	.ejs .ce-info h3 {
		font-size: var(--fsize-desc) !important;
		padding: 0em 0 0.5em 0 !important;
		line-height: 1.2 !important;
	}

	.ejs .ce-info a {
		color: #222 !important;
		text-decoration: none;
	}

	.ejs .ce-info a:hover {
		color: #1e73be !important;
	}

	.c_widget_topnews .button {
		border: none;
		background: none;
		transition: all 150ms ease;
		cursor: pointer;
		font-family: Georgia, sans-serif !important;
		font-size: 0.9em !important;
		font-style: italic;
		color: #3da6f5 !important; 
	}

	.ejs .ce-quote {
		font-family: Georgia, sans-serif !important;
		font-size: var(--fsize-desc) !important;
		color: var(--fcolor-mobile);
		line-height: 1.6;
		width: 100% !important;
		/* background: #E4EAF2 !important; */
		border-left: 0.35rem solid #7C8EAE;
		border-top: 0;
		border-right: 0;
		margin: 0.4em 0 !important;
		padding: 1.5rem 1.5rem 2rem !important;
		max-width: 94%;
		font-weight: normal !important;
		/* background: #E4EAF2 url(/editorjs/assets/quote.svg) no-repeat right !important; */
		background: #E4EAF2 url(1/css_img_quote.gif) no-repeat right !important;
		border-radius: 0 12px 12px 0;
	}

	.ejs .ce-quote svg {
	color: red;

	}

	.ejs .ce-quote footer {
		margin-top: 0.5em;
		color: #337AB7;
		padding-top: 10px;
		display: block;
		text-align: right;
		font-weight: bold;
		padding: 1em 2em 0 2em;
		font-family: arial !important;
		font-size: 0.9em;
		font-style: italic;
	}

	.ejs .ce-embed.youtube {
		width: 100%;
	}

	.ejs .ce-list li {
		font-family: Georgia, sans-serif !important;
		font-size: var(--fsize-desc) !important;
		color: var(--fcolor-mobile) !important; 
		line-height: 1.5 !important;
		position: relative;
		padding: 0 !important;
	}

	.list-posts p {
		padding: 0.6em !important;
		color: var(--fcolor-mobile) !important;
	}

	.ejs .ce-attaches__file-info {
		font-size: 0.7em !important;
	}

	.ejs .ce-image.ce-image--backgrounded {
		background-color: #ddeffa !important;
		margin: 0.3em auto;
		padding: 1em 12em;
	}

	.ejs .ce-image.ce-image--backgrounded img { 
		margin: 0 auto !important;
	}

	.ejs .ce-embed-caption {
		font-family: Georgia !important;
		font-size: 0.95em !important;
		font-style: italic !important;
		margin-top: 0.2em !important;
		color: #626262 !important;
	}

	.ejs footer.ce-image-caption {
		font-family: Georgia !important;
		font-size: 0.95em !important;
		font-style: italic !important;
		margin-top: 0.4em !important;
		margin-bottom: 0.6em !important;
		color: #626262 !important;
	}

	.ejs .ce-table {
		margin: 0 auto;
		background: #fff;
		border-collapse: collapse;
		border: 1px solid #c7c7c7;
	}
		
	.ejs .ce-table td {
		font-family: Georgia, sans-serif !important;
		font-size: 1.2em !important;
		color: var(--fcolor-mobile) !important;
		line-height: 1.6;
		padding-left: 0.7em;
		border: 0.1em solid #c7c7c7;
	}

	.ejs .ce-table tr:nth-child(2n+1) {
		background: #E8EEF1;
   }
   
	.ejs .ce-collapse .spoiler_button {
		font-family: Georgia, sans-serif !important;
		font-size: var(--fsize-mobile);
		color: var(--fcolor-mobile);
		line-height: 1.6;
		background: #38B963 !important;
		border: transparent;
		color: #ffffff;
		display: block;
		text-align: center;
		outline: none;
		padding: 0.4em;
		margin: 0 auto !important;
		transition: background-color .15s ease-out;	
	}
	
	.ejs .ce-collapse .spoiler_button:hover {
		background: #3DD670 !important;
	
	} 
	
	.ejs .ce-collapse .spoiler_text {
		position: relative !important;
		font-family: Georgia, sans-serif !important;
		font-size: var(--fsize-mobile) !important;
		color: var(--fcolor-mobile);
		line-height: 1.6;
		padding: 0.5em !important;
		background: #eaf2ee;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
	}


}


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {


	.ejs {
		/* max-width: 100%;
		font-family: Georgia, sans-serif !important;
		font-size: 1.32em !important;
		line-height: 1.4 !important;	 */
		/* background-color: var(--decs-bg-color) !important; */
		padding: 0 !important;
		margin: 0 !important
	}

	.ejs h1,
	.ejs h2 {
		font-family: 'Arial', sans-serif !important;
		font-weight: 700;
		font-size: 2.1em;
		line-height: 1.3;
		max-width: 80%;
		margin: 0.4em auto;	
		color: #1e1e1e !important;	
	}

	.ejs h3 {
		font-family: 'Arial', sans-serif !important;
		font-weight: 600 !important;
		color: #1e1e1e !important;
		line-height: 1.2 !important;
		font-size: 1.7em !important;
		max-width: 80%;
		margin: 0 auto !important;
		padding: 1em 0 0.2em 0 !important;
		/* margin: 0.7em auto 0 !important;
		padding-bottom: 0.2em !important; */
		
		background: transparent !important;
		border: none;
	}

	.ejs h4 {
		font-family: Georgia, sans-serif !important;
		font-size: 1.1em !important; 
		color: var(--fcolor-mobile) !important;
		line-height: 1.5 !important;
		padding: 0.35em 0.2em 0.2em 2em !important;
		margin: 0 auto !important;
		width: 80% !important;
		border: none !important;		
		background: transparent;
		text-align: right;
		font-style: italic;
		font-weight: normal;
		/* word-break: break-all; */
	}

	.ejs .ce-paragraph {
		font-family: Georgia, sans-serif !important;
		font-size: 1.32em !important; 
		max-width: 80%;
		/* padding: 0.2em 0 !important;
		margin: 0.4em auto !important;*/
		padding: 0.35em 0 0.2em !important;
		margin: 0 auto !important;
		line-height: 1.6 !important;
		text-align: left;

		/* padding: 0.7em auto !important; */
		color: #1e1e1e !important;
	}
	.ce-paragraph.left {
		text-align: left;
	}

	.ejs .ce-paragraph.center {
		text-align: center;
	}

	.ejs .ce-paragraph.right {
		text-align: right;
	}

	.ejs .ce-primary, 
	.ejs .ce-secondary,
	.ejs .ce-info {
		font-family: Georgia, sans-serif;
		font-size: var(--fsize-desc) !important;
		color: var(--fcolor-mobile);
		line-height: 1.5;
		margin: 0.5em auto 0.5em auto !important;
		padding: 1.7rem !important
	}

	.ejs .ce-primary {
		font-family: Georgia, sans-serif;
		/* font-size: var(--fsize-desc) !important; */
		color: var(--fcolor-mobile);
		padding: 1.5rem !important;
		/* margin: 0.4em 0 !important; */
		border: none;
		background-color: #ddeffa;
		max-width: 76%;	
	}

	 .ejs .ce-secondary {
		font-family: Georgia, sans-serif;
		color: var(--fcolor-mobile);		
		padding: 1.5rem !important;
		border: 4px solid #3da6f5;
		color: #222222;
		max-width: 75%;	
	} 

	.ejs .ce-info {
		counter-reset: num 0;
		font-family: Georgia, sans-serif;
		font-size: 1.18em !important;
		padding: 1.5rem !important;
		border: 3px solid #D1D5DB;
		transition: border .1s;
		color: #868686;
		max-width: 75%;	
		overflow: hidden;
		line-height: 1.6 !important;
	}

	.ejs .ce-info:hover {
		border-color: #3da6f5;
	}

	.ejs .ce-info h3 {
		font-size: var(--fsize-desc) !important;
		padding: 1em 0 0.5em 0 !important;
		line-height: 1.2 !important;
	}

	.ejs .ce-info a {
		color: #222 !important;
		text-decoration: none;
	}

	.ejs .ce-info a:hover {
		color: #1e73be !important;
	}

	.c_widget_topnews .button {
		border: none;
		background: none;
		transition: all 150ms ease;
		cursor: pointer;
		font-family: Georgia, sans-serif !important;
		font-size: 0.9em !important;
		font-style: italic;
		color: #3da6f5 !important; 
	}

	.c_widget_topnews .button:hover {
		color: #1e73be !important;
	}
	
	.ejs .ce-list {
        list-style: square !important;
	}

	.ejs .ce-list li {
		font-size: 1.21em;
		line-height: 1.7;
		padding: auto 0.4em;
		max-width: 80%;
		margin: 0.2em auto 0 auto;
		list-style-type: disc;
	}

	.ejs .ce-embed-caption {
		font-size: 1em;
		font-style: italic;
		padding: 0 20px 5px 0;
		margin: 0.1em auto 0 0;
		max-width: 80%;
		color: #626262;
	}

	.ejs .ce-embed {
		margin: 0.8em auto !important;
		width: 80%;
		max-width:80%;
	}

	.ejs .ce-embed.youtube {
		font-size: 1em;
		font-style: italic;
		margin: 0.2em auto !important;
		width: 100%;
		max-width:100%;
		/* color: #8b8b8b; */
	}

	.ejs .ce-embed.instagram {
		width: 80%;
		margin: 0 auto;
	}

	.ejs .ce-embed.twitter {
		width: 80%;
		margin: 0 auto;
	}

	.ejs .ce-image {
		width: 80%;
		margin: 0.2em auto;
	}

	.ejs .ce-image img {
		max-width: 100%;
		margin: 0em auto;
		display: block;
		cursor: zoom-in;
	}

	.ejs .ce-image.ce-image--stretched {
		width: 100%;
		max-width: 100%;
		vertical-align: bottom;
		display: block;
		margin: 0.4em auto;	
	}

	.ejs .ce-image.ce-image--bordered {
		width: 80%;
		margin: 0 auto;
	}

	.ejs .ce-image.ce-image--backgrounded {
		/* background-color: rgba(221, 239, 250, 0.44) !important; */
		background-color: #ddeffa !important;
		width: 58%;
		padding: 1em 6em;
		margin: 0.3em auto;
	}

	.ejs .ce-image.ce-image--backgrounded img {
		max-width: 80% !important;
		margin: 0 auto;
		display: block;
		cursor: zoom-in;
	}

	.ejs .ce-image.ce-image--backgrounded a {
		display: block;
	}
	.ejs footer.ce-image-caption {
		font-family: Georgia, sans-serif !important;
		font-size: 1em;
		font-style: italic;
		margin-top: 0.3em;
		margin-bottom: 0.7em;
		color: #626262;
	}

	.ejs .ce-table {
		width: 80%;
		margin: 0 auto;
		background: #fff;
		border-collapse: collapse;
		border: 1px solid #c7c7c7;

	}

	.ejs .ce-table th {	
	}

	.ejs .ce-table td {
		position: relative;
		font-family: Georgia, sans-serif !important;
		font-size: 1.32em !important;
		line-height: 1.6;
		padding-left: 0.7em;
		border: 0.1em solid #c7c7c7;
	}

	.ejs .ce-table tr:nth-child(2n+1) {
		background: #E8EEF1;
	}
	.ejs .ce-embed-link {
	}

	.ejs .ce-embed-link__image {
	}

	.ejs .ce-embed-link__title {
	}

	.ejs .ce-embed-link__description {
	}

	.ejs .ce-embed-link__domain {
	}

	.ejs .ce-quote {
		font-size: 1.22em !important;	
		line-height: 1.6;
		width: 84%;
		border-left: 0.35rem solid #7C8EAE;
		border-top: 0;
		border-right: 0;
		padding: 1.5rem 1.5rem 2rem !important;
		color: #222222;
		font-weight: normal !important;
		/* margin: 0.1em 0 1em 0 !important; */
		font-weight: normal !important;
		background: none url(1/css_img_quote.gif) no-repeat right !important;
		border-radius: 0 12px 12px 0;
		max-width: 75%;
		margin: 1em auto !important;
	}

	.ejs .ce-quote.center {
		text-align: center;
	}
	
	.ejs .ce-quote.article-quote--center {
		text-align: center;
	}

	.ejs .ce-quote footer {
		margin-top: 0.5em;
		color: #337AB7;
		padding-top: 10px;
		display: block;
		text-align: right;
		font-weight: bold;
		padding: 1em 2em 0 2em;
		font-family: arial !important;
		font-size: 0.9em;
		font-style: italic;
	}

	.ejs .ce-code {
	}

	.ejs .ce-delimiter {
	}

	.ejs .ce-attaches {
		margin: 0.6em auto !important;
		max-width: 80%;
	}

	.ejs .ce-attaches.ce-attaches--with-file {
		display: flex;
		padding: 13px 20px;
		border: 0.12rem solid #dfdfdf;
		border-radius: 5px;
		width: 75%;
	}

	.cdx-attaches--with-file .cdx-attaches__size {
		color: #7b7e89;
	}

	.ejs .cdx-attaches__download-button {
		display: flex;
		align-items: center;
	}
	.ejs .cdx-attaches svg {
		fill: #7b7e89;
	}

	.ejs .cdx-attaches__title {

		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		outline: none;
		max-width: 80%;
		padding: 0.1em 0 !important;
		margin: 0.4em auto;	
		margin-bottom: 0.6em;
		line-height: 1.5;
	}
	.ejs .ce-attaches__file-icon {
		margin-right: 20px;
		position: relative;
		font-family: 'Arial', sans-serif;
	}

	.ejs .ce-attaches__file-icon::before {
		position: absolute;
		bottom: 7px;
		left: 8.5px;
		font-size: 8px;
		font-weight: 900;
		text-transform: uppercase;
		/* background: #fff; */
		line-height: 150%;
		content: attr(data-extension);
	}

	.ejs .ce-attaches__file-icon svg {
		fill: currentColor;

	}

	.ejs .ce-attaches__file-icon__size {
		color: #7b7e89;
	}

	.ejs .ce-attaches__file-icon__size:after {
		content: attr(data-size);
		margin-left: 0.2em;
	}
	.ejs .ce-attaches__file-info {
		flex-grow: 8;
		max-width: calc(100% - 80px);
	}

	.ejs .ce-attaches__size {
		color: #7b7e89;
	}
	
	.ejs .ce-attaches__download-button {
		display: flex;
		align-items: center;
		padding-left: 4em;
	}

	.ejs .ce-attaches__download-button svg {
		fill: #7b7e89;	
		height: 14px;
		margin-top: 0;
		margin-right: 8px;
	}

	.ejs .ce-collapse {
		padding: 0.7em;
	}

	.ejs .ce-collapse .spoiler_button {
		/* width: 80% !important;
		margin: 0 auto; */

		background: #38B963 !important;
		border: transparent;
		color: #ffffff;
		display: block;
		text-align: center;
		outline: none;
		padding: 0.7em;
		width: 80% !important;
		margin: 0 auto !important;
		transition: background-color .15s ease-out;

	}

	.ejs .ce-collapse .spoiler_button:hover {
		background: #3DD670 !important;

	} 

	.ejs .ce-collapse .spoiler_text {
		/* background: red !important; */
		position: relative !important;
		font-family: Georgia, sans-serif !important;
		font-size: 1.2em !important;
		line-height: 1.5 !important;	
		padding: 0.6em !important;
		background: #eaf2ee;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
	}
}


.ejs_popup {
  /*position: relative;*/
  position: absolute;
  right: 10px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  border: none;
  text-decoration: none;
  border-radius: 8px;
}

.ejs_popup.animation-reveal {
	/* transition: opacity 75ms linear; */
	animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
.ejs_popup .ejs_label {
  /* background-color: #E4EAF2; */
  border-radius: 100%;
  cursor: pointer;
  padding: 0.3rem 0.8rem 1rem 0.8rem;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.1;
  font-size: 1.2rem;
  color: #1e1e1e;
  opacity: 0.8;
} 

.ejs_popup .ejs_label:hover {
	background-color: #ecf3fb;
	opacity: 0.8;
	transition: opacity 75ms linear;
}

.ejs_popup .ejs_label:hover {
  color:#141414;  
}

.ejs_popup .ejs_menu {
  position: absolute;
  display: none;
  background-color: #fff;
  justify-content: center;
  flex-direction: column;
  border-radius: 5px;
  font-size: 0.8rem;
  /* padding: 0.6rem 0.8rem;  */
  width: 155px; 
  box-shadow: 0 0 0 1px rgba(0,0,0,.04),0 1px 3px 0 rgba(0,0,0,.15);  
  z-index: 1;
  right: 2px;
  top: 42px;  
}
.ejs_popup .ejs_menu:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: -5px;
	right: 14px;
	-webkit-box-shadow: -1px -1px 0 0 rgba(0,0,0,.07);
	box-shadow: -1px -1px 0 0 rgba(0,0,0,.07);
}

.ejs_popup .ejs_menu .ejs_menu-item {
  cursor: pointer;
  opacity: 0.8;
  transition: 0.2s;
}

.ejs_popup .ejs_menu .ejs_menu-item:hover {
  background-color: #f8f9fa;
  color: #000;
  opacity: 1;
  border-radius: 5px;
}

.ejs_popup .ejs_menu .ejs_menu-item a {
	color: #141414;
    padding: 0.6rem 0.6em;
	line-height: 1.5em;
	display: block;
	text-decoration: none;
}

.ejs_popup .ejs_menu .ejs_menu-separator {
  border-bottom: 1px solid black;
  margin: 5px 0;
}

.ejs_popup.open .ejs_menu {
  display: flex;
  /* animation: open-menu-anim 0.2s ease-in-out; */
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.07),0 4px 8px 0 rgba(0,0,0,.07);
	box-shadow: 0 0 0 1px rgba(0,0,0,.07),0 4px 8px 0 rgba(0,0,0,.07);
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

.ejs_popup.close .ejs_menu {
  /* animation: close-menu-anim 0.1s ease-in-out; */
  -webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}







@keyframes reveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes open-menu-anim {
  0% {
    transform: scale(0, 0);
  }
  33% {
    transform: scale(0.95, 1.05);
  }
  66% {
    transform: scale(1.05, 0.95);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes close-menu-anim {
  0% {
    transform: scale(1, 1);
  }
  33% {
    transform: scale(1.05, 0.95);
  }
  66% {
    transform: scale(0.95, 1.05);
  }
  100% {
    transform: scale(0, 0);
  }
}