@import "../fonts/stylesheet.css" screen;

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
    padding: 0;
    font-family: 'helveticaneue', Arial, Tahoma, sans-serif;
    color:#323232;
    font-size: 14px;
    background: #fffef6;
}


/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    //outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    margin: 0;
    padding: 0;
    font-weight: normal;
}


/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 0em 0;
    padding: 0 0 15px;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}



html,
button,
input,
select,
textarea {
    color: #222;
}
html {
    font-size: 1em;
    line-height: 1.4;
    margin: 0;
    padding: 0;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
a {
    color:white;
    text-decoration: none;
}
a:hover {
    color:#693B00;
    text-decoration: underline;
}
/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.inline-block {display: inline-block;}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* Header */

.header {
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;
}
.wrap {
    width: 1000px;
    margin: 0 auto;
}
.header .wrap {
    position: relative;
    height: 84px;
/*    background: url(../img/header_theme.jpg) no-repeat 100% 50%; */
}
.header .logo {
    display: inline-block;
    float:left;
    margin-top:12px;
}

.navigation {
    background: url(../img/menu_bg.jpg) repeat-x 0 0;
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
    position: relative;

    z-index: 20;
}
.navigation .wrap {
    height: 86px;
    position: relative;
}
nav {
    display: block;
    padding: 18px 0 0;
}
.navigation ul {
    padding: 0;
    display: block;
    text-align: left;
    margin: 0;
}
.navigation ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    float:left;
}

.navigation ul.menu > li > a {
   padding:15px 0 15px 0
    text-decoration: none;
    color: #764300;
    display: inline-block;
    height: 68px;
    line-height: 68px;
    margin: 0 25px 0 0;
    font-size: 20px;
}
.navigation ul.menu > li > a:hover {
    background: #fffef6;
    color:#E3A868;
    box-shadow: 0 0 5px #fffef6;
    border-radius: 1px 1px 0 0;
}

ul.lang {
    display: none;
}

.section_block {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}
.block_left_01 {

}
.block_right_01 {

}
.block_left {
    float:left;
    margin-right: 25px;
    padding: 34px 0 ;
}
.block_left-inner {
    width: 367px;
    display: inline-block;
}
.block_right {
    overflow: hidden;
}
.block_right-inner {

}
.title_block {
    font-size: 40px;
    width: 100%;
}

/* random_girl */
.front_003 {
    padding: 70px 0 70px;

    line-height: 1.6em;
}
.random_girl {
    padding: 20px 0 20px;
    text-align: center;
}
.random_girl .rg_block {
    float:left;
    width: 126px;
    margin: 0 10px;
}

.random_girl .rg_block .desc {
    line-height: 1em;
    font-size: 14px;
    text-align: left;
    padding: 10px 0 0 10px;
}

.section_with_gradient {
    background: #ebc07f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViYzA3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNjdlM2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ebc07f 0%, #a67e3e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebc07f), color-stop(100%,#a67e3e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ebc07f 0%,#a67e3e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ebc07f 0%,#a67e3e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ebc07f 0%,#a67e3e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ebc07f 0%,#a67e3e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebc07f', endColorstr='#a67e3e',GradientType=0 ); /* IE6-8 */
    padding: 0 0 8px;
    position: relative;
}
.border_section {
    position: absolute;
    bottom: 0;
    left:0;
    right:0;
    height: 8px;
    background: url(../img/border_section.jpg) repeat-x 0 100%;
}

.block_title {
    color:#884F00;
    font-size: 40px;
}
.front_005 .block_title {
    text-align: center;
    padding: 24px 0 10px;
}
.video_prague img:hover {
    opacity: .8;
}
.front_005 {
    min-height: auto;
}
.front_005 .wrap {
    padding: 0 0 34px;
}
.front_005 .block_left a img {
    display: block;
    border-radius: 17px;
    border: 7px solid #A86400;
}
.learn_more-button {
    text-align: center;
}
.learn_more-button a {
    display: inline-block;
    padding: 0 14px;
    color:#fff;
    text-decoration: none;
    height: 35px;
    line-height: 35px;
    background: url(../img/learn_more.jpg) repeat-x 0 0;
    border-radius: 4px;
    border: 1px solid #723E00;
    box-shadow: 0 0 2px #fff;
    font-size: 28px;
    text-align: center;

}

