html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
	text-align: center;
}

body {
    position: relative;
    height: 100%;
    font: 12px arial, sans-serif;
    background: #000000;
	text-align: center;
}

div, span, a, td, li, input, textarea, label, p {
	font: 14px arial, sans-serif;
	color: #b8c3d2;
}

img {
	border: 0;
}

form {
	margin: 0;
	padding: 0;
}


h1 img{
	float: left;
}

h1 span {
	margin-left: 12px;
	line-height: 64px;
	color: #558ffb;
	font-size: 18px;
	font-family: arial, sans-serif;
	font-weight: bold;
}

h2 {
	font-size: 14px;
	font-family: arial, sans-serif;
	font-weight: bold;
	color: #0066FF;
	margin: 0 0 8px 0;
}

a:hover {
	text-decoration: none;
}

.alphabet {
	text-align: center;
	margin-bottom: 12px;
}

.alphabet a {
	text-decoration: none;
	color: #558ffb;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 3px
}

.alphabet a:hover {
	text-decoration: underline;
}

.block {
    background: url('../img/block_bg.gif') repeat-y;
	zoom: 1;
	text-align: justify;
}

.block p {
    text-indent: 12px;
	margin: 0;
}

.block b {
    color:#81ACFC;
    font-size:13px;
}

.block strong {
    color:#B0B0FF;
    font-size:12px;
}

.block_bottom {
    background: url('../img/block_bottom.gif') no-repeat left bottom;
	zoom: 1;
	overflow: hidden;
	padding: 15px 10px;
}

.block_top {
    background: url('../img/block_top.gif') no-repeat;
	zoom: 1;
}

.block a {
	color: #558ffb;
	font-size: 14px;
	text-decoration: none;
	line-height: 20px;
}

.block a:hover {
	color: #558ffb;
	text-decoration: underline;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

.container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
	width: 1000px;
    background: url('../img/bg.gif') repeat-y;
	margin: 0 auto;
}

.content {
	width: 100%;
}

.counters {
	text-align: center;
	margin-top: 15px;
}

.date_text {
    position: absolute;
    top: 200px;
    left: 36px;
	color: #6464FF;
}

.date_text span {
	color: #497bd8;
}

.footer {
    height: 63px;
	width: 978px;
    background: url('../img/footer.gif') repeat-x;
	margin: -63px auto 0;
	text-align: left;
	position: relative;
}

.footer_inner {
	padding: 25px 10px 0 10px;
	line-height: 15px;
	font-size: 12px;
}

.footer_inner a {
	text-decoration: none;
	font-size: 12px;
}

.footer_inner a:hover {
	text-decoration: underline;
}

.footer_inner span {
	color: #558ffb;
	font-size: 12px;
}

.footer_stars {
	width: 120px;
	height: 104px;
    background: url('../img/footer_stars.png') no-repeat;
    position: absolute;
    top: -41px;
    right: 0;
}

.left {
	float: left;
}

img.left {
	margin-right: 5px;
}

.main_column {
	margin: 0 0px 0 227px;
	zoom: 1;
	overflow: hidden;
}

.left_column {
	width: 223px;
	float: left;
	margin-right: -223px;
}

.top_menu {
	padding: 233px 3px 0 3px;
	zoom: 1;
	overflow: hidden;
}

.logo {
	width: 214px;
	height: 64px;
	display: block;
    background: url('../img/logo.png') no-repeat;
    position: absolute;
    top: 61px;
    left: 21px;
}

.index_center {
	text-align: left;
}

.menu {
	text-align: left;
    background: url('../img/menu_bg.gif') repeat-y;
	margin-bottom: 25px;
	zoom: 1;
}

.menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.menu ul li {
    background: url('../img/moon.gif') no-repeat left 5px;
	padding: 5px 0;
	zoom: 1;
}

.menu ul li a {
	color: #558ffb;
	font-size: 16px;
	text-decoration: none;
	line-height: 26px;
	margin-left: 28px;
}

.menu ul li ul li a {
    line-height: 14px;
	font-size: 14px;
	color: #808080;
	margin: 0;
}

.menu ul li a:hover {
	text-decoration: underline;
}

.menu ul li ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.menu ul li ul li {
    background: url('../img/star.gif') no-repeat left 4px;
	padding: 4px 0 4px 21px;
	line-height: 14px;
	color: #808080;
}

.stars p {
    background: url('../img/znamenit.png') no-repeat left 0px;
	padding: 4px 0 14px 7px;
	line-height: 14px;
}

.menu ul li ul li.active a, .menu ul li ul li a:hover {
    text-decoration: underline;
}

.menu_bottom {
    background: url('../img/menu_bottom.jpg') no-repeat left bottom;
	padding: 6px 5px 68px 1px;
	zoom: 1;
	overflow: hidden;
}

