/*@media screen and (max-width: 2048px) and (max-height:1536px){}

@media screen and (max-width: 1440px) and (max-height:900px){}

@media screen and (max-width: 1366px) and (max-height:768px){}

@media screen and (max-width: 1280px) and (max-height:800px){}

@media screen and (max-width: 1200px) and (max-height:600px){}

@media screen and (max-width: 1136px) and (max-height:640px){}

@media screen and (max-width: 1024px) and (max-height:768px){}

@media screen and (max-width: 1024px) and (max-height:748px){}

@media screen and (max-width: 960px) and (max-height:640px){}

@media screen and (max-width: 960px) and (max-height:540px){}

@media screen and (max-width: 800px) and (max-height:480px){}

@media screen and (max-width: 480px) and (max-height:320px){}
*/


@media screen and (max-width: 2048px) and (max-height:1536px){
#logo_must {margin: -60px 41px;}
}

@media screen and (max-width: 1680px){
#logo_must {margin: -60px auto;}
}
@media only screen and (max-device-width: 1440px) and (max-device-height:900px), only screen and (max-width: 1440px) and (max-height:900px){

#enterfm h1 {font-size: 220px;margin: 40px 0 0 40px;letter-spacing: 45px;}
.context h3 {font-size: 23px;}
#enterfm {height: 33%;}
#entersex {height:35%; margin: 10px auto;}

#top_header {height: 760px;}
#top_text {margin: 210px auto;}
#top_logo h1 {font-size: 280px;margin: 40px 0 40px 55px;letter-spacing: 50px;text-align: center;}
#top_logo {padding-top: 25px;}
#logo_must {margin: -60px auto;}
#logo_must img {width: 100%;background-size: cover;}
#top_text li {margin: -10px 50px -40px 0;}
#top_text li:first-child h2 {letter-spacing: 5px;}
#top_text li:first-child em {letter-spacing: 5px}
#top_text li:nth-child(2) h2 {font-size: 68px;letter-spacing: 27px;/* word-spacing: -5px; */padding-left: 20px;}
#top_text li:nth-child(2) em {font-size: 68px;letter-spacing: 27px;}
#top_text li:last-child h2 {padding-left:10px}
#top_text h2 {font-size: 30px;letter-spacing: 16px;word-spacing: 10px;}
#top_text em {font-size: 30px;}
nav li a {font-size: 22px;line-height:22px}
#warning {width: 60%;}

#top_logo_min h1 {font-size: 50px;margin-left: 5px;margin-bottom: -40px;text-align: center;letter-spacing: 5px;}
.menu-outer {font-weight: 100;}
.menu-outer_left {font-weight: 100;}
.login-form {width: 50%;}
#menu_footer ul {width: 40%;}
#fot_men li:nth-child(odd) {margin: 0 -2px 0 -60px;}

.triangleRegistration:hover {left: -350px;}
#registrationAdd h1:hover ~ .triangleRegistration {left: -350px;}

.color_reddL {margin:65px 0 0 -39px}
#rules_contain:hover > .color_reddL {margin: 65px 0 0 -90px;}
#about_contain:hover > .color_reddR {margin: 0 0 0 470px;}
.header_two h1 {font-size: 65px;letter-spacing: 3px;}

.upper_triangle {margin: -290px 0 0 350px;}

#interest_contain li {width: 20%;}
#footer {height:725px;}

.closing-down {left: -1135px !important;top: 545px !important;}

} 

@media only screen and (max-device-width: 1366px), only screen and (max-width: 1366px){

#top_text li {margin: -10px 40px -40px 0;}
.color_reddL {margin: 65px 0 0 -48px;}
#about_contain:hover > .color_reddR {margin: 0 0 0 440px;}

nav ul h2 {padding-bottom: 20px;}
.triangleRegistration:hover {left: -280px;}
#registrationAdd h1:hover ~ .triangleRegistration {left: -280px;}
.registr-form {top: 700px;}

.s_right {margin: -231px 0 0 0;}
.s_left {margin: -140px 0 0 90px;}

.closing-down {left: -1185px !important;top: 590px !important;}

}