.learn_more-button a:hover {
    opacity: .8;
}

.transition, .transition a {
    transition: all .2s linear 0s;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
}
.front_004 .wrap {
    padding: 40px 0;
}
.front_004 .block_title {
    display: inline-block;
    background: url(../img/happy.png) no-repeat 100% 50%;
    padding: 5px 78px 13px 0;
    margin: 0 0 12px;
}

/* datign blogs */

.read_more {
    text-align: center;
}
.read_more a {
    display: inline-block;
    padding: 0 12px;
    color:#fff;
    text-decoration: none;
    height: 29px;
    line-height: 29px;
    background: url(../img/read_more.jpg) repeat-x 0 0;
    border-radius: 5px;
    border: 1px solid #fff;
    box-shadow: 0 0 4px #c2c2c2;
    font-size: 21px;
}
.read_more a:hover {
    opacity: .8;
}


.front_006 {
    position: relative;
}
.front_006 .wrap {
    width: 925px;
    padding: 50px 0 35px;
    position: relative;
}
.front_006 .block_title {
    padding: 0 0 30px;
}
.db_item {
    float:left;
    width: 385px;
    margin-right: 153px;
    padding: 0 0 43px;
}
.db_item .desc {
    padding: 10px 0;
}
.db_item.last {
    margin-right: 0px;
}
    .dating_blogs .db_item img {
        display: block;
        max-width: 400px;
        height: auto;
    }

.clone {
    transition: all .4s linear 0s;
    -webkit-transition: all .4s linear 0s;
    -moz-transition: all .4s linear 0s;
    -ms-transition: all .4s linear 0s;
    opacity: .4;
    display: block;
    position: absolute;
    width: 470px !important;
    height: 310px !important;
}

.front_001 {
    background: url(../img/bg_001.jpg) repeat-y 50% 0;
}
.front_001 .wrap {
    padding: 15px 0 40px;
}
.front_001 .title_block {
    text-align: center;
    color: #834C00;
    padding: 22px 0 13px;
    font-size: 30px;
}
.front_001 .container_001 {
    text-align: center;
}
.front_001 .container_001 img {
    margin: 0 10px;
    max-width:125px;
}
.front_002 {
    min-height: 200px;
    box-shadow: 0 -15px 15px #eeeeec;
}
.front_002 .fluid_fix .inline-block {
    float:left;
}

#drop_it {
    display: block;
    width: 45px;
    height: 59px;
    margin-left: 255px;
    margin-top: -39px;
    padding: 0;
    position: absolute;
    background: url(../img/down.png) 10px no-repeat;
}

.drop_up {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    background: url(../img/down.png) 20px no-repeat !important;
}



.clr:after {
    display: block;
    content: '>';
    visibility: hidden;
    height: 0;
    clear: both;
}
.happy_block {
    position: relative;
    padding: 15px 0 40px;
    text-align: center;
}
.hp_item .desc {
    padding: 10px 0 0 10px;
    text-align: left;
}
.hp_item {
    float:left;
    max-width: 175px;
    margin: 0 35px;
}
    .hp_item img {
        float: left;
        max-width:175px;
    }
.front_007 {
    box-shadow: 0px -10px 15px #efeee7;
    position: relative;
    z-index: 10;
    background: #e7b56a; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3YjU2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NzY3MWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e7b56a 0%, #97671e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7b56a), color-stop(100%,#97671e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e7b56a 0%,#97671e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e7b56a 0%,#97671e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e7b56a 0%,#97671e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e7b56a 0%,#97671e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7b56a', endColorstr='#97671e',GradientType=0 ); /* IE6-8 */

}
.front_007 .wrap {
    min-height: 296px;
    background: url(../img/course.png) no-repeat -26px 0;
}
.front_007 .block_right {
    float:right;
    width: 570px;
    color:#fffef6;
}
.front_007 .block_right .block_title {
    text-align: center;
    color:#8F5300;
    padding: 17px 0 0;
}
.front_007 .learn_more-button {
    margin: -8px 0 0;
}
/* Footer */

