* {
padding: 0;
}
html {
width: 100%;
height: 100%;
min-width: 320px;
margin: 0 auto;
-webkit-margin-before: 0;
}
body {
width: 100%;
min-width: 320px;
height: 100%;
min-height: 100%;
margin: 0;
-webkit-margin-before: 0;
background: url(../../images/mobile/bg.png);
font-family: Arial, sans-serif;
color: #3f3f40;
overflow-x: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
display: block;
}
ul, li {
margin: 0;
padding: 0;
list-style: none;
}
a {
background: transparent;
color: #039fcf;
text-decoration: none;
cursor: pointer;
}
a:hover {
color: #ee3124;
}
a:active {
color: #d91c0e;
}
a:active,
a:hover {
outline: 0;
}
* {
box-sizing: border-box;
}
*:focus {
outline: 0;
}
.clearfix:before, .clearfix:after {
display: table;
content: " ";
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
input {
border-radius: 0;
}
input[type="submit"],
input[type="text"],
input[type="password"],
input[type="radio"],
input[type="checkbox"],
input[type="number"],
input[type="file"],
textarea,
select {
-webkit-appearance: none;
}
.hidden {
display: none !important;
}
/*Main Wrap*/
.main-wrap {
position: relative;
min-height: 100%;
}
/*Header*/
header {
z-index: 99;
position: relative;
height: 53px;
width: 100%;
border-bottom: 1px solid #cecece;
background: #f8f8f8;
}
header .header-container {
z-index: 101;
position: relative;
height: 53px;
width: 100%;
border-bottom: 1px solid #d8d8d8;
background: #f8f8f8;
}
header .header_menu_button {
display: block;
float: right;
width: 40px;
height: 40px;
margin: 6px 6px 0 0;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
}
header .header_menu_button img {
display: block;
width: 25px;
height: 25px;
margin: 10px 0 0 7px;
}
header .header_menu_button.opened {
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform:rotate(90deg);
}
header#left_hand .header_menu_button {
float: left;
margin: 6px 0 0 6px;
}
header .logo {
display: block;
float: left;
position: relative;
width: 150px;
height: 30px;
margin: 11px 0 11px 9px;
}
header#left_hand .logo {
position: absolute;
left: 50%;
margin: 11px 0 11px -59px;
}
header .logo img {
display: block;
width: 150px;
height: 30px;
}
header .logo .april-logo {
position: absolute;
left: 0;
top: 0;
width: 32px;
height: 30px;
}
header .logo .april-logo img {
display: block;
width: 100%;
height: auto;
}
header .header_search_button {
display: block;
position: relative;
float: right;
width: 40px;
height: 40px;
margin: 6px 6px 0 0;
}
header .header_search_button img {
display: block;
width: 20px;
height: 20px;
margin: 10px 0 0 9px;
}
/*Header END*/
/*Main menu*/
.top_menu {
z-index: 3;
position: relative;
overflow: hidden;
width: 100%;
height: 39px;
margin-top: -40px;
}
.top_menu .top_menu_items {
overflow: hidden;
height: 39px;
border-bottom: 1px solid #cecece;
background: #f8f8f8;
}
.top_menu .top_menu_items ul {
width: 550px;
height: 38px;
}
.top_menu .top_menu_items li {
display: block;
float: left;
}
.top_menu .top_menu_items li a {
display: block;
float: left;
margin: 0 15px 0 10px;
font-size: 12px;
font-weight: bold;
line-height: 37px;
color: #5d5d5d;
}
.top_menu .top_menu_items li.active a {
color: #929292;
}
.top_menu .top_menu_items li:last-child a {
margin-right: 0;
}
.top_menu .search_block {
display: block;
width: 100%;
height: 39px;
border-bottom: 1px solid #cecece;
background: #fff;
}
.top_menu .search_block .fields {
position: relative;
float: left;
width: 100%;
}
.top_menu .search_block .fields .search_text {
display: block;
width: 100%;
height: 18px;
margin-top: 10px;
padding: 0 90px 0 8px;
border: 0;
background: #fff;
font-size: 11px;
line-height: 18px;
color: #333;
}
.top_menu .search_block .fields .search_submit {
display: none;
position: absolute;
top: 0;
right: 0;
width: 56px;
height: 38px;
padding: 0;
border: 0;
border-left: 1px solid #cecece;
background: #fff;
background-size: 17px 17px;
font-size: 11px;
color: #555;
line-height: 38px;
}
.top_menu .search_block .fields .cleartext {
display: none;
position: absolute;
top: 0;
right: 56px;
width: 38px;
height: 38px;
background: url(../../images/mobile/svg/close2.svg) no-repeat 12px 13px;
background-size: 15px 15px;
}
.top_menu .search_block .fields .microphone {
display: none;
position: absolute;
top: 0;
right: 4px;
width: 38px;
height: 38px;
background: url(../../images/mobile/svg/microphone.svg) no-repeat 14px 11px;
background-size: 17px 17px;
}
.top_menu .search_block .fields .microphone.active {
background: url(../../images/mobile/svg/microphoneActive.svg) no-repeat 14px 11px;
background-size: 17px 17px;
}
/*Top-menu items on categories*/
.top_menu_items {
z-index: 2;
position: absolute;
top: 53px;
overflow: hidden;
width: 100%;
height: 39px;
border-bottom: 1px solid #cecece;
background: #f8f8f8;
}
.top_menu_items.fixed {
position: relative;
top: 0;
}
.top_menu_items ul {
float: left;
height: 38px;
white-space: nowrap;
}
.top_menu_items li {
float: none;
display: inline-block;
vertical-align: top;
}
.top_menu_items li a {
display: block;
float: left;
margin: 0 15px;
font-size: 12px;
font-weight: bold;
line-height: 37px;
color: #5d5d5d;
}
.top_menu_items ul li .active {
color: #f5381f;
}
.top_menu_items li.active a {
color: #929292;
}
.top-menu-fix {
position: fixed;
top:0;
margin-top: -53px;
}
.fixed-on-top {
position: absolute !important;
top: 53px !important;
margin: 0 !important;
}
.searchHint {
z-index: 100;
display: none;
position: absolute;
overflow: auto;
top: 91px !important;
left: -1px !important;
width: 100% !important;
max-height: 100%;
margin: 0 1px;
border-radius: 0 0 3px 3px;
background: #e9e9e9;
}
.searchHint .item {
display: block;
border-bottom: 1px solid #e9e9e9;
background: #fff;
color: #3f3f40;
text-decoration: none;
}
.searchHint .item:first-child {
margin-top: 1px;
}
.searchHint span {
display: block;
overflow: hidden;
padding: 0 10px;
font-size: 12px;
line-height: 30px;
text-align: left;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
}
.searchHint span:hover, .searchHint .sel span{
background: #F0F0F0;
}
.searchHint .arrow {
display: none;
float: right;
height: 30px;
width: 30px;
margin: 0;
background: #fff url(../../images/mobile/tpl2/arrowSmall.png?2) no-repeat 5px 5px;
}
/*Main menu END*/
/*Top message*/
.new-info-message {
display: block;
width: 100%;
padding: 9px;
border-bottom: 1px solid #cecece;
background: #f8f8f8;
font-size: 12px;
line-height: 19px;
text-align: center;
box-sizing: border-box;
}
.new-info-message a {
color: #f5381f;
}
.new-info-message a.promote {
font-weight: bold;
color: #5d5d5d;
}
.new-info-message a .attention-maker {
text-decoration: underline;
color: #f5381f;
}
/*Top message END*/
/*Advertising*/
.advertisment {
padding: 10px 0 0;
text-align: center;
}
.advertisment img {
display: block;
width: 300px;
margin: 0 auto 5px;
}
.advertisment .hint {
font-size: 9px;
text-align: center;
color: #818181;
}
.advertisment noindex {
display: none;
}
.ads-iframe {
overflow:hidden;
width: 300px;
height: 100px;
margin: 0;
border: 0;
}
.ads-iframe.h100 {
height: 100px;
}
.ads-iframe.h250 {
height: 250px;
}
/*Advertising END*/
/*Page main heading*/
.page_main_heading {
overflow: hidden;
height: 32px;
margin: 10px 0;
padding: 0 9px;
background: #515151;
font-size: 14px;
font-weight: bold;
line-height: 32px;
color: #efefef;
text-overflow: ellipsis;
white-space: nowrap;
}
/*Page main heading END*/
/*Categories*/
.categorieslist {
margin-top: 10px;
}
.categorieslist .heading {
height: 32px;
padding: 0 5px 0 10px;
background: #525252;
line-height: 32px;
}
.categorieslist .heading .title {
float: left;
font-size: 14px;
font-weight: bold;
color: #efefef;
}
.categorieslist .heading .sex {
float: right;
}
.categorieslist .heading .sex ul li {
display: block;
float: left;
}
.categorieslist .heading .sex ul li a {
display: block;
width: 26px;
height: 26px;
margin-top: 3px;
border: 1px solid #777;
border-radius: 3px;
line-height: 24px;
}
.categorieslist .heading .sex ul li a.straight {
margin-right: 8px;
}
.categorieslist .heading .sex ul li a.straight:before {
content: '';
display: block;
position: absolute;
width: 20px;
height: 21px;
margin: 5px 0 0 2px;
background: url(../../images/mobile/svg/straight.svg) no-repeat;
background-size: 20px 21px;
}
.categorieslist .heading .sex ul li a.trans {
margin-right: 8px;
}
.categorieslist .heading .sex ul li a.trans:before {
content: '';
display: block;
position: absolute;
width: 21px;
height: 15px;
margin: 5px 0 0 2px;
background: url(../../images/mobile/svg/trans.svg) no-repeat;
background-size: 21px 15px;
}
.categorieslist .heading .sex ul li a.gays:before {
content: '';
display: block;
position: absolute;
width: 21px;
height: 16px;
margin: 5px 0 0 1px;
background: url(../../images/mobile/svg/gays.svg) no-repeat;
background-size: 21px 16px;
}
.categorieslist .items {
margin-bottom: 10px;
padding-top: 10px;
background: #e8e8e8;
}
.categorieslist .items .sub_heading {
font-size: 12px;
font-weight: bold;
line-height: 18px;
color: #4a4a4a;
}
.categorieslist .items .sub_heading.iconStraight:before {
content: '';
display: block;
float: left;
width: 23px;
height: 22px;
margin: 0 2px 4px 10px;
background: url(../../images/mobile/svg/straight.svg) no-repeat;
font-size: 12px;
font-weight: bold;
color: #4a4a4a;
}
.categorieslist .items .sub_heading.iconTrans:before {
content: '';
display: block;
float: left;
width: 16px;
height: 16px;
margin: 0 5px 10px 9px;
background: url(../../images/mobile/svg/trans.svg) no-repeat 0 0;
background-size: 16px 16px;
font-size: 12px;
font-weight: bold;
color: #4a4a4a;
}
.categorieslist .items .sub_heading.iconGays:before {
content: '';
display: block;
float: left;
width: 20px;
height: 19px;
margin: 0 7px 7px 9px;
background: url(../../images/mobile/svg/gays.svg) no-repeat 0 0;
background-size: 20px 19px;
font-size: 12px;
font-weight: bold;
color: #4a4a4a;
}
.categorieslist .items .allcats {
margin: 0 0 10px 6px;
}
.categorieslist .items ul {
margin: 0 0 0 6px;
border-bottom: 1px solid #ddd;
}
.categorieslist .items ul li {
display: block;
float: left;
}
.categorieslist .items ul li a {
display: block;
height: 26px;
margin: 0 4px 8px;
padding: 0 8px;
border: 1px solid #cecece;
border-radius: 3px;
background: #f4f4f4;
font-size: 11px;
font-weight: bold;
line-height: 24px;
color: #666;
}
.categorieslist .items ul li a .iconFlag {
display: block;
float: right;
width: 15px;
height: 11px;
margin: 6px 0 0 5px;
border: 1px solid #dfdfdf;
background: url(../../images/mobile/langs.png) no-repeat;
box-sizing: content-box;
}
.categorieslist .items ul li a .iconFlag.gb, .categorieslist .items ul li a .iconFlag.en {
background-position: 0 0;
}
.categorieslist .items ul li a .iconFlag.ru {
background-position: -68px -13px;
}
.categorieslist .items ul li a .iconFlag.it {
background-position: -68px 0;
}
.categorieslist .items ul li a .iconFlag.pt {
background-position: -51px -13px;
}
.categorieslist .items ul li a .iconFlag.nl {
background-position: -17px -13px;
}
.categorieslist .items ul li a .iconFlag.pl {
background-position: -34px -13px;
}
.categorieslist .items ul li a .iconFlag.es {
background-position: -34px 0;
}
.categorieslist .items ul li a .iconFlag.de {
background-position: -17px 0;
}
.categorieslist .items ul li a .iconFlag.jp {
background-position: 0 -13px;
}
.categorieslist .items ul li a .iconFlag.fr {
background-position: -51px 0;
}
.categorieslist .items ul li a .iconFlag.br {
background-position: -102px 0;
}
.categorieslist .items ul li a .iconFlag.cn {
background-position: -136px 0;
}
.categorieslist .items ul li a .iconFlag.cz {
background-position: -119px -13px;
}
.categorieslist .items ul li a .iconFlag.dk {
background-position: -85px 0;
}
.categorieslist .items ul li a .iconFlag.in {
background-position: -119px 0;
}
.categorieslist .items ul li a .iconFlag.kr {
background-position: -153px 0;
}
.categorieslist .items ul li a .iconFlag.se {
background-position: -136px -13px;
}
.categorieslist .items ul li a .iconFlag.th {
background-position: -102px -13px;
}
.categorieslist .items ul li a .iconFlag.tr {
background-position: -85px -13px;
}
.categorieslist .items ul li a .iconFlag.eg {
background-position: -187px 0;
}
.categorieslist .items ul li a .iconFlag.ar {
background-position: -221px -13px;
}
.categorieslist .items ul li a .iconFlag.bg {
background-position: -170px 0;
}
.categorieslist .items ul li a .iconFlag.hu {
background-position: -204px 0;
}
.categorieslist .items ul li a .iconFlag.vn {
background-position: -255px -13px;
}
.categorieslist .items ul li a .iconFlag.gr {
background-position: -187px -13px;
}
.categorieslist .items ul li a .iconFlag.ro {
background-position: -238px -13px;
}
.categorieslist .items ul li a .iconFlag.mx {
background-position: -204px -13px;
}
.categorieslist .items ul li a .iconFlag.rs {
background-position: -255px 0;
}
.categorieslist .items ul li a .iconFlag.ph {
background-position: -221px 0;
}
.categorieslist .items ul li a img {
display: inline-block;
float: right;
margin: 6px 0 0 5px;
}
.categorieslist .items ul li a .iconSprite {
display: block;
float: right;
background: url(../../images/mobile/sprite.png) no-repeat;
}
.categorieslist .items ul li a .iconSprite.iconFemale2 {
width: 12px;
height: 14px;
margin: 5px 0 0 5px;
background-position: -325px 0;
}
.categorieslist .items ul li a .iconSprite.iconHD {
width: 22px;
height: 13px;
margin: 6px 0 0 5px;
background-position: -213px -32px;
}
.categorieslist .items ul li a.iconFemale2 {
border: 1px solid #ebc7c8;
background: #fff2f2;
}
.categorieslist .items ul li a.iconTrans {
border: 1px solid #efcefa;
background: #fbeefe;
}
.categorieslist .items ul li a.iconGays {
border: 1px solid #c9d9ed;
background: #e7f5ff;
}
.categorieslist .all_categories {
position: relative;
padding: 10px 0;
border-bottom: 1px solid #ddd;
background: #efeded;
text-align: center;
}
.categorieslist .all_categories a {
z-index: 1;
display: inline-block;
position: relative;
height: 29px;
padding: 0 26px 0 13px;
border: 1px solid #d3d3d3;
border-radius: 3px;
background: #fff;
font-size: 12px;
font-weight: bold;
line-height: 27px;
color: #666;
text-align: center;
}
.categorieslist .all_categories a:before {
content: '';
display: block;
position: absolute;
float: right;
top: 10px;
right: 8px;
width: 7px;
height: 7px;
background: url(../../images/mobile/svg/arrowRightLittle.svg) no-repeat;
}
.categorieslist .all_categories a:after {
content: '';
display: block;
position: absolute;
float: right;
top: 10px;
right: 11px;
width: 7px;
height: 7px;
background: url(../../images/mobile/svg/arrowRightLittle.svg) no-repeat;
}
/*Categories END*/
/*Bottom description text*/
.description-text {
padding: 5px 10px 15px;
font-size: 11px;
line-height: 14px;
text-align: center;
color: #5b5b5b ;
}
/*Footer*/
.footer-buffer {
height: 200px;
clear: both;
}
footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
margin-top: 20px;
border-top: 1px solid #fbfbfb;
background: #ebebeb url(../../images/mobile/footer_bg.png) repeat;
}
footer .top_links {
margin: 10px 10px 25px;
padding-top: 6px;
text-align: center;
}
footer .top_links ul {
margin: 0 auto;
}
footer .top_links li {
display: inline-block;
margin-right: 16px;
}
footer .top_links li:last-child {
margin-right: 0;
}
footer .top_links li a {
display: block;
font-size: 10px;
color: #2f2f2f;
}
footer .version_buttons {
margin-bottom: 22px;
text-align: center;
}
footer .left_button {
display: inline-block;
}
footer .left_button a {
display: inline-block;
float: right;
height: 26px;
margin-right: 12px;
padding: 0 14px;
border: 1px solid #cecece;
border-radius: 3px;
background: #f9f9f9;
font-size: 11px;
font-weight: bold;
line-height: 23px;
color: #5d5d5d;
}
footer .version_buttons > div:last-child a {
margin-right: 0!important;
}
footer .right_button {
display: inline-block;
}
footer .right_button a {
display: inline-block;
float: left;
height: 26px;
margin-left: 12px;
padding: 0 14px;
border: 1px solid #cecece;
border-radius: 3px;
background: #f9f9f9;
font-size: 11px;
font-weight: bold;
line-height: 23px;
color: #5d5d5d;
}
footer .copyright {
padding-bottom: 16px;
font-size: 10px;
line-height: 14px;
color: #848484;
text-align: center;
}
footer .copyright a {
color: #4d4d4d;
font-size: 10px;
line-height: 14px;
}
/*Footer END*/
/*Left menu*/
.fadescreen {
z-index: 98;
display: none;
position: fixed;
overflow: auto;
top: 0;
left: 0;
width: 100%;
height: 150%;
background: rgba(0,0,0,0.5);
}
.fadescreen .fadescreen_inner {
width: 100%;
height: 11000px;
}
.left_menu {
z-index: 999999999;
position: absolute;
overflow: scroll;
top: 53px;
right: 0;
width: 0;
height: 100%;
height: calc(100% - 53px);
background: #373737;
-webkit-overflow-scrolling: touch;
}
.left_menu {
height: -webkit-calc(100% - 53px);
}
.left_menu .left-menu-inner {
height: 100%;
}
.left_menu.left_hand_menu {
z-index: 100;
position: fixed !important;
float: left;
overflow: auto;
top: 53px;
left: 0;
min-width: 224px;
height: calc(100% - 53px);
margin-left: -300px;
background: #373737;
}
.left_menu .profile {
position: relative;
height: 55px;
padding: 10px;
border-bottom: 1px solid #575757;
cursor: pointer;
}
.left_menu .profile .under-profile-menu-toggler {
display: block;
position: absolute;
top: 23px;
right: 10px;
width: 7px;
height: 6px;
background: url(../../images/mobile/svg/arrowRightWhite.svg) no-repeat 2px 0;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.left_menu .profile.opened .under-profile-menu-toggler {
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
}
.left_menu .profile .img_container {
float: left;
margin-right: 7px;
}
.left_menu .profile .img_container img {
display: block;
width: 34px;
border-radius: 3px;
}
.left_menu .profile .profile_info {
position: absolute;
left: 50px;
}
.left_menu .profile .profile_info .nickname {
margin-bottom: 1px;
font-size: 14px;
line-height: 34px;
color: #eaeaea;
}
.left_menu .profile .profile_info .tokens {
font-size: 11px;
color: #9e9e9e;
}
.left_menu .profile .login_links {
float: left;
width: 100%;
min-width: 202px;
padding: 3px 0 0 3px;
white-space: nowrap;
}
.left_menu .profile .login_links .login {
display: inline-block;
min-width: 93px;
height: 29px;
border-radius: 3px;
background: #fff;
font-size: 12px;
font-weight: bold;
line-height: 29px;
text-align: center;
color: #5d5d5d;
}
.left_menu .profile .login_links .sign_up {
display: inline-block;
min-width: 93px;
height: 29px;
margin-left: 8px;
padding: 0 5px;
border-radius: 3px;
background: #f94e37;
font-size: 12px;
font-weight: bold;
line-height: 29px;
text-align: center;
color: #fff;
}
.left_menu .menu_items {
position: relative;
padding-bottom: 80px;
}
.left_menu .menu_items li {
display: block;
}
.left_menu .menu_items li:last-child {
border-bottom: 0;
}
.left_menu .menu_items li.head {
height: 39px;
padding-left: 10px;
border-bottom: 1px solid #575757;
font-size: 12px;
font-weight: bold;
line-height: 38px;
color: #eaeaea;
text-transform: uppercase;
}
.left_menu .menu_items li.languages_toggle .toggler {
position: relative;
height: 39px;
padding-left: 38px;
background: none;
font-size: 12px;
font-weight: bold;
line-height: 38px;
color: #eaeaea;
cursor: pointer;
}
.left_menu .menu_items li.languages_toggle .toggler:after {
content: '';
display: block;
position: absolute;
top: 16px;
right: 10px;
width: 7px;
height: 6px;
background: url(../../images/mobile/svg/arrowRightWhite.svg) no-repeat 2px 0;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.left_menu .menu_items li.languages_toggle .opened:after {
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
}
.left_menu .menu_items li.languages_toggle ul {
display: none;
position: relative;
}
.left_menu .menu_items li a {
display: block;
position: relative;
height: 35px;
padding-left: 38px;
border-bottom: 1px solid #575757;
background: #4c4c4c;
font-size: 12px;
font-weight: bold;
line-height: 34px;
color: #eaeaea;
}
.left_menu .menu_items li.under-profile {
display: none;
}
.left_menu .menu_items li.under-profile a {
background: #373737;
}
.left_menu .menu_items li a.videos:before {
content: '';
display: block;
position: absolute;
top: 11px;
left: 10px;
width: 18px;
height: 13px;
background: url(../../images/mobile/svg/videos.svg) no-repeat;
background-size: 100%;
}
.left_menu .menu_items li a.live_cams:before {
content: '';
display: block;
position: absolute;
top: 8px;
left: 10px;
width: 18px;
height: 19px;
background: url(../../images/mobile/svg/liveCam.svg) no-repeat;
background-size: 100%;
}
.left_menu .menu_items li a.pictures:before {
content: '';
display: block;
position: absolute;
top: 10px;
left: 10px;
width: 18px;
height: 13px;
background: url(../../images/mobile/svg/photos.svg) no-repeat;
background-size: 100%;
}
.left_menu .menu_items li a.stories:before {
content: '';
display: block;
position: absolute;
top: 8px;
left: 10px;
width: 18px;
height: 18px;
background: url(../../images/mobile/svg/storiesNew.svg) no-repeat;
background-size: 100%;
}
.left_menu .menu_items li a.categories:before {
content: '';
display: block;
position: absolute;
top: 11px;
left: 10px;
width: 18px;
height: 14px;
background: url(../../images/mobile/svg/categories.svg) no-repeat;
background-size: 100%;
}
.left_menu .menu_items li a.galleries:before {
content: '';
display: block;
position: absolute;
top: 10px;
left: 10px;
width: 18px;
height: 14px;
background: url(../../images/mobile/svg/photos.svg) no-repeat;
background-size: 100%;
}
.left_menu .menu_items li a.premium_videos:before {
content: '';
display: block;
position: absolute;
top: 10px;
left: 10px;
width: 18px;
height: 14px;
background: url(../../images/mobile/svg/premiumVideo.svg) no-repeat;
background-size: 100%;
}
.left_menu .menu_items li a.upload_video_link:before {
content: '';
display: block;
position: absolute;
top: 10px;
left: 10px;
width: 18px;
height: 14px;
background: url(../../images/mobile/svg/uploadVideo.svg) no-repeat;
background-size: 100%;
}
.left_menu .menu_items li a.premium:before {
content: '';
display: block;
position: absolute;
top: 8px;
left: 10px;
width: 18px;
height: 17px;
background: url(../../images/mobile/svg/premium.svg) no-repeat;
background-size: 100%;
}
.left_menu .menu_items li.languages_toggle .toggler:before {
content: '';
display: block;
position: absolute;
top: 13px;
left: 11px;
width: 15px;
height: 11px;
background: url(../../images/mobile/langs.png) no-repeat;
}
.left_menu .menu_items li a.lang:before {
content: '';
display: block;
position: absolute;
top: 11px;
left: 10px;
width: 15px;
height: 11px;
background: url(../../images/mobile/langs.png) no-repeat;
}
.left_menu .menu_items li.languages_toggle .toggler.en:before,
.left_menu .menu_items li a.lang.en:before {
background-position: 0 0;
}
.left_menu .menu_items li.languages_toggle .toggler.de:before,
.left_menu .menu_items li a.lang.de:before {
background-position: -17px 0;
}
.left_menu .menu_items li.languages_toggle .toggler.sp:before,
.left_menu .menu_items li a.lang.sp:before {
background-position: -34px 0;
}
.left_menu .menu_items li.languages_toggle .toggler.fr:before,
.left_menu .menu_items li a.lang.fr:before {
background-position: -51px 0;
}
.left_menu .menu_items li.languages_toggle .toggler.it:before,
.left_menu .menu_items li a.lang.it:before {
background-position: -68px 0;
}
.left_menu .menu_items li.languages_toggle .toggler.pl:before,
.left_menu .menu_items li a.lang.pl:before {
background-position: -34px -13px;
}
.left_menu .menu_items li.languages_toggle .toggler.ru:before,
.left_menu .menu_items li a.lang.ru:before {
background-position: -68px -13px;
}
.left_menu .menu_items li.languages_toggle .toggler.nl:before,
.left_menu .menu_items li a.lang.nl:before {
background-position: -17px -13px;
}
.left_menu .menu_items li.languages_toggle .toggler.jp:before,
.left_menu .menu_items li a.lang.jp:before {
background-position: 0 -13px;
}
.left_menu .menu_items li.languages_toggle .toggler.po:before,
.left_menu .menu_items li a.lang.po:before {
background-position: -51px -13px;
}
.left_menu .menu_items li.languages_toggle .toggler.pt:before,
.left_menu .menu_items li a.lang.pt:before {
background-position: -51px -13px;
}
.left_menu .menu_items li.languages_toggle .toggler.es:before,
.left_menu .menu_items li a.lang.es:before {
background-position: -34px 0;
}
.left_menu .menu_items li a.mini_link {
padding-left: 10px;
background: #373737;
font-weight: normal;
}
/*Left menu END*/
/*Messages*/
.errorMessage {
margin-top: 10px;
margin-bottom: 10px;
padding: 14px 5px 13px;
border-top: 1px solid #e48484;
border-bottom: 1px solid #e48484;
background: #f7e8e8;
font-size: 12px;
font-weight: bold;
line-height: 16px;
color: #232323;
text-align: center;
}
.errorMessage.visible {
display: block;
}
.errorMessage .captcha2 {
margin: 1.5em auto 0 auto;
width: 304px;
height: 78px;
}
.justMessage {
margin-top: 10px;
margin-bottom: 0;
padding: 13px 25px 13px;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
background: none;
font-size: 12px;
font-weight: bold;
line-height: 14px;
color: #232323;
text-align: center;
}
.justMessage a {
text-decoration: underline;
color: #232323;
}
.greenMessage {
margin-top: 10px;
margin-bottom: 0;
padding: 13px 25px 13px;
border-top: 1px solid #9be573;
border-bottom: 1px solid #9be573;
background: #ecf6e2;
font-size: 12px;
line-height: 14px;
font-weight: bold;
color: #232323;
text-align: center;
}
.greenMessage a {
color: #232323;
text-decoration: underline;
}
.greenMessage.hidden {
display: none;
}
/*Messages END*/
/*Tooltip*/
.tooltip {
z-index: 100;
display: none;
position: fixed;
top: 50%;
left: 50%;
width: 240px;
margin-top: -60px;
margin-left: -120px;
padding: 15px;
border-radius: 3px;
background: #fff;
font-size: 12px;
}
.tooltip .close_tooltip {
display: block;
position: absolute;
top: 3px;
right: 3px;
width: 20px;
height: 20px;
background: url(../../images/mobile/svg/closeGrey.svg) no-repeat 5px 6px;
background-size: 10px 10px;
}
#hint {
z-index: 99999999999;
display: none;
position: fixed;
top: 50%;
left: 50%;
width: 200px;
margin-top: -25px;
margin-left: -100px;
padding: 20px 0;
border: 1px solid #BBB;
border-radius: 5px;
background: #FFF;
font-weight: bold;
color: #71932F;
text-align: center;
box-shadow: 0 0 20px #666;
}
/*Tooltip END*/
/*404*/
.notFoundError .digit {
display: block;
margin-top: 30px;
font-size: 72px;
font-weight: bold;
line-height: 72px;
color: #fd5030;
text-align: center;
}
.notFoundError .text {
display: block;
margin: 15px 0 25px;
font-size: 24px;
font-weight: bold;
line-height: 30px;
color: #2f2f2f;
text-align: center;
text-transform: uppercase;
}
/*404 END*/
/*RETINA*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
body {
background-size: 47px 47px;
}
.left_menu .menu_items li a.lang:before,
.left_menu .menu_items li.languages_toggle .toggler:before {
background: url(../../images/mobile/langsRetina.png) no-repeat;
background-size: 270px 24px;
}
}
.tester .logo {
background: #F00;
}
.tester #branch {
display: block;
left: 172px;
position: absolute;
top: -9px;
}
.tip-info {
text-align: center;
font-size: 12px;
font-weight: bold;
margin-top: 10px
}