@media only screen and (max-device-width:1280px), only screen and (max-width: 1280px){

.color_reddL {margin: 65px 0 0 -58px;}
#rules_contain:hover > .color_reddL {margin: 65px 0 0 -95px;}
#about_contain:hover > .color_reddR {margin: 0 0 0 410px;}

.context h3 {font-size: 22px;}

#registrationAdd {left: -100px;}
.triangleRegistration:hover {left: -220px;}
#registrationAdd h1:hover ~ .triangleRegistration {left: -220px;}
.registr-form {top: 750px;left: -1950px;}
nav ul h2 {padding-bottom: 20px;}

.theme_name h1 {font-size: 23px;height: 80px;}

.down_triangle {margin: -100px 0 0 270px;}
#upp_triangle {margin: -300px 28%;}

#fot_men li:nth-child(odd) {margin: 0 -2px 0 -45px;}

.closing-down {left: -1255px !important;top: 660px !important;}

.arrowup { left:50px;top:20%; }
  .arrowdown {left:-10px;bottom:20%; }
  .arrowadd { right:-10px;top:20%; }
 .arrowdate { right:50px;bottom:20%  }

}


@media only screen and (max-device-width: 1200px), only screen and (max-width: 1200px){

#top_logo h1 {font-size: 250px;}
#top_text {margin: 160px auto;}
#top_text li {margin: -10px 35px -40px 0;}
#enterfm h4 {font-size: 30px;}
#enterfm h1 {font-size: 200px;}
#enterask h3 {font-size: 35px;margin-top: 110px;}

.menu-outer_left > nav ul {top: 21%;}
.menu-outer > nav ul {top: 21%;}
.login-link {font-size: 10px;}
nav li a {font-size: 20px;}
nav ul a {padding: 15px;}

.triangleRegistration:hover {left: -150px;}
#registrationAdd h1:hover ~ .triangleRegistration {left: -150px;}
.registr-form {top: 850px;left: -1950px;}

#menu_footer ul {width: 45%;}
#warning {width: 50%;}

.color_reddL {margin: 65px 0 0 -65px;}

#upp_triangle {margin: -300px 26.5%;}

.closing-down {left: -1305px !important;top: 710px !important;}
}

@media only screen and (max-device-width: 1136px), only screen and (max-width: 1136px){

#top_text {margin: 140px auto;}
#top_logo h1 {font-size: 235px; margin: 40px 0 40px 55px;}
.login-form {width: 60%;}
#warning {left: 140px;width: 50%;}
#warning h1{ font-size:14px;}
#menu_footer ul {width: 40%; margin-right: -105px;}
#fot_men li:nth-child(odd) {margin: 0 -2px 0 -25px;}

.triangleRegistration:hover {left: -80px;}
.registr-form {top: 850px;left: -1950px;}

#rules_contain:hover > .color_reddL {margin: 65px 0 0 -105px;}
.color_reddL {margin: 65px 0 0 -73px;}
#about_contain:hover > .color_reddR {margin: 0 0 0 360px;}
#interest_contain ul:hover > #upp_triangle {margin: -500px 25.5%;}
#upp_triangle {margin: -300px 25.5%;}
#enterask h3 {font-size: 39px;margin-top: 85px;}
#entersex {height: 35%;margin: 35px auto;}
.context h3 {font-size: 21px;}

}