.footer {
    position: relative;
    min-height: 150px;
    background: #fac584; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3AgvZmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYzU4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYjg3NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fac584 0%, #bb8744 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fac584), color-stop(100%,#bb8744)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fac584 0%, #bb8744 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fac584 0%, #bb8744 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fac584 0%, #bb8744 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fac584 0%, #bb8744 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac584', endColorstr='#bb8744',GradientType=0 ); /* IE6-8 */
}
.footer_border {
    position: absolute;
    bottom: 0;
    left:0;
    right:0;
    height: 22px;
    background: url(../img/border_footer.jpg) repeat-x 0 100%;
    z-index: 10;
}
.counter {
    padding: 10px 0 0;
}
.footer_col1,
.footer_col2 {
    width: 45%;
    float:left;
    padding: 17px 0 0;
    line-height: 1.6em;
}
.footer_col1 {
    font-size: 13px;
    width: 50%;
}
.footer_col2 {
    margin-left: 5%;
    line-height: 1.4em;
}

.footer-menu {
    text-align: center;
    padding: 0 0 8px;
}
.footer-menu ul {
    margin: 0;
    padding: 0;
}
.footer-menu ul li {
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    float:left;
    border-left: 2px solid #976420;
    line-height: 1em;
}
.footer-menu ul li:first-child {
    border-left-width: 0px;
    padding: 0 10px 0 0;
}
.footer-menu a {
    color:#976420;
    text-decoration: none;
    line-height: 15px;
    font-size: 18px;
}
.footer-menu a:hover {
    text-decoration: underline;
}

.front_002 {
    padding: 40px 0 ;
}
.login_form {
    border-radius: 12px;
    width: 237px;
    float:left;
    background: #ba7920; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JhNzkyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YjRiMDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ba7920 0%, #7b4b06 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ba7920), color-stop(100%,#7b4b06)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ba7920 0%,#7b4b06 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ba7920 0%,#7b4b06 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ba7920 0%,#7b4b06 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ba7920 0%,#7b4b06 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba7920', endColorstr='#7b4b06',GradientType=0 ); /* IE6-8 */

    box-shadow: 0 0 4px #a48044;
}
.login_form-inner {
    padding: 15px 25px;
}
.login_title {
    color:#fff;
    font-size: 24px;
}
.login_row {
    position: relative;
    padding: 0 0 12px;
}
.login_row label {
    display: block;
    color:#fff;
    font-size: 16px;
}
.login_row input {
    position: relative;
    padding: 0 0 12px;
    display: block;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 6px 0;
    background: #fff;
    border-radius: 6px;
    outline: none;
    border: 1px solid #925A06;
    box-shadow: 0 0 4px #B5791F, 0 0 12px #BFB4A3;
}
.login_row_submit {
    text-align: right;
    padding: 0 0 10px;
}
.login_row_submit input,
.find_submit {
    transition: all .2s linear 0s;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
    display: inline-block;
    padding: 0 22px;
    height:25px;
    line-height: 25px;
    border: 1px solid #D1BCA0;
    border-radius: 4px;
    color:#fff;
    font-size: 18px;
    box-shadow: 0 0 4px #784B09;
    background: #f8b665; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4YjY2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOTY5MGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f8b665 0%, #a9690f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8b665), color-stop(100%,#a9690f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f8b665 0%,#a9690f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f8b665 0%,#a9690f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f8b665 0%,#a9690f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f8b665 0%,#a9690f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8b665', endColorstr='#a9690f',GradientType=0 ); /* IE6-8 */
}
.find_submit {
    padding: 0 16px;
    margin-left: 5px;
}
.login_row_submit input:hover, .find_submit:hover {
    opacity: .8;
}
.pass_row {

    text-align: right;
}
.pass_row a {
    color:#fff;
    text-decoration: underline;
}