.menu_top {
    background: url('../img/menu_top.jpg') no-repeat;
	zoom: 1;
}

.more {
	text-decoration: none;
	line-height: 19px;
	color: #558ffb;
}

.more:hover{
	text-decoration: underline;
}

.push {
	padding: 0 11px 86px 11px;
	zoom: 1;
}

.side_block {
	margin-bottom: 25px;
	font-size: 12px;
}

.side_block a {
	text-decoration: none;
	font-size: 12px;
}

.side_block a:hover {
	text-decoration: underline;
}

.textfield {
	border: 0 none;
	height: 20px;
	padding: 0 3px;
	color: #000000;
}

.top {
    background: url('../img/top.webp') repeat-x;
	height: 308px;
	position: relative;
}

.top_banner {
    position: absolute;
    top: 7px;
    right: 6px;
}

.top_menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.top_menu ul li {
	float: left;
	width: 81px;
	text-align: center;
	line-height: 11px;
}

.top_menu ul li a {
	color: #558ffb;
	font-size: 12px;
	line-height: 11px;
	text-decoration: none;
}

.top_menu ul li a:hover, .top_menu ul li.active a {
	color: #ffffff;
	text-decoration: underline;
	
}

.top_menu ul li img {
	display: block;
	margin: 0 auto;
}

.top_menu ul li .image_container {
	height: 44px;
	display: block;
}

.top_menu ul li .image_container img {
	display: block;
	margin: 0 auto;
}

.top_menu ul li .time_period {
	color: #dcdcf3;
	font-size: 10px;
	display: block;
}

.word_search {
	width: 100%;
	overflow: hidden;
	margin-bottom: 12px;
}

.word_search span {
	display: block;
}

.word_search_go {
    background: url('../img/knopka.gif') no-repeat;
	width: 78px;
	height: 25px;
	border: 0 none;
	cursor: pointer;
	margin-left: 8px;
	position: relative;
	left: 0;
	top: -1px;
	float: left;
}

.add_comment {
    background: url('../img/otpravit.gif') no-repeat;
	width: 80px;
	height: 27px;
	border: 0 none;
	cursor: pointer;
	margin-left: 8px;
	position: relative;
	left: 0;
	top: -1px;
	float: left;
}

.word_search_left {
	float: left;
	padding-left: 46px;
	zoom: 1;
}

.word_search_left .textfield {
	width: 133px;
	float: left;
}

.word_search_right {
	float: right;
	padding-right: 50px;
	zoom: 1;
}

.word_search_right select {
	width: 200px;
}

.wrapper {
	padding: 3px 4px 0 4px;
	zoom: 1;
}

.gor{
	text-decoration: none;
	color: #558ffb;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 3px
}

.FBConnectButton_Text {
    font-size: 12px !important;
    line-height: 12px !important;
}

