/*  
Theme Name: Hyperseo theme
Theme URI: https://hyperseo.ru/
Version: 1
Author: Design Disease + Hyper
*/


body { background: #1a3265; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px; color:#35383d;}

html { padding: 0; margin: 0;}

a:link { text-decoration: none; color : #00a0e3; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #00a0e3; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #00a0e3; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #003399; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

h1, h2, h3, h4 { font-family: "Trebuchet MS";}

img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

/* BGContainer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.BGC { width: 1000px; margin: 0 auto; padding: 0px; position: relative; }

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Header {
	background: #005B8E;
	width: 1000px;
	position: relative;
	padding: 0px;
	height:120px;
	border-radius: 7px;
}
.Header .Desc, .Header h1 {
	position: absolute;
	top: 10px; left: 10px;
	width: 140px; height: 109px;
	color:#0097CA;
	font: bold 20px/20px Trebuchet MS;
	padding: 0; margin: 0;
	background: url(images/hyp-strelka.gif) bottom left no-repeat;
}
.Header .Desc:first-line, .Header h1:first-line {
	color: #fff;
	font-size: 24px;
}
.Header .LS { position: absolute; top: 20px; left: 10px; background: url(images/LogoIcon.png) no-repeat left top; width: 50px; height: 50px;}
#c-ban {
	position: absolute;
	top: 10px; left: 152px;
	width: 848px; height: 105px;
}
#c-ban a {
	display: block; float: left;
	width: 212px; height: 105px;
	color: #fff;
	text-decoration: none;
}
#c-ban em {
	display: block;
	width: 109px; height: 105px;
	padding: 0 2px 0 101px;
	opacity: .8;
	font: 13px/15px Trebuchet MS;
}
#c-ban em:hover {
	opacity: 1;
}
/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Menu { background: #0097ca; width: 1000px; position: relative; float: left; height: 35px;}
.Menu em { display: none}
.Menu ul { list-style: none; margin: 0px; padding: 10px 0px 0px 100px;}
.Menu ul li ul { display: none;}
.Menu li { padding: 0px; margin: 0px; display: inline; font-size: 11px;}
.Menu a { padding: 0px 0px 0px 3px; margin-right: 2px; background: url(images/MLeft.png) no-repeat left top; float: left;}
.Menu a span { padding: 6px 9px 6px 6px; display: block; background: url(images/MRight.png) no-repeat right top; float: right; }
.Menu a span { float: none; color: #FFF;}

.Menu a:hover, .Menu .current_page_item a { background-position: 0% -25px; color:#003399; text-decoration: none;}
.Menu a:hover span, .Menu .current_page_item a span  { background-position: 100% -25px;  color:#003399;}

.MTL { position: absolute; top: 0px; left: 0px; background: url(images/MTL.gif) no-repeat left top; height: 8px; width: 8px;}
.MTR { position: absolute; top: 0px; right: 0px; background: url(images/MTR.gif) no-repeat left top; height: 8px; width: 8px;}

/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.CON { background: #fff url(images/BGC.gif) repeat-y center; width: 1000px; float: left; position: relative; padding: 0px}

/* Side Central Single +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SCS { width: 420px; float: left; padding: 15px 30px 15px 100px; }
.SCS h1 { font-size: 20px; font-weight: normal; background: url(images/PostHead.gif) repeat-x bottom; padding-bottom: 10px; letter-spacing: -1px; }
.SCS h2 { font-size: 18px; font-weight: normal; }
.SCS h3 { font-size: 14px; font-weight: bold; }

.SCS p { font-size: 12px; line-height: 17px;}
.SCS p strong {}
.SCS img {}
.SCS ul { padding: 10px 0px; margin: 0px; }
.SCS li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; }
.SCS blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; }
.SCS blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.SCS blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699; }
.SCS blockquote a { color:#0080ca; }
.SCS blockquote a:visited { color:#0080ca; }
.SCS blockquote a:hover { color:#003399; }
.SCS a { text-decoration: underline;}

/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SC { width: 420px; float: left; padding: 30px 30px 15px 100px;}
.SC h2 { font-weight: normal;}
.pagetitle { font-size: 20px; font-weight: normal; letter-spacing: -1px; border-bottom: solid 1px #000; padding-bottom: 15px;}

.w-336-center { width: 336px; margin: 10px auto; }

/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Post {	padding: 0px; position: relative; clear: left;}
.PostHead { position: relative; clear: left; background: url(images/PostHead.gif) repeat-x bottom; padding-bottom: 10px;}
.PostHead h1, .PostHead h2 { font: 20px/20px "Trebuchet MS"; letter-spacing: -1px; padding: 0px 0px 1px 0px; margin: 0px; color:#cc6600; }
.PostHead h2 a { color: #007ac8; text-decoration: none;}
.PostHead h2 a:hover { color:#cc6600; }

.PostAuthor { padding: 1px 0px; margin: 0px; font-size: 10px; color:#8a98a2; font-weight: bold;}
.PostDate { margin: 0px; position: absolute; top: 0px; left: -70px; text-align: center; background: url(images/PostHead.gif) repeat-x bottom; padding: 0px 10px 6px 10px;}
.PostDate small { font-size: 10px; color:#8a98a2; font-weight: bold; }
.PostDate .month { display:block; text-transform: uppercase; font-size: 9px;}
.PostDate .day { display:block; font-size: 24px; line-height: 24px; font-family: 'Arial'; letter-spacing: -1px; font-weight: normal; color:#4a5a65;}
.PostDate .year { display:block;}

.PostContent { padding: 0px 0px 5px 0px; font-size: 12px; line-height: 17px; background: url(images/PostHead.gif) repeat-x bottom; }
.PostContent p { font-size: 12px; line-height: 17px;}
.PostContent p strong {}
.PostContent img {}
.PostContent ul { padding: 10px 0px; margin: 0px; }
.PostContent li { font-size: 11px; line-height: 15px; color:#4c4c4c; }
.PostContent ul li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; }
.PostContent blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; }
.PostContent blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699; }
.PostContent blockquote a { color:#0080ca; }
.PostContent blockquote a:visited { color:#0080ca; }
.PostContent blockquote a:hover { color:#003399; }
.PostContent a { text-decoration: underline;}

.PostDet { padding-top: 15px; display: flex; flex-direction: column;}
.PostDet ul { padding: 0px; margin: 0px;}
.PostDet li { padding: 5px 0px 5px 18px; margin: 0px 10px 0px 0px; list-style-type: none; display: inline; color:#336699; font-size: 10px; font-weight: bold; } 
.PostDet li a { text-decoration: underline;} 
.PostCateg { background: url(images/PostCateg.png) no-repeat left center;}
.PostCom { background: url(images/PostCom.png) no-repeat left center; }

/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.Note { padding: 0px; margin: 0px;}
.Note li { padding: 2px 0px 2px 15px; margin: 0px; list-style-type: none; font-size: 11px;}
.NoteRss { background: url(images/NoteRss.png) no-repeat left top;}
.NoteTrackBack { background: url(images/NoteTrackBack.png) no-repeat left 4px;}
.Note li a { color:#cc6600;}

/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.wp-pagenavi a, .wp-pagenavi span {
    margin: 2px;
    padding: 3px 5px;
    text-decoration: none;
	font-size: 20px; font-weight: 700;
}

/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments { margin: 20px 0px 0px 0px;}

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .List h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#000; }
.Comments .List ol { padding: 0px; margin: 0px;}
.Comments .List li { position: relative; padding: 15px 5px 10px 5px; margin: 0px 0px 20px 0px; list-style-type: none;}
.Comments .List .ComListLi { background: #f6f1de url(images/ComListLiBottom.gif) no-repeat left bottom; }
/**/ * html .Comments .List .ComListLiTop { left: -5px;} /**/ 
.Comments .List .ComListLiTop { position: absolute; background: url(images/ComListLiTop.gif) no-repeat left top; height: 15px; width: 420px; left: 0px; top: 0px;}

/**/ * html .Comments .List .ListNr { left: -55px;} /**/ 
.Comments .List .ListNr { color:#bec9d1; position: absolute; top: 15px; font-size: 24px; line-height: 24px; font-family: 'Arial'; font-weight: normal; letter-spacing: -1px; padding: 0px; left: -55px; }

/**/ * html .Comments .List .ListGrav { left: 10px;} /* */ 
.Comments .List .ListGrav { position: absolute; top: 15px; left: 15px;}
.Comments .List .ListGrav img { border: solid 1px #fff;}

.Comments .List big { margin: 0px; padding: 0px 0px 0px 42px; font-size: 11px; line-height: 11px; letter-spacing: -1px; color:#333; font-weight: bold; display: block;}
.Comments .List small { color:#a19a80; padding: 0px 0px 0px 42px; margin: 0px; font-size: 10px; }
.Comments .List small a { color:#a19a80; text-decoration: none;}
.Comments .List small a:visited { text-decoration: none;}

.Comments .List .ListContent { margin: 15px 0px 0px 0px; padding: 5px 10px; font-size: 11px; line-height: 15px; background: #fff url(images/ComListContent.gif) no-repeat left top; display: block;}


/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .Form h3 { font-size: 14px; font-weight: bold; letter-spacing: -1px; margin: 0px; padding: 5px 0px 10px 0px; color:#333;}
.Comments .Form { background: #bbe9ff url(images/ComFormBottom.gif) no-repeat left bottom; padding: 10px 15px 20px 15px; position: relative;}
.Comments .FormTop { background: url(images/ComFormTop.gif) no-repeat left top; position: absolute; top: 0px; left: 0px; width: 504px; height: 7px;}
.Comments .Form form {margin: 0px; padding: 0px;}
.Comments .Form a { text-decoration: underline;}
.Comments .Form p { padding: 0px; margin: 0px; font-size: 11px; color:#336699; }
.Comments .Form p small strong { font-size: 10px; font-weight: bold; color:#FF3300;}
.Comments .Form p small { font-size: 11px; display: block; padding: 5px 0px;}
.Comments .Form .TextField { background: #fff; border: solid 1px #9dc0d0; padding: 5px 4px; font-size: 11px; display: block;}
.Comments .Form .TextArea { background: #fff; border: solid 1px #9dc0d0; padding: 4px; font-size: 12px;}

.Comments .Form input.SubmitComment { width: 257px; height: 26px; background: url(images/SubmitComment.png) no-repeat; margin-top: 8px;}
.Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 8px;}
.Comments .Form input.SubmitCommentIE { width: 257px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 10px; margin-top: 8px;}


/* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR { width: 450px; float: right; position: relative; }
.SR h2 { font-size: 14px; letter-spacing: normal; font-weight: bold;}
.SR .bar-h3 { font: bold 14px "Trebuchet MS"; }

/* Side Right Left +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SRL { width: 230px; float: left; padding: 15px 20px 15px 20px;}
.SRL .bar-h3 { background: url(images/SRLH3.gif) repeat-x left bottom; color:#ffffcc; padding: 0px 0px 5px 0px; margin: 0px}
.SRL li a { color:#FFF; font-size: 11px; }
.SRL li a:visited { color:#FFF; }
.SRL li a:hover { color:#abcee1;}

.Categ .rec_comments li {
	background: none;
	padding: 2px;
	clear: right;
	overflow: hidden;
}
.Categ .rec_comments em {
	font: italic 13px "Trebuchet MS";
	color: #acf;
}
.Categ .rec_comments img {
	float: right;
	margin: 5px 0px 5px 5px;
}

/* Side Right Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SRR { width: 160px; float: right; padding: 10px;}
.SRR .bar-h3 { background: url(images/SRRH3.gif) repeat-x left bottom; color:#abcee1; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px }
.SRR h2 { background: url(images/SRRH3.gif) repeat-x left bottom; color:#abcee1; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px }
.SRR ul { padding: 0px; margin: 0px;}
.SRR li { padding: 0px 0px 10px 10px; margin: 0px; list-style-type: none; background: url(images/SRRIco.png) no-repeat left top;}
.SRR li a { color:#ABCEE1; font-size: 11px; text-decoration: underline; }
.SRR li a:visited { color:#7a8fa4; }
.SRR li a:hover { color:#ABCEE1; text-decoration: none; }

.SRR  .bar-content-yappb {
	font: italic 13px "Trebuchet MS";
	color: #369;
	overflow: hidden;
}
.SRR  .bar-content-yappb tt, .SRR  .bar-content-yappb tt a {
	font: bold 15px "Trebuchet MS";
	color: #7A8FA4;
	text-decoration: none;
}
.SRR  .bar-content-yappb tt a:hover { color: #fff; }
.SRR  .bar-content-yappb cite {
	color: #c90;
	display: block;
}
.SRR  .bar-content-yappb div {
	color: #ABCEE1;
	margin: 5px 0px;
	font: 10px "Trebuchet MS";
}

/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Search { background: url(images/hyp-search.gif) no-repeat left top; position: absolute; top: -35px; width: 280px; left: -9px;}
.Search  form { padding: 5px 20px 5px 30px; margin: 0px;}
.Search  input { border: none; color: #330033; font-size: 11px;}
.Search  input.search { width: 24px; height: 23px; background: url(./images/SearchButton.gif) no-repeat;}
.Search  input.keyword { background: none; border: none; padding: 5px 0px 5px 8px; width: 200px; border: none; } /**/ * html #buttonsearch { margin: -24px 0px 0px 203px; } /* */ 
#buttonsearch { padding: 0px; margin: -23px 0px 0px 203px; top: 0px; background: none; }

/* Categories +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Categ { margin-bottom: 20px;}
.Categ .bar-h3 { background: url(images/CategH3.gif) no-repeat left top; padding-left: 20px; margin: 0px; }
.Categ ul { background: url(images/SRLH3.gif) repeat-x top; margin: 0px; padding: 10px 0px 0px 0px;}
.Categ li { margin: 0px; padding: 2px 0px 3px 20px; list-style-type: none; font-size: 11px; background: url(images/CategLi.png) no-repeat left top;}
.Categ ul.children { background: none; padding-top: 5px; }

/* gastarposts ++++++++++++++++++++++++++++++++++++++++++++ */
.gastarposts { margin-bottom: 20px;}
.gastarposts h3 { background: url(images/CategH3.gif) no-repeat left top; padding-left: 20px; margin: 0px; }
.gastarposts ul { background: url(images/SRLH3.gif) repeat-x top; margin: 0px; padding: 10px 0px 0px 0px;}
.gastarposts li { margin: 0px; padding: 2px 0px 3px 20px; list-style-type: none; font-size: 11px; background: url(images/CategLi.png) no-repeat left top;}

/* Latest Comments  - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.LatestCom { margin-bottom: 30px;}
.LatestCom h3 { background: url(images/LatestComH3.gif) no-repeat left top; padding-left: 20px; margin: 0px; }
.LatestCom ul { background: url(images/SRLH3.gif) repeat-x top; margin: 0px; padding: 10px 0px 0px 0px;}
.LatestCom li { display: block; color:#000000; margin: 0px; padding: 2px 0px 3px 20px; list-style-type: none; font-size: 11px; background: url(images/CategLi.png) no-repeat left top; font-size: 10px; font-weight: bold; border-bottom: solid 1px #106899;}
.LatestCom li a { display: block; font-size: 11px; font-weight: normal;}

/* Flickr RSS - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Flickr { margin-bottom: 10px;}
.Flickr h3 { background: url(images/FlickrH3.gif) no-repeat left top; padding-left: 20px; margin: 0px; }
.Flickr ul { background: url(images/SRLH3.gif) repeat-x top; padding: 10px 0px; margin: 0px;}
.Flickr li { padding: 0px; margin: 0px 6px 0px 0px; list-style-type: none; display: inline;}
.Flickr li a img { background: #000; padding: 1px; border: solid 4px #127aae; width: 60px; height: 60px; margin-bottom: 5px;}
.Flickr li a:hover img { background: #fff; padding: 1px; border: solid 4px #09182a; margin-bottom: 5px;}

/* Syndicate ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Syn { background: #09182a url(images/SynBottom.gif) no-repeat left bottom; margin-bottom: 10px; position: relative; padding: 10px 15px; }
/**/ * html .SynTop { left: -15px;} /* */ 
.SynTop { position: absolute; background: url(images/SynTop.gif) no-repeat left top; left: 0px; top: 0px; width: 230px; height: 8px; }
.Syn ul { margin: 0px; padding: 0px;}
.Syn li { background: url(images/SynIco.gif) no-repeat left center; margin: 0px; padding: 3px 0px 3px 20px; list-style-type: none; font-size: 12px; color:#0097ca;}
.Syn li a { color:#fff; font-size: 12px; }

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Footer { width: 970px; position: relative; clear: left; padding: 10px 15px;}
.FL { position: absolute; top: -8px; left: 0px; height: 8px; width: 8px; background: url(images/FL.gif) no-repeat left top; }
.FR { position: absolute; top: -8px; right: 0px; height: 8px; width: 8px; background: url(images/FR.gif) no-repeat left top; }
.Footer p { font-size: 10px; color:#92b8cd; padding: 0px; margin: 0px; }
.Footer a { color:#92b8cd; text-decoration: underline;}

/* ПРАВИЛА ДЛЯ КАРТИНОК */

.aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft
{
	float: left;
}
.alignright
{
	float: right;
}
.alignright img, img.alignright
{
	margin: 5px;
	margin-right: 0;
}
.alignleft img, img.alignleft
{
	margin: 5px;
	margin-left: 0;
}

/* подсветка кода */

.syntaxhighlighter  {
	border: 1px dashed black !important;
}

.PostFirst {
	margin: 5px 0px;
	font: italic 12px "Trebuchet MS";
}

/* rotaban */

#rotaban_188387 a {
	display: block;
	margin: 2px;
	float: left;
	height: 125px; width: 125px;
}
#rotaban_188387 {
	margin: 0 auto;
	width: 129px;
	overflow: hidden;
}

.wp-pagenavi {
    margin-bottom: 10px;
}

/* nolix */

#nolix_link a { font: bold 25px Tahoma !important; color: #00a !important; }
#nolix_link a:hover { font: bold 25px Tahoma !important; color: #00A0E3 !important; }

/* предложение подписки */

.PostContent .postend { font: 16px Georgia; }
.twitter-count-horizontal { margin: 0 0 -3px; }
.PostContent .rss-podpost { color: #f80; font-weight: bold; }
.rss-podpost:hover { color: red; }

/* помесячно */

.per-month { margin-bottom: 5px; color: #ddf; font-size: 11px; }
.per-month a { color: #00CCFF; }

#iphonebanner420x285 {
display: block; position: absolute; width: 380px; margin: 0 auto;
opacity: .1; padding: 100px 20px 0; height: 185px;
font: 25px/35px Arial; text-align: center; 
}
#iphonebanner420x285:hover {
opacity: .8; background: #fff;
}
#perfectopmenu {
width:540px; height:15px; position: absolute; left:0; top:0; padding: 5px 0 5px 10px;
background: url("images/PostHead.gif") repeat-x scroll center bottom transparent;
}
#hyperads {
width:63px; height:15px; float:right; margin-right:9px; background: url(images/hyperads.gif) no-repeat;
}

.download-link {
	margin: 10px; display: inline-block;
}
.download-link a {
	border: 1px solid #070; border-radius: 10px;
	padding: 10px;
	font: bold 20px Arial;
	background: #dfd;
}
.wp-caption-text {
font-style: italic; color: #999; text-align: center;
}
.allwhatuneed {
color: #fb0;
}
#newYearSalads {font: italic bold 16px/21px Georgia;color: #01a;}
#newYearSalads b {color: #f24;}

.PostHead.molniya {
	background: url("/wp-content/uploads/2020/02/molniya-30px.png") no-repeat right top transparent;
	padding-right: 40px;
	background-size: 20px 30px;
}
.strong {
	font-weight: 700;
}
.has-vivid-green-red-color {
    color: #f33;
}
.has-vivid-cyan-color {
    color: #0a0;
}
.disclaimer {
    background-color: #fffbe3;
    color: #cc6600;
    padding: 10px;
    border-radius: 5px;
    font-size: 1.2em;
    margin: 1em 0;
}

.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
	flex-direction: column;
	z-index: 10000;
}

.lightbox p {
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    background: #fff;
    margin: 0;
    padding: 10px;
    width: 90%;
    max-width: 500px;
}
.lightbox p:first-child{
	border-radius: 10px 10px 0 0;
}
.lightbox p:last-child{
	border-radius: 0 0 10px 10px;
}
.lightbox .close {
    cursor: pointer;
    background: #000;
    color: #fff;
    padding: 5px 10px;
    border-radius: 7px;
}