.join_form {
    width: 198px;
    text-align: center;
    color:#fff;
    float:left;
    margin-top: 63px;
}
.join_form > span {
    text-transform: uppercase;
    font-family: 'helveticaneue_light';
    font-size: 18px;
    display: block;
    padding: 10px 0 0;
}
.join_form a {
    transition: all .2s linear 0s;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
    display: inline-block;
    padding: 0 14px;
    color: #fff;
    text-decoration: none;
    height: 35px;
    line-height: 35px;
    background: url(../img/learn_more.jpg) repeat-x 0 0;
    border-radius: 4px;
    border: 1px solid #723E00;
    box-shadow: 0 0 2px #fff;
    font-size: 28px;
    text-align: center;
}
.find_form {
    float:right;
    width:562px;
    min-height: 253px;
    background: url(../img/bg_find.jpg) no-repeat 0 0;
    border-radius: 20px;
    box-shadow: 0 0 4px #a48044;
}
.find_form-inner {
    margin: 0 22px;
    padding:22px 0;
}
.label {
    float:left;
    width: 70px;
    color:#fff !important;
    text-align: right;
    line-height: 27px;
    margin-right: 6px;
}
.find_form_row {
    margin:0 0 0 76px;
    border-top: 1px solid #fff;
    padding: 5px 0 0;
    max-width: 200px;
}
.find_form_row label {
    display: block;
    color:#fff;
}
.label_to {
   color:#fff !important;
}
.find_row {
    padding: 0 0 9px;
    position: relative;
}
.find_select {
    color:#855713;
    border: 1px solid #8a5e1b;
    padding: 4px;
    outline: none;
}
.find_input {
    color:#855713;
    border: 1px solid #8a5e1b;
    padding: 4px;
    outline: none;
}
.style_02, .style_03 {
    width: 67px;
}
.style_04 {
    width: 80px;
}
.find_form_widget .label {width: 81px;}

.find_form_widget .style_02, .find_form_widget .style_03 {
    width: 47px;
}
.find_form_widget .find_form_row {
    margin: 0;
    border-top-width: 0px;
    text-align: center;
    max-width: 100%;
    padding: 0;
}
/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.selectnav { display: none; }
.contacts {
  position: relative;
  float: right;
  padding:3px 97px 0 0;
  display: inline-block;
  text-align: center;
}
.phone {
  color:#7E4800;
  font-size: 18px;
  display: block;
  font-weight: bold;
}
.adress {
  color:#323232;
}

.select-region {
    position: absolute;
    bottom: 14px;
    right: 10px;
    display: inline-block;
    width: 95px;
    height: 41px;
    cursor: pointer;
    background: url(../img/country.png) no-repeat 0 0;
    z-index: 500;
}
#selectcity {
    position: relative;
    width: 78px;
    text-align: left;
    height: 25px;
    margin: 7px 0 0 11px;
    z-index: 100;
    display: block;
}
#selcity {

    width: 60px;
    position: absolute;
    top: 38px;
    left: 0px;
    z-index: 700;
    border-radius: 20px;
    border: 2px solid #B27B48;
    background: #EDDCC4;
}
#selcity ul {
    display: block;
    margin: 0;
    padding: 8px 0;
}
#selcity li {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    width: 100%;
    text-align: center;
}

.selectnav { display: none; }

/* ==========================================================================
   All about inner page - UPDATED WITH FLEXBOX
   ========================================================================== */
.inner_page {
    position: relative;
    padding: 30px 0 0;
}

.inner_page > .wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: flex-start;
}

.sidebar {
    width: 235px;
    flex: 0 0 auto;
    order: 1;
}

.main_content {
    flex: 1;
    min-width: 300px;
    order: 2;
}

.share_cont {
    padding: 2px 0 10px;
}
.user_photo {
    float:left;
    margin: 0 12px 0 0;
}
.user_desc {
    overflow: hidden;
}
.user_desc h1, .tytle {
    font-size: 20px;
    line-height: 1em;
    padding: 0 0 18px;
    color: #844D00;
}
.user_desc p {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 8px;
}
.user_send_message {
    padding: 10px 0;
}
.user_send_message a {
    display: inline-block;
    padding: 0 20px;
    border-radius: 8px;
    border: 2px solid #fff;
    box-shadow: 0 0 7px #fefefe;
    color:#fff;
    text-decoration: none;
    font-size: 20px;
    line-height: 48px;
    height: 48px;
    background: url(../img/send_message.png) repeat-x 0 0;
}
.user_more_credits {
    padding: 12px 0 5px;
}
.user_more_credits a {
    display: inline-block;
    margin: 0 5px 0 0;
    padding-top: 43px;
}
.user_more_credits .umc_1 {background: url(../img/umc_1.jpg) no-repeat 50% 0;}
.user_more_credits .umc_2 {background: url(../img/umc_2.jpg) no-repeat 50% 0;}
.user_more_credits .umc_3 {background: url(../img/umc_3.jpg) no-repeat 50% 0;}
.user_more_credits .umc_4 {background: url(../img/umc_4.jpg) no-repeat 50% 0;}
.user_more_credits .umc_5 {background: url(../img/umc_5.jpg) no-repeat 50% 0;}
.user_more_credits .umc_6 {background: url(../img/umc_6.jpg) no-repeat 50% 0;}
.user_more_credits .umc_7 {background: url(../img/umc_7.jpg) no-repeat 50% 0;}

