@charset "utf-8";

* {
    padding:0;
    margin:0;
}
*:focus {outline: none;}
header, nav, section, article, aside, footer, figure, hgroup {display:block;}
html, body {
    height:100%;
    width:100%;
    font-size:16px;
    line-height:18px;
    font-family: 'PT Sans Narrow', sans-serif;
    color:#FFF;
    text-align:center;
    background-color:#090827;
}

h1, h2, h3, h4, h5 {
    line-height:normal;
}
h3 {
    font-size:70px;
    line-height:72px;
    font-weight:bold;
}
h5 {
    font-size:36px;
    font-weight:bold;
    padding-bottom:15px;
}

table { border-collapse:collapse; }
img { border:0px; }
a {
    text-decoration:underline;
    color:#FFF;
}
a:hover {
    text-decoration:none;
}
p { padding:0px 0px 20px 0; }

input, textarea {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size:36px;
    line-height:61px;
    line-height:normal;
    color:#FFF;
    font-weight:bold;
    text-shadow:#000 0 2px;
}
.submit {
    padding:2px 5px;
}
nav ul {
    list-style:none;
}

.roller {
    float:none;
    display:block;
    width:100%;
    height:0px;
    overflow:hidden;
    font-size:0px;
    padding:0px;
    margin:0px;
    clear:both;
}

.floatleft {
    float:left;
}













.wrapper {
    position:relative;
    width:100%;
    min-width:1000px;
    margin:0 auto;
    min-height:100%;
    background:url(../img/main_bg.jpg) no-repeat center top #090827;
}
* html .wrapper { height:100%; }
footer {
/*    position:relative;
    width:100%;
    min-width:1000px;
    margin:0 auto;
    height:495px;
    margin-top:-495px;
    background:url(../img/footer_bg.png) no-repeat center bottom;*/
    background: url("../img/footer_bg.png") no-repeat scroll center top transparent;
    height: 304px;
    margin: -495px auto 0;
    min-width: 1000px;
    position: relative;
    width: 100%;
}




.content {
    position:relative;
    width:940px;
    margin:0 auto;
    padding:32px 0 0px 0;
    text-align:left;
}


.logo {
    position:absolute;
    left:-18px;
    top:0;
    z-index:997;
}
.logo a {
    display:block;
    width:124px;
    height:171px;
    overflow:hidden;
    text-indent:-999px;
    background:url(../img/logo.png) no-repeat 0 0;
}


.rastered {
    display:block;
    overflow:hidden;
    text-indent:-9999px;
}
.wanna_go {
    width:568px;
    height:104px;
    margin:0 auto 1px auto;
    background:url(../img/wanna_go_to_thai.png) no-repeat 0 0;
}


.test {
    position:relative;
    width:940px;
    height:559px;
    margin-bottom:53px;
}

.photo_first {
    position:absolute;
    top:0;
    left:-3px;
    width:100%;
    text-align:center;
}
.test_photo {
    position:absolute;
    left:325px;
    bottom:144px;
    width:294px;
    height:417px;
    background:url(../img/test_photo_bg.png) no-repeat 0 0;
}
.test_photo img {
    position:absolute;
    left:7px;
    top:7px;
    border-radius:6px;
}

.girl_or_boy {
    position:absolute;
    bottom:134px;
    left:188px;
    right:187px;
    list-style:none;
    display:block;
}
.girl_or_boy li { display:block; }
.girl_or_boy li.boy { float:left; }
.girl_or_boy li.girl { float:right; }
.girl_or_boy li a {
    display:block;
    width:125px;
    height:75px;
    overflow:hidden;
    text-indent:-999px;
    background-repeat:no-repeat;
    background-position:0 0;
}
.girl_or_boy li.boy a { background-image:url(../img/but_boy.png); }
.girl_or_boy li.girl a { background-image:url(../img/but_girl.png); }
.girl_or_boy li a:hover { background-position:0 -75px; }
.girl_or_boy li a:active { background-position:0 -150px; }

.pic_number {
    position:absolute;
    left:419px;
    bottom:102px;
    width:100px;
    height:31px;
    padding-top:7px;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    font-style:italic;
    text-shadow: #000 0px 1px 0px;
    background:url(../img/pic_number.png) no-repeat 0 0;
}

.try_test {
    position:absolute;
    left:10px;
    bottom:0;
    width:921px;
    height:146px;
    background:url(../img/try_test_and_win_ticket.png) no-repeat 0 0;
}


