body {width:100%; height:100%; margin:0 auto; padding:0; color:#333333; font:normal 17px Roboto, sans-serif; line-height:1.8; font-size-adjust: none;}
html, body {overflow-x: hidden;}
a {color:#4267b2; text-decoration:none; outline:none;}
a:hover {color:#4267b2; text-decoration:underline; border:none; outline:none;}
a img, a img:hover {outline:none; border:none;}
table {border:0; border-collapse:collapse;}
table td {padding:0px;} 
img {max-width:100%; height:auto;} 
.clear {clear:both; overflow:hidden; height:0;}
.promo {padding:15px 0;}
/*header*/
.header {float:left; width:100%; margin:0; padding:15px 0; background:#4267b2;}
.header_center {width:720px; margin:0 auto; vertical-align:middle;}
.header_logo {float:left; display:block; margin:3px 0 0 0;}
.header_logo a, .header_logo a:hover {font-size:28px; color:#ffffff; text-decoration:none; border:none; outline:none;}
/*menu*/
.col {overflow:hidden;}
.menu {overflow:hidden; background:#4267b2;}
.menu.opened .menu-hidden {max-height:500px;}
.menu-hidden {max-height:0; overflow:hidden;}
.menu-drop-down {width:100%;}
.menu-drop-down-center {width:720px; margin:0 auto;}

@media screen and (max-width:759px) 
{
.menu {max-height:0;}
.menu.opened {max-height:700px;}
.menu.opened .menu-hidden {max-height:none;}
.menu-hidden {max-height:none; transition:none;}}

.menu-button {float:right; font-size:18px; padding:5px 15px; margin:10px 0 0 0; color:#ffffff; background:#43A047; cursor:pointer; outline:none; -webkit-appearance:none; border:2px solid #336633; border-radius:9px;}
.menu-button:hover {background:#438E43;}
.menu-tags {padding:20px; text-align:center;}
.menu-tags a {font-size:18px; color:#ffffff; text-decoration:none;}
.menu-tags a:hover {font-size:18px; color:#ffffff; text-decoration:underline; border:0; outline:none;}
.menu-tags > span {font-size:18px; color:#ffffff; line-height:30px; display:block; margin-bottom:15px;}
.menu-tags > ul {margin:0 0 -10px 0; padding:0; color:#ffffff; list-style-type:none;}
.menu-tags > ul > li {display:inline-block; vertical-align:top; margin:0 10px 10px 10px;}
/*.menu-tags > ul > li:first-child {margin-left:0; padding:0;}
.menu-tags > ul > li:first-child:before {display:none;}
.menu-tags > ul > li:last-child {margin-right:0;}*/
.menu-tags > ul > li:before {width:6px; height:6px; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-3px; background:#fff; content: '';}
/*search*/
.search {border:2px solid #707070;} 
.search input[type="text"] {width:100%; display:block; padding:0; border:none; outline:none; -webkit-appearance:none; box-sizing: border-box;}
.search input[type="submit"] {float:right; margin:0 0 0 10px; padding:5px 13px; background:#ffffff; color:#4267b2; cursor:pointer; outline:none; -webkit-appearance:none; border-left:1px solid #4267b2;}
.search input[type='submit']:hover, .search input[type='submit']:active {background:#ffffff; color:#4267b2;}
/*page*/
.page {float:left; width:100%;}
.page_center {width:720px; margin:0 auto;}
/*navigation*/
.navigation {width:100%; margin:0 0 10px 0;}
.navigation_sm{text-align:right;}
/*content*/
.content {width:100%; margin:0 auto; padding:0 0 10px 0;}
.content span {font-weight: bold;}
.content_slim {width:100%; padding:0 0 18px 0;}
/*new */
.new {float:left; width:100%;}
.new_block {float:left; width:100%;}
.new .new_block img {float:left; margin:0 0 10px 0; width:100%;}
.new .new_block h3 {text-align:center; font-size:125%;}
.new_sidebar {float:left; width:100%; padding:0 0 18px 0;}
.new_sidebar a {float:left; margin:5px 18px 5px 0;}
.new_sidebar_block {float:left;}
.new_sidebar .new_sidebar_block img {float:left; margin:10px 10px 10px 0; width:100%}
.new_sidebar .new_sidebar_block h3 {text-align:left; margin:0 0 0 10%; font-size:125%;}
/*popular */
.popular {float:left; width:280px; margin:0 0 18px 0; padding:20px 10px 0 10px;}
.popular_block {float:left; width:280px; padding:10px 0 0 0;}
.popular .popular_block img {float:left; margin:18px 10px 0 0; width:90px}
.popular .popular_block h3{text-align:left; margin:0 0 0 18px; font-size:125%;}
.popular_sidebar {float:left; width:100%; margin:0 0 18px 0; padding:5px 0 10px 0;}
.popular_sidebar a {float:left; margin:5px 18px 0 0;}
.popular_sidebar_block {float:left;}
.popular_sidebar .popular_sidebar_block img {float:left; margin:0 10px 0 0; width:90px}
.popular_sidebar .popular_sidebar_block h3{margin:0 0 0 10%; font-size:125%;}
/*link*/
.link_sm {text-align:center; background:#f5f5f5; font-size:16px;}
.link_sm a {margin:7px 3px;}
.link {}
.link a {margin:7px 5px 7px 0;}
/*footer*/
.footer {width:100%; margin:10px 0 0 0; padding:15px 0; text-align:center; font-size:16px; background:#f5f5f5; border-top:1px solid #d8d8d8;}
.footer a {padding:0 5px;}
.footer span {font-weight:bold;}
.footer_link {padding:10px;}
/*tab*/
.tab {float:left; width:100%; margin:20px 0; background:#f5f5f5; border-top:1px solid #d8d8d8;}
.tab_line{float:left; width:100%; border-bottom:1px solid #d8d8d8;}
.tab_left{float:left; width:48%; padding:10px 1%;}
.tab_right{float:left; text-align:right; width:48%; padding:10px 1%;}
.tab_line_field {width:97%; font:normal 17px Roboto, sans-serif; padding:5px 1%; border:1px solid #d8d8d8;}
/*calendar*/
.cld {float:left; width:182px; text-align:center; margin:9px;}
.cld_tit {float:left; width:182px; font:bold 1.0em roboto, sans-serif; text-align:center;}
.cld_bl {float:left; width:26px; font:normal 0.85em roboto, sans-serif; text-align:center; padding:5px 0;}
.cld_fr {float:left; width:26px; font:normal 0.85em roboto, sans-serif; text-align:center; padding:5px 0;}
.cld_fr a {color:#f56939; text-decoration:none;}
.cld_fr a:hover {color:#f56939; text-decoration:none; border:0; outline:none;}
.year{width:40px; text-align:center; color:#4267b2; border:1px solid #dedede;}
/*player*/
.player {width:100%; text-align:center;}
.button_but {float:left; display:block; border:none; outline:none; background:url(/img/off/button.jpg); width:130px; height:50px; text-align:center; color:#f8f8f8; text-decoration:none; cursor: pointer;}
/*button*/
.button, input[type="submit"].button {font-size:18px; color:#ffffff; padding:5px 10px; margin:10px; background:#43A047; cursor: pointer; text-decoration:none; border:2px solid #336633; border-radius:9px;}
a.button {display:inline-block; background:#43A047; color:#ffffff; text-decoration:none;}
a.button:hover, input[type="submit"].button:hover {display:inline-block; background:#438E43; color:#ffffff; text-decoration:none; border:2px solid #336633; border-radius:9px;}
.button_line {width:100%; text-align:center; padding:10px 0;}

h1 {text-align:center; font-size:200%; font-weight:normal; color:#000;}
h2 {text-align:center; font-size:150%; font-weight:normal; font-style:italic; color:#000;}
h3 {text-align:center; font-size:125%; font-weight:normal; color:#000;}

/*orphus*/
#mistake {position:absolute; width:100%; margin:auto; top:0; left:0; z-index:100; background-image: url(/orphus/overlay.png);}
#m_window {position:absolute; width:460px; height:550px; overflow:auto; z-index:150;}
#m_frame {width:430px; height:530px; overflow:auto; border:0; background-image: url(/orphus/overlay.png);}
.orphus{width:390px; text-align:left; padding:0 18px;}
.orphus .field {width:388px; margin:10px 0 18px 0; border:1px solid #f5f5f5; font:arial, sans-serif; color:#666;}
.orphus_button{width:330px; margin:0 0 0 50px;}
.orphus_end {width:150px; margin:0 auto;}

/*all test */
/*.test_left {float:left; width:290px; margin:10px 10px 10px 0;}
.test_right {float:left; width:290px; margin:10px 0 10px 10px;}*/
.test_question {float:left; width:100%; margin:10px 0;}
.test_answer {float:left; margin:10px 0 10px 18px;}

/*test all table */
table.test {width:600px;}
table.test  td {width:280px; padding:14px 10px;}
.test_dark {width:100%; text-align:center; color:#ffffff; margin:18px 0; background:#4267b2; border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5;}
.test_field {width:268px; font:1.0em/1.5 roboto, sans-serif; padding:5px; margin:10px 0 0 0; border:1px solid #f5f5f5;}

table.cal {width:598px; text-align:center;}
table.cal  td {border:1px solid #f5f5f5;}
.cal_l_top {width:228px; padding:5px 0;}
.cal_l {width:218px; padding:5px 0 5px 10px; text-align:left;}
.cal_r {width:98px; padding:5px 0; border-left:1px solid #f5f5f5;}
.cal_dark {width:598px; border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; background:#fdfdfd; margin:10px 0;}
.cal_dark_top {width:598px; color:#4267b2; border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; background:#fdfdfd; margin:10px 0;}

/*test-iq*/
a.sel_sm {background-position:0px -40px; float:left; font:1.0em/1.5 roboto, sans-serif, sans-serif; color:#f8f8f8; text-align:center; text-decoration:none; outline:none}
.content_iq {width:940px; margin:0 auto;}
.con_iq_left  {float:left; width:80px; height:35px; padding:0 0 0 30px; text-align:left; font:13px roboto, sans-serif; color:#555555;}
.con_iq_right  {float:left; width:500px; height:35px;}
.con_iq_right_long  {float:left; width:100%; text-align:center; padding:30px 0;}

.block_iq_question_botton {float:left; width:100%; text-align:center;}
.block_iq_question_botton a {display:inline-block; background:#f5f5f5; width:56px; padding:5px 0; margin:5px; text-align:center; font:bold; text-decoration:none; border:2px solid #d8d8d8; border-radius:9px;}
.block_iq_question_botton a:hover {display:inline-block;}
.block_iq_question {float:left; width:100%; text-align:center;} 
.block_iq_answer {float:left; width:100%; text-align:center;}
.block_iq_answer a {display:inline-block; width:120px; height:120px;}
.block_iq_answer a:hover {display:inline-block; background-position:0 -120px;}

.clock {font-size:18px; padding:5px 10px; margin:20px 10px; background:#f5f5f5; border:2px solid #d8d8d8; border-radius:9px;}

.rating_iq {float:left; display:block; width:600px; border-bottom:#f5f5f5 1px solid; padding:10px 0;}
.rating_iq_left {float:left; width:45px; font:bold 1.0em/1.5 roboto, sans-serif}
.rating_iq_right {float:left; width:45px; text-align:right; font:bold 1.0em/1.5 roboto, sans-serif}
.rating_iq_line {float:left; width:510px; text-indent:18px;}
.rating_iq span {font-style:italic; color:#009800; text-transform:capitalize;}
.inputname {width:193px;}
.selregion {width:200px;}

@media screen and (max-width:880px) {
.header_center {width:auto; padding:0 18px;}
.menu-drop-down-center {width:auto; margin:0 auto; padding:0 18px;}
.page_center {width:auto; border:0; padding:0 18px;}
.footer_center {width:720px; margin:0 auto;}
}

/*comments*/
.com_left {float:left; width:500px; font:13px arial; text-align:left; text-indent:14px;}
.com_right {float:left; width:100px; font:1.0em/1.5 roboto, sans-serif; color:#ff5550; font-style:italic; text-align:center; padding:5px 0;}
.com {float:left; width:600px; font-style:italic; padding:5px 0; text-align:left; margin:0 0 10px 0; border-bottom:1px solid #f5f5f5;}
.com_left span {font:1.0em/1.5 roboto, sans-serif; font-style:italic; color:#4267b2;}

/*sex-child-test*/
.determination {float:left; width:600px;}
.determination a {float:left; display:block; outline: none; width:118px; padding:118px 0 10px 0; margin:30px 40px; color:#f8f8f8; text-align:center;}
.determination a:hover {font:13px roboto, sans-serif; color:#4267b2; text-decoration:none; outline:none}

a#mather {background:url(/img-off/mother.png) no-repeat;}
a#father {background:url(/img-off/father.png) no-repeat;}
a#other {background:url(/img-off/other.png) no-repeat;}
a#mather:hover, a#other:hover, a#father:hover {background-position:-118px 0;}
a#matherselect {background:url(/img-off/mother.png) no-repeat; background-position:-118px 0; font:13px roboto, sans-serif; color:#4267b2; text-decoration:none;}
a#fatherselect {background:url(/img-off/father.png) no-repeat; background-position:-118px 0; font:13px roboto, sans-serif; color:#4267b2; text-decoration:none;}
a#otherselect {background:url(/img-off/other.png) no-repeat; background-position:-118px 0; font:13px roboto, sans-serif; color:#4267b2; text-decoration:none;}

.result{float:left; margin:18px 0; border:1px solid #f5f5f5; background:#fdfdfd;}
.ovulation-month{float:left; width:160px; text-align:center; font:11px roboto, sans-serif; color:#999999; background:#fdfdfd; margin:18px 4px; border:1px solid #f5f5f5;}
.ovulation-month .noinput{float:left; width:18px; height:18px;}
.ovulation-month .newcyrcl{float:left; font:bold 11px roboto, sans-serif; color:#ff5550; width:18px; height:18px;}
.ovulation-month .normal{float:left; width:18px; height:18px; }
.ovulation-month .ovulation{float:left; font:bold 11px roboto, sans-serif; color:#006600; width:18px; height:18px;}
.ovulation-month .niceday{float:left; color:#006600; width:18px; height:18px; }
.ovulation-month .month-title{width:160px; font:13px roboto, sans-serif; color:#4267b2; border-bottom:1px solid #f5f5f5; margin-bottom:5px; padding:5px 0;}