.user_desc p.p_small {
    font-size: 14px;
    font-weight: normal;
}
.user_online {
 /*   position: absolute; */
    display: inline-block;
    padding: 10px 0 0 25px;

    color:white;
    line-height: 40px;
}
.user_photo img {
    border: 2px solid #AC6700;
}
.more_photos {
    padding: 15px 0 ;
    text-align: center; max-width: 125px;
}
.more_photos a {
    display: inline-block;
    padding: 0 0 0 44px;
    background: url(../img/more_photos.jpg) no-repeat 0 50%;
    color:#5f3d08;
    text-decoration: underline;
    font-size: 16px;
}
.more_photos a:hover {
    text-decoration: none;
}
.user_block_gifts {
    margin: 0 0 20px;
    padding: 14px 0 17px;
    border: 1px solid #693A00;
}
.user_block_gifts .block_title {
    color:#8D5300;
    font-size: 24px;
    padding: 0 0 10px;
}
.user_block_gifts-inner {
    position: relative;
    margin: 0 12px;
}
.user_block_gifts .left {
    float:left;
    width: 48%;
}
.user_block_gifts .right {
    float:right;
    width: 48%;
}
.user_block_gifts table {
    width: 100%;
    position: relative;
    border-collapse: collapse;
}
.user_block_gifts table tr td:first-child {
    font-weight: bold;
}
.container_002 {
    text-align: center;
    padding: 0 0 40px;
}
.container_002 .block_title {
    padding: 0 0 10px;
}
.container_002 a {
    display: inline-block;
    margin: 0 15px;
}

.widget {
    background: #fac17d; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYzE3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNTdmMzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fac17d 0%, #b57f39 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fac17d), color-stop(100%,#b57f39)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fac17d 0%,#b57f39 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fac17d 0%,#b57f39 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fac17d 0%,#b57f39 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fac17d 0%,#b57f39 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac17d', endColorstr='#b57f39',GradientType=0 ); /* IE6-8 */
    box-shadow: 0 6px #7A4C07;
    border-radius: 18px;
    margin: 0 0 25px;
    padding: 10px 0;
}
.widget_title {
    color: white;
    font-size: 24px;
    padding: 0 0 3px;
    margin: 0 25px;  text-transform: capitalize;
}
.widget_menu ul {
    display: block;
    margin: 0 25px;
    padding: 0;
}

.widget_menu ul li {
    display: block;
    margin: 0;
    padding: 0 0 4px;
}
.widget_menu ul li a {
    font-size: 16px;
    color:#fff;
    text-decoration: underline;
}
.widget_menu ul li a:hover {
    color:#714d17;
    text-decoration: underline;
}

