@import url("style-clr.css");

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend { vertical-align: baseline; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 0; outline: 0; padding: 0; margin: 0; border: 0; }

body								{ background: var(--color-back); color: var(--color-text); font-size: medium; font-family: Arial; }

A:link							{ text-decoration: none; color: var(--color-desc); }
A:visited						{ text-decoration: none; color: var(--color-desc); }
A:active						{ text-decoration: none; color: var(--color-desc); }
A:hover							{ text-decoration: underline; color:  var(--color-hover); }
a img								{ border: 1px solid var(--color-ibord); }
a:hover img					{ border: 1px solid var(--color-hover); }

H1									{ font-size: small; font-weight: bold; font-family: Verdana; text-decoration: none; color: color: var(--color-text); display: block; white-space: nowrap; overflow: hidden; padding: 2px; display: inline;  }
H2									{ font-size: small; font-weight: bold; font-family: Verdana; text-decoration: none; color: color: var(--color-text); display: block; white-space: nowrap; overflow: hidden; padding: 4px; text-transform: capitalize; }
H2 a:hover					{ text-decoration: none; color: var(--color-hover); }
H3									{ font-size: medium; color: var(--color-text); font-weight: bold; font-family: Arial; }

/* TOP BAR */
#toplinksbar 				{ width: 100%; height: 30px; background: var(--color-tbar-back); vertical-align:top; text-align: center; margin: auto; }
.tpl								{ display: inline-block; }
.tpl-img						{ width: 20px; height: 20px; margin: 4px 10px 0 0; vertical-align: middle; }
.tpl-txt						{ display: inline-block; vertical-align: middle; margin-top: 6px; margin-right: 40px; color: var(--color-tbar-desc); font-size: 13px; }

/* MODULE TOP OUR ADVER */
.bb-mod							{ width: 1240px; height: 154px; margin: auto; margin-bottom: 10px; margin-top: 10px;
	background-color: var(--color-mtoa-back); color: var(--color-mtoa-text); font-family: Verdana, sans-serif; }
.bb-mod p						{ text-align: center; font-size: 15px; padding: 6px; }
.bb-mod p a					{ font-size: 15px; color: var(--color-mtoa-link); text-decoration: underline; }
.bba-mod						{ width: 100%; height: 126px; position: relative; overflow: hidden; }
.bba-mod-item				{ width: 100%; position: absolute; opacity: 1; animation: slideanim 17s infinite; pointer-events: none; }
.bba-mod-item:nth-child(1),
.bba-mod-item:nth-child(1) img	{ animation-delay: 0; }
.bba-mod-item img		{ width: 100%; height: 124px; object-fit: cover; animation: zoom 17s infinite; border: 0; }
@keyframes zoom			{ 50% { transform: scale(1.5); } }

/* TOP MENU */
.top-menu						{ background: var(--color-menu-back); margin-left: 2px; margin-right: 2px; text-align: left; }
.menu-main					{ list-style: none; margin: 0;  padding: 0; margin-left: 20px; }
.menu-main:after		{ content: ""; display: table; clear: both; }
.menu-main li				{ display: inline-block ; z-index: 1; }
.menu-main a				{ text-decoration: none; display: block; line-height: 30px; padding: 0 20px; font-size: 15px; letter-spacing: 1px; font-weight: bold; color: var(--color-menu-desc); transition: .3s linear; }
.menu-main a:hover	{ background: var(--color-menu-backh); color: var(--color-menu-hover); }
.menu1							{ z-index: 99; position: absolute; display: none; }
ul li:hover > .menu1	{ display:inherit; }
ul.menu-sub					{ margin-top: 5px; background: var(--color-menu-back); }
ul.menu-sub li			{ display: block; margin-top: 2px; background: var(--color-menu-back); border: 1px solid rgba(0,0,0,.3); }

