/* normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
     * Corrects `block` display not defined in IE 8/9.
     */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
/*
     * Corrects `inline-block` display not defined in IE 8/9.
     */
audio,
canvas,
video {
  display: inline-block;
}
/*
     * Prevents modern browsers from displaying `audio` without controls.
     * Remove excess height in iOS 5 devices.
     */
audio:not([controls]) {
  display: none;
  height: 0;
}
/*
     * Addresses styling for `hidden` attribute not present in IE 8/9.
     */
[hidden] {
  display: none;
}
/* ==========================================================================
       Base
       ========================================================================== */
/*
     * 1. Sets default font family to sans-serif.
     * 2. Prevents iOS text size adjust after orientation change, without disabling
     *    user zoom.
     */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}
/*
     * Removes default margin.
     */
body {
  margin: 0;
}
/* ==========================================================================
       Links
       ========================================================================== */
/*
     * Addresses `outline` inconsistency between Chrome and other browsers.
     */
a:focus {
  outline: thin dotted;
}
/*
     * Improves readability when focused and also mouse hovered in all browsers.
     */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
       Typography
       ========================================================================== */
/*
     * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
     * Safari 5, and Chrome.
     */
h1 {
  font-size: 2em;
}
/*
     * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
     */
abbr[title] {
  border-bottom: 1px dotted;
}
/*
     * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
     */
b,
strong {
  font-weight: bold;
}
/*
     * Addresses styling not present in Safari 5 and Chrome.
     */
dfn {
  font-style: italic;
}
/*
     * Addresses styling not present in IE 8/9.
     */
mark {
  background: #ff0;
  color: #333333;
}
/*
     * Corrects font family set oddly in Safari 5 and Chrome.
     */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
/*
     * Improves readability of pre-formatted text in all browsers.
     */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/*
     * Sets consistent quote types.
     */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
/*
     * Addresses inconsistent and variable font size in all browsers.
     */
small {
  font-size: 80%;
}
/*
     * Prevents `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;
}
/* ==========================================================================
       Embedded content
       ========================================================================== */
/*
     * Removes border when inside `a` element in IE 8/9.
     */
img {
  border: 0;
}
/*
     * Corrects overflow displayed oddly in IE 9.
     */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
       Figures
       ========================================================================== */
/*
     * Addresses margin not present in IE 8/9 and Safari 5.
     */
figure {
  margin: 0;
}
/* ==========================================================================
       Forms
       ========================================================================== */
/*
     * Define consistent border, margin, and padding.
     */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/*
     * 1. Corrects color not being inherited in IE 8/9.
     * 2. Remove padding so people aren't caught out if they zero out fieldsets.
     */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/*
     * 1. Corrects font family not being inherited in all browsers.
     * 2. Corrects font size not being inherited in all browsers.
     * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
     */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}
/*
     * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
     * the UA stylesheet.
     */
button,
input {
  line-height: normal;
}
/*
     * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
     *    and `video` controls.
     * 2. Corrects inability to style clickable `input` types in iOS.
     * 3. Improves usability and consistency of cursor style between image-type
     *    `input` and others.
     */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/*
     * Re-set default cursor for disabled elements.
     */