.TrustLevelDiv {
    background: url("../img/tr_level_bg.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    color: white;

    padding-top: 60px;
    vertical-align: top;

}
.TrLevel {
    font: bold 26px 'Open Sans',sans-serif;
    padding-right: 10px;
}
.orange {color: #ff9f23;}
.green {color:green}
.red {color:red}

/*! Social Likes Next by Artem Sapegin -  - Licensed MIT */
.social-likes,.social-likes__button,.social-likes__widget{animation:none 0s ease 0s 1 normal none running;backface-visibility:visible;background:transparent none repeat 0 0/auto auto padding-box border-box scroll;border:medium none currentColor;border-collapse:separate;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:content-box;caption-side:top;clear:none;clip:auto;color:#000;columns:auto;column-count:auto;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;column-width:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font-family:serif;font-size:medium;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;line-height:normal;height:auto;hyphens:none;left:auto;letter-spacing:normal;list-style:disc outside none;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:50% 50% 0;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:baseline;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto;all:initial;box-sizing:border-box}.social-likes:after,.social-likes:before,.social-likes__button:after,.social-likes__button:before,.social-likes__widget:after,.social-likes__widget:before{display:none}.social-likes{opacity:0}.social-likes_visible{opacity:1;transition:opacity .25s ease-in}.social-likes>*{display:block;visibility:hidden}.social-likes_visible>*{visibility:inherit}.social-likes{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;font-size:16px}.social-likes__widget{position:relative;white-space:nowrap;font-size:inherit}.social-likes__button,.social-likes__widget{cursor:pointer;line-height:inherit}.social-likes__button{text-rendering:optimizeLegibility;font-family:Helvetica Neue,Arial,sans-serif;color:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.social-likes__invisible-button{display:block;width:100%;height:100%}.social-likes__icon{position:absolute;fill:currentColor;width:1em;height:1em}.social-likes__widget_notext .social-likes__icon{position:static;display:block;margin:.3125em}.social-likes_vertical{-webkit-flex-direction:column;flex-direction:column}.social-likes{min-height:36px;margin:10px 0 10px 0;line-height:1.45}.social-likes__widget{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:.45em;line-height:inherit;border:0;text-align:left;color:#fff}.social-likes__widget:active,.social-likes__widget:focus,.social-likes__widget:hover{opacity:.9;-webkit-filter:saturate(.8) brightness(1.15);filter:saturate(.8) brightness(1.15)}.social-likes__button{padding:.18em .7em .15em 1.75em;vertical-align:middle;font-size:.95em}.social-likes__icon{top:.3em;left:.4em}.social-likes_vertical .social-likes__widget{width:11em}.social-likes__widget_facebook{background:#3b5998}.social-likes__widget_twitter{background:#55acee}.social-likes__widget_plusone{background:#dc4e41}.social-likes__widget_vkontakte{background:#45668e}.social-likes__widget_odnoklassniki{background:#ed812b}.social-likes__widget_pinterest{background:#bd081c}.social-likes__widget_telegram{background:#08c}.social-likes__widget_linkedin{background:#0077b5}

/* ==========================================================================
   Media Queries - адаптивность
   ========================================================================== */

/* Мобильные устройства (до 767px) */
@media (max-width: 767px) {
    .inner_page > .wrap {
        flex-direction: column;
        gap: 20px;
    }
    
    .sidebar {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }
    
    .main_content {
        width: 100%;
        min-width: auto;
    }
    
    .header .wrap {
        background: none;
    }
    .navigation ul.menu {
        display: none;
    }
  .js #nav { display: none; }
  .js .selectnav { display: block; }
    .header .logo img {
        width: 50%;
    }
    .wrap,
    .front_006 .wrap {
        min-width: 310px;
        width: 90%;
        max-width: 750px;
        margin: 0 auto;
    }
    .front_001 .block_left {
        float:none;
        margin: 0;
    }
    .front_005 .block_left {
        float: none;
        margin: 0;
    }

    .login_form, .join_form, .find_form {float:none;margin: 0 auto 25px;}
    .find_form {
        max-width: 320px;
    }
    .find_form-inner {
        margin: 0 5px;
    }
    .front_005 .block_left a img {
        max-width: 300px;
        margin: 0 auto;
        display: block;
        height: auto;
    }
    .front_005 .block_left {
        margin: 0;
    }

    .random_girl .rg_block {
        min-height: 290px;
        display: inline-block;
        float:none;
    }

    .front_006 .block_title {
        text-align: center;
    }
    .dating_blogs {
        margin: 0 10px;
    }
    .dating_blogs .db_item {
        float: none;
        max-width: 100%;
        margin: 0 auto;
    }
    .dating_blogs .db_item img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .front_007 {
        box-shadow: none;
    }
    .front_007 .wrap {
        background: none;
    }
    .front_007 .block_right {
        float: none;
        width: auto;
        margin: 0 10px;
    }
    .footer .footer_col1, .footer .footer_col2 {
        width: 90%;
        margin: 0 auto;
        float: none;
    }
    .footer_col2 {
        padding: 0 0 30px;
    }
    .footer-menu ul {
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    .footer-menu ul li {
        display: block;
        border: none;
        text-align: center;
        float:none;
        padding: 0 0 8px;
    }
    .hp_item {
        display: block;
        margin: 0 auto;
        float: none;
    }

    .user_photo {
        float: none;
    }

    .user_block_gifts .right,
    .user_block_gifts .left {
        width: 100%;
        float: none;
    }
    .user_block_gifts .right table tr td,
    .user_block_gifts .left table tr td {
        width: 50%;
    }
}

/* Очень маленькие экраны (до 480px) */
@media (max-width: 480px) {
    .inner_page > .wrap {
        gap: 15px;
    }
    
    .sidebar {
        width: 100%;
    }
}

/* Планшеты (768px - 1000px) */
@media (min-width: 768px) and (max-width: 1000px) {
    .inner_page > .wrap {
        gap: 25px;
    }
    
    .sidebar {
        width: 200px;
    }
    
    .main_content {
        min-width: 250px;
    }
    
    .header {
        background: none;
    }
    .navigation ul.menu {
        display: none;
    }

    .wrap, .front_006 .wrap {
        /*min-width: 760px;*/
        width: auto;
        padding-right:10px !important;
        padding-left:10px !important;
        max-width: 980px;
        margin: 0 auto;
    }
    .fluid_fix {
        text-align: center;
        display: block;
        padding: 0 0 25px;
    }
    .login_form {
        text-align: left;
        float:none;
        margin: 0 auto 20px;
    }
    .join_form {
        float:none;
        margin: 0 auto 20px;
        display: block;

    }
    .find_form {
        max-width: 100%;
        margin: 0 auto;
        float: none;
        display: block;
    }

    .front_005 .block_left a img {
        max-width: 300px;
        margin: 0 auto;
        display: block;
        height: auto;
    }
    .front_005 .block_left {
        margin: 0;
    }

    .random_girl .rg_block {
        min-height: 290px;
        display: inline-block;
        float:none;
    }

    .front_006 .block_title {
        text-align: center;
    }
    .dating_blogs {
        margin: 0 10px;
    }
    .dating_blogs .db_item {
        float: none;
        max-width: 100%;
        margin: 0 auto;
    }
    .dating_blogs .db_item img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .front_005 .block_left a img {
        max-width: 300px;
        margin: 0 auto;
        display: block;
        height: auto;
    }
    .front_005 .block_left {
        margin: 0;
        float: none;
    }
    .footer-menu a {
        font-size: 15px;
    }
    .footer-menu ul li {
        padding: 0 6px;
    }
    .front_007 {
        box-shadow: none;
    }
    .front_007 .wrap {
        background: none;
    }
    .front_007 .block_right {
        float: none;
        width: auto;
        margin: 0 10px;
    }

    .hp_item {
        display: block;
        margin: 0 auto 15px;
        padding: 0 0 15px;
        border-bottom: 1px solid #7E5214;
        float: none;
        width: 400px;

    }
    .hp_item img {
        float: left;
        max-width:200px;
    }
    .hp_item:after {
        display: block;
        height: 0;
        visibility: hidden;
        clear: both;
        content: ".";
    }
    .hp_item .desc {
        padding: 0px 0 0 10px;
        text-align: left;
        overflow: hidden;
    }
    .user_send_message a {
        font-size: 18px;
    }
}

/* default style */

/* small screen *//*
@media screen and (max-width: 600px) {
  .js #nav { display: none; }
  .selectnav { display: block; }
}*/

@media screen and (max-width:1000px) {
    .selectnav { display: block; }
    .wrap-select {
        height: 26px;
        border: 1px solid #DEDEDE;
        background: #FFF url(img/responsive-nav-bg.png);
        background-position: center right;
        background-repeat: no-repeat;
        overflow: hidden;
        text-indent: 10px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        margin-top: 19px;
        margin-right: 135px;
    }
    .wrap-select select {
        background: transparent;
        width: 113%;
        padding: 6px;
        border: 0;
        border-radius: 0;
        font-size: 12px;
        font-weight: bold;
        line-height: 1;
        -webkit-appearance: none;
        cursor: pointer;
    }
    .wrap-select select:focus {
       outline: none;
    }

    .main_content {
        overflow: hidden;
        position: relative;
        float: none;
        width: 100%;
    }
    .sidebar {
        float: none;
        margin:  auto;
    }

}