@media only screen and (max-device-width: 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1024px){

#top_logo h1 {font-size: 220px;margin: 80px 0 40px 35px;letter-spacing: 30px;}
#top_text {margin: 150px auto;}
#top_text li:first-child h2 {letter-spacing: 5px;font-size: 15px;word-spacing: 5px;}
#top_text li:first-child em {letter-spacing: 5px;font-size: 25px;word-spacing: 5px;}
#top_text li:nth-child(2) h2 {font-size: 38px;letter-spacing: 26px;padding-left: 20px;}
#top_text li:nth-child(2) em {font-size: 48px;letter-spacing: 27px;}
#top_text h2 {font-size: 17px;letter-spacing: 13px;word-spacing: 10px;}
#top_text em {font-size: 25px;}

#enterask h3 {font-size: 35px;margin-top: 15%;font-weight: 100;}
#enterask h3 {font-size: 35px;margin-top: 15%;font-weight: 100;}
#enterfm {margin: 30px auto;}

nav li a {font-size: 18px;}
.menu-outer_left > nav ul {top: 19%;}
.menu-outer > nav ul {top: 19%;}

#warning {left: 120px;width: 60%;}
#warning h1 {font-size: 12px;}

#registrationAdd h1:hover ~ .triangleRegistration {left: 100px;}
.triangleRegistration:hover {left: 35px;}
.registr-form {top: 920px;left: -2005px;}

.closing-down {left: -1435px !important;top: 840px !important;}

.arrowup { left:40px;top:15%; }
  .arrowdown {left:-20px;bottom:15; }
  .arrowadd { right:-20px;top:15%; }
 .arrowdate { right:40px;bottom:15%  }


#menu_footer ul {width: 40%;}
#menu_footer ul {margin-right: -55px;}

#fot_men li:nth-child(odd) {margin: 0 -2px 0 -15px;}

.form-control {height: 32px;padding: 4px 12px;}
.login-form .login-field {font-size: 13px;}
.form-group {width: 25%;}
.login-form .login-field-icon {top: -1px;}
.butt {padding: 8px 45px;font-size:12px;}
.login-form {width: 55%;}
.login-link {font-size: 11px;}

.context h3 {font-size: 18px;}
.header_explane h2 {font-size: 22px;}
.header_two h1 {font-size: 45px;}


.header_two {margin-left: 7px;}
.header_explane h2 {margin-left: 15px;}

#interest_contain ul:hover > #upp_triangle {margin: -500px 23%;}
#upp_triangle {margin: -300px 23%;}

#menu_footer:hover {left: -12%;}
#menu_registr:hover {right: -12%;}

.news_name {text-align:center;padding-left: 15px;}

}



@media only screen and (max-device-width: 960px) and (orientation : landscape), only screen and (max-width: 960px){

#top_text {margin: 140px auto;}
#about_contain:hover > .color_reddR {margin: 0 0 0 295px;}
.color_reddR {margin: 0 0 0 71%;}
.theme_name h1 {font-size: 21px;}
.theme_preview h3 {font-size: 16px;}
.news_name h1 {font-size: 16px;}
.news_name {padding-left: 25px;}
.int_name h1 {font-size: 16px;}
#interest_contain ul:hover > #upp_triangle {margin: -500px 21%;}
#upp_triangle {margin: -300px 21%;}
.form-control {height: 35px;}

}


@media only screen and (max-device-width: 960px) and (max-device-height:540px), only screen and (max-width: 960px) and (max-height:540px){

#top_logo h1 {margin: 20px 0 40px 35px;}
#top_text {margin: 130px auto;}
#top_header {height: 620px;}
#history {height: 720px;}
#gender {height: 720px;}
#enterask h3 {font-size: 25px;margin-top: 65px;}

.registr-form {top: 1000px;left: -2005px;}
#registrationAdd h1:hover ~ .triangleRegistration {left: 50px;}
.triangleRegistration:hover {left: 50px;}
.color_reddL {margin: 65px 0 0 -90px;}
#about_contain:hover > .color_reddR {margin: 0 0 0 295px;}

#upp_triangle {margin: -300px 21%;}
#interest_contain ul:hover > #upp_triangle {margin: -500px 21%;}

}

@media only screen and (max-device-width: 800px) and (max-device-height:1280px), only screen and (max-width: 800px) and (max-height:1280px){

.menu-outer_left > nav ul {top: 10%;}
.menu-outer > nav ul {top: 10%;}
#logo_must img {width: 100%;}
#interest_contain li {width: 20%;}

}