.about_thailand {
    position:relative;
    width:1000px;
    margin-left:-30px;
    padding-bottom:423px;
    background:url(../img/thailand_mountains.png) no-repeat left bottom;
}
.about_thailand .inner {
    position:relative;
    padding:0 100px 0 430px;
}
.about_thailand h3 {
    position:absolute;
    left:0;
    top:-22px;
    display:block;
    width:410px;
    text-align:right;
}


.top_section {
    position:relative;
    width:940px;
    height:338px;
    margin:-32px 0 0 0;
    background:url(../img/top_section.png) no-repeat 0 0;
}
.she_wants_you {
    position:absolute;
    left:157px;
    top:0;
}
.congratulations {
    position:absolute;
    left:450px;
    top:81px;
}
.congratulations img {
    float:left;
}
.cong_1 {
    margin-bottom:9px;
}
.percent {
    display:block;
    float:left;
    margin:12px 3px 0 7px;
    font-size:48px;
    color:#ff6a43;
    font-family: 'Lobster', cursive;
    text-shadow: #000 1px 1px 1px, #000 -1px -1px 1px, #333 0px 2px 5px;
}


.correct_list {
    width:940px;
    padding-bottom:20px;
}
.correct_item {
    position:relative;
    float:left;
    width:151px;
    height:214px;
    margin:28px 4px 28px 25px;
    background:url(../img/correct_item.png) no-repeat 0 0;
}
.correct_photo {
    position:absolute;
    left:7px;
    top:7px;
}
.correct_photo img {
    border-radius:6px;
}
.mark {
    position:absolute;
    left:-7px;
    top:-7px;
    width:46px;
    height:46px;
    overflow:hidden;
    text-indent:-999px;
    background-image:url(../img/mark.png);
    background-repeat:no-repeat;
}
.mark.correct { background-position: 0 0; }
.mark.incorrect { background-position: 0 -46px; }
.correct_gender {
    position:absolute;
    left:0;
    bottom:-28px;
    width:100%;
    text-align:center;
    font-size:18px;
    line-height:normal;
    color:#fff;
    text-shadow:0 2px 3px #000;
}


.not_difficult {
/*    position:relative;
    font-size:24px;
    line-height:30px;
    padding:65px 0 540px 0;
    text-align:center;*/
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 147px;
    padding: 65px 0 400px;
    position: relative;
    text-align: center;
}
.not_difficult h3 {
    padding-bottom:23px;
}
.web_2_boy {
    position:absolute;
    left:57px;
    top:105px;
    width:93px;
    height:148px;
    background:url(../img/web_2_boy.png) no-repeat 0 0;
}
.web_2_girl {
    position:absolute;
    right:27px;
    top:105px;
    width:124px;
    height:148px;
    background:url(../img/web_2_girl.png) no-repeat 0 0;
}


.sms_coin {
    position:relative;
    /*min-height:269px;*/
    margin-top:-32px;
    padding-top:74px;
    background:url(../img/phone_pic.png) no-repeat 128px 0;
    text-align:center;
    font-size:24px;
    line-height:30px;
    text-shadow:#000 0 2px 0px;
}
.put_your_number {
    width: 705px;
    height:99px;
    margin:0 auto 18px auto;
    background:url(../img/put_your_number.png) no-repeat 0 0;
}
.sms_coin p {
    padding-bottom:106px;
}
.get_sms {
    position:absolute;
    left:197px;
    top:269px;
    width:545px;
    height:65px;
    background:url(../img/get_phone_text.png) no-repeat 0 0;
}
.get_sms input[type=submit] {
    position:absolute;
    top:0;
    right:0;
    display:block;
    width:183px;
    height:65px;
    overflow:hidden;
    text-indent:-999px;
    border:0;
    background-color:transparent;
    background:url(../img/get_sms_submit.png) no-repeat 0 0;
    cursor:pointer;
}
.get_sms input[type=submit]:hover { background-position:0 -65px; }
.get_sms input[type=submit]:active { background-position:0 -130px; }
.get_sms input[type=text] {
    position:absolute;
    left:34px;
    top:0;
    width:325px;
    height:61px;
    padding:0;
    border:0;
    background-color:transparent;
}
.sms_code {
    position:relative;
    width:168px;
    height:61px;
    margin:0 auto;
    background:url(../img/sms_code_bg.png) no-repeat 0 0;
}
.sms_code input {
    position:absolute;
    top:0;
    left:-85px;
    /*right:20px;*/
    height:61px;
    text-align:center;
    border:0;
    padding:0;
    background-color:transparent;
}