/* INDEX TOP LOGO */
#top-pics						{ max-width: 1280px; margin: auto; margin-top: 0px; text-align: center;  }
#top-pic1						{ width: 100%; margin: auto;  text-align: center; }
#top-pic						{ width: 100%; }
#top-text						{ width: 95%; margin: auto; margin-top: 15px; margin-bottom: 15px; font-size: 12px; text-align: center; }

/* INDEX OSNOVA */
@media screen and ( min-width: 1570px)                         { #ind-body { width: 1540px; } #ind-1-cnt { width: 1360px; } #ind-22 { width: 1040px; } .top-menu { max-width: 1540px; } .bl-300tr, #nps-sites { width: 950px; }}
@media screen and ( min-width: 1350px) and (max-width: 1569px ){ #ind-body { width: 1310px; } #ind-1-cnt { width: 1130px; } #ind-22 { width:  970px; } .top-menu { max-width: 1310px; } .bl-300tr, #nps-sites { width: 810px; }}
@media screen and ( min-width: 1120px) and (max-width: 1349px ){ #ind-body { width: 1085px; } #ind-1-cnt { width:  905px; } #ind-22 { width:  740px; } .top-menu { max-width: 1080px; } .bl-300tr, #nps-sites { width: 620px; }}
@media screen and ( max-width: 1119px)                         { #ind-body { width: 1024px; } #ind-1-cnt { width:  680px; } #ind-22 { width:  700px; } .top-menu { max-width: 1000px; } .bl-300tr, #nps-sites { width: 485px; }}

#ind-body						{ margin: auto; text-align: center; }
#ind-1							{ width: 100%; }
#ind-1-left					{ display: inline-block; vertical-align: top; margin-top: 1px; margin-right: 10px; width: 170px; }
#ind-1-cnt					{ display: inline-block; vertical-align: top; margin-top: 7px; }
#ind-2							{ margin: auto; text-align: center; }
#ind-21							{ display: inline-block; vertical-align: top; width: 160px; }
#ind-22							{ display: inline-block; vertical-align: top; }
#ind-23							{ display: inline-block; vertical-align: top; width: 160px; }
#ind-3							{ margin: auto; text-align: center; padding-top: 20px; }

/* INDEX POSTS */
#ind-1-12p-1				{ width:  730px; margin-left: 20px; text-align: center; }
#ind-1-12t					{ margin: 0 4px 5px 22px; padding: 8px; text-align: center; font-size: medium; color: var(--color-text); font-weight: bold; font-family: Verdana; }
#ind-1-12top				{ width:  400px; margin: auto; text-align: left; margin-top: 20px; }
.pst								{ width: 223px; display: inline-block; vertical-align: top; padding: 0 0 5px 3px; }
.pst2								{ width: 220px; display: inline-block; vertical-align: top; margin-top: 1px; margin-left: 1px; margin-right: 1px; margin-bottom: -10px; background-repeat: no-repeat;
											background-size: 220px 300px; background-position: top; background-image: url("/images/no-image.jpg"); }
.pst-img						{ width: 220px; }
.pst-img-new				{ width: 220px; height: 175px; }
.pst-tlt						{ width: 216px; margin-left: 3px; height: 22px; background-color: var(--color-post-back); margin-top: 279px; text-align: center; position: absolute; opacity: 0.8; }
.pst-dsc						{ margin-top: 2px; padding: 3px 0 5px 5px; font-size: x-small; font-family: Verdana; color: var(--color-post-desc);  }
.pst-dsc a					{ font-size: x-small; font-family: Verdana; color: var(--color-post-desc); }

/* INDEX MENU LEFT */
.list5b							{ padding:0; list-style: none; margin-bottom: 20px; }
.list5b li					{ font-size: x-small; position: relative; padding: 6px 10px;
											background: linear-gradient(to left, var(--color-lmen-back) 99%, var(--color-lmen-back)); border: 1px solid var(--color-menu-back); color: var(--color-menu-desc);
											box-shadow: 0 4px 4px 0 rgba(0,0,0, .2); margin-bottom: 5px; text-align:center; background-size: 100%; z-index: 1; text-align: left;
											white-space: nowrap; overflow: hidden; }
.list5b li a				{ font-size: small; font-weight: bold; color: var(--color-menu-desc); }
.list5b li a:hover	{ color: var(--color-menu-hover); }
.list5b li:hover		{ border: 1px solid var(--color-text); color: var(--color-menu-hover); }
.list5b li:before		{ content: ""; position:absolute; width: 0; height: 100%; top: 50%; left: 50%; background: linear-gradient(to left, var(--color-menu-back) 0%, var(--color-menu-backh), var(--color-menu-back));
											opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%);
											-ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 0.3s;
											-moz-transition: all 0.3s; transition: all 0.3s; z-index: -1; }
.list5b li:hover:before { width: 100%; opacity: 1; }

/* INDEX BLOCKS */
.bl-130							{ width: 300px; margin-top: 6px; margin-bottom: 20px; }
.bl-130 li					{ width: 140px; margin: 0 4px 10px 4px; list-style-type : none; text-align: center; display: inline-block; }
.bl-130 li a				{ font-size: x-small; }
.bl-300a						{ margin-left: 20px; margin-top: 6px; margin-bottom: 25px; }
.bl-300a li					{ margin-bottom: 2px; list-style-type: none; text-align: left; font-size: small; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bl-300a li a				{ font-size: small; text-overflow: ellipsis;  }
.bl-300j						{ width: 240px; margin: auto; margin-top: 6px; margin-bottom: 35px; }
.bl-300j li					{ margin-bottom: 15px; list-style-type : none; text-align: center; }
.bl-300j li a				{ font-size: small; }
.bl-160							{ width: 160px; height: 600px; margin: auto; margin-top: 10px; margin-bottom: 20px; }
.bl-300							{ width: 300px; margin: auto; margin-top:  6px; margin-bottom: 20px; height: 250px; }
.bl-720							{ width: 720px; margin: auto; margin-top:  6px; margin-bottom: 20px; }

/* INDEX PICS, TEXTS */
.title							{ background-color: var(--color-menu-back); font-size: medium; font-weight: bold; color: var(--color-menu-desc); text-align: center; padding: 5px; margin-top: 20px; }
.bl-160pt						{ width: 160px; height: 240px; }
.bl-130p						{ width: 140px; }
p.cs1								{ font-size: x-small; color: #c0c0c0; display: inline; font-style: italic; font-family: Arial; }

/* INDEX BLOCK TOP TRADERS */
#trad-top						{ width: 100%; font-size: medium; font-family: Verdana; font-weight: bold; text-align: center; padding: 20px; }
.bl-300tr						{ margin:0px auto; text-align: left; margin-top: 10px; margin-bottom: 30px; list-style-type: decimal-leading-zero; }
.bl-300tr li					{ width: 135px; margin: 0 3px; padding: 3px 10px 3px 3px; display: inline-block; white-space: nowrap; overflow: hidden; }
.bl-300tr li a			{ line-height: 15px; padding: 0 8px; font-size: 11px; letter-spacing: 1px; transition: .2s linear; font-weight: bold; display: inline-block; font-family: Arial; }
.bl-300tr li a:hover	{ color: var(--color-trad-desc); }
#hor-line						{ width: 70%; margin: auto; margin-bottom: 10px; border: none; border-top: 1px solid var(--color-menu-back); }
.trank							{ width: 10px; text-align: right; font-size: 8px; display: inline-block; font-family: Arial; margin-right: 5px; }

/* INDEX BLOCK RGS */
#bnl								{ width: 90%; margin: auto; text-align: center; margin-bottom: 30px; margin-top: 5px; }
#bnl-top						{ font-size: small; margin-bottom: 10px; }
#bnl-top a					{ font-size: small; font-weight: bold; }
#bnl-top a:hover			{ color: var(--color-hover); }
.bnl-pic						{ width: 100px; height: 136px; border: 1px solid #C0C0C0; margin: 3px; }

/* INDEX BLOCK NPS */
#nps-title					{ width: 160px; font-size: small; font-weight: bold; display: inline-block; vertical-align: top; margin: 2px; }
#nps-sites					{ max-width: 800px; display: inline-block; text-align: left; margin-bottom: 15px; }
.nps-site						{ display: inline-block; margin: 2px; font-size: small; }
.nps-site a					{ font-size: small; color: #FF0000; text-decoration: underline; }
.nps-site a:hover		{ color: var(--color-hover); }

/* INDEX BLOCK HARDLNK */
#hlnk-top            { max-width: 990px; margin: 20px 20px 15px 30px; font-size: medium; font-weight: bold; color: var(--color-text); padding: 8px 0 5px 0; }
#hlnk             	{ width: 100%; }
.hlnk-site        	{ width: 200px; display: inline-block; margin: 3px; text-decoration: underline; text-align: left; padding-left: 18px; text-decoration: none; }
.hlnk-site a      	{ color: var(--color-desc); font-size: medium; font-weight: bold; }
.hlnk-site a:hover 	{ color: var(--color-hover); }

/* INDEX BLOCK OPS */
.block-ops					{ max-width: 1400px; margin:0 auto; text-align: center; margin-bottom: 30px; margin-top: 35px; }
.block-ops li				{ width: 210px; display: inline-block; margin: 5px 5px 13px 5px; }
.block-ops li a			{ font-size: small; color: #FF0000; }
.ops-pic						{ width: 210px; height: 150px; border: 2px dotted #111111; }

/* INDEX MENU RIGHT TOP CATEGORIES */
.bl-300top					{ text-align: center; margin-top: 10px; margin-bottom: 20px; }
.bl-300top li				{ margin: 3px; padding: 3px 4px 3px 4px; border-radius: 5px; box-shadow: 0 0 1px 1px #dcdcdc; display: inline-block; background: var(--color-lmen-back); }
.bl-300top li a			{ color: var(-color-desc); display: block; line-height: 20px; padding: 0 4px; font-size: 10px; letter-spacing: 1px; transition: .3s linear; font-weight: bold; }
.bl-300top li a:hover 	{ color: var(--color-menu-hover); }

/* INDEX PAGES SWITCH */
.pages							{ text-align: center; font-weight: bold; font-size: x-small; background: var(--color-page-back); margin-left: 15px; color: var(--color-gall-tags); }
.page-p a						{ color: var(--color-page-desc); margin: 2px; padding: 4px; text-align: center; display: inline-block; font-size: small; }
.page-p a:hover			{ background: var(--color-hover); color: var(--color-menu-hover); }
.page-a							{ color: var(	--color-text); margin: 2px; padding: 4px; text-align: center; background: var(--color-page-bact); display: inline-block; font-size: small; }

/* INDEX BOTTOM */
.ind-botm						{ max-width: 900px; margin:0px auto; padding: 40px 0px 40px 0px; font-size: small; font-family: Verdana; text-align: center; font-weight: bold; }
.ind-bott						{ max-width: 900px; margin:0px auto; padding-bottom: 60px; font-size: small; font-family: Verdana; text-align: center; }
#cn2257							{ font-size: small; color: var(--color-text); margin: 50px 0 10px 0; text-align: center; }
.b-left							{ width: 230px; height: 20px; text-align: center; display: inline-block; font-size: x-small; }
.b-left a						{ font-size: x-small; }
.b-center						{ width: 140px; height: 20px; text-align: center; display: inline-block; font-size: x-small; }
.b-center a					{ font-size: x-small; }
.b-right						{ width: 250px; height: 20px; text-align: center; display: inline-block; font-size: x-small; }
.bot-p							{ font-size: x-small; padding: 25px; display: inline; }
.bot-p a						{ font-size: x-small; }

/* JOOM BLOCK */
.pcs-joo-mod				{ width: 640px; margin: auto; }
.pcs-joo-mod1				{ width: 100%; margin-left: 9px; }
.pcs-joo						{ width: 206px; height: 180px; float: none; margin: 0 7px 0 0; display: inline-block; vertical-align:top; background-color: var(--color-post-back); z-index: 2; position: relative; }
.img-joo						{ width: 204px; }
.pcs-joo .roll-joo	{ z-index: 1;  display: none; }
.pcs-joo:hover .roll-joo	{ position: absolute; margin: -120px 75px; width: 70px; height: 70px; background: url('/images/video-play-button.png') no-repeat; display: block; }
.top-joo						{ width: 180px; text-align: center; padding: 3px 3px 3px 15px; background-image: url("/images/video.png"); background-repeat: no-repeat; background-position: 15px -1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #ffffff; font-size: x-small; }
.line-joo						{ width: 204px; height: 17px; }

/* PAGE GALLERIES */
#ind-gall-1					{ width: 700px; margin: auto; }
#ind-galls					{ display: table; margin: auto; text-align: left; margin-top: 10px; margin-bottom: 20px; }
#ind-galls li				{ font-size: small; color: var(--color-desc); }
#ind-galls li a			{ font-size: small; color: var(--color-desc); }
#ind-galls li a:hover	{ color: var(--color-hover); }

/* PAGE LOGOS */
.logos-main             { width: 750px; margin: auto; margin-top: 5px; }
.logos-image-pic        { padding: 10px; background: #808080; }
.logos-content          { width: 440px; height: 192px; background: #808080; display: inline-block; vertical-align: top; padding: 15px; text-align: left; }
.logos-content-title    { color: #FFFFFF; font-size: 16px; font-weight: bold; padding-right: 5px; }
.logos-content-title2   { line-height: 80%; margin-top: 5px; }
.logos-content-name     { font-size: 15px; color: #FFFFCC; margin-left: 18px; }
.logos-content-url      { font-size: 13px; color: #CCFF99; font-weight: normal; margin-left: 60px; }
.logos-content-con      { font-size: 13px; color: #FFFFFF; font-weight: normal; margin-left: 5px; }
.logos-content-visit    { text-align: center; margin-top: 10px; font-weight: bold;  }
.logos-content-visit a  { color: #CCFF99; font-size: 16px; text-decoration: underline; }

/* PAGE LINKS */
.links-line					{ margin-top: 5px; margin-bottom: 5px; font-family: Arial; font-size: small; color: #ffffff; text-align: center; }
.links-line a				{ font-family: Arial; font-size: medium; color: #517395; }
.links-line a:hover	{ color: #ff8083; }

/* PAGE REFERRERS */
.refs-line					{ margin-top: 5px; font-family: Arial; font-size: 12px; padding: 4px; }
.refs-line a				{ font-size: 15px; color: var(--color-trad-desc); }

/* RES BLOCKS */
.modSQ-F						{ display: table; margin: auto; margin-bottom: 6px; }
.modSQ							{ width: 300px; height: 250px; display: inline-block; margin: 4px; background: var(--color-adds-back); }
.modSQ-add					{ width:  20px; height: 250px; display: inline-block; margin: 4px 0 4px 0; }
.modVER							{ width: 160px; height: 600px; margin: auto; margin-top: 10px; margin-bottom: 10px; background: var(--color-adds-back); }
.modHOR							{ width: 728px; height:  90px; margin: auto; margin-top: 10px; margin-bottom: 15px; background: var(--color-adds-back); }

/* modVER BLOCK RGS */
.modVER-RG					{ width: 160px; margin: auto; margin-top: 10px; margin-bottom: 20px; }
.modVer-pcs					{ width: 77px;  margin-right: 1px; margin-bottom: 2px; }