@media only screen and (max-device-width: 800px) and (orientation : landscape), only screen and (max-width: 800px){

#enterfm h1 {font-size: 150px;margin: 40px 0 0 20px;letter-spacing: 15px;}
#enterfm h4 {font-size: 20px;margin-bottom: -50px;letter-spacing: 22px;padding-left: 26px;}
#entersex {margin: -18px auto;}
#top_logo h1 {font-size: 165px;margin: 20px 0 60px 35px;}
#top_text {margin: 80px auto;}
.header_explane {min-height: 10px;}
.context h3 {font-size: 16px;}
.header_two h1 {font-size: 40px;}
.header_explane h2 {font-size: 20px;}

.arrows a img {width: 50px;}

.arrowup { left: 30px; top: 20%;}
.arrowup  h3{top: -60px; left: -30px; font-size: 11px;}
.arrowdown {left: -30px; bottom: 20%; }
.arrowdown h3{top: -68px; left: -40px; font-size: 11px;}
.arrowadd { right: -30px; top: 20%;}
.arrowadd  h3{ top: -65px; left: -35px; letter-spacing: 2px; font-size: 11px;}
.arrowdate { right: 30px; bottom: 20%;}
.arrowdate  h3{ top: -65px; left: -35px; font-size: 11px;}


.form-wrapper-01 .inputbox {padding: 8px 2px 8px 32px;width: 170px;}
.select-block-right {margin: 10px 18px 0;float: right;}
.registr-form {top: 1000px;left: -2005px; width: 390px;}
.form-wrapper-01 p {margin: 20px 0;text-align: center;}
.form-wrapper-01 a.button {padding: 10px 115px;}
.registr-form h3 {font-size: 19px;padding: 0 25px 0 10px;margin-top: -10px;}
#registrationAdd {top: -258px;}
#registrationAdd h1:hover ~ .triangleRegistration {left: 10px;}
.triangleRegistration:hover {left: 10px;}
.registr-form {top: 1000px;left: -1920px;}
#registrationAdd h1 {margin: -100px 0 0 -190px;padding: 20px 50px;}
.reg-triangle {border-top: 45px solid transparent;border-bottom: 45px solid transparent;border-left-width: 45px !important;left: -228px;top: -9px;}


.menu-outer_left {width: 30%;}
.menu-outer_left:hover {right: 70%;}
.menu-outer {width: 30%;}
.menu-outer:hover {left: 70%;}
#warning {left: 130px;width: 45%;margin-top: -10px;}
#menu_footer ul {margin-right: -5px;}
#fot_men li:nth-child(odd) {margin: 0 -2px 0 10px;}
.login-form {width: 65%;}

#menu_registr:hover {right: -15%;}
#menu_footer:hover {left: -15%;}

#blog_contain li {width: 90%;height: 350px;}
.theme_name h1 {font-size: 16px;height: 60px;}
.theme_preview h3 {font-size: 13px;padding: 0 10px 0 10px;}

#news_contain img {width: 100px;}
.news_name h1 {font-size: 15px;}
.news_name {padding-left: 0px;}

.int_name h1 {font-size: 15px;}


#interest_contain ul:hover > #upp_triangle { margin: -550px 16%;}
.color_reddR {margin: 0 0 0 67%;}
#about_contain:hover > .color_reddR {margin: 0 0 0 232px;}
}





@media only screen and (max-device-width: 768px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px){
.color_reddR {margin: 0 0 0 66%;}
#about_contain:hover > .color_reddR {margin: 0 0 0 220px;}
#upp_triangle {margin: -400px 14.5%;}
#interest_contain ul:hover > #upp_triangle {margin: -550px 14.5%;}
#menu_footer li {margin: 0 10px;}
#fot_men li:nth-child(odd) {margin: 0 -2px 0 18px;}
.login-link {font-size: 10px;}
}

@media screen and (max-width: 720px), only screen and (max-width: 720px){
#top_logo h1 {margin: 20px 0 60px 25px;}
#top_text li {margin: -10px 30px -40px 0;}
.color_reddR {margin: 0 0 0 63%;}
#about_contain:hover > .color_reddR {margin: 0 0 0 202px;}
.context h3 {font-size: 15px;}
#upp_triangle {margin: -400px 12%;}
#interest_contain ul:hover > #upp_triangle {margin: -550px 12%;}
.login-link {font-size: 9px;}

}

@media only screen and (max-device-width: 640px), only screen and (max-width: 640px){

#top_logo h1 {font-size: 145px;margin: 20px 0 60px 20px;}
#top_logo {padding-top: 55px;}
.color_reddL {margin: 65px 0 0 -100px;}
#rules_contain:hover > .color_reddL {margin: 65px 0 0 -116px;}
#about_contain:hover > .color_reddR {margin: 0 0 0 175px;}
.header_explane h2 {font-size: 17px;}
#blog_contain li {width: 43%;height: 250px;}
#news_contain li {width: 30%;min-height: 145px;margin: 0px 15px 5px 15px;}
#news_contain img {width: 80px;}
.down_triangle {display:none;}
#interest_contain li {width: 40%;margin: 20px 10px;min-height: 100px;}
.int_name h1 {padding-bottom: 15px;margin-top: 15px;}
#upp_triangle {display:none;}
#warning {left: 110px;}
.login-link {font-size: 9px;float: right; margin-top: 4px;}

}