.tender_info {
    padding:0px 185px 0px 185px;
    /*				background:url(../img/shadow_bot.png) no-repeat 0 0;*/
    font-size:24px;
    line-height:30px;
    text-align:center;
    text-shadow:#000 0 2px 0px;
}
.tender_info p, .tender_info h3 {
    padding-bottom:25px;
}


.additional_form {
    position:relative;
    width:952px;
    height:518px;
    padding-top:8px;
    margin-left:-12px;
    background:url(../img/additional_form.png) no-repeat 0 0;
}
.need_more_fields {
    width:704px;
    height:98px;
    margin:0px 0 13px 130px;
    background:url(../img/complete_some_fields.png) no-repeat 0 0;
}
.additional_form .text {
    position:relative;
    width:519px;
    height:61px;
    margin:0 0 19px 223px;
    background:url(../img/text_field.png) no-repeat 0 0;
}
.additional_form .text input {
    position:absolute;
    left:30px;
    right:30px;
    height:61px;
    border:0;
    padding:0;
    background-color:transparent;
}


.form_buttons {
    margin:20px 120px 0 132px;
    height:120px;
}
.form_buttons .once_again {
    float:left;
}
.form_buttons .get_results {
    float:right;
}
.form_buttons a, .form_buttons input {
    display:block;
    padding:0;
    height:92px;
    overflow:hidden;
    text-indent:-999px;
    border:0;
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:0 0;
    cursor:pointer;
}
.form_buttons .once_again a, .form_buttons .once_again input {
    width:289px;
    background-image:url(../img/once_again.png);
}
.form_buttons .get_results a, .form_buttons .get_results input {
    width:337px;
    background-image:url(../img/get_results.png);
}
.form_buttons a:hover, .form_buttons input:hover {
    background-position:0 -92px;
}
.form_buttons a:active, .form_buttons input:active {
    background-position:0 -184px;
}






footer .inner {
    position:relative;
    width:940px;
    height:100%;
    margin:0 auto;
    text-align:left;


}

.another_test {
    text-align:center;
}
.another_test_rules {
    position:relative;
    width:702px;
    height:84px;
    margin:0px auto 25px auto;
    background:url(../img/another_test_rules.png) no-repeat 0 0;
}
.get_it_moofok {
    width:575px;
    height:56px;
    margin:0 auto;
    background:url(../img/proidi_ego.png) no-repeat 0 0;
}
.okay_lets_go {
    margin-top:12px;
}
.okay_lets_go a {
    display:block;
    width:243px;
    height:92px;
    margin:0 auto;
    overflow:hidden;
    text-indent:-999px;
    background:url(../img/okay_i_am_ready.png) no-repeat 0 0;
}
.okay_lets_go a:hover { background-position:0 -92px; }
.okay_lets_go a:active { background-position:0 -184px; }

.socials {
   background: url("../img/results.png") repeat-x scroll left top transparent;
    bottom: 0;
    clear: both;
    height: 51px;
    left: 10px;
    margin-left: -9px;
    overflow: hidden;
    position: fixed;
    text-align: center;
    width: 100%;
}
.socials h5 {
    display: block;
    float: left;
    font-size: 23px;
    font-weight: bold;
    line-height: 18px;
    margin-top: 8px;
}
.socials a {
    display:block;
    float:left;
    margin-left:27px;
    text-decoration:none;
}
.socials a img {
    float:left;
    margin-right:11px;
}
.socials a.twitter img {
    margin-top:8px;
}
.socials a.vk img {
    margin-top:3px;
    margin-right:14px;
}
.socials a.gplus img {
    margin-right:4px;
}

/*
.socials a span {
    display:block;
    float:left;
    width:83px;
    height:62px;
    background:url(../img/counter.png) no-repeat 0 0;
    font-size:23px;
    color:#333;
    font-weight:bold;
    line-height:62px;
    text-align:center;
    text-shadow:0px 1px 1px #FFF;
}
.socials a:hover span {
    background-position:0 -62px;
}
.socials a:active span {
    background-position:0 -124px;
}*/
table {
    display: block; text-align: center; margin: 0pt auto; width: 800px; overflow: hidden;
}
td {
    overflow: hidden; width: 160px;
}
iframe#ilold {
    width: 180px !important;
}
.socials table {
    float: left;
    margin-left: 55px;
    margin-top: 15px;
    overflow: visible;
}