.gor2{font-weight: bold; color:#558ffb; font-size:14px}
.title{COLOR: #00AFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px;}
.text{color:#b8c3d2; font: 14px arial, sans-serif; text-align: justify}
.red{color:red; font-size:12px}
.red1{color:red; font-size:12px}
.red2{color:red; font-size:14px}
.date{color:white; font-size:12px}
.text1 {font-size:12px; color:red}
.imeniny {color:#558ffb; font-size: 15px; text-align: center}
.date_right {color:#6464FF;}
.date_imeniny {color:#66A1D2;}
div.box { color: blue; border: dotted; border-width: thin; width: 100% }
h1 {COLOR: #0066FF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;}
table {FONT-SIZE: 14px;}
.form {font-size:12px; color:rgb(38,83,142); background-color:rgb(233,231,231); margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; border-width:1px; border-style:inset;}

.logo-mobile {
	display: none;
}

.namewomen a {
	color: #f282e9;
	font-size: 14px;
	text-decoration: none;
	line-height: 26px;
}

.nameman a {
	font-size: 14px;
	text-decoration: none;
	line-height: 26px;
}

.namewomen a:hover {
	text-decoration: underline;
	color: #f282e9;
}

.nameman a:hover {
	text-decoration: underline;
	
}

.blue_first::first-letter {
	color: #0066FF;
	font-size: 12px;
    font-weight: bold;
}

.rekomend_blue {
	color: #0066FF;
	font-size: 12px;
	font-weight: bold;
}

.bukvaman {
	color: #6899D3;
	font-size: 18px;
    font-weight: bold;
}

.bukvawoman {
	color: #E065BB;
	font-size: 18px;
    font-weight: bold;
}

@media (max-width: 998px) {

	html, body {
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch;
    }

    .container {
    	width: 100%;
    	background: none;
    }

    .top {
    	height: auto;
    	background: none;
    	padding-bottom: 20px;
    	text-align: center;
    }

    .logo,
    .date_text {
    	position: initial;
    }

    .top_menu {
    	padding: 0;
    	margin-bottom: 20px;
    }

    .top_menu ul li {
    	float: none;
    	margin: 5px 0;
    }

    .top_menu ul {
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	-ms-flex-wrap: wrap;
    	    flex-wrap: wrap;
    	-webkit-box-pack: center;
    	    -ms-flex-pack: center;
    	        justify-content: center;
    }

    .logo {
    	display: block;
    	margin: 0 auto;
    }

    .left_column {
    	margin: 0 auto;
    	float: none;
    }

    .right_column {
    	display: none;
    }

    .main_column {
    	margin: 0;
    }

    .block,
    .block_top,
    .block_bottom {
    	background: none;
    }

    .block {
    	border: 2px solid #354465;
    	border-radius: 5px;
		text-align: left;
    }

    .word_search_left,
    .word_search_right {
    	float: none;
    	padding: 0;
    	text-align: center;
    }

    form[action="/son-search.php"] {
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	-webkit-box-pack: center;
    	    -ms-flex-pack: center;
    	        justify-content: center;
    	-webkit-box-align: center;
    	    -ms-flex-align: center;
    	        align-items: center;
    }

    .alphabet {
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	-ms-flex-wrap: wrap;
    	    flex-wrap: wrap;
    	-webkit-box-pack: center;
    	    -ms-flex-pack: center;
    	        justify-content: center;
    }

    .footer {
    	width: 100%;
    	height: auto;
    }

    .logo {
    	display: none;
    }

    .logo-mobile {
    	display: block !important;
    }

    .menu-btn span {
		display: block;
		width: 35px;
		height: 4px;
		margin: 5px auto;
		background: #558ffb;
		border-radius: 10px;
		z-index: 99;

		-webkit-transition: all .2s linear;

		transition: all .2s linear;
	}

	.menu {
		display: none;
		margin-top: 20px;
	}

	.expand {
		display: block !important;
	}

	.rotate .first {
		-webkit-transform: rotate(45deg);
		        transform: rotate(45deg);
	    position: relative;
	    top: 9px;
	}

	.rotate .second {
		display: none;
	}

	.rotate .third {
		-webkit-transform: rotate(135deg);
		        transform: rotate(135deg);
	}

	.left_column > div[align="Center"] {
		display: none;
	}

    .poloska {
		max-width: 100%;
	    height: auto;
	}

	#answers {
		box-sizing: border-box;
		margin-right: 0;
		margin-left: 0;
		height: auto;
		width: 100%;
	}

	#test_name {
		height: auto !important;
	}

	#test_name {
		height: auto;
	}


	.test_name {
		height: auto;
	}

	#working {
		display: block;
	}

	.msgDoSelect {
		margin-left: 0;
	}

	.lblCounter {
		width: 100%;
		margin: 15px auto;
		display: block;
		text-align: center;
		margin-left: 0;
	}

	#btnDoIt {
		display: block;
		margin: 0 auto;
		margin-top: 0;
	}

	#not_working {
		display: none;
	}

	#answers input {
		margin: 10px;
		float: none !important;
	}

	.wrapper_test {
		height: auto;
		overflow: auto;
	}

	.block_bottom {
		padding: 10px;
	}

	#popup {
		margin-top: 0;
		width: 100%;
		height: auto;
	}

	#InfoForUser {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
		height: auto;
	}

	.btnFace {
		margin: 0 auto;
		margin-left: auto !important;
		display: block;
		margin-top: 10px;
	}

	#out_msg {
		text-align: left;
	}

	#answers input,
	#answers > div {
		display: inline-block;
	}

	#indicator {
		margin-left: 0;
		margin-top: 0;
	}

	#oprosnik {
		margin-left: 0;
		padding: 0;
		width: 100%;
		height: auto;
		float: none;
		border: none;
	}

	#questions {
		margin-left: 0;
		width: 100%;
	    height: auto;
	    box-sizing: border-box;
	}

	#knopka_prervat {
		margin-top: 0;
	}

	#rezultat {
		position: initial;
		margin: 0 auto;
		box-sizing: border-box;
		width: 100%;
		max-width: 600px;
	}

	#out_msg {
		box-sizing: border-box;
		width: 100%;
		height: auto;
		display: block;
		padding: 10px;
		font-size: 15px;
	}

	.closeOut {
		margin-left: 0;
	}
}/*998*/


@media (max-width: 768px) {
	.footer {
		margin-top: 0;
	}

	.footer_stars {
		top: -80px;
	}

	.logo {
		background-size: contain;
		width: 214px;
		height: 64px;
		text-align: center;
		background-position: center;
	}
}/*768*/