button[disabled],
input[disabled] {
  cursor: default;
}
/*
     * 1. Addresses box sizing set to `content-box` in IE 8/9.
     * 2. Removes excess padding in IE 8/9.
     */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/*
     * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
     * 2. Addresses `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;
}
/*
     * Removes 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;
}
/*
     * Removes inner padding and border in Firefox 4+.
     */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
     * 1. Removes default vertical scrollbar in IE 8/9.
     * 2. Improves 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;
}
/* ============================================ *
 * Reset
 * ============================================ */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  -webkit-tap-highlight-color: black;
  /* Prevent tap highlight on iOS/Android */
  -webkit-text-size-adjust: 100%;
  /* Prevent automatic scaling on iOS */
}
body {
  background: #FFFFFF;
  color: #000000;
  line-height: 1;
}
html,
body,
img,
fieldset,
abbr,
acronym {
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
th,
code,
cite,
caption {
  font-weight: normal;
  font-style: normal;
  text-align: left;
}
address {
  font-style: normal;
}
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
img {
  display: block;
}
ol,
ul {
  list-style: none;
}
q:before,
q:after {
  content: '';
}
input:focus,
input[type="search"]:focus {
  outline-offset: -2px;
}
input[type="search"] {
  -webkit-appearance: none;
  /* 1 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* 2 */
  box-sizing: border-box;
}
@font-face {
  font-family: 'Fontello';
  src: url('../fonts/iconfont/fontello/fontello.eot?64278242');
  src: url('../fonts/iconfont/fontello/fontello.eot?64278242#iefix') format('embedded-opentype'), url('../fonts/iconfont/fontello/fontello.woff?64278242') format('woff'), url('../fonts/iconfont/fontello/fontello.ttf?64278242') format('truetype'), url('../fonts/iconfont/fontello/fontello.svg?64278242#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
.fe-icon-base:before,
.icon-type,
[class^="icon-"]:before,
[class*=" icon-"]:before,
[class*="code-"]:before,
.jcf-radio span:before,
.jcf-checkbox span:before,
[class*='user-status-']:before,
.base-icon-header:before,
.block-links .panel-heading.has-item:before,
.col-main .panel-group .panel.filter-active .title-active:before,
.signup .tab-content .btn-next-step span:before,
.send_message .mail-seen:before,
.read_message .mail-seen:before,
.mail_detail .mail-seen:before,
.mail .mail-seen:before,
.send_message .mail-table .mail-detail .mail-info .user-profile-detail:before,
.read_message .mail-table .mail-detail .mail-info .user-profile-detail:before,
.mail_detail .mail-table .mail-detail .mail-info .user-profile-detail:before,
.mail .mail-table .mail-detail .mail-info .user-profile-detail:before,
.profile .personal-wrapper .photo-user .photo-main .photo-main-zoom:before,
.forum .prev-nav:before,
.forum .next-nav:before,
.article .faq .panel a[data-toggle="collapse"]:before,
.search-link:before,
.login_box .user-asimon:before,
.login_box .user-messages:before,
.my_profile .tab-content .btn-next-step span:before,
.send_message .mail-seen:before,
.send_message .mail-table .mail-detail .mail-info .user-profile-detail:before {
  font-family: 'Fontello';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.fe-icon {
  font-family: 'Fontello';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-minus:before,
.block-links .panel-heading.has-item.active:before {
  content: '\e800';
}
.icon-user:before,
.code-user:before {
  content: '\e801';
}
.icon-pencil:before,
.code-write:before {
  content: '\e802';
}
.icon-heart:before,
.code-love:before {
  content: '\e803';
}
.icon-block:before,
.code-block:before {
  content: '\e804';
}
.icon-th-large:before,
.code-grid:before {
  content: '\e805';
}
.icon-search-1:before,
.code-search:before,
.search-link:before {
  content: '\e806';
}
.icon-th-list:before,
.code-list:before {
  content: '\e807';
}
.icon-comment:before,
.code-contact:before,
.code-comment:before {
  content: '\e808';
}
.icon-camera:before,
.code-camera:before {
  content: '\e809';
}
.icon-plus:before,
.code-plus:before,
.block-links .panel-heading.has-item:before {
  content: '\e80a';
}
.icon-lock:before,
.code-lock:before {
  content: '\e80b';
}
.icon-menu:before,
.code-menu:before {
  content: '\e80c';
}
.icon-doc-text:before,
.code-terms:before,
.code-doc:before {
  content: '\e80d';
}
.icon-logo-font:before {
  content: '\e80e';
}
.icon-email:before,
.code-email:before {
  content: '\e80f';
}
.icon-zoom_icon:before,
.profile .personal-wrapper .photo-user .photo-main .photo-main-zoom:before {
  content: '\e810';
}
.icon-ok-circle:before,
.send_message .mail-table .mail-seen:before,
.read_message .mail-table .mail-seen:before,
.mail_detail .mail-table .mail-seen:before,
.mail .mail-table .mail-seen:before,
.send_message .mail-table .mail-seen:before {
  content: '\e811';
}
.icon-dot:before,
[class*='user-status-']:before {
  content: '\e812';
}
.icon-down-dir:before {
  content: '\e813';
}
.icon-trash-1:before,
.code-delete:before {
  content: '\e814';
}
.icon-ok:before,
.jcf-radio span:before,
.jcf-checkbox span:before,
.col-main .panel-group .panel.filter-active .title-active:before {
  content: '\e815';
}
.icon-right-open-big:before,
.icon-close:before:before {
  content: '\e816';
}
.icon-left-open-big:before,
.icon-close:after:before {
  content: '\e817';
}
.icon-down-dir-1:before {
  content: '\e818';
}
.icon-up-dir:before {
  content: '\e819';
}
.icon-left-dir:before {
  content: '\e81a';
}
.icon-right-dir:before {
  content: '\e81b';
}
.icon-down-open-1:before {
  content: '\e81c';
}
.icon-left-open-1:before {
  content: '\e81d';
}
.icon-right-open-1:before {
  content: '\e81e';
}
.icon-up-open-1:before {
  content: '\e81f';
}
.icon-down-open-big:before {
  content: '\e820';
}
.icon-block-1:before,
.profile h1.title .code-block:before {
  content: '\e822';
}
.icon-logout:before,
.code-logout:before {
  content: '\e823';
}
.icon-diamon:before,
.code-asimon:before {
  content: '\e824';
}
.icon-chat:before,
.code-chat:before {
  content: '\e825';
}
.icon-popup:before,
.code-popup:before {
  content: '\e826';
}
.icon-help-1:before,
.code-question:before,
.article .faq .panel a[data-toggle="collapse"]:before {
  content: '\e827';
}
.icon-star-empty:before,
.send_message .mail-table .mail-detail .mail-info .user-profile-detail:before,
.read_message .mail-table .mail-detail .mail-info .user-profile-detail:before,
.mail_detail .mail-table .mail-detail .mail-info .user-profile-detail:before,
.mail .mail-table .mail-detail .mail-info .user-profile-detail:before,
.send_message .mail-table .mail-detail .mail-info .user-profile-detail:before {
  content: '\e828';
}
.icon-heart-1:before,
.code-about:before {
  content: '\e829';
}
.icon-up-open-big:before,
.code-arrow-up:before {
  content: '\e821';
}
.icon-left-dir-1:before,
.forum .forum-nav .next-nav:before {
  content: '\e82a';
}
.icon-right-dir-1:before,
.forum .prev-nav:before,
.forum .next-nav:before {
  content: '\e82b';
}
.icon-up-dir-1:before {
  content: '\e82c';
}
.icon-redo2:before,
.code-outbox:before {
  content: '\e82d';
}
.icon-cancel:before,
.code-cancel:before {
  content: '\e82e';
}
.icon-info-circled:before,
.code-info:before {
  content: '\e82f';
}
.icon-down:before,
.block-links > .panel-group > .panel > .panel-heading.has-item:before {
  content: '\e830';
}
.icon-star-1:before,
.code-saved:before {
  content: '\e831';
}
.icon-flag:before,
.login_box .user-asimon:before {
  content: '\e832';
}
.icon-mail-1:before,
.login_box .user-messages:before {
  content: '\e833';
}
.icon-undo2:before,
.code-inbox:before {
  content: '\e834';
}
.icon-down-open:before {
  content: '\f004';
}
.icon-up-open:before {
  content: '\f005';
}
.icon-right-open:before {
  content: '\f006';
}
.icon-left-open:before,
.signup .tab-content .btn-next-step span:before,
.my_profile .tab-content .btn-next-step span:before {
  content: '\f007';
}
.icon-close {
  position: relative;
  display: inline-block;
}
.icon-close:before,
.icon-close:after {
  font-family: 'Fontello';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
}
.icon-close:before {
  left: -7px;
}
.icon-tick {
  position: relative;
  display: inline-block;
}
.icon-tick:before {
  font-family: 'Fontello';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  content: "\e811";
  border: 1px solid #000000;
  width: 41px;
  height: 41px;
  line-height: 41px;
  -webkit-border-radius: 41px;
  -moz-border-radius: 41px;
  border-radius: 41px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 25px;
  text-align: center;
  color: #000000;
  vertical-align: top;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
}
@font-face {
  font-family: 'almonidlaaaregular';
  src: url('../fonts/almonidlaaaregular.eot');
  src: url('../fonts/almonidlaaaregular.eot') format('embedded-opentype'), url('../fonts/almonidlaaaregular.woff2') format('woff2'), url('../fonts/almonidlaaaregular.woff') format('woff'), url('../fonts/almonidlaaaregular.ttf') format('truetype'), url('../fonts/almonidlaaaregular.svg#almonidlaaaregular') format('svg');
}
@font-face {
  font-family: 'almonidlaaabold';
  src: url('../fonts/almonidlaaabold.eot');
  src: url('../fonts/almonidlaaabold.eot') format('embedded-opentype'), url('../fonts/almonidlaaabold.woff2') format('woff2'), url('../fonts/almonidlaaabold.woff') format('woff'), url('../fonts/almonidlaaabold.ttf') format('truetype'), url('../fonts/almonidlaaabold.svg#almonidlaaabold') format('svg');
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
a,
button {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
body,
button,
input,
select,
table,
textarea {
  font-family: 'almonidlaaaregular', Arial, Helvetica, sans-serif;
  color: #555555;
  font-size: 18px;
  line-height: 1.5;
}
a {
  color: #555555;
  text-decoration: none;
}
a:hover {
  color: #484848;
  text-decoration: none;
}
a:focus {
  color: #080808;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
*:focus {
  outline: none !important;
}
h1 {
  font-size: 28px;
  font-family: 'almonidlaaabold', Arial, Helvetica, sans-serif;
  color: #1f2225;
}
.g-recaptcha {
  margin: 10px 0;
}
html[dir="rtl"] .nice-select .option {
  text-align: right;
}
.notice,
.error {
  color: red;
}
.message {
  margin: 0 0 10px;
  padding: 6px 25px;
}
.message.success {
  background: #e5efe5;
  color: #006400;
}
.message.error {
  background: #fae5e5;
  color: #e02b27;
}
#chat_request_div {
  display: none;
}
[class*="code-"]:before {
  color: #FFF;
  font-size: 20px;
  vertical-align: middle;
  margin: 0;
}
.code-delete:before {
  font-size: 15px;
}
.code-write:before {
  font-size: 15px;
}
.code-love:before {
  font-size: 17px;
}
.code-info:before {
  font-size: 25px;
  width: 23px;
  height: 23px;
  color: #d11e47;
  vertical-align: top;
}
.code-block:before {
  font-size: 24px;
}
.code-email:before {
  font-size: 16px;
}
.code-user:before {
  font-size: 14px;
}
.code-grid:before {
  font-size: 15px;
  top: -1px;
  position: relative;
}
.code-list:before {
  font-size: 14px;
  transform: rotate(180deg);
  top: -1px;
  position: relative;
  left: -1px;
}
.code-menu:before {
  font-size: 25px;
}
.code-comment:before {
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.code-contact:before {
  font-size: 16px;
}
.code-terms:before,
.code-doc:before {
  font-size: 16px;
}
.code-question:before {
  font-size: 18px;
}
.code-about:before {
  font-size: 14px;
  line-height: 26px !important;
  letter-spacing: -2px;
}
.code-logout:before {
  font-size: 15px;
  text-indent: -4px;
}
.code-asimon:before {
  font-size: 12px;
  text-indent: -1px;
  padding-top: 1px;
}
.code-popup:before {
  font-size: 17px;
}
.code-chat:before {
  font-size: 20px;
}
.main .actions > * {
  display: inline-block;
  width: auto;
}
.main .actions [class*="code-"]:before {
  color: #d11e47;
}
.main .actions [class*="code-"].icon-gray:before {
  color: #B9B9B9;
}
.main .actions .code-email:before {
  font-size: 22px;
}
.main .actions .code-block:before {
  font-size: 15px;
}
.main .actions .code-camera:before {
  font-size: 18px;
}
.main .actions .code-comment:before {
  font-size: 23px;
}
.main .paid-member .code-write {
  margin-left: 7px;
}
.main .paid-member .code-write:before {
  font-size: 18px;
}
.main .paid-member .code-saved:before {
  margin-left: 2px;
  margin-top: -2px;
}
/* ============================================ *
     * Button
     * ============================================ */
.btn-standard,
.btn-func,
*[class^="button"],
.subscribe .button,
a[class^="button-"],
.button,
a.check-stock-button {
  font-weight: normal;
  text-transform: uppercase;
}
.btn-standard.btn-over,
.btn-standard:active,
.btn-standard:focus,
.btn-standard:hover,
.btn-func.btn-over,
.btn-func:active,
.btn-func:focus,
.btn-func:hover,
*[class^="button"].btn-over,
*[class^="button"]:active,
*[class^="button"]:focus,
*[class^="button"]:hover,
.subscribe .button.btn-over,
.subscribe .button:active,
.subscribe .button:focus,
.subscribe .button:hover,
a[class^="button-"].btn-over,
a[class^="button-"]:active,
a[class^="button-"]:focus,
a[class^="button-"]:hover,
.button.btn-over,
.button:active,
.button:focus,
.button:hover,
a.check-stock-button.btn-over,
a.check-stock-button:active,
a.check-stock-button:focus,
a.check-stock-button:hover {
  background-color: #000;
  text-decoration: none;
  color: #FFF;
}
.btn-other.btn-over,
.btn-other:active,
.btn-other:focus,
.btn-other:hover,
.actions-toolbar .update.btn-over,
.actions-toolbar .update:active,
.actions-toolbar .update:focus,
.actions-toolbar .update:hover,
.actions-toolbar .share.btn-over,
.actions-toolbar .share:active,
.actions-toolbar .share:focus,
.actions-toolbar .share:hover,
.filter-title strong.btn-over,
.filter-title strong:active,
.filter-title strong:focus,
.filter-title strong:hover,
.customer-address-form .actions-toolbar button.btn-over,
.customer-address-form .actions-toolbar button:active,
.customer-address-form .actions-toolbar button:focus,
.customer-address-form .actions-toolbar button:hover,
a[class*="btn-continue"].btn-over,
a[class*="btn-continue"]:active,
a[class*="btn-continue"]:focus,
a[class*="btn-continue"]:hover,
a.btn-checkout-back.btn-over,
a.btn-checkout-back:active,
a.btn-checkout-back:focus,
a.btn-checkout-back:hover,
#layered-filter-block .filter-actions a.btn-over,
#layered-filter-block .filter-actions a:active,
#layered-filter-block .filter-actions a:focus,
#layered-filter-block .filter-actions a:hover,
.btn-continue.btn-over,
.btn-continue:active,
.btn-continue:focus,
.btn-continue:hover {
  background: #ccc;
  text-decoration: none;
}
.btn-special,
.action.tocart,
.actions-toolbar .tocart,
.product-info-main .product-add-form .box-tocart .actions .action.primary,
.product-info-main .product-info-stock-sku .stock.unavailable,
a.btn-cart,
.btn-cart {
  font-weight: normal;
}
.btn-special.btn-over,
.btn-special:active,
.btn-special:focus,
.btn-special:hover,
.action.tocart.btn-over,
.action.tocart:active,
.action.tocart:focus,
.action.tocart:hover,
.actions-toolbar .tocart.btn-over,
.actions-toolbar .tocart:active,
.actions-toolbar .tocart:focus,
.actions-toolbar .tocart:hover,
.product-info-main .product-add-form .box-tocart .actions .action.primary.btn-over,
.product-info-main .product-add-form .box-tocart .actions .action.primary:active,
.product-info-main .product-add-form .box-tocart .actions .action.primary:focus,
.product-info-main .product-add-form .box-tocart .actions .action.primary:hover,
.product-info-main .product-info-stock-sku .stock.unavailable.btn-over,
.product-info-main .product-info-stock-sku .stock.unavailable:active,
.product-info-main .product-info-stock-sku .stock.unavailable:focus,
.product-info-main .product-info-stock-sku .stock.unavailable:hover,
a.btn-cart.btn-over,
a.btn-cart:active,
a.btn-cart:focus,
a.btn-cart:hover,
.btn-cart.btn-over,
.btn-cart:active,
.btn-cart:focus,
.btn-cart:hover {
  background: #fa437e;
  text-decoration: none;
}
.btn-func,
a.check-stock-button {
  /*&:before {
            .fei-icon();
            content: @fei-var-icon_pin;
            font-size: @f-size-xxl;
            margin-right: 10px;
            vertical-align: top;
        }*/
}
.btn-func.btn-over,
.btn-func:active,
.btn-func:focus,
.btn-func:hover,
a.check-stock-button.btn-over,
a.check-stock-button:active,
a.check-stock-button:focus,
a.check-stock-button:hover {
  background: #3399CC;
  text-decoration: none;
}
.btn-sm {
  font-size: 16px;
}
.btn-md,
.action.tocart,
.actions-toolbar .tocart,
.product-info-main .product-add-form .box-tocart .actions .action.primary,
.product-info-main .product-info-stock-sku .stock.unavailable,
a.btn-cart,
.btn-cart {
  font-size: 18px;
}
.btn-lg {
  font-size: 23px;
}
a.check-stock-button {
  display: inline-block;
  line-height: 100%;
  padding: 8px 15px;
}
a.check-stock-button span {
  display: inline-block;
  width: auto;
  vertical-align: top;
}
a.check-stock-button span:first-letter {
  text-transform: uppercase;
}
/* ============================================ *
     * Decor button next and previous
     * ============================================ */
.decor-btn .prev {
  font-size: 0;
}
.decor-btn .prev:after {
  font-family: 'Fontello';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  content: '\e817';
  font-size: 20px;
  color: #FFF;
}
.decor-btn .next {
  font-size: 0;
}
.decor-btn .next:after {
  font-family: 'Fontello';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  content: '\e816';
  font-size: 20px;
  color: #FFF;
}
.decor-btn .btn-green {
  float: left;
  background: #2d2e2e;
  color: #FFF;
  border: none;
  width: 197px;
  line-height: 37px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.decor-btn .btn-green:hover {
  background: #719c1e;
}
.decor-btn .btn-primary,
.btn-buy,
.fields .button,
.signup .tab-content .btn-next-step,
.create_pass .button,
.forgot_pass .button,
.contact .button,
.profile .send-message .button,
.subscribe .form-discount button,
.read_message .button,
.my_profile .tab-content .btn-next-step,
.send_message .button {
  float: left;
  background: #d11e47;
  color: #FFF;
  border: none;
  width: 197px;
  line-height: 37px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.decor-btn .btn-primary:hover,
.btn-buy:hover,
.fields .button:hover,
.signup .tab-content .btn-next-step:hover,
.create_pass .button:hover,
.forgot_pass .button:hover,
.contact .button:hover,
.profile .send-message .button:hover,
.subscribe .form-discount button:hover,
.read_message .button:hover,
.my_profile .tab-content .btn-next-step:hover,
.send_message .button:hover {
  background: #000;
}
.btn-buy {
  float: right;
  margin-top: 20px;
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes blink {
  50% {
    opacity: 0;
  }
}
.blink {
  animation: blink 2s step-start 0s infinite;
  -webkit-animation: blink 2s step-start 0s infinite;
}
/* radio */
.jcf-radio {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: default;
  background: #fff;
  margin: 0 3px 0 0;
  height: 20px;
  width: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jcf-radio span {
  display: none;
  position: absolute;
  border-radius: 100%;
}
.jcf-radio span:before {
  margin: -2px 1px 0 0;
  line-height: 26px;
  font-size: 19px;
  color: #363737;
}
.jcf-radio input[type="radio"] {
  position: absolute;
  height: 100%;
  width: 100%;
  border: 0;
  margin: 0;
  left: 0;
  top: 0;
}
.jcf-radio.jcf-checked span {
  display: block;
  line-height: 100%;
}
/* checkbox */
.jcf-checkbox {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: default;
  background: #fff;
  border: 1px solid #c7bebe;
  margin: 0 3px 0 0;
  height: 20px;
  width: 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jcf-checkbox span {
  display: none !important;
}
.jcf-checkbox span:before {
  margin: 0 0 0 0;
  line-height: 26px;
  font-size: 19px;
  color: #363737;
}
:root .jcf-checkbox span {
  margin: -4px 0 0 -5px;
}
.jcf-checkbox input[type="checkbox"] {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  left: 0;
  top: 0;
}
.jcf-checkbox.jcf-checked span {
  display: block !important;
}
.fade {
  opacity: 0;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
  visibility: hidden;
}
.collapse.in {
  display: block;
  visibility: visible;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.panel {
  margin-bottom: 27px;
  background-color: #fff;
  /*border: 1px solid transparent;*/
  border-radius: 5px;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  color: inherit;
}
.panel-title > a {
  color: inherit;
  display: block;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 4px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 4px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 4px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 4px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 27px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 5px;
}
.panel-group .panel + .panel {
  /* margin-top: 5px;*/
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.es_col-xs-1,
.es_col-sm-1,
.es_col-md-1,
.es_col-lg-1,
.es_col-xs-2,
.es_col-sm-2,
.es_col-md-2,
.es_col-lg-2,
.es_col-xs-3,
.es_col-sm-3,
.es_col-md-3,
.es_col-lg-3,
.es_col-xs-4,
.es_col-sm-4,
.es_col-md-4,
.es_col-lg-4,
.es_col-xs-5,
.es_col-sm-5,
.es_col-md-5,
.es_col-lg-5,
.es_col-xs-6,
.es_col-sm-6,
.es_col-md-6,
.es_col-lg-6,
.es_col-xs-7,
.es_col-sm-7,
.es_col-md-7,
.es_col-lg-7,
.es_col-xs-8,
.es_col-sm-8,
.es_col-md-8,
.es_col-lg-8,
.es_col-xs-9,
.es_col-sm-9,
.es_col-md-9,
.es_col-lg-9,
.es_col-xs-10,
.es_col-sm-10,
.es_col-md-10,
.es_col-lg-10,
.es_col-xs-11,
.es_col-sm-11,
.es_col-md-11,
.es_col-lg-11,
.es_col-xs-12,
.es_col-sm-12,
.es_col-md-12,
.es_col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
}
.es_col-xs-1,
.es_col-xs-2,
.es_col-xs-3,
.es_col-xs-4,
.es_col-xs-5,
.es_col-xs-6,
.es_col-xs-7,
.es_col-xs-8,
.es_col-xs-9,
.es_col-xs-10,
.es_col-xs-11,
.es_col-xs-12 {
  float: right;
}
.es_col-xs-12 {
  width: 100%;
}
.es_col-xs-11 {
  width: 91.66666667%;
}
.es_col-xs-10 {
  width: 83.33333333%;
}
.es_col-xs-9 {
  width: 75%;
}
.es_col-xs-8 {
  width: 66.66666667%;
}
.es_col-xs-7 {
  width: 58.33333333%;
}
.es_col-xs-6 {
  width: 50%;
}
.es_col-xs-5 {
  width: 41.66666667%;
}
.es_col-xs-4 {
  width: 33.33333333%;
}
.es_col-xs-3 {
  width: 25%;
}
.es_col-xs-2 {
  width: 16.66666667%;
}
.es_col-xs-1 {
  width: 8.33333333%;
}
.es_col-xs-pull-12 {
  right: 100%;
}
.es_col-xs-pull-11 {
  right: 91.66666667%;
}
.es_col-xs-pull-10 {
  right: 83.33333333%;
}
.es_col-xs-pull-9 {
  right: 75%;
}
.es_col-xs-pull-8 {
  right: 66.66666667%;
}
.es_col-xs-pull-7 {
  right: 58.33333333%;
}
.es_col-xs-pull-6 {
  right: 50%;
}
.es_col-xs-pull-5 {
  right: 41.66666667%;
}
.es_col-xs-pull-4 {
  right: 33.33333333%;
}
.es_col-xs-pull-3 {
  right: 25%;
}
.es_col-xs-pull-2 {
  right: 16.66666667%;
}
.es_col-xs-pull-1 {
  right: 8.33333333%;
}
.es_col-xs-pull-0 {
  right: auto;
}
.es_col-xs-push-12 {
  left: 100%;
}
.es_col-xs-push-11 {
  left: 91.66666667%;
}
.es_col-xs-push-10 {
  left: 83.33333333%;
}
.es_col-xs-push-9 {
  left: 75%;
}
.es_col-xs-push-8 {
  left: 66.66666667%;
}
.es_col-xs-push-7 {
  left: 58.33333333%;
}
.es_col-xs-push-6 {
  left: 50%;
}
.es_col-xs-push-5 {
  left: 41.66666667%;
}
.es_col-xs-push-4 {
  left: 33.33333333%;
}
.es_col-xs-push-3 {
  left: 25%;
}
.es_col-xs-push-2 {
  left: 16.66666667%;
}
.es_col-xs-push-1 {
  left: 8.33333333%;
}
.es_col-xs-push-0 {
  left: auto;
}
.es_col-xs-offset-12 {
  margin-left: 100%;
}
.es_col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.es_col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.es_col-xs-offset-9 {
  margin-left: 75%;
}
.es_col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.es_col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.es_col-xs-offset-6 {
  margin-left: 50%;
}
.es_col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.es_col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.es_col-xs-offset-3 {
  margin-left: 25%;
}
.es_col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.es_col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.es_col-xs-offset-0 {
  margin-left: 0%;
}
.es_row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.es_row.no-gutters > [class^="es_col-"],
.es_row.no-gutters > [class*=" es_col-"] {
  padding-right: 0;
  padding-left: 0;
}
.es_row img {
  max-width: 100%;
  width: 100%;
}
.es_col,
[class^="es_col-"],
[class*=" es_col-"] {
  box-sizing: border-box;
}
.clearfix:before,
.clearfix:after,
.panel-body:before,
.panel-body:after,
.my_blog .col-main .green_title:before,
.my_blog .col-main .green_title:after,
.fields:before,
.fields:after,
.form-horizontal .field:before,
.form-horizontal .field:after,
.es_container:before,
.es_container:after,
.es_container-fluid:before,
.es_container-fluid:after,
.es_row:before,
.es_row:after,
.main-content:before,
.main-content:after,
.footer-top:before,
.footer-top:after,
.footer-copyright:before,
.footer-copyright:after,
.login_box_home:before,
.login_box_home:after,
.login_box_home_top:before,
.login_box_home_top:after,
.login_box_home_bottom:before,
.login_box_home_bottom:after,
.login_box_home .btn-popuplogin-wrapper:before,
.login_box_home .btn-popuplogin-wrapper:after,
.login_box_home .login-wrapper:before,
.login_box_home .login-wrapper:after,
.login_box:before,
.login_box:after,
.block-links .mail-setting .field:before,
.block-links .mail-setting .field:after,
.main-bottom-content-top > div:before,
.main-bottom-content-top > div:after,
.catalog-category-view .list-tiles:before,
.catalog-category-view .list-tiles:after,
.easy-grid-items:before,
.easy-grid-items:after,
.signup .tab-wrapper:before,
.signup .tab-wrapper:after,
.signup .tab-content:before,
.signup .tab-content:after,
.signup .tab-content .group-info:before,
.signup .tab-content .group-info:after,
.signup .tab-gallery form > div:before,
.signup .tab-gallery form > div:after,
.send_message .mail-table .mail-detail:before,
.send_message .mail-table .mail-detail:after,
.read_message .mail-table .mail-detail:before,
.read_message .mail-table .mail-detail:after,
.mail_detail .mail-table .mail-detail:before,
.mail_detail .mail-table .mail-detail:after,
.mail .mail-table .mail-detail:before,
.mail .mail-table .mail-detail:after,
.send_message .limiter:before,
.send_message .limiter:after,
.read_message .limiter:before,
.read_message .limiter:after,
.mail_detail .limiter:before,
.mail_detail .limiter:after,
.mail .limiter:before,
.mail .limiter:after,
.send_message .title:before,
.send_message .title:after,
.read_message .title:before,
.read_message .title:after,
.mail_detail .title:before,
.mail_detail .title:after,
.mail .title:before,
.mail .title:after,
.profile .send-message + .about-me:before,
.profile .send-message + .about-me:after,
.profile .send-message .content-bottom:before,
.profile .send-message .content-bottom:after,
.profile .personal-wrapper:before,
.profile .personal-wrapper:after,
.subscribe .form-bottom:before,
.subscribe .form-bottom:after,
.read_message .block-send:before,
.read_message .block-send:after,
.read_message .input-wrapper:before,
.read_message .input-wrapper:after,
.my_profile .tab-wrapper:before,
.my_profile .tab-wrapper:after,
.my_profile .tab-content:before,
.my_profile .tab-content:after,
.my_profile .tab-content .group-info:before,
.my_profile .tab-content .group-info:after,
.my_profile .tab-gallery form > div:before,
.my_profile .tab-gallery form > div:after,
.send_message .mail-table .mail-detail:before,
.send_message .mail-table .mail-detail:after,
.send_message .limiter:before,
.send_message .limiter:after,
.send_message .title:before,
.send_message .title:after,
.send_message .block-send:before,
.send_message .block-send:after,
.send_message .input-wrapper:before,
.send_message .input-wrapper:after {
  content: " ";
  display: table;
}
.clearfix:after,
.panel-body:after,
.my_blog .col-main .green_title:after,
.fields:after,
.form-horizontal .field:after,
.es_container:after,
.es_container-fluid:after,
.es_row:after,
.main-content:after,
.footer-top:after,
.footer-copyright:after,
.login_box_home:after,
.login_box_home_top:after,
.login_box_home_bottom:after,
.login_box_home .btn-popuplogin-wrapper:after,
.login_box_home .login-wrapper:after,
.login_box:after,
.block-links .mail-setting .field:after,
.main-bottom-content-top > div:after,
.catalog-category-view .list-tiles:after,
.easy-grid-items:after,
.signup .tab-wrapper:after,
.signup .tab-content:after,
.signup .tab-content .group-info:after,
.signup .tab-gallery form > div:after,
.send_message .mail-table .mail-detail:after,
.read_message .mail-table .mail-detail:after,
.mail_detail .mail-table .mail-detail:after,
.mail .mail-table .mail-detail:after,
.send_message .limiter:after,
.read_message .limiter:after,
.mail_detail .limiter:after,
.mail .limiter:after,
.send_message .title:after,
.read_message .title:after,
.mail_detail .title:after,
.mail .title:after,
.profile .send-message + .about-me:after,
.profile .send-message .content-bottom:after,
.profile .personal-wrapper:after,
.subscribe .form-bottom:after,
.read_message .block-send:after,
.read_message .input-wrapper:after,
.my_profile .tab-wrapper:after,
.my_profile .tab-content:after,
.my_profile .tab-content .group-info:after,
.my_profile .tab-gallery form > div:after,
.send_message .mail-table .mail-detail:after,
.send_message .limiter:after,
.send_message .title:after,
.send_message .block-send:after,
.send_message .input-wrapper:after {
  clear: both;
}
.effect1 {
  -webkit-box-shadow: 0 10px 6px -6px #777;
  -moz-box-shadow: 0 10px 6px -6px #777;
  box-shadow: 0 10px 6px -6px #777;
}
.effect2 {
  position: relative;
}
.effect2:before,
.effect2:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.effect3 {
  position: relative;
}
.effect3:before {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect4 {
  position: relative;
}
.effect4:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}
.effect5 {
  position: relative;
}
.effect5:before,
.effect5:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after {
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}
.effect6 {
  position: relative;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before,
.effect6:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  top: 50%;
  bottom: 0;
  left: 10px;
  right: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.effect6:after {
  right: 10px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -moz-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  -o-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg);
}
.effect7 {
  position: relative;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before,
.effect7:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  top: 0;
  bottom: 0;
  left: 10px;
  right: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.effect7:after {
  right: 10px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -moz-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  -o-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg);
}
.effect8 {
  position: relative;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before,
.effect8:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  top: 10px;
  bottom: 10px;
  left: 0;
  right: 0;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.effect8:after {
  right: 10px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -moz-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  -o-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg);
}
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
                 * Remove all paddings around the image on small screen
                 */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-wrapper-outer {
  overflow-x: hidden;
}
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: unset;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
/* No Js */
.no-js .owl-carousel {
  display: block;
}
/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: unset;
}
/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
.owl-theme .owl-controls {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-controls .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
/*=====================================================*/
/* .owl-animated-out - only for current item */
/* This is very important class. Use z-index if you want move Out item above In item */
.owl-animated-out {
  z-index: 1;
}
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */
.owl-animated-in {
  z-index: 0;
}
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */
.fadeOut {
  -webkit-animation-name: fadeOut  ;
  animation-name: fadeOut  ;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1   ;
  }
  100% {
    opacity: 0   ;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1   ;
  }
  100% {
    opacity: 0   ;
  }
}
/*
 * 	Owl Carousel Theme
 */
/*
 * 	Green theme - Owl Carousel CSS File
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*='owl-'] {
  color: #d9d7d7;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: transparent;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  border: none;
}
.owl-theme .owl-nav [class*='owl-']:hover {
  background: transparent;
  color: #bf3333;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled {
  display: none;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
  border: none;
  background: none;
}
.owl-theme .owl-dots .owl-dot span {
  width: 14px;
  height: 14px;
  margin: 0;
  background: #d9d7d7;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #bf3333;
}
[class*='user-status-'] {
  position: relative;
}
[class*='user-status-']:before {
  color: #FFF;
  font-size: 20px;
  vertical-align: middle;
  margin: 0;
}
[class*='user-status-'] {
  display: inline-block;
  font-size: 15px;
  font-family: 'almonidlaaaregular', Arial, Helvetica, sans-serif;
}
[class*='user-status-']:before {
  color: #3f832f;
  font-size: 50px;
  line-height: 16px;
  vertical-align: middle;
  width: auto;
}
.user-status-offline:before {
  color: #b00c1c;
}
.textual_banner_26,
.textual_banner_26:hover {
  color: white;
  text-decoration: none;
}
.textual_banners,
.textual_banners:hover {
  color: black;
  text-decoration: none;
}
body.chat_win {
  background-image: url(../images/frames/chat_bg.gif);
  background-position: top;
  background-repeat: no-repeat;
  margin: 0px;
  margin-right: 20px;
}
.chat_from {
  color: #FF3333;
}
.chat_to {
  color: #555555;
}
.green {
  color: #99cc33;
}
.tag_cloud,
.tag_cloud_on:hover {
  color: white;
  text-decoration: none;
  line-height: 22px;
}
.tag_cloud:hover,
.tag_cloud_on {
  color: #8b9198;
  text-decoration: none;
  line-height: 22px;
}
.calendar_box {
  padding-right: 5px;
  width: 15px;
  height: 15px;
  text-align: right;
  vertical-align: middle;
  color: #FFFFFF;
  direction: rtl;
  font-size: 10px;
  font-weight: bold;
}
.calendar_box_hi {
  padding-right: 5px;
  width: 15px;
  height: 15px;
  text-align: right;
  vertical-align: middle;
  background-image: url(../images/frames/calendar_hilite.gif);
  background-repeat: no-repeat;
  color: #FFFFFF;
  direction: rtl;
  font-size: 10px;
  font-weight: bold;
}
.calendar_green,
.calendar_green:hover {
  text-decoration: none;
  color: #99cc33;
  font-size: 10px;
  font-weight: bold;
}
.green_title {
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 2px;
  width: 100%;
  background: #99CC33;
  height: 28px;
}
.dots_horiz {
  background-image: url(../images/dots_horiz.gif);
  background-repeat: repeat-x;
  height: 8px;
  background-position: center;
}
.tag {
  cursor: pointer;
  cursor: hand;
  text-decoration: none;
}
.padd {
  padding: 10px;
}
.main_cell {
  width: 377px;
  height: 557px;
  background-image: url(../images/frames/main_cell.gif);
  background-repeat: no-repeat;
}
.gap {
  padding-left: 3px;
  line-height: 3px;
  height: 3px;
}
.gap7 {
  padding-left: 7px;
  padding-top: 7px;
  height: 3px;
}
div.image_frame {
  width: 70px;
  border: 1px solid #BEC9CD;
  padding: 2px;
  background-color: #FFFFFF;
}
td.tab_green,
div.tab_green {
  width: 106px;
  height: 23px;
  /*background-image: url(../images/tab_green.gif);
        background-repeat: no-repeat;*/
  color: white;
  font-weight: normal;
}
td.tab_green_disabled,
div.tab_green_disabled {
  width: 106px;
  height: 23px;
  background-image: url(../images/tab_green_disabled.gif);
  background-repeat: no-repeat;
  color: white;
  font-weight: normal;
}
a.tab_green,
a.tab_green:hover {
  text-decoration: none;
  color: white;
  font-weight: normal;
}
.pointer {
  cursor: pointer;
}
.no_underline,
a.no_underline {
  text-decoration: none;
  color: #000000;
}
.no_underline:hover,
a.no_underline:hover {
  text-decoration: underline;
  color: #000000;
}
.no_underline_at_all,
.no_underline_at_all:hover {
  text-decoration: none;
  color: #000000;
}
.bold_no_underline_at_all,
.bold_no_underline_at_all:hover {
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}
.bold_no_underline {
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}
.bold_no_underline:hover {
  font-weight: bold;
  text-decoration: underline;
  color: #000000;
}
.white_no_underline {
  color: white;
  text-decoration: none;
}
.black {
  color: black;
}
a.white_no_underline:hover {
  color: white;
  text-decoration: underline;
}
.gray_no_underline,
.gray_no_underline_at_all,
.gray_no_underline_at_all:hover {
  font-size: 11px;
  color: #8b9198;
  text-decoration: none;
}
.fontsize11 {
  font-size: 11px;
}
a.gray_no_underline:hover {
  font-size: 11px;
  color: #8b9198;
  text-decoration: underline;
}
.scroll {
  overflow: scroll;
}
.gray {
  color: #8b9198;
}
.gray_12 {
  font-size: 11px;
  color: #8b9198;
}
.gray_12,
.gray_12_no_underline,
.gray_12_no_underline:hover {
  font-size: 12px;
  color: #8b9198;
  text-decoration: none;
}
.white {
  font-size: 12px;
  color: #ffffff;
}
.pink,
.pink:hover {
  font-size: 12px;
  color: #ff2684;
}
.box {
  vertical-align: top;
  border: 1px solid white;
}
.box_gap {
  width: 16px;
  height: 16px;
}
.table {
  padding: 0px;
  padding-bottom: 1px;
  padding-top: 2px;
  padding-right: 0px;
}
.white_border {
  border: 1px solid white;
}
a.tb {
  color: #8d9099;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
}
a.tb:hover {
  color: #000000;
  font-weight: bold;
  font-size: 12px;
  text-decoration: underline;
}
.header {
  color: #CC0033;
  padding-top: 10px;
  font-size: 16px;
}
.bold {
  font-size: 12px;
  font-weight: bold;
}
.vs,
.vs:hover {
  font-size: 2px;
  color: #FAF0F4;
  font-weight: normal;
  text-decoration: none;
}
.dir_ltr {
  font-weight: normal;
  font-size: 12px;
  color: #000000;
  direction: ltr;
}
.bold_red {
  color: #ed007c;
  font-weight: bold;
}
.red_big {
  color: #ed007c;
}
a.not_bold:hover {
  color: #ed007c;
  font-weight: normal;
  font-size: 12px;
}
a.page_nav_current,
a.page_nav_current:hover {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
a.page_nav,
a.page_nav:hover {
  text-decoration: none;
  font-weight: bold;
  color: #8b9198;
}
td.highlight {
  background-color: #FFCC99;
}
.footer {
  color: #777777;
}
a.footer:hover {
  color: #777777;
}
hr {
  color: #98cc32;
}
hr.dotted {
  border-top: 1px dotted gray;
  height: 1px;
}
hr.dotted_white {
  border-top: 1px dotted white;
  height: 1px;
}
.small {
  font-weight: normal;
  font-size: 10px;
}
a.white {
  color: #ffffff;
  font-weight: normal;
  font-size: 12px;
  text-decoration: underline;
}
a.white:hover {
  color: #ffffff;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
}
.chat_input {
  border: 0px;
  font-size: 12px;
}
input.buttons,
.buttons {
  color: #000000;
  font-weight: bold;
  background-color: #D2F000;
  BORDER-RIGHT: #ACA899 2px solid;
  BORDER-TOP: #ffffff 2px solid;
  BORDER-LEFT: #ffffff 2px solid;
  BORDER-BOTTOM: #ACA899 2px solid;
  padding-left: 5px;
  padding-right: 5px;
  height: 22px;
  cursor: hand;
}
.input_174 {
  border: 1px solid #8b9198;
  width: 174px;
  height: 18px;
}
.input_150 {
  border: 1px solid #8b9198;
  width: 150px;
  height: 18px;
}
.input_wide {
  width: 242px;
  height: 24px;
}
.login_inner_input {
  width: 126px;
  height: 20px;
  border-width: 0px;
  background-color: #8b9198;
  background-image: url(../images/input_inner_bg.gif);
  background-attachment: inherit;
  padding-right: 3px;
  padding-left: 3px;
}
a.reg_black:hover,
.reg_black {
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}
a.reg_black {
  color: #000000;
  font-weight: normal;
  text-decoration: underline;
}
.DownLink {
  color: #000000;
  font-size: 12px;
}
.TXTBox {
  BORDER-RIGHT: #606060 0px solid;
  BORDER-TOP: #606060 0px solid;
  font-size: 11px;
  BORDER-LEFT: #606060 0px solid;
  WIDTH: 97px;
  HEIGHT: 14px;
  BORDER-BOTTOM: #606060 0px solid;
}
.TXTBoxIndex {
  BORDER-RIGHT: #606060 0px solid;
  BORDER-TOP: #606060 0px solid;
  font-size: 11px;
  BORDER-LEFT: #606060 0px solid;
  WIDTH: 97px;
  HEIGHT: 14px;
  background-color: #DEDEDE;
  BORDER-BOTTOM: #606060 0px solid;
}
.TXTBoxContact {
  BORDER-RIGHT: #606060 1px solid;
  BORDER-TOP: #606060 1px solid;
  font-size: 12px;
  BORDER-LEFT: #606060 1px solid;
  WIDTH: 150px;
  HEIGHT: 18px;
  background-color: white;
  BORDER-BOTTOM: #606060 1px solid;
}
td.question_on {
  cursor: hand;
  background: #FF5C00;
  color: #ffffff;
  font-size: 10px;
}
td.question_off {
  cursor: hand;
  background: #955B9C;
  color: #ffffff;
  font-size: 10px;
}
.test_list {
  color: #000000;
  font-size: 15px;
  font-weight: bold;
}
.test_list_on {
  color: #FF5C00;
  font-size: 15px;
  font-weight: bold;
}
td.purple_frame_caption {
  height: 29px;
  color: #FFFFFF;
  font-size: 17px;
  font-weight: bold;
}
.nowrap {
  white-space: nowrap;
}
img {
  border: 0;
}
.my_blog .col-main .green_title > div {
  float: left;
}
.my_blog .col-main .green_title > div:first-child {
  float: right;
}
.my_blog .col-main .green_title > div:last-child {
  margin-top: 5px;
  margin-left: 5px;
}
.my_blog .col-main .green_title a {
  color: #FFF;
}
.my_blog .col-main .add-post-wrapper {
  margin-top: 20px;
}
.my_blog .col-main textarea {
  width: 100%;
  height: 326px;
  padding: 5px 8px;
}
.my_blog .col-main textarea[name="tag_blog_str"] {
  height: 43px;
}
.my_blog .col-main form input.button {
  float: left;
}
.display-mobile-only {
  display: none;
}
.display-mobile-only img {
  width: 100%;
  height: auto;
}
.display-tablet-up {
  display: none;
}
.display-tablet-down {
  display: none;
}
.footer-top {
  position: relative;
}
.footer-top .scrollTop {
  position: absolute;
  right: 0;
  top: -65px;
  background-color: #2d2e2e;
  opacity: 0;
  transition: all 0.4s ease-in-out 0s;
  -webkit-border-radius: 54px;
  -moz-border-radius: 54px;
  border-radius: 54px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.footer-top .scrollTop a {
  color: #fff;
  width: 54px;
  height: 54px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.footer-top .scrollTop a.code-arrow-up:before {
  font-size: 35px;
  margin-top: -7px;
}
.loading {
  position: relative;
}
.loading:before {
  content: '';
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block !important;
  background: #FFF;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  z-index: 2;
}
.loading:after {
  content: '';
  background: url(../images/spin-loading.svg) no-repeat center center transparent;
  background-size: 100%;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.loading button,
.loading input {
  pointer-events: none;
}
.nav-container {
  background: #2d2e2e;
  margin-top: 10px;
  position: relative;
}
.nav-container:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -35px;
  width: 100%;
  height: 35px;
  background: url(../images/nav-bg.png) repeat-x 0 0 transparent;
}
.nav-container .mobile-nav-link {
  display: none;
}
.nav-container .mobile-nav-link:before {
  color: #FFF;
}
.nav-container .mobile-nav-username {
  display: none;
}
.nav-container ul li a {
  font-size: 23px;
  line-height: 100%;
  color: #FFF;
}
.nav-container ul li a.tb_top_on {
  color: #FFF;
  background: #d11e47;
  padding: 0px 15px 3px;
  border-radius: 20px;
}
.nav-container ul li a.tb_top_on:hover,
.nav-container ul li a.tb_top_on:focus {
  color: #FFF;
}
.nav-container ul li a:hover,
.nav-container ul li a:focus {
  color: #d11e47;
}
.nav-container ul li a img {
  display: inline-block;
}
.nav-container ul li:first-child a {
  margin-right: 0;
}
input[type="radio"] ~ label,
input[type="checkbox"] ~ label {
  max-width: 100%;
}
input[type="checkbox"] + label {
  line-height: 14px;
}
input[type="checkbox"] + label:before {
  font-family: 'Fontello';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 14px;
  height: 14px;
  text-align: center;
  color: #000;
  background-color: #000;
  margin: 0;
  padding: 0;
  font-size: 12px;
  content: "\e811";
  line-height: 1.2em;
}
input[type="checkbox"].validation-error + label:before,
input[type="checkbox"].validation-failed + label:before {
  border-color: #d11e47;
}
input[type="checkbox"] + label:before {
  letter-spacing: 10px;
}
input[type="checkbox"] + label:before {
  margin-right: 7px;
}
input[type="checkbox"]:checked + label:before {
  color: #FFF;
}
input[type="checkbox"]:checked + label:before {
  letter-spacing: 0;
}
input[type="checkbox"]:disabled + label:before {
  background: #ccc;
  color: #000;
}
input[type="radio"] ~ label {
  position: relative;
  padding: 2px 0 2px 31px;
  line-height: 15px;
}
input[type="radio"] ~ label:before,
input[type="radio"] ~ label:after {
  content: "";
}
input[type="radio"] ~ label:before {
  border: 1px solid #ccc;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 26px;
  background: #FFF;
}
input[type="radio"]:checked ~ label:before {
  width: 15px;
  height: 15px;
  line-height: 15px;
}
input[type="radio"]:checked ~ label:after {
  -webkit-border-radius: 5.5px;
  -moz-border-radius: 5.5px;
  border-radius: 5.5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 5.5px solid #000;
  position: absolute;
  left: 3px;
  top: 6px;
}
input[type="radio"].validation-error ~ label:before,
input[type="radio"].validation-failed ~ label:before {
  border-color: #d11e47;
}
input[type="radio"]:disabled ~ label:before {
  background: #ccc;
}
input[type="radio"]:checked:disabled ~ label:after {
  border: 5.5px solid #000;
}
form textarea,
form input[type="email"],
form input[type="search"],
form input[type="number"],
form input[type="password"],
form input[type="tel"],
form input[type="text"],
form .input-text {
  color: #555;
  background: #FFF;
  line-height: 100%;
  font-size: 18px;
  padding: 7px 10px 8px 10px;
  border: 1px solid #c7bebe;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
form textarea::-moz-placeholder,
form input[type="email"]::-moz-placeholder,
form input[type="search"]::-moz-placeholder,
form input[type="number"]::-moz-placeholder,
form input[type="password"]::-moz-placeholder,
form input[type="tel"]::-moz-placeholder,
form input[type="text"]::-moz-placeholder,
form .input-text::-moz-placeholder {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  color: #555;
}
form textarea::-webkit-input-placeholder,
form input[type="email"]::-webkit-input-placeholder,
form input[type="search"]::-webkit-input-placeholder,
form input[type="number"]::-webkit-input-placeholder,
form input[type="password"]::-webkit-input-placeholder,
form input[type="tel"]::-webkit-input-placeholder,
form input[type="text"]::-webkit-input-placeholder,
form .input-text::-webkit-input-placeholder {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  color: #555;
}
form textarea:-ms-input-placeholder,
form input[type="email"]:-ms-input-placeholder,
form input[type="search"]:-ms-input-placeholder,
form input[type="number"]:-ms-input-placeholder,
form input[type="password"]:-ms-input-placeholder,
form input[type="tel"]:-ms-input-placeholder,
form input[type="text"]:-ms-input-placeholder,
form .input-text:-ms-input-placeholder {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  color: #555;
}
form textarea:focus::-webkit-input-placeholder,
form input[type="email"]:focus::-webkit-input-placeholder,
form input[type="search"]:focus::-webkit-input-placeholder,
form input[type="number"]:focus::-webkit-input-placeholder,
form input[type="password"]:focus::-webkit-input-placeholder,
form input[type="tel"]:focus::-webkit-input-placeholder,
form input[type="text"]:focus::-webkit-input-placeholder,
form .input-text:focus::-webkit-input-placeholder {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
form textarea:focus:-moz-placeholder,
form input[type="email"]:focus:-moz-placeholder,
form input[type="search"]:focus:-moz-placeholder,
form input[type="number"]:focus:-moz-placeholder,
form input[type="password"]:focus:-moz-placeholder,
form input[type="tel"]:focus:-moz-placeholder,
form input[type="text"]:focus:-moz-placeholder,
form .input-text:focus:-moz-placeholder {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
form textarea:focus::-moz-placeholder,
form input[type="email"]:focus::-moz-placeholder,
form input[type="search"]:focus::-moz-placeholder,
form input[type="number"]:focus::-moz-placeholder,
form input[type="password"]:focus::-moz-placeholder,
form input[type="tel"]:focus::-moz-placeholder,
form input[type="text"]:focus::-moz-placeholder,
form .input-text:focus::-moz-placeholder {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
form textarea:focus:-ms-input-placeholder,
form input[type="email"]:focus:-ms-input-placeholder,
form input[type="search"]:focus:-ms-input-placeholder,
form input[type="number"]:focus:-ms-input-placeholder,
form input[type="password"]:focus:-ms-input-placeholder,
form input[type="tel"]:focus:-ms-input-placeholder,
form input[type="text"]:focus:-ms-input-placeholder,
form .input-text:focus:-ms-input-placeholder {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
form textarea:focus::placeholder,
form input[type="email"]:focus::placeholder,
form input[type="search"]:focus::placeholder,
form input[type="number"]:focus::placeholder,
form input[type="password"]:focus::placeholder,
form input[type="tel"]:focus::placeholder,
form input[type="text"]:focus::placeholder,
form .input-text:focus::placeholder {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
form textarea .input-placeholder,
form input[type="email"] .input-placeholder,
form input[type="search"] .input-placeholder,
form input[type="number"] .input-placeholder,
form input[type="password"] .input-placeholder,
form input[type="tel"] .input-placeholder,
form input[type="text"] .input-placeholder,
form .input-text .input-placeholder {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  color: #999;
  font-size: 14px;
  font-family: 'almonidlaaaregular', Arial, Helvetica, sans-serif;
}
form textarea:focus:not([disabled]),
form input[type="email"]:focus:not([disabled]),
form input[type="search"]:focus:not([disabled]),
form input[type="number"]:focus:not([disabled]),
form input[type="password"]:focus:not([disabled]),
form input[type="tel"]:focus:not([disabled]),
form input[type="text"]:focus:not([disabled]),
form .input-text:focus:not([disabled]),
form textarea:focus,
form input[type="email"]:focus,
form input[type="search"]:focus,
form input[type="number"]:focus,
form input[type="password"]:focus,
form input[type="tel"]:focus,
form input[type="text"]:focus,
form .input-text:focus {
  color: #555;
  outline: transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
form textarea:disabled,
form input[type="email"]:disabled,
form input[type="search"]:disabled,
form input[type="number"]:disabled,
form input[type="password"]:disabled,
form input[type="tel"]:disabled,
form input[type="text"]:disabled,
form .input-text:disabled {
  color: #c0c0c0;
  background: #e8e8e9;
}
form textarea.error,
form input[type="email"].error,
form input[type="search"].error,
form input[type="number"].error,
form input[type="password"].error,
form input[type="tel"].error,
form input[type="text"].error,
form .input-text.error,
form textarea.mage-error,
form input[type="email"].mage-error,
form input[type="search"].mage-error,
form input[type="number"].mage-error,
form input[type="password"].mage-error,
form input[type="tel"].mage-error,
form input[type="text"].mage-error,
form .input-text.mage-error,
form textarea.validation-advice,
form input[type="email"].validation-advice,
form input[type="search"].validation-advice,
form input[type="number"].validation-advice,
form input[type="password"].validation-advice,
form input[type="tel"].validation-advice,
form input[type="text"].validation-advice,
form .input-text.validation-advice {
  border-color: #d11e47;
}
form textarea.error + label.error,
form input[type="email"].error + label.error,
form input[type="search"].error + label.error,
form input[type="number"].error + label.error,
form input[type="password"].error + label.error,
form input[type="tel"].error + label.error,
form input[type="text"].error + label.error,
form .input-text.error + label.error {
  display: block;
  color: #d11e47;
}
form .form-list input[type="email"],
form .form-list input[type="search"],
form .form-list input[type="number"],
form .form-list input[type="password"],
form .form-list input[type="tel"],
form .form-list input[type="text"],
form .form-list .input-text {
  margin-top: 3px;
}
form .form-list input.validation-failed,
form .form-list textarea.validation-failed {
  border: 2px solid #d11e47;
  box-shadow: 0 0 10px #d11e47;
}
form .form-list .mage-error,
form .form-list .validation-advice {
  font-size: 14px;
  font-family: 'almonidlaaaregular', Arial, Helvetica, sans-serif;
}
form .form-list .required-text {
  color: #d11e47;
  font-size: 13px;
  font-family: 'almonidlaaaregular', Arial, Helvetica, sans-serif;
}
form textarea.input-text,
form textarea {
  padding: 9px 12px;
  height: auto;
  color: #555555;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
form .password-strength-meter {
  color: #d11e47;
  font-size: 14px;
  font-family: 'almonidlaaaregular', Arial, Helvetica, sans-serif;
  margin-top: 10px;
}
.validation-failed,
.validation-error .jcf-select,
.input-text.validation-failed {
  border-color: #d11e47 !important;
  color: #d11e47;
  border-width: 1px;
  line-height: 21px;
}
.validation-failed:focus,
.validation-error .jcf-select:focus,
.input-text.validation-failed:focus {
  border-color: #d11e47;
  color: #d11e47;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.validation-error .jcf-select:after {
  color: #d11e47;
}
.validation-error .jcf-select ul {
  color: #555;
}
label.required:after,
span.required:after {
  color: #555555;
  font-size: 18px;
}
p.required,
.validation-advice {
  color: #d11e47;
  font-family: 'almonidlaaaregular', Arial, Helvetica, sans-serif;
  font-size: 18px;
  margin: 2px 0 0;
}
select::-ms-expand {
  display: none;
}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  padding: 5px 8px;
  color: #555;
  border: none;
}
.fields .button {
  width: 82px;
  margin-top: 20px;
}
.field {
  margin-top: 10px;
}
.form-horizontal .field > label {
  width: 142px;
  line-height: 34px;
}
.search-mini-form .search-input {
  position: relative;
  display: inline-block;
  margin-top: 7px;
}
.search-mini-form .search-input input {
  width: 402px;
  padding: 9px 13px 10px;
  color: #8b9198;
  background: #dcdddd;
  border: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.search-mini-form .search-input:before {
  content: '';
  top: 1px;
  left: 6px;
  width: 30px;
  height: 35px;
  background: url(../images/search.svg) no-repeat 0 center transparent;
  position: absolute;
  border-right: 1px solid #FFF;
}
.search-mini-form .search-input button {
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
  height: 40px;
  background: transparent;
  border: none;
}
.search-mini-form .search-advance {
  display: block;
  color: #d11e47;
  font-size: 15px;
  line-height: 100%;
  margin-top: 2px;
  text-shadow: 0 0 0;
}
/* select */
body > .jcf-select-drop {
  position: absolute;
  margin: -1px 0 0;
  z-index: 9999;
}
body > .jcf-select-drop.jcf-drop-flipped {
  margin: 1px 0 0;
}
.jcf-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  background-image: none;
  border: 1px solid #c7bebe;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  clear: both;
  cursor: pointer;
  color: #8b9198;
  display: inline-block;
  font-family: inherit;
  font-size: 18px;
  font-weight: normal;
  min-width: 150px;
  line-height: 31px;
  outline: none;
  position: relative;
  transition: all 0.2s ease-in-out;
  vertical-align: top;
  user-select: none;
  white-space: nowrap;
  padding: 1px 0;
  min-height: 25px;
}
.jcf-select:hover {
  border-color: #d8dadd;
}
.jcf-select select {
  z-index: 1;
  left: 0;
  top: 0;
}
.jcf-select .jcf-select-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  display: block;
  padding: 0 35px 0 8px;
}
.jcf-select .jcf-select-text::-moz-selection {
  background: transparent;
}
.jcf-select .jcf-select-text::selection {
  background: transparent;
}
.jcf-select .jcf-select-text:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #000 transparent transparent transparent;
  content: " ";
  display: block;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  left: 6px;
  top: 16px;
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: 66% 66% center;
  -moz-transform-origin: 66% 66% center;
  -ms-transform-origin: 66% 66% center;
  -o-transform-origin: 66% 66% center;
  transform-origin: 66% 66% center;
  -webkit-transform-origin: 66% 66%;
  -moz-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -moz-transition: all 0.15s ease-in-out 0s;
  -ms-transition: all 0.15s ease-in-out 0s;
  -webkit-transition: all 0.15s ease-in-out 0s;
  -o-transition: all 0.15s ease-in-out 0s;
  transition: all 0.15s ease-in-out 0s;
}
.jcf-select .jcf-select-text:after {
  content: "";
  left: 5px;
  top: 1px;
  padding: 0 0 2px;
  border-right: 1px solid #d6dade;
  position: absolute;
  pointer-events: none;
  height: 31px;
  width: 20px;
  text-align: center;
  line-height: 35px;
  cursor: pointer;
}
.jcf-select .jcf-select-opener {
  position: absolute;
  text-align: center;
  width: 26px;
  bottom: 0;
  right: 0;
  top: 0;
}
.jcf-select .jcf-select-drop {
  position: absolute;
  margin-top: 0;
  z-index: 9999;
  top: 100%;
  left: -1px;
  right: -1px;
}
.jcf-select .jcf-drop-flipped {
  bottom: 100%;
  top: auto;
}
.jcf-select.jcf-compact-multiple {
  max-width: 220px;
}
.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
  display: inline-block;
  padding-top: 2px;
  content: '...';
}
.jcf-select.jcf-drop-active .jcf-list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -moz-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  -o-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.jcf-select.jcf-drop-active .jcf-list ul {
  position: relative;
}
.jcf-select.jcf-drop-active .jcf-select-text:before {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 11px;
  left: 2px;
}
.jcf-select-drop.jcf-compact-multiple .jcf-hover {
  background: none;
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected {
  background: #e6e6e6;
  color: #000;
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
  display: inline-block;
  content: '';
  height: 4px;
  width: 8px;
  margin: -7px 5px 0 -3px;
  border: 3px solid #777;
  border-width: 0 0 3px 3px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}
/* multiple select styles */
.jcf-list-box {
  overflow: hidden;
  display: inline-block;
  border: 1px solid #b8c3c9;
  min-width: 200px;
  margin: 0 15px;
}
/* select options styles */
.jcf-list {
  width: 100%;
  max-height: 250px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: -1px 0 0;
  opacity: 0;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-15.5px);
  -moz-transform: scale(0.75) translateY(-15.5px);
  -ms-transform: scale(0.75) translateY(-15.5px);
  -o-transform: scale(0.75) translateY(-15.5px);
  transform: scale(0.75) translateY(-15.5px);
  -moz-transition: all .2s cubic-bezier(0.5, 0, 0, 1.25), opacity .15s ease-out;
  -ms-transition: all .2s cubic-bezier(0.5, 0, 0, 1.25), opacity .15s ease-out;
  -webkit-transition: all .2s cubic-bezier(0.5, 0, 0, 1.25), opacity .15s ease-out;
  -o-transition: all .2s cubic-bezier(0.5, 0, 0, 1.25), opacity .15s ease-out;
  transition: all .2s cubic-bezier(0.5, 0, 0, 1.25), opacity .15s ease-out;
  z-index: 2;
}
.jcf-list:hover .option:not(:hover) {
  background-color: transparent !important;
  color: #404244;
}
.jcf-list .jcf-list-content {
  vertical-align: top;
  display: inline-block;
  overflow: auto;
  width: 100%;
  position: relative;
  z-index: 1;
  background: #FFF;
}
.jcf-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.jcf-list ul li {
  overflow: hidden;
  display: block;
}
.jcf-list .jcf-overflow {
  overflow: auto;
}
.jcf-list .jcf-option {
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  display: block;
  padding: 0 10px;
  color: #656565;
  min-height: 14px;
  height: 1%;
}
.jcf-list .jcf-disabled {
  background: #fff !important;
  color: #aaa !important;
}
.jcf-list .jcf-optgroup-caption {
  white-space: nowrap;
  font-weight: bold;
  display: block;
  padding: 0 10px;
  cursor: default;
  color: #000;
}
.jcf-list .jcf-optgroup .jcf-option {
  padding-left: 30px;
}
.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
  background: #000;
  color: #FFF;
}
[dir='rtl'] .jcf-select {
  text-align: right;
}
[dir='rtl'] .jcf-select .jcf-select-text {
  padding: 0 8px 0 30px;
}
/* common styles */
.jcf-disabled {
  background: #ddd !important;
}
.jcf-fakeinput {
  position: absolute;
  opacity: 0;
  z-index: 1;
  top: 0;
}
.jcf-select-autocomplete.jcf-select {
  border-color: #c7bebe;
  position: relative;
}
.jcf-select-autocomplete.jcf-select .jcf-select-drop {
  top: 0;
}
.jcf-select-autocomplete .jcf-list {
  background: transparent;
  border: none;
}
.jcf-select-autocomplete .jcf-list input[type="text"].jcf-input-search {
  display: block;
  margin: 0 auto;
  padding-right: 8px;
  padding-left: 8px;
}
.jcf-select-autocomplete .jcf-scroll-active {
  margin-top: -1px;
  transform: none !important;
  transition: none !important;
  top: 0;
  border: none;
}
.jcf-select-autocomplete .jcf-scroll-active .jcf-no-result {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 35px;
  width: 100%;
  padding: 0 7px;
  height: 26px;
  background: #FFF;
}
.jcf-select-autocomplete.jcf-select .jcf-select-text {
  padding-left: 8px;
}
.jcf-select-autocomplete.jcf-select .jcf-select-text:after,
.jcf-select-autocomplete.jcf-select .jcf-select-text:before {
  display: none !important;
}
.jcf-select-autocomplete .jcf-scroll-active .jcf-no-result,
.jcf-select-autocomplete .jcf-scroll-active .jcf-list-content {
  visibility: hidden;
  opacity: 0;
  height: 0;
}
.jcf-select-autocomplete .jcf-scroll-active .jcf-no-result.show,
.jcf-select-autocomplete .jcf-scroll-active .jcf-list-content.show {
  visibility: visible;
  opacity: 1;
  height: auto;
}
.es_container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 8px;
  padding-right: 8px;
}
.es_container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 8px;
  padding-right: 8px;
}
.es_row {
  margin-left: -8px;
  margin-right: -8px;
}
.page-header {
  display: table;
  width: 100%;
}
.search-link {
  display: none;
}
.not-logged .search-link {
  display: none;
}
.mobile-nav-link {
  display: none;
}
header {
  padding-top: 11px;
  position: fixed;
  z-index: 12;
  left: 0;
  top: 0;
  background: #FFF;
  width: 100%;
}
header .logo {
  width: 164px;
  margin-bottom: 1px;
}
header .heading-top {
  background: #e5a11e;
  font-size: 16px;
  line-height: 23px;
  font-family: 'Rubik', sans-serif;
  font-weight: bold;
  color: #000;
  text-align: center;
  margin-top: -10px;
  margin-bottom: 11px;
  padding-top: 9px;
  padding-bottom: 8px;
}
header .heading-top .button {
  width: 61px;
  height: 28px;
  float: left;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  line-height: 28px;
  font-size: 14px;
}
header .heading-top .email-change {
  text-decoration: underline;
  color: #000;
}
header .heading-top .email-active-wrapper {
  direction: ltr;
  display: inline-block;
}
header .heading-top .user-email {
  margin-left: 5px;
}
header .heading-main {
  position: relative;
}
.main-content {
  margin-top: 167px;
  min-height: 500px;
}
.has-heading-top .main-content {
  margin-top: 225px;
}
.main-content h1.title,
.forum h1 {
  margin-top: -15px;
}
.main-content .col-main,
.main-content .col-right {
  margin-bottom: 100px;
}
.main-content .col-main {
  float: left;
  width: 69%;
}
.main-content .col-right {
  float: right;
  width: 31%;
  padding-left: 40px;
}
.main-content .col-right > div {
  margin-top: 11px;
}
.main-content .col-right > div:first-child {
  margin-top: 0;
}
.main-content .col-right > img {
  width: 100%;
  height: auto;
}
.main-content .col-right .block-banner a > img,
.main-content .col-right .block-banner > img {
  width: 100%;
  height: auto;
}
.main-content .col-right .block-banner iframe {
  width: 100%;
}
.main-content .col-right .favorites_box .panel-group {
  margin-bottom: 0;
}
.main-content .col-right .favorites_box + .block-links {
  margin-top: 1px;
}
.main-content.layout-2column .col-main {
  width: 100%;
}
.footer-top {
  margin-top: 78px;
}
.footer-top > div {
  float: right;
}
.footer-customer-service {
  width: 298px;
  color: #000;
  text-align: left;
  text-shadow: 0 0 0;
}
.footer-customer-service > a:first-child,
.footer-customer-service > p:first-child {
  font-size: 17px;
  padding-left: 170px;
  display: inline-block;
  vertical-align: top;
  color: #000;
}
.footer-links {
  font-size: 15px;
  width: 702px;
}
.footer-links ul {
  float: right;
  margin-right: 110px;
}
.footer-links ul:first-child {
  margin-right: 0;
}
.footer-links strong {
  font-size: 17px;
  color: #000;
}
.footer-links strong a {
  color: #000;
}
.footer-copyright {
  font-size: 15px;
  color: #000;
  margin: 100px 0 30px;
  text-shadow: 0 0 0;
}
.footer-copyright > div {
  float: left;
}
.footer-copyright > div:first-child {
  float: right;
}
.login_box_home_content {
  width: 315px;
}
.login_box_home_content .error {
  font-size: 14px;
  line-height: 100%;
}
.login_box_home_top input {
  float: left;
}
.login_box_home_top input[type="image"] {
  border: none;
}
.login_box_home_top input[name="pass"],
.login_box_home_top input[name="user_name"] {
  width: 118px;
  border: none;
  background: #dcdddd;
  font-size: 15px;
  padding-top: 9px;
  padding-bottom: 10px;
  border-radius: 10px;
}
.login_box_home_top input[name="pass"] {
  margin-left: 10px;
}
.login_box_home_top input[name="user_name"] {
  margin-left: 10px;
  width: 140px;
}
.login_box_home_bottom {
  float: left;
  width: 162px;
  font-size: 15px;
}
.login_box_home_bottom a {
  display: block;
  color: #d11e47;
}
.login_box_home_bottom .remember_me {
  display: none;
}
.login_box_home input[type="checkbox"] {
  display: inline-block;
  vertical-align: middle;
}
.login_box_home > div {
  float: left;
}
.login_box_home .login-fb a,
.login_box_home .login-fb span {
  display: inline-block;
  vertical-align: top;
}
.login_box_home .login-fb span {
  padding: 0 15px;
  font-size: 14px;
  color: #8b9198;
  line-height: 27px;
}
.login_box_home .login-box-bottom {
  display: none;
}
.login_box_home .login-box-bottom > div {
  text-align: center;
  margin: 0;
  margin-top: 20px;
  clear: both;
}
.login_box_home .login-box-bottom > div a {
  text-decoration: underline;
  font-size: 15px;
}
.overlay:after {
  position: fixed;
  width: 100%;
  height: 100%;
  content: '';
  background: #000;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.25;
}
.login_box_home .login-fb {
  display: none;
}
.login_box_home .btn-popuplogin-wrapper {
  position: relative;
}
.overlay.login_box_home .btn-popuplogin-wrapper {
  z-index: 3;
}
.overlay.login_box_home .popuplogin {
  z-index: 2;
}
.login_box_home .popuplogin .forgot-link {
  float: right;
}
.login_box_home .popuplogin .login-wrapper .forgot-link {
  color: #BFBFBF;
  font-size: 14px;
  margin-top: 0;
  text-decoration: underline;
}
.login_box_home .popuplogin .login-wrapper .login-btn {
  font-size: 17px;
  float: left;
  display: inline-block;
  color: #FFF;
  border: none;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 90px;
  height: 30px;
  line-height: 20px;
  text-align: center;
  background: #d11e47;
}
.login_box_home .login-box-bottom .section-or {
  display: none;
  background: #6880a9;
  color: #FFF;
  margin: 10px auto 0;
  font-size: 14px;
  line-height: 24px;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.base-item-header,
.search-link,
.login_box .user-asimon,
.login_box .user-image,
.login_box .user-messages {
  position: relative;
  background: #2d2e2e;
  margin-right: 10px;
  float: left;
  width: 39px;
  height: 39px;
  line-height: 41px;
  vertical-align: top;
  text-align: center;
  -webkit-border-radius: 39px;
  -moz-border-radius: 39px;
  border-radius: 39px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.base-icon-header,
.search-link,
.login_box .user-asimon,
.login_box .user-messages {
  font-size: 24px;
  color: #FFF;
}
.search-link:before {
  font-size: 29px;
  color: #d11e47;
}
.login_box {
  margin-top: 6px;
  float: left;
}
.login_box .user-image {
  background: none;
  position: relative;
}
.login_box .user-image img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 39px;
  -moz-border-radius: 39px;
  border-radius: 39px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.login_box .user-image .user-popup {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 3;
  width: 150px;
  padding-top: 14px;
  display: inline-block;
  display: none;
  line-height: 100%;
}
.login_box .user-image .user-popup-wrapper {
  display: inline-block;
  background: rgba(0, 0, 0, 0.9);
  padding: 0 5px 5px;
  text-shadow: 0 0 0;
}
.login_box .user-image .user-popup-wrapper > span {
  text-align: right;
  display: inline-block;
  width: 100%;
  line-height: 21px;
  color: #FFF;
}
.login_box .user-image .user-popup a {
  width: 100%;
  display: inline-block;
  background: #dcdddd;
  border-top: 1px solid #c4baba;
  padding: 5px;
  line-height: 20px;
  font-size: 15px;
  text-align: right;
  text-shadow: 0 0 0;
}
.login_box .user-image .user-popup a:first-child {
  border-top: none;
}
.login_box .user-image:hover .user-popup {
  display: block;
}
.login_box .user-greet {
  display: none;
}
.login_box .new-asimon,
.login_box .new-messages {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #FFF;
  font-size: 16px;
  line-height: 15px;
  min-width: 28px;
  height: 15px;
  background: #d11e47;
  position: absolute;
  bottom: -7px;
  right: -10px;
  text-align: center;
}
.block-links ul li {
  margin-top: 1px;
  min-height: 44px;
  background: #dcdddd;
  box-shadow: 0 1px 1px #FFF;
}
.block-links ul li:first-child {
  margin-top: 0;
}
.block-links ul li.mail-volume,
.block-links ul li.delete-link {
  padding: 8px 10px;
}
.block-links ul li.mail-volume > a,
.block-links ul li.delete-link > a {
  display: inline;
  padding: 0;
}
.block-links ul li > a {
  display: block;
  padding: 8px 10px;
}
.block-links ul li > a:first-child {
  margin-top: 0;
}
.block-links ul li > a:hover {
  background: #cec4c4;
}
.block-links ul li.active > a {
  background: #cec4c4;
}
.block-links .block-content:before {
  content: '';
  height: 1px;
  border-top: 1px solid #FFF;
  display: block;
}
.block-links .block-content-top {
  padding: 0 10px 10px;
}
.block-links .block-content-top > div {
  margin-top: 10px;
}
.block-links .block-content-top a {
  color: #3f4246;
  font-size: 15px;
  line-height: 15px;
}
.block-links .block-content-top a > span {
  position: relative;
  bottom: -7px;
}
.block-links .block-content-top span {
  display: inline-block;
}
.block-links .block-content-top [class*='user-status-'] {
  margin-top: 0;
}
.block-links .block-content-top img {
  display: inline-block;
  margin-left: 7px;
  vertical-align: bottom;
  width: 41px;
  height: 41px;
}
.block-links .block-content-bottom {
  background: #c4c5c5;
  text-align: left;
  padding: 0 10px;
  font-size: 15px;
  margin-bottom: -1px;
}
.block-links [class*="code-"]:before {
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #d11e47;
  right: 5px;
  top: 10px;
  background: #FFF;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.block-links .code-love:before {
  line-height: 27px;
}
.block-links > .panel-group {
  margin-top: 20px;
}
.block-links > .panel-group:first-child {
  margin-top: 0;
}
.block-links > .panel-group > .panel > .panel-heading > a {
  background: #d11e47;
  color: #FFF;
  font-size: 21px;
}
.block-links > .panel-group > .panel > .panel-heading.has-item.active:before {
  transform: rotate(90deg);
  top: 21px;
  left: 13px;
}
.block-links > .panel-group > .panel > .panel-heading.has-item:before {
  color: #FFF;
  font-size: 9px;
  left: 19px;
  top: 19px;
}
.block-links .panel-group .loading:after {
  width: 50px;
  height: 50px;
}
.block-links .panel-group .panel {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0;
}
.block-links .panel-group .panel-title {
  padding: 8px 10px 9px;
  display: block;
  width: 100%;
  position: relative;
}
.block-links .panel-group .panel-title:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.block-links .panel-group .asimon-section {
  z-index: 11;
}
.block-links .panel-group .asimon-section .code-asimon {
  padding: 4px 10px 4px;
}
.block-links .panel-group .asimon-section .code-asimon span {
  width: 125px;
  display: inline-block;
  line-height: 100%;
  vertical-align: middle;
}
.block-links .panel-group .asimon-section .field-tooltip-content {
  position: absolute;
  width: 100%;
  height: 274px;
  line-height: 100%;
  color: #FFF;
  background: rgba(45, 46, 46, 0.95);
  padding: 20px 40px;
  text-align: center;
  top: 100%;
  right: 0;
  transform: translateY(17px);
}
.block-links .panel-group .asimon-section .field-tooltip-content span {
  font-size: 24px;
}
.block-links .panel-group .asimon-section .field-tooltip-content img {
  display: block;
  margin: 0 auto 20px;
}
.block-links .panel-group .asimon-section .field-tooltip-content:before {
  content: '';
  position: absolute;
  top: -15px;
  left: 30px;
  transform: translateX(-50%);
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 16px 15px;
  border-color: transparent transparent #353636 transparent;
}
.block-links .panel-group .asimon-section .field-tooltip {
  position: absolute;
  bottom: 3px;
  left: 10px;
  color: #d11e47;
  line-height: 100%;
  width: auto;
  display: inline-block;
  border-bottom: 1px solid #d11e47;
  z-index: 2;
  cursor: pointer;
}
.block-links .panel-group .asimon-section .tooltip-close {
  position: absolute;
  top: 2px;
  left: 2px;
}
.block-links .panel-group .asimon-section .tooltip-close.code-cancel:before {
  background: none;
  color: #FFF;
}
.block-links .panel-heading {
  background: none;
  border: none;
  padding: 0;
  position: relative;
  z-index: 0;
}
.block-links .panel-heading.has-item:before {
  position: absolute;
  top: 16px;
  left: 6px;
  font-size: 12px;
  z-index: 2;
}
.block-links .mail-setting label {
  float: left;
  width: 87%;
}
.block-links .mail-setting .jcf-checkbox {
  float: right;
  margin-top: 5px;
}
.block-links .mail-setting .field {
  margin-top: 0;
  padding-top: 10px;
}
.col-main .panel-group {
  padding-top: 32px;
  position: relative;
}
.col-main .panel-group .es_row {
  margin-top: -10px;
}
.col-main .panel-group .es_row img {
  width: auto;
}
.col-main .panel-group .panel-heading {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: 32px;
  text-align: center;
  background: #FFF;
  border: 1px solid #dcdddd;
  padding: 0 10px;
  text-shadow: 0 0 0;
}
.col-main .panel-group .panel-heading a {
  position: relative;
  bottom: -2px;
}
.col-main .panel-group .panel-heading.active {
  background: #dcdddd;
}
.col-main .panel-group .panel-heading.active:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.col-main .panel-group .panel-heading.active .panel-title {
  position: relative;
  z-index: 0;
}
.col-main .panel-group .panel-body {
  padding: 10px;
  border: none;
  background: #dcdddd;
  position: relative;
}
.col-main .panel-group .loading:before {
  top: -15px;
  left: 0 ;
  height: calc(100% + 15px);
}
.col-main .panel-group .sortby {
  position: absolute;
  left: 0;
  top: -31px;
}
.col-main .panel-group .sortby > a {
  display: inline-block;
  width: 27px;
  height: 27px;
  background: #dcdddd;
  text-align: center;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  border-radius: 27px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.col-main .panel-group .sortby > a:before {
  color: #444;
}
.col-main .panel-group .sortby > a.active {
  background: #2d2e2e;
}
.col-main .panel-group .sortby > a.active:before {
  color: #FFF;
}
.col-main .panel-group .panel .title-active {
  display: none;
}
.col-main .panel-group .panel .user-items .no-result {
  min-height: 220px;
  padding-top: 20px;
}
.col-main .panel-group .panel.filter-active .title-active {
  display: block;
  letter-spacing: -0.4px;
}
.col-main .panel-group .panel.filter-active .title-active:before {
  font-size: 16px;
  margin-right: -8px;
  margin-left: 0;
}
.col-main .panel-group .panel.filter-active .title-default {
  display: none;
}
.col-main .panel-group .filter {
  background: #dcdddd;
  position: absolute;
  z-index: 4;
  top: -52px;
  left: 0;
  width: 100%;
  height: 37px;
  text-align: center;
  font-size: 15px;
}
.col-main .panel-group .filter.opened .filter-action {
  width: 95px;
}
.col-main .panel-group .filter .filter-action {
  background: #2d2e2e;
  color: #FFF;
  font-size: 19px;
  width: 95px;
  height: 25px;
  line-height: 21px;
  margin-top: 5px;
  display: inline-block;
  position: relative;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.col-main .panel-group .filter .filter-action:after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #2d2e2e transparent transparent transparent;
}
.col-main .panel-group .filter .filter-close {
  position: absolute;
  top: 0;
  left: 0;
}
.col-main .panel-group .filter .fields {
  position: absolute;
  top: 37px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  z-index: 2;
  color: #FFF;
  padding: 7px 15px 12px;
  display: none;
}
.col-main .panel-group .filter .fields .field {
  text-align: right;
}
.col-main .panel-group .filter .fields button {
  margin-top: 25px;
  float: none;
  height: 25px;
  line-height: 25px;
  width: 87px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.col-main .panel-group .filter .fields .filter-clear {
  color: #FFF;
  text-decoration: underline;
  margin-right: 10px;
  font-size: 15px;
  background: none;
  border: none;
}
.col-main .panel-group .filter .form-horizontal .field > label {
  width: 100px;
  line-height: 33px;
}
.col-main .panel-group .filter .field > div > * {
  display: inline-block;
  vertical-align: middle;
}
.col-main .panel-group .filter select[name="search_area"] + .jcf-select {
  width: 191px;
  margin-right: 16px;
}
.col-main .panel-group .filter select[name="search_height_1"] + .jcf-select,
.col-main .panel-group .filter select[name="search_height_2"] + .jcf-select,
.col-main .panel-group .filter select[name="search_age_1"] + .jcf-select,
.col-main .panel-group .filter select[name="search_age_2"] + .jcf-select {
  width: 77px;
  min-width: 77px;
  margin-left: 10px;
}
.col-main .panel-group .filter .checkbox-item,
.col-main .panel-group .filter .radio-item {
  width: 60px;
  margin-right: 16px;
}
.col-main .panel-group .filter .checkbox-item .jcf-radio,
.col-main .panel-group .filter .radio-item .jcf-radio {
  margin-left: 5px;
}
.col-main .panel-group .filter .checkbox-item .jcf-checkbox,
.col-main .panel-group .filter .radio-item .jcf-checkbox {
  margin-left: 5px;
}
.col-main .panel-group .filter .checkbox-item + .radio-item,
.col-main .panel-group .filter .radio-item + .radio-item {
  margin-right: 0;
}
.col-main .panel-group .filter .checkbox-item + .checkbox-item,
.col-main .panel-group .filter .radio-item + .checkbox-item {
  margin-right: 0;
}
.col-main .panel-group .user-image img {
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
}
.col-main .panel-group .user-normal {
  background: #FFF;
  padding: 0 5px;
}
.col-main .panel-group .user-normal a {
  line-height: 14.5px;
}
.col-main .panel-group .user-normal a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.col-main .panel-group .paid-member > * {
  display: inline-block;
  font-size: 15px;
  line-height: 27px;
  vertical-align: top;
}
.col-main .panel-group .paid-member .code-write {
  position: relative;
  z-index: 2;
}
.col-main .panel-group .actions {
  position: relative;
  z-index: 2;
}
.col-main .panel-group .actions > span,
.col-main .panel-group .actions > img,
.col-main .panel-group .actions > a {
  margin: 0 3px;
}
.col-main .panel-group .user-item {
  margin-top: 10px;
}
.col-main .panel-group .user-item-content {
  position: relative;
  background: #FFF;
}
.col-main .panel-group .grid .es_row {
  margin-top: -15px;
}
.col-main .panel-group .grid .paging {
  z-index: 3;
  font-size: 20px;
}
.col-main .panel-group .grid .paging a {
  margin: 0 1px;
}
.col-main .panel-group .grid .paging,
.col-main .panel-group .grid .user-item {
  margin-top: 15px;
}
.col-main .panel-group .grid .user-info {
  display: none;
  position: absolute;
  bottom: 48px;
  left: 0;
  width: 100%;
  padding: 5px 5px 0;
  background-color: rgba(255, 255, 255, 0.9);
}
.col-main .panel-group .grid .user-image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 155px;
}
.col-main .panel-group .grid .user-image img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  max-width: none;
}
.col-main .panel-group .grid .user-image img[src*="/photo_men_default_b.gif"],
.col-main .panel-group .grid .user-image img[src*="/photo_women_default_b.gif"] {
  width: 100%;
  left: 0;
  transform: none;
}
.col-main .panel-group .grid .user-item:hover .user-info {
  display: block;
}
.col-main .panel-group .grid .user-subscription {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 19px;
  background: #000;
  color: #FFF;
  text-align: center;
  font-size: 13px;
  line-height: 100%;
  padding: 2px 0 4px;
  left: 0;
  bottom: 29px;
}
.col-main .panel-group .grid .user-subscription.subscribed {
  background: #d11e47;
}
.col-main .panel-group .grid .user-normal a,
.col-main .panel-group .grid .user-normal span {
  display: block;
}
.col-main .panel-group .grid .user-normal a {
  height: 29px;
  font-size: 16px;
}
.col-main .panel-group .grid .shorten-text {
  font-size: 16px;
  line-height: 1em;
  height: 4em;
  overflow: hidden;
}
.col-main .panel-group .grid .paid-member {
  color: #d11e47;
  font-size: 15px;
  text-align: left;
  margin-top: 3px;
  line-height: 100%;
}
.col-main .panel-group .grid .paid-member [class*="code-"]:before {
  color: #d11e47;
  position: relative;
  top: -2px;
}
.col-main .panel-group .grid .paid-member .code-write span {
  display: none;
}
.col-main .panel-group .grid .paid-member > * {
  margin-right: 10px;
}
.col-main .panel-group .grid .actions {
  display: none;
}
.col-main .panel-group .list img {
  width: auto;
}
.col-main .panel-group .list [class*="es_col"] {
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
.col-main .panel-group .list .paging {
  margin-top: 10px;
}
.col-main .panel-group .list .user-item-content {
  overflow: hidden;
  padding: 10px;
  background: #FFF;
}
.col-main .panel-group .list .user-normal .user_title {
  font-size: 21px;
}
.col-main .panel-group .list .user-info,
.col-main .panel-group .list .user-image {
  display: inline-block;
}
.col-main .panel-group .list .user-image {
  float: right;
  margin-left: 10px;
}
.col-main .panel-group .list .user-image img {
  width: 100px;
  height: 100px;
}
.col-main .panel-group .list .user-info {
  display: block;
  width: 100%;
  padding-right: 110px;
  margin-top: 0;
  padding-left: 20px;
}
.col-main .panel-group .list .shorten-text {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 17px;
  height: 2em;
  overflow: hidden;
}
.col-main .panel-group .list .user-subscription {
  bottom: 0;
  width: 100%;
  height: 19px;
  background: #000;
  color: #FFF;
  line-height: 100%;
  padding: 2px 0 4px;
  position: absolute;
  top: 14px;
  left: -27px;
  bottom: inherit;
  text-align: center;
  width: 100px;
  font-size: 13px;
  transform: rotate(-45deg);
}
.col-main .panel-group .list .user-subscription.subscribed {
  background: #d11e47;
}
.col-main .panel-group .list .paid-member,
.col-main .panel-group .list .actions {
  position: relative;
  bottom: -5px;
}
.col-main .panel-group .list .paid-member {
  float: left;
  color: #d11e47;
  margin-left: -20px;
}
.col-main .panel-group .list .paid-member [class*="code-"]:before {
  color: #d11e47;
}
.col-main .panel-group .list .paid-member .code-write span {
  display: none;
}
.col-main .panel-group .list .actions {
  float: right;
}
.col-main .panel-group .list .actions > *:first-child {
  margin-right: 0;
}
.index.not-logged header {
  padding-bottom: 8px;
  background: transparent;
}
.index .main-top .home-banner img {
  margin: 0 auto;
  height: auto;
  width: 100%;
  max-width: 100%;
}
.home-content-title {
  font-size: 26px;
  color: #1f2225;
  line-height: 24px;
  padding-top: 29px;
  padding-bottom: 20px;
  position: relative;
}
.home-content-title:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: url(../images/border-bg.png) repeat-x 0 0 transparent;
}
.home-content-title h1,
.home-content-title strong {
  font-size: 35px;
  font-family: 'almonidlaaabold', Arial, Helvetica, sans-serif;
  color: #d11e47;
  display: block;
  margin-bottom: 5px;
}
.home-content-title h2,
.home-content-title p {
  font-size: 21px;
  text-shadow: 0 0 0;
}
.home-content-box {
  position: absolute;
  top: 105px;
  left: 0;
  width: 372px;
  text-align: center;
}
.home-content-box:before {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #5e5e5e;
  -webkit-opacity: 0.15;
  -moz-opacity: 0.15;
  opacity: 0.15;
  z-index: 0;
}
.home-content-box:after {
  content: '';
  position: absolute;
  right: -18px;
  top: 29px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 0 17px 18px;
  border-color: transparent transparent transparent #5e5e5e;
  -webkit-opacity: 0.15;
  -moz-opacity: 0.15;
  opacity: 0.15;
}
.home-content-box > .home-content-title,
.home-content-box > .home-signup,
.home-content-box > .quick_search_home {
  position: relative;
}
.home-content-box .quick_search_home {
  padding: 10px 10px 0 10px;
}
.home-content-box .quick_search_home:before,
.home-content-box .quick_search_home:after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: url(../images/border-bg.png) repeat-x 0 0 transparent;
}
.home-content-box .quick_search_home:before {
  top: 10px;
}
.home-content-box .quick_search_home:after {
  bottom: 54px;
}
.home-content-box div.quick_search_input select::-ms-expand {
  display: none;
}
.home-content-box div.quick_search_input select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.home-content-box div.quick_search_input .jcf-select {
  background: #FFF;
  margin-top: 13px;
  line-height: 35px;
  width: 352px;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
  border: none;
}
.home-content-box div.quick_search_input .jcf-select span:before {
  border-width: 13px 9px 0 9px;
  left: 10px;
  top: 17px;
}
.home-content-box div.quick_search_input .jcf-select .jcf-select-text:after {
  height: 34px;
  width: 30px;
}
.home-content-box div.quick_search_input .jcf-select.jcf-drop-active .jcf-select-text:before {
  left: 4px;
  top: 10px;
}
.home-content-box select.quick_search_input {
  width: 100%;
  height: 37px;
  border: none;
  background: transparent;
  padding: 5px 8px;
  color: #8b9198;
}
.home-content-box button,
.home-content-box a {
  color: #FFF;
  display: inline-block;
  width: calc(100% - 6px);
  border-radius: 10px;
  border: none;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
  line-height: 100%;
  padding: 8px 0 12px;
  font-size: 24px;
  margin: 0 auto;
}
.home-content-box button {
  margin-top: 20px;
}
.home-content-box .home-signup {
  margin-top: 45px;
  padding: 0 10px;
}
.home-content-box .home-signup a {
  background: #2d2e2e;
}
.home-content-box .login-fb {
  padding: 0 10px 76px;
  position: relative;
}
.home-content-box .login-fb p {
  display: inline-block;
  background: #6880a9;
  color: #FFF;
  margin: 15px 0 16px;
  font-size: 14px;
  line-height: 23px;
  width: 23px;
  height: 23px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.home-content-box .login-fb a {
  background: #3b5999;
  padding-top: 0;
  padding-bottom: 0;
}
.home-content-box .login-fb a img {
  display: inline-block;
  vertical-align: top;
}
.not-logged .home-content-box .fb-login-link,
.not-logged .home-content-box .signup-link {
  color: #FFF;
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  line-height: 100%;
  padding: 11px 0 11px;
  font-size: 20px;
  margin: 0 auto;
  width: 100%;
  height: 42px;
  text-align: center;
  box-shadow: none;
  font-family: 'almonidlaaabold', Arial, Helvetica, sans-serif;
}
.not-logged .home-content-box .signup-link {
  display: block;
  margin: 0 auto;
  margin-top: 10px;
  background: #d11e47;
}
.not-logged .home-content-box .fb-login-link {
  display: inline-block;
  background: #4064ad;
}
.not-logged .home-content-box .fb-login-link img {
  display: inline-block;
  vertical-align: top;
  width: 12px;
  height: 22px;
  margin-left: 12px;
}
.main-bottom {
  background: #2d2e2e;
  position: relative;
  z-index: 1;
}
.main-bottom:before {
  content: '';
  position: absolute;
  left: 0;
  top: -35px;
  width: 100%;
  height: 35px;
  background: url(../images/nav-bg.png) repeat-x 0 0 transparent;
  transform: rotateX(180deg);
}
.home-content-info {
  color: #d11e47;
  font-size: 32px;
  line-height: 56px;
}
.home-content-info span {
  color: #FFF;
}
.main-bottom-content {
  font-size: 21px;
  line-height: 100%;
  color: #1f2225;
  margin-top: 10px;
}
.main-bottom-content .title {
  font-family: 'almonidlaaabold', Arial, Helvetica, sans-serif;
}
.main-bottom-content .bottom-wrapper {
  text-align: center;
  margin-top: 50px;
}
.main-bottom-content .bottom-wrapper span {
  font-size: 25px;
  font-family: 'almonidlaaabold', Arial, Helvetica, sans-serif;
  display: inline-block;
  margin-bottom: 13px;
}
.main-bottom-content .bottom-wrapper a {
  color: #FFF;
  width: 352px;
  height: 50px;
  line-height: 47px;
  display: inline-block;
  background: #d11e47;
  font-size: 24px;
  border-radius: 10px;
}
.main-bottom-content-top img {
  float: right;
  margin-left: 20px;
}
.main-bottom-content-top > div {
  margin-top: 20px;
}
.main-bottom-content-top .title {
  display: inline-block;
  margin-top: 55px;
  color: #d11e47;
}
.main-bottom-content-top .align-l {
  padding-right: 42px;
}
.main-bottom-content-top .align-l img {
  float: left;
  margin-right: 20px;
  margin-left: 0;
}
.main-bottom-content-middle {
  background: #2d2e2e;
  text-align: center;
  color: #FFF;
  padding: 33px 0 33px;
  margin-top: 50px;
}
.main-bottom-content-middle .title {
  font-size: 28px;
}
.main-bottom-content-middle .content {
  padding: 0 90px;
  margin-top: 6px;
}
.main-bottom-content-bot {
  text-align: center;
  margin-top: 35px;
}
.main-bottom-content-bot .title {
  font-size: 25px;
  color: #1f2225;
}
.main-bottom-content-bot .whyjoin {
  width: 195px;
  padding: 50px 0 0;
  margin: 0 40px;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  text-shadow: 0 0 0;
  vertical-align: top;
}
.main-bottom-content-bot .whyjoin img {
  display: inline-block;
  margin-bottom: 12px;
}
.index .col-main .panel-group {
  padding-top: 83px;
  margin-top: 17px;
}
.index .col-main .panel-group .panel-heading {
  width: 130px;
  padding: 0;
}
.index .col-main .panel-group .sortby {
  top: -82px;
}
.index .col-main .panel-group .panel:nth-child(2) .panel-heading {
  right: 140px;
}
.index .col-main .panel-group .panel:nth-child(3) .panel-heading {
  right: 280px;
}
.index .col-main .panel-group .grid .user-subscription {
  position: static;
}
.index .col-main .panel-group .list .user-normal {
  margin-top: -4px;
}
.catalog-category-view .list-tiles {
  margin-left: -8px;
  margin-right: -8px;
}
.catalog-category-view .list-tiles .item-tile {
  float: right;
  width: 50%;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  min-height: 1px;
  box-sizing: border-box;
}
.catalog-category-view .list-tiles .item-tile:first-child {
  float: right;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  min-height: 1px;
  box-sizing: border-box;
}
.easy-grid-items {
  margin-left: -8px;
  margin-right: -8px;
}
.easy-grid-item {
  float: right;
  width: 50%;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  min-height: 1px;
  box-sizing: border-box;
}
.signup .title,
.my_profile .title {
  color: #1f2225;
}
.signup .title span,
.my_profile .title span {
  color: #d11e47;
}
.signup h2,
.my_profile h2 {
  font-family: 'almonidlaaabold', Arial, Helvetica, sans-serif;
  font-size: 28px;
}
.signup .main-content .col-main,
.my_profile .main-content .col-main {
  float: none;
  margin: 0 auto;
}
.signup .tab-wrapper > div,
.my_profile .tab-wrapper > div {
  position: relative;
}
.signup .tab-wrapper > div > div > span,
.signup .tab-wrapper > div > div > a,
.my_profile .tab-wrapper > div > div > span,
.my_profile .tab-wrapper > div > div > a {
  width: 100%;
  height: 31px;
  text-align: center;
  border: 1px solid #dcdddd;
  border-bottom: none;
  color: #2d2e2e;
  display: inline-block;
  max-width: 100%;
}
.signup .tab-wrapper > div > div a.active,
.signup .tab-wrapper > div > div.active a,
.my_profile .tab-wrapper > div > div a.active,
.my_profile .tab-wrapper > div > div.active a {
  background: #dcdddd;
}
.signup .tab-content,
.my_profile .tab-content {
  background: #dcdddd;
  padding: 20px 10px 10px 11px;
}
.signup .tab-content input[type="text"],
.signup .tab-content select,
.signup .tab-content .jcf-select,
.signup .tab-content .text_input,
.prefs input,
.my_profile .tab-content input[type="text"],
.my_profile .tab-content select,
.my_profile .tab-content .jcf-select,
.my_profile .tab-content .text_input {
  width: 100%;
  color: #8b9198;
}
.signup .tab-content textarea,
.my_profile .tab-content textarea {
  padding: 0 8px;
  line-height: 1.2;
}
.signup .tab-content .tags,
.signup .tab-content .tag-note,
.my_profile .tab-content .tags,
.my_profile .tab-content .tag-note {
  font-size: 16px;
  line-height: 1.2;
  color: #1f2225;
}
.signup .tab-content .group-2col textarea,
.my_profile .tab-content .group-2col textarea {
  width: 100%;
  height: 45px;
}
.signup .tab-content .group-2col .tags,
.my_profile .tab-content .group-2col .tags {
  color: #3f4246;
}
.signup .tab-content input[type="text"][name="biluy_aher"],
.my_profile .tab-content input[type="text"][name="biluy_aher"] {
  width: 149px;
}
.signup .tab-content .text_input[name="email"]::-moz-placeholder,
.prefs input[name="email"]::-moz-placeholder,
.my_profile .tab-content .text_input[name="email"]::-moz-placeholder {
  text-align: right;
}
.signup .tab-content .text_input[name="email"]::-webkit-input-placeholder,
.prefs input[name="email"]::-webkit-input-placeholder,
.my_profile .tab-content .text_input[name="email"]::-webkit-input-placeholder {
  text-align: right;
}
.signup .tab-content .text_input[name="email"]:-ms-input-placeholder,
.prefs input[name="email"]:-ms-input-placeholder,
.my_profile .tab-content .text_input[name="email"]:-ms-input-placeholder {
  text-align: right;
}
.signup .tab-content img[src*="locked.svg"],
.my_profile .tab-content img[src*="locked.svg"] {
  margin-right: 3px;
}
.signup .tab-content .field.dob .jcf-select.jcf-unselectable,
.my_profile .tab-content .field.dob .jcf-select.jcf-unselectable {
  width: 32%;
  min-width: 32%;
  margin-right: 2%;
}
.signup .tab-content .field.dob .jcf-select.jcf-unselectable:first-child,
.my_profile .tab-content .field.dob .jcf-select.jcf-unselectable:first-child {
  margin-right: 0;
}
.signup .tab-content .field.dob [name="dob_y"] + .jcf-select.jcf-unselectable,
.my_profile .tab-content .field.dob [name="dob_y"] + .jcf-select.jcf-unselectable {
  margin-right: 0;
}
.signup .tab-content .field.dob .date-wrapper,
.my_profile .tab-content .field.dob .date-wrapper {
  position: relative;
  width: 100%;
}
.signup .tab-content .field.dob .date-wrapper.date-active [name="dob"],
.my_profile .tab-content .field.dob .date-wrapper.date-active [name="dob"] {
  opacity: 1;
}
.signup .tab-content .field.dob .date-wrapper.date-active span,
.my_profile .tab-content .field.dob .date-wrapper.date-active span {
  display: none;
}
.signup .tab-content .field.dob [name="dob"],
.my_profile .tab-content .field.dob [name="dob"] {
  -webkit-appearance: none;
  text-align: right;
  opacity: 0;
  position: relative;
  z-index: 1;
  padding-right: 0;
  text-indent: -8px;
}
.signup .tab-content .field.dob [name="dob"]::-webkit-clear-button,
.signup .tab-content .field.dob [name="dob"]::-webkit-inner-spin-button,
.signup .tab-content .field.dob [name="dob"]::-webkit-calendar-picker-indicator,
.my_profile .tab-content .field.dob [name="dob"]::-webkit-clear-button,
.my_profile .tab-content .field.dob [name="dob"]::-webkit-inner-spin-button,
.my_profile .tab-content .field.dob [name="dob"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.signup .tab-content .field.dob [name="dob"] ~ span,
.my_profile .tab-content .field.dob [name="dob"] ~ span {
  position: absolute;
  width: 100%;
  height: 42px;
  top: 0;
  right: 0;
  padding: 6px 10px 8px 10px;
  color: #8b9198;
  font-size: 18px;
  background: #FFF;
  border-radius: 10px;
  border: 1px solid #c7bebe;
  z-index: 0;
}
.signup .tab-content .field.dob [name="dob"]:focus,
.my_profile .tab-content .field.dob [name="dob"]:focus {
  opacity: 1;
}
.signup .tab-content .field.dob [name="dob"]:focus ~ span,
.my_profile .tab-content .field.dob [name="dob"]:focus ~ span {
  display: none;
}
.signup .tab-content .field.height > div,
.signup .tab-content .field.age > div,
.my_profile .tab-content .field.height > div,
.my_profile .tab-content .field.age > div {
  white-space: nowrap;
}
.signup .tab-content .field.height .jcf-select.jcf-unselectable,
.signup .tab-content .field.age .jcf-select.jcf-unselectable,
.my_profile .tab-content .field.height .jcf-select.jcf-unselectable,
.my_profile .tab-content .field.age .jcf-select.jcf-unselectable {
  width: 48%;
  min-width: 48%;
  margin-right: 4%;
}
.signup .tab-content .field.height .jcf-select.jcf-unselectable:first-child,
.signup .tab-content .field.age .jcf-select.jcf-unselectable:first-child,
.my_profile .tab-content .field.height .jcf-select.jcf-unselectable:first-child,
.my_profile .tab-content .field.age .jcf-select.jcf-unselectable:first-child {
  margin-right: 0;
}
.signup .tab-content .field.height [name="search_age_1"] + .jcf-select.jcf-unselectable,
.signup .tab-content .field.age [name="search_age_1"] + .jcf-select.jcf-unselectable,
.signup .tab-content .field.height [name="search_height_1"] + .jcf-select.jcf-unselectable,
.signup .tab-content .field.age [name="search_height_1"] + .jcf-select.jcf-unselectable,
.my_profile .tab-content .field.height [name="search_age_1"] + .jcf-select.jcf-unselectable,
.my_profile .tab-content .field.age [name="search_age_1"] + .jcf-select.jcf-unselectable,
.my_profile .tab-content .field.height [name="search_height_1"] + .jcf-select.jcf-unselectable,
.my_profile .tab-content .field.age [name="search_height_1"] + .jcf-select.jcf-unselectable {
  margin-right: 0;
}
.signup .tab-content img,
.my_profile .tab-content img {
  display: inline-block;
  vertical-align: middle;
}
.signup .tab-content label,
.my_profile .tab-content label {
  color: #1f2225;
}
.signup .tab-content .fields,
.my_profile .tab-content .fields {
  padding-left: 0;
}
.signup .tab-content .field,
.my_profile .tab-content .field {
  margin-top: 10px;
}
.signup .tab-content .field > div > *,
.my_profile .tab-content .field > div > * {
  display: inline-block;
  vertical-align: top;
}
.signup .tab-content .field-tooltip,
.my_profile .tab-content .field-tooltip {
  position: relative;
  display: inline-block;
}
.signup .tab-content .field-tooltip span,
.my_profile .tab-content .field-tooltip span {
  top: -3px !important;
}
.signup .tab-content .field-tooltip:hover span,
.my_profile .tab-content .field-tooltip:hover span {
  visibility: visible;
}
.signup .tab-content .btn-next-step,
.my_profile .tab-content .btn-next-step {
  direction: ltr;
}
.signup .tab-content .btn-next-step span,
.my_profile .tab-content .btn-next-step span {
  position: relative;
  bottom: 1px;
  left: 10px;
  display: inline-block;
  line-height: 100%;
}
.signup .tab-content .btn-next-step span:before,
.my_profile .tab-content .btn-next-step span:before {
  font-size: 22px;
  position: absolute;
  bottom: -3px;
  left: -5px;
  transform: translate(-100%);
}
.signup .tab-content textarea[name="about_me"],
.my_profile .tab-content textarea[name="about_me"] {
  width: 456px;
  height: 95px;
}
.signup .tab-content textarea[name="looking_for"],
.my_profile .tab-content textarea[name="looking_for"] {
  height: 52px;
}
.signup .tab-content textarea[name="tag_interest_str"],
.my_profile .tab-content textarea[name="tag_interest_str"] {
  width: 100%;
  height: 45px;
}
.signup .tab-content .tab-content-bottom,
.my_profile .tab-content .tab-content-bottom {
  margin-top: 30px;
  overflow: hidden;
}
.signup .tab-gallery > span,
.my_profile .tab-gallery > span {
  color: #1f2225;
  margin-bottom: 20px;
  display: block;
  margin-top: -10px;
}
.signup .tab-gallery .gallery-inform,
.my_profile .tab-gallery .gallery-inform {
  border: none;
}
.signup .tab-gallery form > div + div,
.my_profile .tab-gallery form > div + div {
  margin-top: 40px;
}
.signup .tab-gallery form > div > div,
.my_profile .tab-gallery form > div > div {
  width: 50%;
  float: right;
}
.signup .tab-gallery form .link-terms,
.my_profile .tab-gallery form .link-terms {
  color: #d11e47;
  text-decoration: underline;
}
.signup .tab-gallery form input[type="file"],
.my_profile .tab-gallery form input[type="file"] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.signup .tab-gallery form label,
.my_profile .tab-gallery form label {
  min-width: 86px;
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  padding: 0 5px;
  min-height: 24px;
  line-height: 22px;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #1f2225;
  background-color: #c4bbbb;
  display: inline-block;
  cursor: pointer;
  margin-top: 10px;
  margin-right: 10px;
}
.signup .tab-gallery form .gallery-img label:hover,
.signup .tab-gallery form input[type="file"]:focus + label,
.signup .tab-gallery form input[type="file"] + label:hover,
.my_profile .tab-gallery form .gallery-img label:hover,
.my_profile .tab-gallery form input[type="file"]:focus + label,
.my_profile .tab-gallery form input[type="file"] + label:hover {
  background-color: #b8adad;
}
.signup .tab-gallery form .gallery-img-upload img,
.my_profile .tab-gallery form .gallery-img-upload img {
  width: 100px;
  height: 100px;
}
.signup .tab-gallery form .gallery-note,
.my_profile .tab-gallery form .gallery-note {
  color: #8b9198;
  line-height: 1;
  clear: both;
  margin-top: 5px;
  font-size: 16px;
}
.signup .tab-gallery form .tab-content-bottom,
.my_profile .tab-gallery form .tab-content-bottom {
  margin-top: 190px;
  padding-left: 0;
  color: #3f4246;
}
.signup .tab-gallery form .tab-content-bottom > div:first-child,
.my_profile .tab-gallery form .tab-content-bottom > div:first-child {
  position: relative;
}
.create_pass,
.forgot_pass,
.contact {
  color: #1f2225;
}
.create_pass h1,
.forgot_pass h1,
.contact h1 {
  font-size: 28px;
  font-family: 'almonidlaaabold', Arial, Helvetica, sans-serif;
}
.create_pass .content-wrapper,
.forgot_pass .content-wrapper,
.contact .content-wrapper {
  width: 502px;
  padding: 0;
}
.create_pass .content-wrapper > p,
.forgot_pass .content-wrapper > p,
.contact .content-wrapper > p {
  letter-spacing: -0.1px;
}
.create_pass .content-wrapper form,
.forgot_pass .content-wrapper form,
.contact .content-wrapper form {
  margin-top: 20px;
}
.create_pass .content-wrapper input,
.forgot_pass .content-wrapper input,
.contact .content-wrapper input {
  width: 241px;
}
.create_pass .content-wrapper textarea,
.forgot_pass .content-wrapper textarea,
.contact .content-wrapper textarea {
  width: 334px;
  height: 115px;
}
.create_pass .content-wrapper input,
.forgot_pass .content-wrapper input,
.contact .content-wrapper input,
.create_pass .content-wrapper textarea,
.forgot_pass .content-wrapper textarea,
.contact .content-wrapper textarea {
  border-color: #c7bebe;
}
.create_pass .form-horizontal .field label,
.forgot_pass .form-horizontal .field label,
.contact .form-horizontal .field label {
  width: 168px;
}
.create_pass .button,
.forgot_pass .button,
.contact .button {
  width: 82px;
  margin-top: 0;
}
.create_pass .form-bottom,
.forgot_pass .form-bottom,
.contact .form-bottom {
  margin-top: 20px;
}
.create_pass .form-bottom span,
.forgot_pass .form-bottom span,
.contact .form-bottom span {
  margin-top: 25px;
}
.create_pass .content-wrapper,
.forgot_pass .content-wrapper {
  width: 454px;
}
.create_pass .content-wrapper form input,
.forgot_pass .content-wrapper form input {
  width: 241px;
}
.create_pass .content-wrapper form .form-horizontal .field label,
.forgot_pass .content-wrapper form .form-horizontal .field label {
  width: 213px;
}
.create_pass .content-wrapper form .form-horizontal .field div,
.forgot_pass .content-wrapper form .form-horizontal .field div {
  width: 241px;
}
.create_pass .content-wrapper form .button,
.forgot_pass .content-wrapper form .button {
  margin-top: 10px;
  width: 120px;
}
.create_pass .content-wrapper .validation-advice,
.forgot_pass .content-wrapper .validation-advice {
  white-space: nowrap;
}
.forgot_pass .form-horizontal .field .forgot-title {
  float: none;
  width: auto;
}
.forgot_pass .content-wrapper a {
  color: #1f2225;
}
.send_message,
.read_message,
.mail_detail,
.mail,
.send_message {
  color: #3f4246;
}
.send_message a,
.read_message a,
.mail_detail a,
.mail a,
.send_message a {
  color: #1f2225;
}
.send_message .mail-seen,
.read_message .mail-seen,
.mail_detail .mail-seen,
.mail .mail-seen,
.send_message .mail-seen {
  position: relative;
}
.send_message .mail-seen:before,
.read_message .mail-seen:before,
.mail_detail .mail-seen:before,
.mail .mail-seen:before,
.send_message .mail-seen:before {
  color: #FFF;
  font-size: 20px;
  vertical-align: middle;
  margin: 0;
}
.send_message .breadcrumb,
.read_message .breadcrumb,
.mail_detail .breadcrumb,
.mail .breadcrumb,
.send_message .breadcrumb {
  padding: 5px 0;
}
.send_message .main-content,
.read_message .main-content,
.mail_detail .main-content,
.mail .main-content,
.send_message .main-content {
  margin-top: 183px;
}
.send_message .mail-table,
.read_message .mail-table,
.mail_detail .mail-table,
.mail .mail-table,
.send_message .mail-table {
  width: 100%;
}
.send_message .mail-table .mail-item,
.read_message .mail-table .mail-item,
.mail_detail .mail-table .mail-item,
.mail .mail-table .mail-item,
.send_message .mail-table .mail-item {
  margin-top: 3px;
  background: #ecebeb;
  font-family: 'almonidlaaabold', Arial, Helvetica, sans-serif;
  position: relative;
}
.send_message .mail-table .mail-item .clickable-mail,
.read_message .mail-table .mail-item .clickable-mail,
.mail_detail .mail-table .mail-item .clickable-mail,
.mail .mail-table .mail-item .clickable-mail,
.send_message .mail-table .mail-item .clickable-mail {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.send_message .mail-table .mail-item:first-child,
.read_message .mail-table .mail-item:first-child,
.mail_detail .mail-table .mail-item:first-child,
.mail .mail-table .mail-item:first-child,
.send_message .mail-table .mail-item:first-child {
  margin-top: 0;
}
.send_message .mail-table .mail-item.seen,
.read_message .mail-table .mail-item.seen,
.mail_detail .mail-table .mail-item.seen,
.mail .mail-table .mail-item.seen,
.send_message .mail-table .mail-item.seen {
  font-family: 'almonidlaaaregular', Arial, Helvetica, sans-serif;
}
.send_message .mail-table .mail-item .es_row > div:first-child + div,
.read_message .mail-table .mail-item .es_row > div:first-child + div,
.mail_detail .mail-table .mail-item .es_row > div:first-child + div,
.mail .mail-table .mail-item .es_row > div:first-child + div,
.send_message .mail-table .mail-item .es_row > div:first-child + div {
  min-height: 101px;
}
.send_message .mail-table .user-thumb,
.read_message .mail-table .user-thumb,
.mail_detail .mail-table .user-thumb,
.mail .mail-table .user-thumb,
.read_message .input-wrapper .user-thumb,
.send_message .mail-table .user-thumb,
.send_message .input-wrapper .user-thumb {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin-left: 10px;
}
.send_message .mail-table .user-thumb img,
.read_message .mail-table .user-thumb img,
.mail_detail .mail-table .user-thumb img,
.mail .mail-table .user-thumb img,
.read_message .input-wrapper .user-thumb img,
.send_message .mail-table .user-thumb img,
.send_message .input-wrapper .user-thumb img {
  height: 100%;
  width: 100%;
}
.send_message .mail-table .user-thumb .user-system,
.read_message .mail-table .user-thumb .user-system,
.mail_detail .mail-table .user-thumb .user-system,
.mail .mail-table .user-thumb .user-system,
.read_message .input-wrapper .user-thumb .user-system,
.send_message .mail-table .user-thumb .user-system,
.send_message .input-wrapper .user-thumb .user-system {
  background: #FFF;
}
.send_message .mail-table .mail-state,
.read_message .mail-table .mail-state,
.mail_detail .mail-table .mail-state,
.mail .mail-table .mail-state,
.send_message .mail-table .mail-state {
  padding: 0 0 0 10px;
  text-align: left;
}
.send_message .mail-table .mail-state [class*='user-status-'],
.read_message .mail-table .mail-state [class*='user-status-'],
.mail_detail .mail-table .mail-state [class*='user-status-'],
.mail .mail-table .mail-state [class*='user-status-'],
.send_message .mail-table .mail-state [class*='user-status-'] {
  line-height: 100%;
  vertical-align: top;
}
.send_message .mail-table .mail-detail,
.read_message .mail-table .mail-detail,
.mail_detail .mail-table .mail-detail,
.mail .mail-table .mail-detail,
.send_message .mail-table .mail-detail {
  min-height: 100px;
  padding: 10px 11px;
  background: url(../images/h-split-bg.png) repeat-y 0 0 transparent;
}
.send_message .mail-table .mail-detail > div,
.read_message .mail-table .mail-detail > div,
.mail_detail .mail-table .mail-detail > div,
.mail .mail-table .mail-detail > div,
.send_message .mail-table .mail-detail > span,
.read_message .mail-table .mail-detail > span,
.mail_detail .mail-table .mail-detail > span,
.mail .mail-table .mail-detail > span,
.send_message .mail-table .mail-detail > div,
.send_message .mail-table .mail-detail > span {
  float: right;
}
.send_message .mail-table .mail-detail .mail-info,
.read_message .mail-table .mail-detail .mail-info,
.mail_detail .mail-table .mail-detail .mail-info,
.mail .mail-table .mail-detail .mail-info,
.send_message .mail-table .mail-detail .mail-info {
  margin-top: -9px;
  color: #1f2225;
}
.send_message .mail-table .mail-detail .mail-info > a,
.read_message .mail-table .mail-detail .mail-info > a,
.mail_detail .mail-table .mail-detail .mail-info > a,
.mail .mail-table .mail-detail .mail-info > a,
.send_message .mail-table .mail-detail .mail-info > span,
.read_message .mail-table .mail-detail .mail-info > span,
.mail_detail .mail-table .mail-detail .mail-info > span,
.mail .mail-table .mail-detail .mail-info > span,
.send_message .mail-table .mail-detail .mail-info > a,
.send_message .mail-table .mail-detail .mail-info > span {
  display: block;
}
.send_message .mail-table .mail-detail .mail-info .user-address,
.read_message .mail-table .mail-detail .mail-info .user-address,
.mail_detail .mail-table .mail-detail .mail-info .user-address,
.mail .mail-table .mail-detail .mail-info .user-address,
.send_message .mail-table .mail-detail .mail-info .user-address {
  margin-top: -10px;
  margin-bottom: 28px;
}
.send_message .mail-table .mail-detail .mail-info .mail-subject,
.read_message .mail-table .mail-detail .mail-info .mail-subject,
.mail_detail .mail-table .mail-detail .mail-info .mail-subject,
.mail .mail-table .mail-detail .mail-info .mail-subject,
.send_message .mail-table .mail-detail .mail-info .mail-subject {
  line-height: 1em;
}
.send_message .mail-table .mail-detail .mail-info .user-nickname + .mail-subject,
.read_message .mail-table .mail-detail .mail-info .user-nickname + .mail-subject,
.mail_detail .mail-table .mail-detail .mail-info .user-nickname + .mail-subject,
.mail .mail-table .mail-detail .mail-info .user-nickname + .mail-subject,
.send_message .mail-table .mail-detail .mail-info .user-nickname + .mail-subject {
  margin-top: 45px;
}
.send_message .mail-table .mail-detail .mail-info .user-profile-detail,
.read_message .mail-table .mail-detail .mail-info .user-profile-detail,
.mail_detail .mail-table .mail-detail .mail-info .user-profile-detail,
.mail .mail-table .mail-detail .mail-info .user-profile-detail,
.send_message .mail-table .mail-detail .mail-info .user-profile-detail {
  color: #ff2c88;
  position: relative;
  z-index: 1;
  display: inline-block;
  font-family: 'almonidlaaaregular', Arial, Helvetica, sans-serif;
  font-size: 15px;
  text-shadow: 0 0 0;
}
.send_message .mail-table .mail-detail .mail-info .user-profile-detail:before,
.read_message .mail-table .mail-detail .mail-info .user-profile-detail:before,
.mail_detail .mail-table .mail-detail .mail-info .user-profile-detail:before,
.mail .mail-table .mail-detail .mail-info .user-profile-detail:before,
.send_message .mail-table .mail-detail .mail-info .user-profile-detail:before {
  font-size: 20px;
  color: #a6a6a6;
  vertical-align: middle;
  text-decoration: none;
  text-shadow: none;
  margin-top: -3px;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.send_message .mail-table .mail-detail .mail-info .user-profile-detail:hover,
.read_message .mail-table .mail-detail .mail-info .user-profile-detail:hover,
.mail_detail .mail-table .mail-detail .mail-info .user-profile-detail:hover,
.mail .mail-table .mail-detail .mail-info .user-profile-detail:hover,
.send_message .mail-table .mail-detail .mail-info .user-profile-detail:hover {
  text-decoration: underline;
}
.send_message .mail-table .mail-checkbox,
.read_message .mail-table .mail-checkbox,
.mail_detail .mail-table .mail-checkbox,
.mail .mail-table .mail-checkbox,
.send_message .mail-table .mail-checkbox {
  margin-left: 10px;
  position: relative;
  z-index: 2;
}
.send_message .mail-table .mail-checkbox > span,
.read_message .mail-table .mail-checkbox > span,
.mail_detail .mail-table .mail-checkbox > span,
.mail .mail-table .mail-checkbox > span,
.send_message .mail-table .mail-checkbox > span {
  vertical-align: top;
}
.send_message .mail-table .block-read-message,
.read_message .mail-table .block-read-message,
.mail_detail .mail-table .block-read-message,
.mail .mail-table .block-read-message,
.send_message .mail-table .block-read-message {
  font-family: 'almonidlaaaregular', Arial, Helvetica, sans-serif;
  line-height: 100%;
}
.send_message .mail-table .block-read-message a,
.read_message .mail-table .block-read-message a,
.mail_detail .mail-table .block-read-message a,
.mail .mail-table .block-read-message a,
.send_message .mail-table .block-read-message a {
  color: #d11e47;
  text-decoration: underline;
}
.send_message .mail-table .block-read-message span,
.read_message .mail-table .block-read-message span,
.mail_detail .mail-table .block-read-message span,
.mail .mail-table .block-read-message span,
.send_message .mail-table .block-read-message span {
  margin-left: 3px;
}
.send_message .mail-table .mail-seen,
.read_message .mail-table .mail-seen,
.mail_detail .mail-table .mail-seen,
.mail .mail-table .mail-seen,
.send_message .mail-table .mail-seen {
  font-size: 15px;
  margin-top: 23px;
  margin-bottom: 2px;
}
.send_message .mail-table .mail-seen:before,
.read_message .mail-table .mail-seen:before,
.mail_detail .mail-table .mail-seen:before,
.mail .mail-table .mail-seen:before,
.send_message .mail-table .mail-seen:before {
  color: #d11e47;
}
.send_message .limiter,
.read_message .limiter,
.mail_detail .limiter,
.mail .limiter,
.send_message .limiter {
  text-align: left;
}
.send_message .limiter .limitall,
.read_message .limiter .limitall,
.mail_detail .limiter .limitall,
.mail .limiter .limitall,
.send_message .limiter .limitall {
  position: relative;
}
.send_message .limiter .limitall:before,
.read_message .limiter .limitall:before,
.mail_detail .limiter .limitall:before,
.mail .limiter .limitall:before,
.send_message .limiter .limitall:before {
  position: absolute;
  top: 7px;
  right: 0;
  content: '';
  width: 1px;
  height: 13px;
  background: #2d2e2e;
}
.send_message .limiter .limit,
.read_message .limiter .limit,
.mail_detail .limiter .limit,
.mail .limiter .limit,
.send_message .limiter .limit {
  padding: 0 10px;
  float: left;
}
.send_message .limiter .limit:first-child,
.read_message .limiter .limit:first-child,
.mail_detail .limiter .limit:first-child,
.mail .limiter .limit:first-child,
.send_message .limiter .limit:first-child {
  padding-left: 0;
}
.send_message .limiter ~ .limiter,
.read_message .limiter ~ .limiter,
.mail_detail .limiter ~ .limiter,
.mail .limiter ~ .limiter,
.send_message .limiter ~ .limiter {
  margin-top: 5px;
}
.send_message .title,
.read_message .title,
.mail_detail .title,
.mail .title,
.send_message .title {
  background: #dcdddd;
  padding: 6px 10px 6px 6px;
  margin-bottom: 10px;
}
.send_message .title > div,
.read_message .title > div,
.mail_detail .title > div,
.mail .title > div,
.send_message .title > div {
  float: right;
}
.send_message .title > div:first-child,
.read_message .title > div:first-child,
.mail_detail .title > div:first-child,
.mail .title > div:first-child,
.send_message .title > div:first-child {
  float: left;
}
.send_message .title a,
.read_message .title a,
.mail_detail .title a,
.mail .title a,
.send_message .title a {
  background: #d11e47;
  color: #FFF;
  line-height: 25px;
  display: inline-block;
  padding: 0 3px 0 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.send_message .mail_boxes,
.read_message .mail_boxes,
.mail_detail .mail_boxes,
.mail .mail_boxes,
.send_message .mail_boxes {
  color: #2d2e2e;
}
.send_message .mail_boxes a,
.read_message .mail_boxes a,
.mail_detail .mail_boxes a,
.mail .mail_boxes a,
.send_message .mail_boxes a {
  color: #2d2e2e;
}
.send_message .mail_boxes img,
.read_message .mail_boxes img,
.mail_detail .mail_boxes img,
.mail .mail_boxes img,
.send_message .mail_boxes img {
  display: inline-block;
}
.send_message .mail_boxes .mail-notice,
.read_message .mail_boxes .mail-notice,
.mail_detail .mail_boxes .mail-notice,
.mail .mail_boxes .mail-notice,
.send_message .mail_boxes .mail-notice {
  height: auto;
}
.send_message .mail_boxes .mail-volume,
.read_message .mail_boxes .mail-volume,
.mail_detail .mail_boxes .mail-volume,
.mail .mail_boxes .mail-volume,
.send_message .mail_boxes .mail-volume {
  padding-top: 0px;
  padding-bottom: 10px;
}
.send_message .mail_boxes .mail-percent-volume,
.read_message .mail_boxes .mail-percent-volume,
.mail_detail .mail_boxes .mail-percent-volume,
.mail .mail_boxes .mail-percent-volume,
.send_message .mail_boxes .mail-percent-volume {
  width: 100%;
  height: 20px;
  border: 1px solid #c7bebe;
  background: #FFF;
}
.send_message .mail_boxes .mail-percent-volume div,
.read_message .mail_boxes .mail-percent-volume div,
.mail_detail .mail_boxes .mail-percent-volume div,
.mail .mail_boxes .mail-percent-volume div,
.send_message .mail_boxes .mail-percent-volume div {
  display: inline-block;
  min-width: 1%;
  height: 100%;
  vertical-align: top;
  background: #d11e47;
}
.send_message .mail_boxes + .favorites_box,
.read_message .mail_boxes + .favorites_box,
.mail_detail .mail_boxes + .favorites_box,
.mail .mail_boxes + .favorites_box,
.send_message .mail_boxes + .favorites_box {
  margin-top: 1px;
}
.send_message .no-result,
.read_message .no-result,
.mail_detail .no-result,
.mail .no-result,
.send_message .no-result {
  background: #cfd0d4;
  padding: 5px 15px;
}
.profile {
  color: #1f2225;
}
.profile h1.title {
  font-size: 28px;
  font-family: 'almonidlaaabold', Arial, Helvetica, sans-serif;
  background: #d11e47;
  color: #FFF;
  line-height: 34px;
  height: 37px;
  padding: 0 10px;
  margin-bottom: 15px;
  margin-top: 0;
  position: relative;
}
.profile h1.title > span {
  float: right;
  margin-left: 10px;
  white-space: nowrap;
  width: 350px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.profile h1.title > span span {
  display: inline-block;
}
.profile h1.title .actions {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
}
.profile h1.title .actions a:before {
  color: #FFF;
}
.profile h1.title .actions a.icon-gray:before {
  color: #1f2225;
}
.profile h1.title .code-doc {
  order: 0;
  padding: 0 8px;
}
.profile h1.title .code-doc:before {
  font-size: 20px;
}
.profile h1.title .code-block {
  order: 3;
  padding: 0 10px;
  margin-top: -1px;
}
.profile h1.title .code-block:before {
  font-size: 18px;
}
.profile h1.title .code-love {
  order: 2;
  padding: 0 8px;
}
.profile h1.title .code-love:before {
  font-size: 22px;
}
.profile h1.title .code-email {
  order: 1;
  padding: 0 8px;
}
.profile h1.title .code-email:before {
  font-size: 24px;
}
.profile h2.title {
  font-size: 28px;
  font-family: 'almonidlaaabold', Arial, Helvetica, sans-serif;
  color: #2d2e2e;
  line-height: 30px;
  height: 30px;
  position: relative;
  margin-bottom: 10px;
  background: url(../images/green-border-bg.png) repeat-x 0 bottom transparent;
}
.profile .signup-message a {
  color: #d11e47;
}
.profile .block-refer-me h3 {
  color: #2d2e2e;
  border-bottom: 1px solid #dcdddd;
}
.profile .profile-wrapper > div {
  margin-top: 20px;
}
.profile .personal-wrapper {
  padding-bottom: 20px;
}
.profile .profile-pass {
  position: relative;
  top: 5px;
}
.profile .profile-username,
.profile .profile-email,
.profile .profile-pass {
  display: inline-block;
  width: 130px;
}
.profile .profile-edit-link {
  position: absolute;
  color: #d11e47;
  font-size: 15px;
  left: 0;
  bottom: -6px;
  z-index: 2;
}
.profile .profile-edit-link span {
  margin-right: 3px;
  position: relative;
  top: -2px;
}
.profile .profile-edit-link span:before {
  color: #d11e47;
}
.profile .code-comment,
.profile .code-camera {
  display: none;
}
.profile .code-lock {
  position: relative;
  display: inline-block;
}
.profile .code-lock:before {
  color: #444444;
}
.profile .code-lock span,
.signup .tab-content .field-tooltip span,
.subscribe .field-tooltip span,
.my_profile .tab-content .field-tooltip span {
  position: absolute;
  right: -50px;
  top: -7px;
  color: #FFF;
  display: inline-block;
  text-align: center;
  visibility: hidden;
  background: #000000;
  width: 36px;
  height: 36px;
  font-size: 13px;
  line-height: 100%;
  padding: 4px;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  border-radius: 36px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.profile .code-lock span:before,
.signup .tab-content .field-tooltip span:before,
.subscribe .field-tooltip span:before,
.my_profile .tab-content .field-tooltip span:before {
  position: absolute;
  top: 13px;
  left: -6px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4.5px 7px 4.5px 0;
  border-color: transparent #000 transparent transparent;
}
.profile .code-lock:hover span {
  visibility: visible;
}
.profile .send-message {
  float: left;
  width: 341px;
}
.profile .send-message + .about-me {
  float: right;
  width: 320px;
  margin-bottom: 20px;
}
.profile .send-message + .about-me + div {
  clear: both;
}
.profile .send-message textarea {
  width: 100%;
  padding: 1px 8px 5px;
  height: 155px;
  margin-top: 7px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.profile .send-message .button {
  width: auto;
  padding: 0 23px;
  margin-top: 10px;
}
.profile .looking-for,
.profile .appearance,
.profile .about-me,
.profile .personal-info {
  line-height: 100%;
}
.profile .looking-for > div,
.profile .appearance > div,
.profile .about-me > div,
.profile .personal-info > div {
  margin-bottom: 10px;
}
.profile .looking-for > div > span:first-child,
.profile .appearance > div > span:first-child,
.profile .about-me > div > span:first-child,
.profile .personal-info > div > span:first-child {
  display: inline-block;
  width: 100px;
  font-weight: bold;
}
.profile .looking-for .private-info,
.profile .appearance .private-info,
.profile .about-me .private-info,
.profile .personal-info .private-info {
  display: table;
  width: 100%;
  margin-bottom: 0;
}
.profile .looking-for .private-info > div,
.profile .appearance .private-info > div,
.profile .about-me .private-info > div,
.profile .personal-info .private-info > div {
  display: table-row;
}
.profile .looking-for .private-info > div > span,
.profile .appearance .private-info > div > span,
.profile .about-me .private-info > div > span,
.profile .personal-info .private-info > div > span {
  display: table-cell;
  padding-bottom: 10px;
}
.profile .looking-for .private-info > div > span:first-child,
.profile .appearance .private-info > div > span:first-child,
.profile .about-me .private-info > div > span:first-child,
.profile .personal-info .private-info > div > span:first-child {
  width: 100px;
}
.profile .user-subscription {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 19px;
  background: #000;
  color: #FFF;
  text-align: center;
  font-size: 13px;
  line-height: 100%;
  padding: 2px 0 4px;
  bottom: -19px;
}
.profile .user-subscription.subscribed {
  background: #d11e47;
}
.profile .personal-wrapper .photo-user .profile-edit-link {
  top: 3px;
  right: 3px;
  display: inline-block;
  width: 24px;
  height: 24px;
  padding: 2px;
  background: #FFF;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.profile .personal-wrapper .photo-user .photo-main {
  position: relative;
  float: left;
  width: 100%;
}
.profile .personal-wrapper .photo-user .photo-main .owl-carousel .owl-dots {
  position: absolute;
  left: 10px;
  margin: 0;
  line-height: 100%;
}
.profile .personal-wrapper .photo-user .photo-main .owl-carousel .owl-dots span {
  width: 11px;
  height: 11px;
  margin-right: 5px;
  background: #d11e47;
}
.profile .personal-wrapper .photo-user .photo-main .owl-carousel .owl-dots .owl-dot:first-child span {
  margin-right: 0;
}
.profile .personal-wrapper .photo-user .photo-main .owl-carousel .owl-dots .owl-dot.active span,
.profile .personal-wrapper .photo-user .photo-main .owl-carousel .owl-dots .owl-dot:hover span {
  background: #FFF;
}
.profile .personal-wrapper .photo-user .photo-main .owl-carousel.is-paid span {
  background: #1f2225;
}
.profile .personal-wrapper .photo-user .photo-main .photo-main-zoom:before {
  opacity: 0;
  position: absolute;
  bottom: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  transform: translate(-50%, 50%);
  text-align: center;
  line-height: 50px;
  transition: 0.5s ease;
  color: #000;
  background: rgba(255, 255, 255, 0.6);
  font-size: 40px;
  vertical-align: middle;
  margin: 0;
}
.profile .personal-wrapper .photo-user .photo-main:hover .photo-main-zoom:before {
  opacity: 1;
}
.profile .personal-wrapper .photo-user .photo-main img {
  width: 100%;
  height: auto;
}
.profile .personal-wrapper .photo-user .photo-sub {
  display: none;
  width: 11%;
}
.profile .personal-wrapper .photo-user .photo-sub > div {
  position: relative;
  margin-top: 6px;
}
.profile .personal-wrapper .photo-user .photo-sub > div:first-child {
  margin-top: 0;
}
.profile .personal-wrapper .photo-user .photo-sub.not-own .photo-thumb[href*="photo_men_default"],
.profile .personal-wrapper .photo-user .photo-sub.not-own .photo-thumb[href*="photo_women_default"] {
  display: none;
}
.profile .personal-wrapper .photo-user .photo-thumb {
  display: inline-block;
  width: 100%;
  height: auto;
}
.profile .personal-wrapper .photo-user .photo-thumb.active {
  border: 1px solid #d11e47;
}
.profile .personal-wrapper .photo-user .photo-thumb img {
  width: 100%;
  height: 100%;
}
.profile .personal-wrapper .personal-info {
  width: 319px;
  margin-left: 31px;
}
.profile .about-me > div > div {
  margin-bottom: 25px;
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.profile .about-me h2 + div span {
  margin-bottom: 5px;
}
.profile .looking-for > div:last-child {
  margin-top: 25px;
}
.profile .looking-for > div:last-child span {
  width: auto;
  margin-bottom: 5px;
}
.profile .looking-for > div > div {
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.profile .block-refer-me.block-links .block-content-top {
  padding-right: 0;
  padding-left: 0;
}
.profile .block-refer-me.block-links .block-content-top a {
  color: #555;
}
.profile .block-refer-me.block-links .block-content-top a img {
  float: right;
}
.profile .block-refer-me.block-links .block-content-top a > span {
  display: table;
  bottom: 4px;
}
.profile .block-refer-me.block-links .block-content-top a .user-aboutme {
  margin-top: 3px;
  height: 2em;
}
.profile .block-refer-me.block-links .block-content-bottom {
  background: none;
}
.prefs {
  color: #1f2225;
}
.prefs .fields input[type="text"],
.prefs .fields select,
.prefs .fields .jcf-select,
.prefs .fields .text_input {
  width: 100%;
  color: #8b9198;
}
.prefs .fields .field.height .jcf-select.jcf-unselectable,
.prefs .fields .field.age .jcf-select.jcf-unselectable {
  width: 48%;
  min-width: 48%;
  margin-right: 4%;
}
.prefs .fields .field.height .jcf-select.jcf-unselectable:first-child,
.prefs .fields .field.age .jcf-select.jcf-unselectable:first-child {
  margin-right: 0;
}
.prefs .fields .field.height [name="search_age_1"] + .jcf-select.jcf-unselectable,
.prefs .fields .field.age [name="search_age_1"] + .jcf-select.jcf-unselectable,
.prefs .fields .field.height [name="search_height_1"] + .jcf-select.jcf-unselectable,
.prefs .fields .field.age [name="search_height_1"] + .jcf-select.jcf-unselectable {
  margin-right: 0;
}
.prefs .fields .field > div > * {
  display: inline-block;
  vertical-align: top;
}
.prefs .fields .field > div .button-inner {
  display: block;
  clear: both;
}
.prefs .fields .field > div .button-inner button {
  margin-top: 10px;
}
.prefs .form-horizontal .field > label {
  width: 175px;
}
.prefs .page-message {
  margin-bottom: 15px;
  color: red;
}
.prefs .save-search-control {
  margin-top: -32px;
  float: right;
}
.prefs .save-search-control .jcf-checkbox {
  margin-right: 0;
}
.prefs .save-search {
  background: #dcdddd;
  padding: 16px 0 15px;
}
.prefs .save-search label {
  padding-right: 9px;
  position: relative;
}
.prefs .save-search label span {
  font-size: 15px;
  position: absolute;
  bottom: -14px;
  right: 9px;
  color: #555;
}
.prefs .save-search input {
  float: right;
}
.prefs .save-search input[name="submit_save"] {
  width: auto;
  margin-right: 10px;
}
.prefs .save-search .button {
  margin-top: 10px;
  background: #8B9198;
  float: left;
  clear: both;
}
.prefs .save-search .save-search-result {
  font-size: 15px;
  margin-top: 20px;
  line-height: 100%;
  color: red;
}
.subscribe .col-main {
  color: #1f2225;
}
.subscribe .payment-secured {
  margin-top: -5px;
  margin-right: 35px;
}
.subscribe .payment-secured img {
  display: inline-block;
  vertical-align: middle;
}
.subscribe .payment-secured span {
  color: #8b9198;
  display: inline-block;
}
.subscribe input[type="radio"] {
  opacity: 0;
  position: absolute;
}
.subscribe input[type="radio"] ~ label:after,
.subscribe input[type="radio"] ~ label:before {
  display: none;
}
.subscribe input,
.subscribe .jcf-select {
  min-width: 241px;
}
.subscribe select[name="expmonth"] + .jcf-select {
  margin-right: 15px;
}
.subscribe select[name="expmonth"] + .jcf-select,
.subscribe select[name="expyear"] + .jcf-select {
  min-width: 111px;
}
.subscribe h1.title {
  margin-top: 3px;
}
.subscribe h3 {
  font-size: 28px;
  font-weight: bold;
  color: #1f2225;
  line-height: 100%;
}
.subscribe .field-tooltip {
  position: relative;
  display: inline-block;
  vertical-align: top;
  line-height: 100%;
  margin-right: 3px;
}
.subscribe .field-tooltip span {
  top: -6px !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: auto;
  height: auto;
  left: auto;
  right: 30px;
  padding: 1px;
  transition: all 0.2s ease-in-out;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.subscribe .field-tooltip:hover span {
  visibility: visible;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.subscribe .field label {
  line-height: 25px;
  color: #1f2225;
  width: 167px;
}
.subscribe .form-horizontal .field {
  margin-top: 7px;
}
.subscribe .type-subscription {
  margin-top: 15px;
  margin-bottom: 30px;
}
.subscribe .type-subscription .jcf-radio {
  width: 27px;
  height: 27px;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  border-radius: 27px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.subscribe .type-subscription .jcf-radio span:before {
  font-size: 25px;
  margin-top: 2px;
}
.subscribe .payment-title {
  margin-top: 15px;
}
.subscribe .payment-title label {
  font-size: 21px;
  color: #d11e47;
}
.subscribe .payment-title .jcf-radio {
  background: #dcdddd;
}
.subscribe .payment-title img {
  display: inline-block;
  vertical-align: middle;
}
.subscribe .payment-title .desc {
  display: none;
  margin-top: 10px;
}
.subscribe .subscription-item {
  background: #dcdddd;
  text-align: center;
  position: relative;
  transition: all 0.2s ease-in-out;
  padding: 0 10px;
}
.subscribe .subscription-item .field {
  direction: ltr;
  text-align: right;
}
.subscribe .subscription-item label {
  color: #1f2225;
}
.subscribe .subscription-item svg {
  display: inline-block;
  vertical-align: bottom;
}
.subscribe .subscription-item.is-selected,
.subscribe .subscription-item:hover {
  background: #333333;
}
.subscribe .subscription-item.is-selected .subscription-month,
.subscribe .subscription-item:hover .subscription-month,
.subscribe .subscription-item.is-selected label,
.subscribe .subscription-item:hover label {
  color: #FFF;
}
.subscribe .subscription-month,
.subscribe .subscription-per-month,
.subscribe .subscription-name,
.subscribe .subscription-special {
  display: block;
}
.subscribe .subscription-special {
  background: url(../images/subscription-no-label-bg.png) repeat 0 0 transparent;
  color: #1f2225;
  font-size: 21px;
  line-height: 27px;
  min-height: 27px;
  text-align: center;
}
.subscribe .subscription-special.has-label {
  background: url(../images/subscription-bg.png) repeat 0 0 transparent;
}
.subscribe .subscription-month {
  color: #2d2e2e;
  font-size: 45px;
  line-height: 100%;
}
.subscribe .subscription-per-month {
  color: #FFF;
  font-size: 35px;
  background: #d11e47;
  border: 4px solid #FFF;
  -webkit-border-radius: 121px;
  -moz-border-radius: 121px;
  border-radius: 121px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 121px;
  height: 121px;
  margin: 0 auto;
  padding: 40px 0;
}
.subscribe .subscription-per-month span {
  display: inline-block;
  vertical-align: top;
  line-height: 27px;
}
.subscribe .subscription-name {
  color: #1f2225;
  font-size: 17px;
  min-height: 25px;
}
.subscribe .subscription-name.is-monthly {
  visibility: hidden;
  font-size: 0;
}
.subscribe .subscription-bottom {
  margin: -10px -10px 0;
}
.subscribe .paypal-form form {
  display: none;
}
.subscribe .form-bottom {
  margin-top: 40px;
  margin-bottom: 70px;
  max-width: 408px;
}
.subscribe .form-bottom span {
  float: right;
  line-height: 37px;
}
.subscribe .form-bottom button {
  margin-top: 0;
  float: left;
}
.subscribe .form-discount {
  margin-top: 20px;
  margin-bottom: 20px;
}
.subscribe .form-discount h3 {
  font-size: 22px;
}
.subscribe .form-discount h3 a {
  color: #000;
}
.subscribe .form-discount button {
  float: none;
  width: auto;
  padding: 0 10px;
  line-height: 28px;
  margin-right: 10px;
}
.subscribe .coupon-code {
  margin-left: 10px;
}
.my_profile .tab-wrapper {
  margin-top: 0;
}
.back-link {
  text-align: left;
}
.back-link a {
  color: #2d2e2e;
}
.read_message .code-saved:before,
.send_message .code-saved:before {
  font-size: 17px;
}
.read_message .content-message,
.send_message .content-message {
  font-size: 16px;
  color: #3f4246;
  margin-top: 20px;
  background: #d4d4d4;
  padding: 6px 15px 19px;
  line-height: 20px;
}
.read_message .content-message-title,
.send_message .content-message-title {
  display: block;
  text-shadow: 0 0 0;
}
.read_message .mail-item,
.send_message .mail-item {
  position: relative;
}
.read_message .mail-item:after,
.send_message .mail-item:after {
  position: absolute;
  bottom: -14px;
  right: 11px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 11px 0 11px;
  border-color: #ecebeb transparent transparent transparent;
}
.read_message .block-send,
.send_message .block-send {
  border-top: 1px solid #ecebeb;
  border-bottom: 1px solid #ecebeb;
  padding: 25px 0 25px;
  margin-top: 20px;
}
.read_message .input-wrapper,
.send_message .input-wrapper {
  color: #3f4246;
}
.read_message .input-wrapper > *,
.send_message .input-wrapper > * {
  float: right;
}
.read_message .input-wrapper textarea,
.send_message .input-wrapper textarea {
  width: 595px;
  height: 195px;
  border: 1px solid #c7bebe;
  float: left;
  padding-top: 0;
}
.read_message .input-wrapper .user-thumb,
.send_message .input-wrapper .user-thumb {
  display: block;
}
.read_message .content-bottom,
.send_message .content-bottom {
  margin-top: 25px;
}
.read_message .button,
.send_message .button {
  width: auto;
  padding: 0 23px;
}
.read_message .btn-reset,
.send_message .btn-reset {
  background: none;
  border: none;
  float: left;
  color: #d11e47;
  text-decoration: underline;
  margin-left: 15px;
  padding-top: 5px;
}
.send_message .input-subject {
  margin-bottom: 20px;
}
.send_message .input-subject input {
  width: 100%;
}
.send_message .mail-table .mail-state {
  padding-top: 8px;
}
.send_message .mail-table .mail-state .mail-seen {
  margin-top: 40px;
}
.send_message .block-send .red {
  padding-bottom: 14px;
  margin-top: -14px;
  color: red;
}
.magazine .es_row > div,
.forum .es_row > div {
  padding-left: 10px;
  padding-right: 10px;
}
.magazine .user-item-content,
.forum .user-item-content {
  position: relative;
  width: 100%;
}
.magazine-wrapper,
.forum-wrapper {
  margin-top: 40px;
  margin-bottom: 50px;
}
.magazine-wrapper .es_row .user-item,
.forum-wrapper .es_row .user-item {
  margin-bottom: 20px;
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
}
.magazine-image,
.forum-image {
  display: inline-block;
  vertical-align: top;
}
.magazine-image img,
.forum-image img {
  height: auto;
}
.magazine-content,
.forum-content {
  display: inline-block;
  white-space: normal;
  font-size: 16px;
  line-height: 100%;
  vertical-align: top;
}
.magazine-content .article_title,
.forum-content .article_title {
  color: #1f2225;
  font-size: 18px;
  height: 2em;
  font-weight: bold;
  line-height: 15px;
  margin-bottom: 0;
  margin-top: 20px;
}
.magazine-desc,
.forum-desc {
  height: 3em;
  overflow: hidden;
  margin-top: -5px;
}
.magazine-desc.no-maxheight,
.forum-desc.no-maxheight {
  max-height: none;
}
.magazine .ddd-readmore,
.forum .ddd-readmore {
  color: #d11e47;
  margin-top: 25px;
  white-space: nowrap;
  display: inline-block;
}
.forum .fields button.button {
  float: right;
}
.forum .fields button.button:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
.forum .user-item:last-child {
  margin-bottom: 0;
}
.forum .forum-goto {
  float: left;
}
.forum .forum-goto .jcf-select {
  min-width: 190px;
}
.forum .show-admin-detail {
  color: #1f2225;
  text-shadow: 0 0 0;
  line-height: 100%;
}
.forum .forum-terms {
  line-height: 100%;
  margin-bottom: 5px;
}
.forum .forum-terms a {
  color: #d11e47;
  font-size: 15px;
}
.forum .forum-add-post {
  display: inline-block;
  margin-bottom: -15px;
}
.forum .forum-post {
  border-bottom: 1px solid #dcdddd;
  padding: 7px 0;
}
.forum .forum-post:first-child {
  border-top: 1px solid #dcdddd;
}
.forum .forum-post.active {
  background: #e0dddd;
}
.forum .forum-post.active .post-arrow {
  display: none;
}
.forum .forum-post.active .post-arrow + span {
  padding-right: 15px;
}
.forum .forum-post [class*="code-"] {
  margin-right: 10px;
}
.forum .forum-post [class*="code-"]:before {
  color: #d11e47;
  margin-left: 5px;
}
.forum .forum-post .code-chat {
  margin-right: 0;
}
.forum .forum-post .post-content font,
.forum .forum-post .post-content img.icon {
  display: inline;
  vertical-align: middle;
}
.forum .post-content-before {
  border: 1px solid #8f9094;
  display: inline-block;
  padding: 0 10px;
}
.forum .post-content-before font,
.forum .post-content-before img.icon {
  display: inline;
  vertical-align: middle;
}
.forum .page_nav {
  font-size: 18px;
  font-weight: normal;
  color: #2d2e2e;
  margin: 0 1px;
}
.forum .page_nav:hover {
  font-weight: bold;
  color: #2d2e2e;
}
.forum .prev-nav,
.forum .next-nav {
  font-size: 0;
}
.forum .prev-nav:before,
.forum .next-nav:before {
  font-size: 20px;
  color: #d11e47;
  position: relative;
  top: 2px;
}
.forum .page_nav_current {
  color: #d11e47;
  font-weight: normal;
}
.forum .forum-nav {
  text-align: center;
  margin: 7px 0;
}
.forum .posts-container {
  font-size: 16px;
}
.forum .post-item img {
  display: inline-block;
  width: auto;
}
.forum .post-item-detail {
  padding: 10px 15px;
}
.forum .post-item-detail .post-content {
  padding-bottom: 20px;
}
.forum .post-arrow {
  display: inline-block;
}
.forum .user-status {
  color: #d11e47;
}
.forum .post-date {
  text-align: left;
}
.forum .post-date span {
  direction: ltr;
  display: inline-block;
  margin-left: 7px;
}
.forum .post-name .bold {
  font-size: 16px;
  font-family: 'almonidlaaaregular', Arial, Helvetica, sans-serif;
}
.forum .emotion {
  margin: 10px 0;
}
.forum .emotion span,
.forum .emotion img {
  display: inline-block;
  vertical-align: top;
}
.forum .update-post textarea {
  margin: 10px 0;
  width: 518px;
  height: 248px;
  padding: 5px;
}
.article h2 {
  font-size: 25px;
  font-family: 'almonidlaaabold', Arial, Helvetica, sans-serif;
  color: #1f2225;
}
.article .faq {
  margin-top: 5px;
}
.article .faq .panel {
  margin: 0 0 10px;
  border: none;
  box-shadow: none;
}
.article .faq .panel a[data-toggle="collapse"] {
  font-size: 18px;
  text-shadow: 0 0 0;
  color: #1f2225;
}
.article .faq .panel a[data-toggle="collapse"]:before {
  width: 28px;
  height: 28px;
  line-height: 28px;
  color: #FFF;
  right: 5px;
  top: 10px;
  background: #d11e47;
  margin-right: 0;
  margin-left: 8px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.article .faq .panel a[data-toggle="collapse"] + [class*="collapsing"],
.article .faq .panel a[data-toggle="collapse"] + [class*="collapse"] {
  color: #3f4246;
  font-size: 16px;
  line-height: 20px;
  text-shadow: 0 0 0;
}
.article .faq .panel a[data-toggle="collapse"] + [class*="collapsing"] > *,
.article .faq .panel a[data-toggle="collapse"] + [class*="collapse"] > * {
  padding: 5px 13px 13px;
  background: #ecebeb;
}
.article .faq .panel a[data-toggle="collapse"] + [class*="collapsing"] > *:first-child,
.article .faq .panel a[data-toggle="collapse"] + [class*="collapse"] > *:first-child {
  margin-top: 10px;
}
@media all and (min-width: 576px) {
  /* select */
  /* multiple select styles */
  /* select options styles */
  /* common styles */
  .es_container {
    width: 556px;
  }
  .es_col-sm-1,
  .es_col-sm-2,
  .es_col-sm-3,
  .es_col-sm-4,
  .es_col-sm-5,
  .es_col-sm-6,
  .es_col-sm-7,
  .es_col-sm-8,
  .es_col-sm-9,
  .es_col-sm-10,
  .es_col-sm-11,
  .es_col-sm-12 {
    float: right;
  }
  .es_col-sm-12 {
    width: 100%;
  }
  .es_col-sm-11 {
    width: 91.66666667%;
  }
  .es_col-sm-10 {
    width: 83.33333333%;
  }
  .es_col-sm-9 {
    width: 75%;
  }
  .es_col-sm-8 {
    width: 66.66666667%;
  }
  .es_col-sm-7 {
    width: 58.33333333%;
  }
  .es_col-sm-6 {
    width: 50%;
  }
  .es_col-sm-5 {
    width: 41.66666667%;
  }
  .es_col-sm-4 {
    width: 33.33333333%;
  }
  .es_col-sm-3 {
    width: 25%;
  }
  .es_col-sm-2 {
    width: 16.66666667%;
  }
  .es_col-sm-1 {
    width: 8.33333333%;
  }
  .es_col-sm-pull-12 {
    right: 100%;
  }
  .es_col-sm-pull-11 {
    right: 91.66666667%;
  }
  .es_col-sm-pull-10 {
    right: 83.33333333%;
  }
  .es_col-sm-pull-9 {
    right: 75%;
  }
  .es_col-sm-pull-8 {
    right: 66.66666667%;
  }
  .es_col-sm-pull-7 {
    right: 58.33333333%;
  }
  .es_col-sm-pull-6 {
    right: 50%;
  }
  .es_col-sm-pull-5 {
    right: 41.66666667%;
  }
  .es_col-sm-pull-4 {
    right: 33.33333333%;
  }
  .es_col-sm-pull-3 {
    right: 25%;
  }
  .es_col-sm-pull-2 {
    right: 16.66666667%;
  }
  .es_col-sm-pull-1 {
    right: 8.33333333%;
  }
  .es_col-sm-pull-0 {
    right: auto;
  }
  .es_col-sm-push-12 {
    left: 100%;
  }
  .es_col-sm-push-11 {
    left: 91.66666667%;
  }
  .es_col-sm-push-10 {
    left: 83.33333333%;
  }
  .es_col-sm-push-9 {
    left: 75%;
  }
  .es_col-sm-push-8 {
    left: 66.66666667%;
  }
  .es_col-sm-push-7 {
    left: 58.33333333%;
  }
  .es_col-sm-push-6 {
    left: 50%;
  }
  .es_col-sm-push-5 {
    left: 41.66666667%;
  }
  .es_col-sm-push-4 {
    left: 33.33333333%;
  }
  .es_col-sm-push-3 {
    left: 25%;
  }
  .es_col-sm-push-2 {
    left: 16.66666667%;
  }
  .es_col-sm-push-1 {
    left: 8.33333333%;
  }
  .es_col-sm-push-0 {
    left: auto;
  }
  .es_col-sm-offset-12 {
    margin-left: 100%;
  }
  .es_col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .es_col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .es_col-sm-offset-9 {
    margin-left: 75%;
  }
  .es_col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .es_col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .es_col-sm-offset-6 {
    margin-left: 50%;
  }
  .es_col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .es_col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .es_col-sm-offset-3 {
    margin-left: 25%;
  }
  .es_col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .es_col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .es_col-sm-offset-0 {
    margin-left: 0%;
  }
  .catalog-category-view .list-tiles .item-tile {
    float: right;
    width: 50%;
    padding-left: 8px;
    padding-right: 8px;
  }
  .catalog-category-view .list-tiles .item-tile:first-child {
    float: right;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }
  .easy-grid-item {
    float: right;
    width: 50%;
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media only screen and (max-width: 1023px) {
  .display-tablet-down {
    display: block;
  }
  /* select */
  /* multiple select styles */
  /* select options styles */
  /* common styles */
  .index.not-logged header {
    padding-bottom: 0;
  }
  .easy-box-container,
  .easy-box-group-container {
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: -1px;
    padding-bottom: 0;
    border: none;
    cursor: pointer;
  }
}
@media only screen and (max-width: 767px) {
  ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  }
  .owl-carousel .decor-stl.owl-theme .owl-controls {
    top: 40%;
  }
  .display-mobile-only {
    display: block;
  }
  .footer-top .scrollTop {
    right: auto;
    left: 5px;
  }
  .footer-top .scrollTop[style='opacity: 1;'] {
    -webkit-opacity: 0.7 !important;
    -moz-opacity: 0.7 !important;
    opacity: 0.7 !important;
  }
  .nav-container {
    min-height: 33px;
    margin-top: 0;
  }
  .nav-container .mobile-nav-link {
    display: inline-block;
    float: left;
    margin-top: 2px;
    margin-left: 2px;
  }
  .nav-container .mobile-nav-username {
    display: inline-block;
    float: right;
    color: #FFF;
    margin-top: 5px;
    font-size: 14px;
  }
  .nav-container ul {
    display: none;
    margin-top: 41px;
    clear: both;
  }
  form textarea,
  form input[type="email"],
  form input[type="search"],
  form input[type="number"],
  form input[type="password"],
  form input[type="tel"],
  form input[type="text"],
  form .input-text {
    height: auto;
    font-size: 16px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 11px 10px 11px 10px;
  }
  .search-mini-form {
    display: none;
  }
  .search-mini-form .search-input {
    margin-top: 0;
  }
  .search-mini-form .search-input input {
    width: 100%;
    padding: 11px 13px 11px;
  }
  .search-mini-form .search-advance {
    display: none;
  }
  /* select */
  .jcf-select {
    padding: 3px 0 4px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .jcf-select .jcf-select-text:before {
    top: 18px;
    left: 9px;
  }
  .jcf-select .jcf-select-text:after {
    height: 36px;
    width: 25px;
  }
  .jcf-select.jcf-drop-active .jcf-select-text:before {
    top: 10px;
    left: 6px;
  }
  /* multiple select styles */
  /* select options styles */
  .jcf-list .jcf-option {
    padding-top: 4px;
    padding-bottom: 6px;
  }
  /* common styles */
  .jcf-select-autocomplete .jcf-list input[type="text"].jcf-input-search {
    margin-right: 0;
    padding: 6px 8px 7px;
    font-size: 18px;
    line-height: 25px;
  }
  .jcf-select-autocomplete .jcf-scroll-active .jcf-no-result {
    top: 40px;
  }
  .es_container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 7px;
    padding-right: 7px;
  }
  .es_container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 7px;
    padding-right: 7px;
  }
  .es_row {
    margin-left: -7px;
    margin-right: -7px;
  }
  .heading-main {
    height: 52px;
  }
  .logged .search-link {
    position: absolute;
    top: -3px;
    right: 50px;
    margin-right: 0;
    display: block;
  }
  .logged .logo-wrapper {
    display: inline-block;
    position: absolute;
    width: 100%;
  }
  .mobile-nav-link {
    width: 35px;
    height: 35px;
    background: #2d2e2e;
    display: inline-block;
    position: absolute;
    top: -3px;
    padding-top: 3px;
    padding-right: 7px;
    border-radius: 39px;
  }
  .mobile-nav-link:before {
    font-size: 20px;
  }
  header {
    padding-top: 8px;
  }
  header .logo {
    width: 110px;
    margin: 0 auto;
  }
  header .heading-top {
    font-size: 14px;
  }
  .site.mobile-search-active header nav.nav-container {
    margin-top: 51px;
  }
  .site.mobile-search-active .search-mini-form {
    position: absolute;
    display: block;
    top: 50px;
    width: 100%;
    background: #d11e47;
    padding: 7px 10px 7.5px;
    border-top: 1px solid #d6176a;
  }
  .site.mobile-search-active .search-mini-form .search-input {
    width: 100%;
  }
  .main-content {
    margin-top: 121px;
  }
  .main-content > .es_container {
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
  }
  .main-content .col-main,
  .main-content .col-right {
    margin-bottom: 50px;
  }
  .main-content .col-main {
    width: 100%;
  }
  .main-content .col-right {
    width: 100%;
    padding-left: 0;
    order: 1;
  }
  .main-content .col-right + .col-main {
    margin-bottom: 20px;
  }
  footer {
    /*position: fixed;*/
    bottom: 0;
    left: 0;
    background: #2d2e2e;
    color: #FFF;
    width: 100%;
    padding: 11px 0;
    z-index: 5;
  }
  footer .es_container {
    padding-left: 0;
    padding-right: 0;
  }
  .footer-top {
    margin-top: 0;
  }
  .footer-customer-service {
    display: none;
  }
  .footer-customer-service > a:first-child,
  .footer-customer-service > p:first-child {
    padding-left: 0px;
    font-size: 11px;
    text-align: right;
  }
  .footer-links {
    width: 100%;
    background: none;
    padding: 0 7px;
    text-align: center;
  }
  .footer-links ul {
    display: none;
  }
  .footer-links ul:first-child {
    display: block;
    float: none;
    width: 60%;
    margin: 0 auto;
  }
  .footer-links ul li {
    margin-right: 35px;
    line-height: 100%;
    float: none;
    display: inline-block;
    position: relative;
  }
  .footer-links ul li:first-child {
    margin-right: 0;
  }
  .footer-links ul li:first-child:after {
    display: none;
  }
  .footer-links ul li:nth-child(2n + 1) {
    margin-right: 0;
  }
  .footer-links ul li:nth-child(2n + 1):after {
    display: none;
  }
  .footer-links ul li:after {
    content: '';
    position: absolute;
    border-right: 1px solid #FFF;
    top: 4px ;
    right: -27px;
    height: 8px;
  }
  .footer-links ul li a {
    font-size: 12px;
    color: #FFF;
    font-weight: normal;
    vertical-align: top;
  }
  .footer-links strong {
    font-size: 12px;
    color: #FFF;
    font-weight: normal;
    vertical-align: top;
  }
  .footer-copyright {
    margin: 0;
  }
  .footer-copyright > div {
    float: none;
    text-align: center;
    color: #FFF;
    font-size: 12px;
  }
  .footer-copyright > div:first-child {
    display: none;
  }
  .login_box_home {
    display: none;
  }
  .login_box_home_top input[name="pass"],
  .login_box_home_top input[name="user_name"] {
    font-size: 16px;
  }
  .login_box_home > div {
    float: none;
  }
  .login_box_home .login-fb {
    display: none;
  }
  .login_box_home {
    display: block;
  }
  .login_box_home_content {
    width: 100%;
  }
  .login_box_home_top {
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
  }
  .login_box_home_top input[name="pass"],
  .login_box_home_top input[name="user_name"] {
    width: 100%;
    margin: 0;
    margin-top: 17px;
    background: #FFF;
    color: #4a4a4a;
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .login_box_home_top input[name="pass"] {
    order: 1;
  }
  .login_box_home_bottom {
    text-align: right;
    float: none;
    margin: 20px 0;
    display: none;
  }
  .login_box_home_bottom .forgot-link {
    display: none;
  }
  .login_box_home_bottom .jcf-checkbox {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 22px;
    height: 22px;
    margin: 0;
  }
  .login_box_home_bottom .jcf-checkbox span {
    margin-top: -2px;
    position: relative;
    left: -1px;
  }
  .login_box_home > div {
    float: none;
  }
  .login_box_home .btn-popuplogin-wrapper a {
    float: left;
    margin-top: -45px;
    margin-left: 15px;
    font-size: 14px;
    color: transparent;
    width: 100px;
    height: 30px;
    line-height: 17px;
    border: none;
    border-radius: 2px;
    text-align: center;
    background: url(../images/login-bg.png) no-repeat 0 0 transparent;
    background-size: 100%;
  }
  .login_box_home .btn-popuplogin-wrapper:after {
    bottom: 100%;
    left: 18%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(71, 80, 81, 0);
    border-bottom-color: #475051;
    border-width: 9px;
    margin-left: -9px;
    opacity: 0;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
  }
  .login_box_home .btn-popuplogin-wrapper.active:after {
    opacity: 1;
  }
  .login_box_home .popuplogin {
    width: 100vw;
    box-sizing: border-box;
    padding: 0;
    background-origin: content-box;
    background-repeat: no-repeat;
    background-image: linear-gradient(#475051, #475051);
    background-color: #475051;
    padding-top: 10px;
    padding-bottom: 15px;
    display: none;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
  .index .login_box_home .popuplogin {
    margin-bottom: 15px;
  }
  .login_box_home .popuplogin .login_box_home_top {
    width: 230px;
    margin: 0 auto;
  }
  .login_box_home .popuplogin .login_box_home_top .login-btn {
    display: none;
  }
  .login_box_home .popuplogin .error {
    width: 230px;
    margin: 5px auto 0;
  }
  .login_box_home .login-wrapper {
    width: 230px;
    margin: 11px auto 0;
  }
  .login_box_home .login-box-bottom {
    display: block;
    text-align: center;
  }
  .login_box_home .login-box-bottom .home-content-title {
    margin-top: 0;
    padding-top: 0;
    margin-top: 5px;
    box-sizing: border-box;
    padding: 9px 0;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1;
  }
  .login_box_home .login-box-bottom .home-content-title h1,
  .login_box_home .login-box-bottom .home-content-title h2 {
    color: #FFF;
  }
  .base-item-header,
  .search-link,
  .login_box .user-asimon,
  .login_box .user-image,
  .login_box .user-messages,
  .search-link,
  .login_box .user-asimon,
  .login_box .user-image,
  .login_box .user-messages {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
  .base-icon-header,
  .search-link,
  .login_box .user-asimon,
  .login_box .user-messages,
  .search-link,
  .login_box .user-asimon,
  .login_box .user-messages {
    font-size: 22px;
  }
  .search-link:before {
    font-size: 26px;
    position: relative;
    bottom: -1px;
  }
  .login_box {
    margin-top: -3px;
  }
  .login_box .new-asimon,
  .login_box .new-messages {
    min-width: 25px;
    height: 13px;
    line-height: 13px;
    right: -7px;
  }
  .col-main .panel-group {
    margin-top: 0;
    margin-bottom: 0;
  }
  .col-main .panel-group .panel-heading {
    text-shadow: none;
    border-left-width: 0;
    border-right-width: 0;
    width: 100%;
  }
  .col-main .panel-group .panel-heading a {
    bottom: 0;
    font-size: 15px;
    line-height: 28px;
  }
  .col-main .panel-group .loading:before {
    top: 0;
    height: 100%;
  }
  .col-main .panel-group .loading:after {
    top: 20%;
  }
  .col-main .panel-group .sortby {
    display: none;
  }
  .col-main .panel-group .filter {
    height: 42px;
    top: -42px;
  }
  .col-main .panel-group .filter .filter-action {
    margin-top: 10px;
  }
  .col-main .panel-group .filter .filter-close {
    top: 0;
    left: 0;
  }
  .col-main .panel-group .filter .filter-close:before {
    font-size: 26px;
  }
  .col-main .panel-group .filter .fields {
    top: 50px;
    padding: 23px 7px 12px;
  }
  .col-main .panel-group .filter .fields .field {
    line-height: 33px;
  }
  .col-main .panel-group .filter .fields button {
    margin-top: 25px;
  }
  .col-main .panel-group .filter .fields .filter-clear {
    display: block;
    margin: 0 auto;
  }
  .col-main .panel-group .filter .form-horizontal .field > label {
    width: 69px;
    display: inline-block;
    line-height: 37px;
    vertical-align: top;
  }
  .col-main .panel-group .filter .form-horizontal .field > label + div {
    display: inline-block;
  }
  .col-main .panel-group .filter .checkbox-item,
  .col-main .panel-group .filter .radio-item {
    line-height: 33px;
  }
  .col-main .panel-group .user-item-content {
    overflow: hidden;
    padding: 5px 5px 5px 21px;
  }
  .col-main .panel-group .grid .es_row {
    margin-top: -9px;
  }
  .col-main .panel-group .grid .paging,
  .col-main .panel-group .grid .user-item {
    margin-top: 7.5px;
  }
  .col-main .panel-group .grid .user-info {
    position: static;
    background: none;
    display: block;
    padding: 0;
  }
  .col-main .panel-group .grid .user-image {
    width: 68px;
    height: 68px;
    float: right;
    margin-left: 5px;
  }
  .col-main .panel-group .grid .user-image img {
    width: auto;
    height: 100%;
  }
  .col-main .panel-group .grid .user-subscription {
    position: absolute;
    width: 300px;
    height: 14px;
    display: inline-block;
    padding: 0;
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    left: 7px;
    top: 50%;
    font-size: 11px;
    text-shadow: 0 0 0;
    line-height: 13px;
  }
  .col-main .panel-group .grid .user-normal {
    margin-top: -5px;
    line-height: 100%;
  }
  .col-main .panel-group .grid .user-normal a,
  .col-main .panel-group .grid .user-normal span {
    display: inline-block;
    height: auto;
    font-size: 15px;
  }
  .col-main .panel-group .grid .shorten-text {
    height: 3em;
    text-shadow: 0 0 0;
    font-size: 15px;
  }
  .col-main .panel-group .grid .paid-member {
    float: left;
    margin: 0;
    height: 20px;
    display: none;
  }
  .col-main .panel-group .grid .actions {
    display: block;
    float: left;
    height: 22px;
  }
  .col-main .panel-group .list .paging {
    margin-top: 7.5px;
  }
  .index.not-logged header {
    padding-top: 15px;
    position: absolute;
    height: 100vh;
  }
  .index.not-logged header .heading-main {
    height: 100%;
  }
  .index.not-logged header .search-link,
  .index.not-logged header .mobile-nav-link {
    display: none;
  }
  .index.not-logged .es_row {
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
  }
  .index.not-logged .login-box {
    order: 1;
    z-index: 2;
  }
  .index.not-logged .logo {
    display: inline-block;
  }
  .index.not-logged .main {
    top: 0;
  }
  .index.not-logged .main-top {
    position: relative;
  }
  .index.not-logged .login_box_home_top input {
    background: #e4e5e5;
    color: #4a4a4a;
  }
  .index .main-top .home-banner {
    min-height: 300px;
  }
  .home-content {
    margin: 0;
  }
  .home-content > img {
    width: 100%;
    height: auto;
  }
  .home-content-title {
    padding-bottom: 0;
  }
  .home-content-title:after {
    display: none;
  }
  .home-content-title h1,
  .home-content-title strong {
    font-size: 33px;
    margin-bottom: 3px;
  }
  .home-content-title h2,
  .home-content-title p {
    font-size: 20px;
  }
  .home-content-box {
    width: 100%;
    top: 58px;
    bottom: 0;
    height: 100vh;
    max-height: 100%;
    order: 3;
    z-index: 1;
    display: none;
  }
  .index .heading-main .home-content-box {
    display: block;
  }
  .home-content-box .es_container {
    position: absolute;
    bottom: 150px;
    width: 100%;
    padding: 0 7px;
  }
  .home-content-box:before {
    display: none;
  }
  .home-content-box:after {
    display: none;
  }
  .not-logged .home-content-box .fb-login-link {
    margin-top: 9px;
  }
  .home-content-info {
    font-size: 21px;
    line-height: 25px;
    padding: 10px 0;
  }
  .main-bottom-content {
    font-size: 15px;
  }
  .main-bottom-content .bottom-wrapper span {
    font-size: 19px;
  }
  .main-bottom-content .bottom-wrapper a {
    width: 280px;
  }
  .main-bottom-content-top img {
    width: 110px;
  }
  .main-bottom-content-top > div > div {
    display: table;
  }
  .main-bottom-content-top .title {
    margin-top: 0;
  }
  .main-bottom-content-top .align-l {
    padding-right: 0;
  }
  .main-bottom-content-middle .title {
    font-size: 24px;
  }
  .main-bottom-content-middle .content {
    padding: 0 20px;
  }
  .main-bottom-content-bot {
    margin-bottom: 50px;
  }
  .index.logged .nav-container {
    margin-bottom: 0;
    margin-top: 0;
  }
  .index.logged .nav-container:before {
    display: none;
  }
  .index.logged .main-content {
    margin-top: 98px;
  }
  .has-heading-top.index.logged .main-content {
    margin-top: 209px;
  }
  .index h1.title {
    display: none;
  }
  .index .main-content {
    margin-top: 0;
  }
  .index .main-content .es_container {
    padding-left: 0;
    padding-right: 0;
  }
  .index .col-main .panel-group {
    padding-top: 74px;
    margin-top: 0;
  }
  .index .col-main .panel-group .panel-heading {
    width: 33.33333333%;
  }
  .index .col-main .panel-group .panel:nth-child(2) .panel-heading {
    right: 33.33333333%;
    border-left-width: 1px;
    border-right-width: 1px;
  }
  .index .col-main .panel-group .panel:nth-child(3) .panel-heading {
    right: 66.66666667%;
  }
  .index .col-main .panel-group .grid .user-subscription {
    position: absolute;
  }
  .easy-grid-item:focus {
    width: 100%;
  }
  .signup .main-content,
  .my_profile .main-content {
    margin-top: 95px;
  }
  .signup .tab-wrapper > div,
  .my_profile .tab-wrapper > div {
    padding-top: 7px;
  }
  .signup .tab-wrapper > div > div a.active,
  .signup .tab-wrapper > div > div.active a,
  .my_profile .tab-wrapper > div > div a.active,
  .my_profile .tab-wrapper > div > div.active a {
    background: none;
  }
  .signup .tab-wrapper > div > div:last-child > span,
  .signup .tab-wrapper > div > div:last-child > a,
  .my_profile .tab-wrapper > div > div:last-child > span,
  .my_profile .tab-wrapper > div > div:last-child > a {
    border-bottom: 1px solid #dcdddd;
  }
  .signup .tab-content .field.height > div,
  .signup .tab-content .field.age > div,
  .my_profile .tab-content .field.height > div,
  .my_profile .tab-content .field.age > div {
    font-size: 0;
  }
  .signup .tab-content .field input[name="nickname"],
  .signup .tab-content .field input[name="user_name"],
  .signup .tab-content .field input[name="mobile"],
  .signup .tab-content .field input[name="email"],
  .my_profile .tab-content .field input[name="nickname"],
  .my_profile .tab-content .field input[name="user_name"],
  .my_profile .tab-content .field input[name="mobile"],
  .my_profile .tab-content .field input[name="email"] {
    width: calc(100% - 30px);
  }
  .signup .tab-content .field input[name="nickname"] + .field-tooltip,
  .signup .tab-content .field input[name="user_name"] + .field-tooltip,
  .signup .tab-content .field input[name="mobile"] + .field-tooltip,
  .signup .tab-content .field input[name="email"] + .field-tooltip,
  .my_profile .tab-content .field input[name="nickname"] + .field-tooltip,
  .my_profile .tab-content .field input[name="user_name"] + .field-tooltip,
  .my_profile .tab-content .field input[name="mobile"] + .field-tooltip,
  .my_profile .tab-content .field input[name="email"] + .field-tooltip {
    margin-top: 5px;
  }
  .signup .tab-content .field input[name="nickname"] + .field-tooltip span,
  .signup .tab-content .field input[name="user_name"] + .field-tooltip span,
  .signup .tab-content .field input[name="mobile"] + .field-tooltip span,
  .signup .tab-content .field input[name="email"] + .field-tooltip span,
  .my_profile .tab-content .field input[name="nickname"] + .field-tooltip span,
  .my_profile .tab-content .field input[name="user_name"] + .field-tooltip span,
  .my_profile .tab-content .field input[name="mobile"] + .field-tooltip span,
  .my_profile .tab-content .field input[name="email"] + .field-tooltip span {
    left: auto;
    right: -10px;
    transform: translateX(100%);
  }
  .signup .tab-content .field input[name="nickname"] + .field-tooltip span:before,
  .signup .tab-content .field input[name="user_name"] + .field-tooltip span:before,
  .signup .tab-content .field input[name="mobile"] + .field-tooltip span:before,
  .signup .tab-content .field input[name="email"] + .field-tooltip span:before,
  .my_profile .tab-content .field input[name="nickname"] + .field-tooltip span:before,
  .my_profile .tab-content .field input[name="user_name"] + .field-tooltip span:before,
  .my_profile .tab-content .field input[name="mobile"] + .field-tooltip span:before,
  .my_profile .tab-content .field input[name="email"] + .field-tooltip span:before {
    left: -6px;
    right: auto;
    border-width: 4.5px 7px 4.5px 0;
    border-color: transparent #000 transparent transparent;
  }
  .signup .tab-content textarea[name="about_me"],
  .my_profile .tab-content textarea[name="about_me"] {
    width: 100%;
  }
  .signup .tab-gallery > img,
  .my_profile .tab-gallery > img {
    width: 100%;
    height: auto;
  }
  .signup .tab-gallery form > div > div,
  .my_profile .tab-gallery form > div > div {
    text-align: center;
  }
  .signup .tab-gallery form .tab-content-bottom,
  .my_profile .tab-gallery form .tab-content-bottom {
    margin-top: 10px;
  }
  .signup .tab-gallery form .tab-content-bottom > div,
  .my_profile .tab-gallery form .tab-content-bottom > div {
    float: none;
    width: 100%;
  }
  .signup .tab-gallery form .tab-content-bottom .button,
  .my_profile .tab-gallery form .tab-content-bottom .button {
    float: none;
    width: 100%;
    margin: 10px 0;
  }
  .create_pass .content-wrapper,
  .forgot_pass .content-wrapper,
  .contact .content-wrapper {
    width: 100%;
  }
  .create_pass .content-wrapper input,
  .forgot_pass .content-wrapper input,
  .contact .content-wrapper input,
  .create_pass .content-wrapper textarea,
  .forgot_pass .content-wrapper textarea,
  .contact .content-wrapper textarea {
    width: 100%;
  }
  .create_pass .content-wrapper form input,
  .forgot_pass .content-wrapper form input {
    width: 100%;
  }
  .create_pass .content-wrapper form .form-horizontal .field div,
  .forgot_pass .content-wrapper form .form-horizontal .field div {
    width: 100%;
  }
  .forgot_pass .form-horizontal .field .validation-advice {
    white-space: normal;
  }
  .send_message .col-main,
  .read_message .col-main,
  .mail_detail .col-main,
  .mail .col-main,
  .send_message .col-main {
    font-size: 15px;
  }
  .send_message .breadcrumb,
  .read_message .breadcrumb,
  .mail_detail .breadcrumb,
  .mail .breadcrumb,
  .send_message .breadcrumb {
    padding: 5px;
  }
  .send_message .main-content,
  .read_message .main-content,
  .mail_detail .main-content,
  .mail .main-content,
  .send_message .main-content {
    margin-top: 98px;
  }
  .has-heading-top.send_message .main-content,
  .has-heading-top.read_message .main-content,
  .has-heading-top.mail_detail .main-content,
  .has-heading-top.mail .main-content,
  .has-heading-top.send_message .main-content {
    margin-top: 190px;
  }
  .send_message .mail-table .mail-item .es_row,
  .read_message .mail-table .mail-item .es_row,
  .mail_detail .mail-table .mail-item .es_row,
  .mail .mail-table .mail-item .es_row,
  .send_message .mail-table .mail-item .es_row {
    margin-left: 0;
    margin-right: 0;
  }
  .send_message .mail-table .mail-item .es_row > div:first-child,
  .read_message .mail-table .mail-item .es_row > div:first-child,
  .mail_detail .mail-table .mail-item .es_row > div:first-child,
  .mail .mail-table .mail-item .es_row > div:first-child,
  .send_message .mail-table .mail-item .es_row > div:first-child {
    width: 65%;
    float: right;
    padding-left: 0;
    padding-right: 0;
  }
  .send_message .mail-table .mail-item .es_row > div:first-child + div,
  .read_message .mail-table .mail-item .es_row > div:first-child + div,
  .mail_detail .mail-table .mail-item .es_row > div:first-child + div,
  .mail .mail-table .mail-item .es_row > div:first-child + div,
  .send_message .mail-table .mail-item .es_row > div:first-child + div {
    width: 35%;
    float: left;
    padding-left: 0;
    padding-right: 0;
  }
  .send_message .mail-table .user-thumb,
  .read_message .mail-table .user-thumb,
  .mail_detail .mail-table .user-thumb,
  .mail .mail-table .user-thumb,
  .read_message .input-wrapper .user-thumb,
  .send_message .mail-table .user-thumb,
  .send_message .input-wrapper .user-thumb {
    width: 50px;
    height: 50px;
  }
  .send_message .mail-table .mail-detail,
  .read_message .mail-table .mail-detail,
  .mail_detail .mail-table .mail-detail,
  .mail .mail-table .mail-detail,
  .send_message .mail-table .mail-detail {
    font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .send_message .mail-table .mail-detail .mail-info,
  .read_message .mail-table .mail-detail .mail-info,
  .mail_detail .mail-table .mail-detail .mail-info,
  .mail .mail-table .mail-detail .mail-info,
  .send_message .mail-table .mail-detail .mail-info {
    margin-top: -5px;
    float: none;
    padding-right: 33px;
  }
  .send_message .mail-table .mail-detail .mail-info .user-profile-detail:before,
  .read_message .mail-table .mail-detail .mail-info .user-profile-detail:before,
  .mail_detail .mail-table .mail-detail .mail-info .user-profile-detail:before,
  .mail .mail-table .mail-detail .mail-info .user-profile-detail:before,
  .send_message .mail-table .mail-detail .mail-info .user-profile-detail:before {
    display: none;
  }
  .send_message .mail-table .mail-seen,
  .read_message .mail-table .mail-seen,
  .mail_detail .mail-table .mail-seen,
  .mail .mail-table .mail-seen,
  .send_message .mail-table .mail-seen {
    margin-top: 10px;
  }
  .send_message .limiter,
  .read_message .limiter,
  .mail_detail .limiter,
  .mail .limiter,
  .send_message .limiter {
    padding: 0 5px;
  }
  .send_message .title,
  .read_message .title,
  .mail_detail .title,
  .mail .title,
  .send_message .title {
    padding-left: 5px;
    padding-right: 5px;
  }
  .profile h1.title {
    font-size: 22px;
  }
  .profile h1.title > span {
    width: 235px;
  }
  .profile .send-message {
    width: 100%;
    float: none;
  }
  .profile .send-message + .about-me {
    width: 100%;
    float: none;
  }
  .profile .personal-wrapper .photo-user .photo-main img {
    width: 100%;
  }
  .profile .personal-wrapper .personal-info {
    width: 100%;
    padding-top: 40px;
    clear: both;
  }
  .prefs .main-content .col-main {
    margin-bottom: 60px;
  }
  .prefs .save-search > div {
    margin-top: 15px;
    padding-right: 9px;
    padding-left: 9px;
  }
  .prefs .save-search input[name="submit_save"] {
    margin-right: 0;
    margin-top: 10px;
  }
  .subscribe .main-banner {
    width: 100%;
  }
  .subscribe .payment-secured {
    margin-top: 5px;
    margin-right: 0;
  }
  .subscribe input,
  .subscribe .jcf-select {
    width: 100%;
  }
  .subscribe select[name="expyear"] + .jcf-select {
    float: right;
  }
  .subscribe select[name="expmonth"] + .jcf-select,
  .subscribe select[name="expyear"] + .jcf-select {
    width: 44%;
  }
  .subscribe .card_expired .jcf-select {
    width: 44%;
    min-width: auto;
  }
  .subscribe .card_expired .jcf-select:last-child {
    float: right;
  }
  .subscribe .field-tooltip {
    margin-right: 0;
  }
  .subscribe .field input[name="mycvv"] {
    width: calc(100% - 30px);
  }
  .subscribe .field input[name="mycvv"] + .field-tooltip {
    margin-top: 5px;
  }
  .subscribe .field input[name="mycvv"] + .field-tooltip span {
    left: auto;
    right: -10px;
    transform: translateX(100%);
  }
  .subscribe .field input[name="mycvv"] + .field-tooltip span:before {
    left: -6px;
    right: auto;
    border-width: 4.5px 7px 4.5px 0;
    border-color: transparent #000 transparent transparent;
  }
  .subscribe .type-subscription > div {
    margin-top: 30px;
  }
  .subscribe .type-subscription > div:first-child {
    margin-top: 0;
  }
  .search.logged .nav-container {
    margin-bottom: 0;
  }
  .search.logged .nav-container:before {
    display: none;
  }
  .search .main-content {
    margin-top: 98px;
  }
  .search .main-content .es_container {
    padding-left: 0;
    padding-right: 0;
  }
  .search h1.title {
    display: none;
  }
  .read_message .input-wrapper .input-wrapper-content,
  .send_message .input-wrapper .input-wrapper-content {
    width: 100%;
  }
  .read_message .input-wrapper textarea,
  .send_message .input-wrapper textarea {
    width: 100%;
  }
  .forum .forum-post.active .user-status {
    padding-right: 15px;
  }
  .forum .forum-post.active .post-date span {
    padding-right: 15px;
  }
  .forum .forum-post [class*="code-"] {
    font-size: 14px;
    margin-right: 5px;
  }
  .forum .forum-post [class*="code-"]:before {
    margin-left: 3px;
  }
  .forum .forum-post .code-chat {
    margin-right: 0;
  }
  .forum .post-date {
    text-align: right;
  }
  .forum .update-post textarea {
    width: 100%;
  }
  .forum .update-post #_editor_toolbar > table {
    width: 100% !important;
  }
  .forum .update-post #_editor_toolbar .jcf-select {
    min-width: 115px;
  }
  .forum .update-post #_text_editor {
    width: 100% !important;
  }
}
@media only screen and (max-width: 575px) {
  /* select */
  /* multiple select styles */
  /* select options styles */
  /* common styles */
  .footer-customer-service {
    width: 25%;
  }
  .footer-links ul li {
    margin-right: 25px;
  }
  .footer-links ul li:after {
    right: -13px;
  }
}
@media only screen and (max-width: 349px) {
  .owl-carousel .decor-stl.owl-theme .owl-controls {
    top: 36%;
  }
  /* select */
  /* multiple select styles */
  /* select options styles */
  /* common styles */
  .footer-customer-service {
    width: 30%;
  }
  .footer-links ul li {
    margin-right: 13px;
  }
  .footer-links ul li:after {
    right: -7px;
  }
}
@media only screen and (max-width: 319px) {
  .owl-carousel .decor-stl.owl-theme .owl-controls {
    top: 33%;
  }
  /* select */
  /* multiple select styles */
  /* select options styles */
  /* common styles */
  .easy-box-container,
  .easy-box-group-container {
    padding: 15px 0;
  }
  .owl-carousel .decor-stl.owl-theme .owl-controls {
    top: 33%;
  }
  /* select */
  /* multiple select styles */
  /* select options styles */
  /* common styles */
  .easy-box-container,
  .easy-box-group-container {
    padding: 15px 0;
  }
}
@media all and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  /* select */
  /* multiple select styles */
  /* select options styles */
  /* common styles */
}