.socials table td{
	overflow: visible;
	padding: 0 20px;
}

.sms-page {
    padding-bottom: 105px;
}
#footer-table {
    margin: 0 auto;
    overflow: hidden;
    width: 950px;
}

.copyright-hover{
	position: relative;
	  text-align: center;
	  width: 316px;
	    top: -7px;
		  left: -171px;
}
.copyright-hover a{
	text-decoration: none!important;
	color: rgb(176, 176, 176);
}
.copyright-hover img{
	position: relative;
	top: 5px;
}
.copyright-hover .before{
  position: absolute;
  
  display:none;
}

.copyright-hover .after {color: white;   position: relative;
  z-index: 999;}

.copyright-hover:hover .before{
  -webkit-animation: glitch-before 1.5s infinite linear alternate-reverse;
  animation: glitch-before 1.5s infinite linear alternate-reverse;
  text-shadow: 0 0 0 rgba(150, 150, 150, 0.75);
  display:block;
}

.copyright-hover:hover .after{
	  -webkit-animation: glitch 1.5s infinite linear alternate-reverse;
  animation: glitch 1.5s infinite linear alternate-reverse;
}

.socials a span{
	position: relative;
	top:10px;
	font-size: 16px;
}


@-webkit-keyframes glitch{0%{-webkit-transform:translate(-1px,0);transform:translate(-1px,0)}10%,20%,30%{-webkit-transform:translate(0,0);transform:translate(0,0)}40%{-webkit-transform:translate(-2px,0);transform:translate(-2px,0)}50%{-webkit-transform:translate(2px,0);transform:translate(2px,0)}60%,70%{-webkit-transform:translate(0,0);transform:translate(0,0)}80%{-webkit-transform:translate(1px,0);transform:translate(1px,0)}90%{-webkit-transform:translate(3px,0);transform:translate(3px,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}

@keyframes glitch{0%{-webkit-transform:translate(-1px,0);transform:translate(-1px,0)}10%,20%,30%{-webkit-transform:translate(0,0);transform:translate(0,0)}40%{-webkit-transform:translate(-2px,0);transform:translate(-2px,0)}50%{-webkit-transform:translate(2px,0);transform:translate(2px,0)}60%,70%{-webkit-transform:translate(0,0);transform:translate(0,0)}80%{-webkit-transform:translate(1px,0);transform:translate(1px,0)}90%{-webkit-transform:translate(3px,0);transform:translate(3px,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}

@-webkit-keyframes glitch-before{
    0%{-webkit-transform:translate(-3px,0);transform:translate(-3px,0)}
    10%{-webkit-transform:translate(1px,2px);transform:translate(1px,2px)}
    20%{-webkit-transform:translate(0,0);transform:translate(0,0)}
    30%{-webkit-transform:translate(-4px,0);transform:translate(-4px,0)}
    40%{-webkit-transform:translate(-6px,-2px);transform:translate(-6px,-2px)}
    50%{-webkit-transform:translate(2px,0);transform:translate(2px,0)}
    60%{-webkit-transform:translate(0,-1px);transform:translate(0,-1px)}
    70%{-webkit-transform:translate(3px,0);transform:translate(3px,0)}
    80%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}
    90%{-webkit-transform:translate(-2px,0);transform:translate(-2px,0)}
    100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes glitch-before{
    0%{-webkit-transform:translate(-3px,0);transform:translate(-3px,0)}
    10%{-webkit-transform:translate(1px,2px);transform:translate(1px,2px)}
    20%{-webkit-transform:translate(0,0);transform:translate(0,0)}
    30%{-webkit-transform:translate(-4px,0);transform:translate(-4px,0)}
    40%{-webkit-transform:translate(-6px,-2px);transform:translate(-6px,-2px)}
    50%{-webkit-transform:translate(2px,0);transform:translate(2px,0)}
    60%{-webkit-transform:translate(0,-1px);transform:translate(0,-1px)}
    70%{-webkit-transform:translate(3px,0);transform:translate(3px,0)}
    80%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}
    90%{-webkit-transform:translate(-2px,0);transform:translate(-2px,0)}
    100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}