@media only screen and (max-device-width: 640px) and (max-device-height: 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (max-height: 480px){

#enterfm h4 {letter-spacing: 12px; padding-left: 17px;}
#enterfm h1 {font-size: 100px;}
#entersex img {display: inline; width: 20%;}
#enterask h3 {font-size: 18px;margin-top: 25px;}
#top_text {margin: 150px auto;}
.login-form {width: 75%;}
.form-control {height: 39px;}
.butt {padding: 11.5px 45px;font-size: 12px;}
.triangleRegistration:hover {left: 50px;}
#registrationAdd h1:hover ~ .triangleRegistration {left: 50px;}
.triangleRegistration {top: -2450px;}
nav ul a {padding: 5px;font-size: 13px;}
#blog_contain li {width: 90%;height: 350px;}
.menu-outer_left > nav ul {top: 23%;}
.menu-outer > nav ul {top: 23%;}

.posts span a img {width: 13px;}
.posts .degaviu img {width: 30px; margin-top: 0px;}

.posts .good {width: 65px;}
.posts .degaviu {width: 75px;}
.posts span {width: 60px;}
.posts span h3 {font-size: 18px;}

.login-link {margin-top: 5px;}
}

@media only screen and (max-device-width: 600px), only screen and (max-width: 600px){

#top_logo {padding-top: 75px;}
#top_logo h1 {font-size: 125px;margin: 20px 0 60px 10px;letter-spacing: 15px;}
#top_text {margin: 60px auto;}
#about_contain {width: 100%;}
#rules_contain {width: 100%;}
.bottom_ {padding-top: 20px;}
.context h3 {font-size: 14px;margin-bottom: -25px;}
#rules_contain {margin: -60px auto 0;}

.color_reddR {display:none;}
.color_reddL {display:none;}

.menu-outer_left {width: 50%;}
.menu-outer_left:hover {right: 50%;}
.menu-outer_left > nav ul {top: 25%;}
nav ul a {padding: 15px;}
nav li a {font-size: 15px;}
.menu-outer {width: 50%;}
.menu-outer > nav ul {top: 25%;}
.menu-outer:hover {left: 50%;}

#menu_footer ul {margin-right: 25px;}
#menu_footer li {margin: 0 -5px;}
#fot_men li:nth-child(odd) {margin: 0 -2px 0 37px;}
.login-link {font-size: 9px;float: right;margin-top: -47px;width: 14%;}

.triangleRegistration:hover {left: 70px;}
.triangleRegistration {top: -2650px;}
}

@media only screen and (max-device-width: 535px) and (max-device-height: 320px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 535px) and (max-height: 320px) {

#rules_contain {margin: -40px auto 0;}
#menu_footer:hover {left: -20%;}
#menu_footer ul {margin-right: 16px;}
#menu_registr:hover {right: -20%;}
.bottom_ {padding-top: 50px;}
.closing {right: 70px;}
#top_text {margin: 80px auto;}

#top_text li{margin: -10px 30px -30px 0;}
#entersex {margin: -5px auto;}
#enterask h3 {font-size: 15px;margin-top: 25px;}
#top_logo {padding-top: 35px;}
nav li a {font-size: 14px;}
nav ul a {padding: 3px;}
.menu-outer_left > nav ul {top: 25%;}
.menu-outer > nav ul {top: 23%;}
#top_text li:nth-child(2) h2 {font-size: 18px;letter-spacing: 16px;padding-left: 20px;}
#top_text li:nth-child(2) em {font-size: 28px;letter-spacing: 17px;}
#rules_contain {margin: -50px auto 0px;}
.context h3 {font-size: 13px;}

#blog_contain ul {margin: 50px -15px 0;}

#warning {left: 105px;width: 80%;margin-top: -20px;}
#menu_footer ul {    width: 90%;    margin-right: 0px;    margin-top: -30px;}
.butt {padding: 6px 68px 10px;}
.news_name {padding-left: 10px;}
.int_name h1 {font-size: 11px;}
#interest_contain li {width: 33%;}

#menu_footer ul {width: 90%;margin-right: -80px;margin-top: -30px;}
#fot_men li:nth-child(odd) {margin: 0 12px 0 -14px;}
.form-wrapper-01 a.button {padding: 10px 82px; }

.header_two h1 {padding-top: 30px;}

nav ul h2 {margin: 10px 5px;padding-bottom: 5px;}
.menu-outer_left {width: 50%;}
.menu-outer_left:hover {right: 50%;}
.menu-outer{width: 50%;}
.menu-outer:hover {left: 50%;}
#warning h1 {font-size: 8px;}
.login-form {top: 0px;}
.login-form {padding: 14px 0 0 20px;width: 75%;}
.form-group {width: 45%;margin-bottom: -5px;}
.registr-form {    top: 1290px;    left: -1930px;    width: 300px;}
.login-link {margin-top: -47px;margin-right: 0px;width: 25%;float: none;padding-left: 10px;}
.triangleRegistration {top: -2530px;}
.registr-form {top: 1290px;left: -1930px;width: 300px;}
.triangleRegistration:hover {left: 300px;}
#registrationAdd h1:hover ~ .triangleRegistration {left: 300px;}
#about_contain {overflow: visible;}
#news_contain ul {margin-left: -65px;}
.header_two { margin-left: -10px;}
.header_explane { margin-left: -10px;}
#interest_contain ul { padding-left: 30px;}
#footer_contain li { width: 85%;    min-height: 140px;    margin: 5px 0px;}
#registrationAdd { left: -60px;}

.form-wrapper-01 .name {
background: url(../images/user.png) 10px 6px no-repeat;
}
.form-wrapper-01 .email {
background: url(../images/email.png) 10px 7px no-repeat;
}
.form-wrapper-01 .password {
background: url(../images/password.png) 10px 4px no-repeat;
}
.form-wrapper-01 .inputbox {
padding: 1px 0 1px 32px;
width: 140px;
font-size: 12px;
height: 26px;
margin: 3px;
}
.form-wrapper-01 p {margin: 6px -25px 6px -30px;}
.select-block {
margin: 6px 2px;
height: 25px;
width: 140px;
font-size: 13px;
}
.select-block-right {
margin: 6px 8px 0 0;
height: 25px;
width: 140px;
font-size: 13px;
}

.registr-form h3 {
font-size: 12px;
padding: 0 15px 0 5px;
margin-top: -5px;
}

.closing-down {
left: -1570px !important;
top: 1020px !important;
}

}







@media only screen and (max-device-width: 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 480px){

#enterfm {margin: 10px auto;}
#enterfm h1 {font-size: 80px;margin: 40px 0 0 5px;}
#enterfm h4 {font-size: 10px;margin-bottom: -45px;letter-spacing: 12px;padding-left: 1px;}

#top_text {margin: 120px auto 0px;}
#enterask h3 {font-size: 15px;margin-top: 45px;}
#top_logo {padding-top: 65px;}
#top_logo h1 {font-size: 85px;margin: 20px 0 60px 5px;letter-spacing: 10px;}

nav ul h2 {padding-bottom: 0px;margin: 5px 0 5px;}
.triangleRegistration:hover {left: 480px;}
#registrationAdd h1:hover ~ .triangleRegistration {left: 480px;}
.registr-form {top: 1330px;left: -1950px;width:300px;}
.form-wrapper-01 .inputbox {padding: 1px 0 1px 32px;width: 140px;font-size: 12px;height: 26px;margin: 3px;}
.form-wrapper-01 .name {background: url(../images/user.png) 10px 6px no-repeat;}
.select-block {margin: 6px 2px;height: 25px;width: 140px;font-size: 13px;}
.select-block-right {margin: 6px 8px 0 0;height: 25px;width: 140px;font-size: 13px;}
.form-wrapper-01 p {margin: 6px 2px 6px -2px;}
.form-wrapper-01 a.button {padding: 6px 82px;text-align: center;}
.registr-form h3 {font-size: 12px;padding: 0 15px 0 5px;margin-top: -5px;}
.reg-triangle {border-top: 30px solid transparent;border-bottom: 30px solid transparent;border-left-width: 30px !important;left: -175px;top: -38px;}
#registrationAdd h1 {margin: -100px 0 0 -150px;padding: 10px 30px;}
#registrationAdd {top: -208.5px;left: -50px;}
.form-wrapper-01 .email {background: url(../images/email.png) 10px 7px no-repeat;}
.form-wrapper-01 .password {background: url(../images/password.png) 10px 4px no-repeat;}


.arrowup { left: 30px; top: 20%;}
.arrowup  h3{top: -60px; left: -30px; font-size: 11px;}
.arrowdown {left: -30px; bottom: 20%; }
.arrowdown h3{top: -68px; left: -40px; font-size: 11px;}
.arrowadd { right: -30px; top: 20%;}
.arrowadd  h3{ top: -65px; left: -35px; letter-spacing: 2px; font-size: 11px;}
.arrowdate { right: 30px; bottom: 20%;}
.arrowdate  h3{ top: -65px; left: -35px; font-size: 11px;}


.menu-outer_left {width: 50%;}
.menu-outer_left:hover {right: 50%;}
.menu-outer_left > nav ul {top: 25%;}
nav ul a {padding: 8px;}
nav li a {font-size: 12px;}
.menu-outer {width: 50%;}
.menu-outer > nav ul {top: 25%;}
.menu-outer:hover {left: 50%;}

#warning {left: 90px;width: 45%;margin-top: -10px;}
#warning h1 {font-size: 11px;}

#fot_men li:nth-child(odd) {margin: 0 -15px 0 8px;}
#menu_footer ul {width: 40%;margin-right: 0px;}
#menu_footer li {margin: 0 -2px;width: 25%;}
#menu_footer:hover {left: -18%;}

.login-form {padding: 14px 0 0 20px; width: 75%;}
#menu_registr:hover {right: -18%;}

.login-form .login-field {font-size: 9px;}
.login-form .login-field-icon {font-size: 11px;right: 5px;top: 7px;}
.butt {padding: 6px 35px 10px;font-size: 11px;}

.login-link {font-size: 9px;float: right; margin-top: 4px;}

.header_explane {margin-bottom: -20px;}
.header_explane h2 {font-size: 17px;margin-left: 0px;}
.header_two h1 {padding-top: 10px;font-size: 30px;}
.header_two {margin-left: 0px;}
#about_contain {width: 100%;margin: -60px auto 0;}
.color_reddR {display:none;}
.context h3 {font-size: 13px;margin: 25px 0 -25px;}
#rules_contain {width: 100%;margin: -40px auto 0;}
.color_reddL {display:none;}

#blog_contain li {width: 90%;height: 230px;margin-bottom: 20px;}

#blog_contain a:first-child {width: 100%;}
#blog_contain a:last-child {width: 100%;}

#blog_contain ul {margin: 50px -10px;}
.theme_name h1 {font-size: 14px;height: 50px;}
.theme_preview h3 {font-size: 11px;}

#news_contain ul {margin-left: -40px;padding-top: 30px;}
.down_triangle {display:none;}
#news_contain li {width: 25%;min-height: 105px;}
.news_name h1 {font-size: 11px;}
#news_contain img {width: 80px;}

#interest_contain li {width: 43%; margin: 10px 10px;}
#upp_triangle {display:none;}
.int_name h1 {font-size: 12px;}
#interest_contain li {min-height: 125px;}
#interest_contain ul {padding-top: 20px;}

#footer_contain li {width: 40%; min-height: 190px; margin: 30px 10px;}
#footer_contain ul {padding-top:25px;}
}


@media only screen and (max-device-width: 360px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 360px) {

.hintsadd{position:fixed; left:50px;top:180px;}
.hintsmenu{position:fixed; right:50px;top:200px;}
.hintssocial{position:fixed; left:50px;bottom:200px;}
.hintslogin{position:fixed; right:50px;bottom:180px;}
.hints {
font-family: 'Roboto', 'sans-serif';
font-size:15px;font-weight:100;color:white;display:none;opacity:0;
  -webkit-transition: all ease 1.5s;
  -moz-transition: all ease 1.5s;
  -ms-transition: all ease 1.5s;
  -o-transition: all ease 1.5s;
  transition: all ease 1.5s; 
  }
  
  .closing-down {left: -1585px !important;top: 1148px !important;}
.closing {right: 12px;top: -65px;}
.header_two h1 {padding-top: 40px;}

#entersex {margin: -5px auto;}
#enterask h3 {font-size: 15px;margin-top: 25px;}
#top_logo {padding-top: 35px;}
nav li a {font-size: 14px;}
nav ul a {padding: 3px;}
.menu-outer_left > nav ul {top: 20%;}
.menu-outer > nav ul {top: 18%;}
#top_text li:nth-child(2) h2 {font-size: 18px;letter-spacing: 16px;padding-left: 20px;}
#top_text li:nth-child(2) em {font-size: 28px;letter-spacing: 17px;}
#rules_contain {margin: -10px auto 0;}
.context h3 {font-size: 13px;}
#warning {left: 55px;width: 80%;margin-top: -20px;}
#fot_men li:nth-child(odd) {margin: 0 -20px 0 8px;}
#menu_footer ul {    width: 90%;    margin-right: 0px;    margin-top: -30px;}
.butt { padding: 6px 16% 10px;}
.news_name {padding-left: 10px;}
.int_name h1 {font-size: 11px;}
#interest_contain li {width: 33%;}

nav ul h2 {margin: 30px 5px; }
.menu-outer_left {width: 70%;}
.menu-outer_left:hover {right: 30%;}
.menu-outer{width: 70%;}
.menu-outer:hover {left: 30%;}
#warning h1 {font-size: 8px;}
.form-group {width: 45%;margin-bottom: -5px;}
.login-link {margin-top: -47px;margin-right: -0px;width: 25%;float: none;padding-left: 10px;}

.triangleRegistration {top: -2600px;}
.registr-form {top: 1290px;left: -1930px;width: 300px;}
.triangleRegistration:hover {left: 435px;}
#registrationAdd h1:hover ~ .triangleRegistration {left: 435px;}
#about_contain {overflow: visible;}
#rules_contain {    margin: 10px auto 0px;}
#news_contain ul {margin-left: -65px;}
#news_contain {overflow: visible;}
.header_two {    margin-left: -10px;}
.header_explane {    margin-left: -10px;}
#interest_contain ul {padding-left: 40px;}
#footer_contain li {    width: 85%;    min-height: 140px;    margin: 5px 0px;}
#registrationAdd {    left: -45px;}
.posts em {margin-left: -45px; font-size: 20px;}
}



@media only screen and (max-device-width: 340px) and (max-device-height: 535px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 340px) and (max-height: 535px) {

}

@media only screen and (max-device-width: 320px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 320px) {




nav ul h2 {margin: 30px 5px; }
.menu-outer_left {width: 70%;}
.menu-outer_left:hover {right: 30%;}
.menu-outer{width: 70%;}
.menu-outer:hover {left: 30%;}
#warning h1 {font-size: 8px;}
.form-group {width: 45%;margin-bottom: -5px;}
.login-link {margin-top: -47px;margin-right: -0px;width: 25%;float: none;padding-left: 10px;}
.butt { padding: 6px 34px 10px;}
.triangleRegistration {top: -2600px;}
.registr-form {top: 1290px;left: -1930px;width: 300px;}
.triangleRegistration:hover {left: 425px;}
#registrationAdd h1:hover ~ .triangleRegistration {left: 425px;}
#about_contain {overflow: visible;}
#rules_contain {    margin: 10px auto 0px;}
#news_contain ul {margin-left: -65px;}
.header_two {    margin-left: -10px;}
.header_explane {    margin-left: -10px;}
#interest_contain ul {  padding-left: 30px;}
#footer_contain li {    width: 85%;    min-height: 140px;    margin: 5px 0px;}
#registrationAdd {    left: -35px;}
.closing-down {left: -1585px !important;top: 1148px !important;}
.closing {right: 12px;top: -65px;}
.header_two h1 {padding-top: 40px;}


}

/*

XGA — 1024×768 (4:3) - стандартное разрешение матрицы
    
WXVGA — 1200×600 (2:1)
    
WXGA — 1280×800 (8:5)
   
WXGA+ — 1440×900 (8:5)  - применяется для ноутбуков с диагональю монитора от 14 дюймов

SXGA+ — 1400×1050 (4:3) 

WXGA++ — 1600×900 (16:9)

WSXGA — 1600×1024 (25:16)
    
WSXGA+ — 1680×1050 (8:5)  - высокое разрешение, применяется с диагональю монитора от 15 дюймов
     
WUXGA — 1920×1200 (16:10) - ультраразрешение, применяется в ноутбуках с диагональю монитора от 15 дюймов

WXGA - 1366×768 (16:9) - наиболее распространенное разрешение матрицы, используемое в современных ноутбуках.

*/