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

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

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

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

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

audio,
canvas,
video {
  display: inline-block;

  *display: inline;
  *zoom: 1;
  }

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

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

  height: 0;
  }

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

[hidden] {
  display: none;
  }

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

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

html {
  font-size: 100%; /* 1 */

      -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  }

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

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

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

body {
  margin: 0;
  }

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

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

a:focus {
  outline: thin dotted;
  }

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

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

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

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

h1 {
  font-size: 2em;

  margin: .67em 0;
  }

h2 {
  font-size: 1.5em;

  margin: .83em 0;
  }

h3 {
  font-size: 1.17em;

  margin: 1em 0;
  }

h4 {
  font-size: 1em;

  margin: 1.33em 0;
  }

h5 {
  font-size: .83em;

  margin: 1.67em 0;
  }

h6 {
  font-size: .67em;

  margin: 2.33em 0;
  }

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

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

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

b,
strong {
  font-weight: bold;
  }

blockquote {
  margin: 1em 40px;
  }

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

dfn {
  font-style: italic;
  }

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

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

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

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

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

p,
pre {
  margin: 1em 0;
  }

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

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;

  _font-family: 'courier new', monospace;
  }

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

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

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

q {
  quotes: none;
  }

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

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

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

small {
  font-size: 80%;
  }

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

sub,
sup {
  font-size: 75%;
  line-height: 0;

  position: relative;

  vertical-align: baseline;
  }

sup {
  top: -.5em;
  }

sub {
  bottom: -.25em;
  }

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

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

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

dd {
  margin: 0 0 0 40px;
  }

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

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

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

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

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

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

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

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

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

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

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

figure {
  margin: 0;
  }

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

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

form {
  margin: 0;
  }

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

fieldset {
  margin: 0 2px;
  padding: .35em .625em .75em;

  border: 1px solid #c0c0c0;
  }

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

legend {
  padding: 0;

  white-space: normal; /* 2 */

  border: 0; /* 1 */

  *margin-left: -7px; /* 3 */
  }

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

button,
input,
select,
textarea {
  font-size: 100%; /* 1 */

  margin: 0; /* 2 */

  vertical-align: baseline; /* 3 */

  *vertical-align: middle; /* 3 */
  }

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

button,
input {
  line-height: normal;
  }

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

button,
select {
  text-transform: none;
  }

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

button,
html input[type='button'], /* 1 */
input[type='reset'],
input[type='submit'] {
  cursor: pointer; /* 3 */

  -webkit-appearance: button; /* 2 */
  *overflow: visible;  /* 4 */
  }

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

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

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

input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */

  *height: 13px; /* 3 */
  *width: 13px; /* 3 */
  }

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

input[type='search'] {
  -webkit-box-sizing: content-box; /* 2 */
     -moz-box-sizing: content-box;
          box-sizing: content-box;

  -webkit-appearance: textfield; /* 1 */
  }

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

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

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

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

  border: 0;
  }

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

textarea {
  overflow: auto; /* 1 */

  vertical-align: top; /* 2 */
  }

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

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

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


/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
  color: #222;
  }

html {
  font-size: 1em;
  line-height: 1.4;
  }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

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

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

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;

  height: 1px;
  margin: 1em 0;
  padding: 0;

  border: 0;
  border-top: 1px solid #ccc;
  }

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
  vertical-align: middle;
  }

/*
 * Remove default fieldset styles.
 */

fieldset {
  margin: 0;
  padding: 0;

  border: 0;
  }

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
  }

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
  margin: .2em 0;
  padding: .2em 0;

  color: #000;
  background: #ccc;
  }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
  overflow: hidden;

  border: 0;
  background-color: transparent;
  /* IE 6/7 fallback */

  *text-indent: -9999px;
  }

.ir:before {
  display: block;

  width: 0;
  height: 150%;

  content: '';
  }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

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

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
  position: absolute;

  overflow: hidden;
  clip: rect(0 0 0 0);

  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;

  border: 0;
  }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  position: static;

  overflow: visible;
  clip: auto;

  width: auto;
  height: auto;
  margin: 0;
  }

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
  visibility: hidden;
  }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
  display: table; /* 2 */

  content: ' '; /* 1 */
  }

.clearfix:after {
  clear: both;
  }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
  *zoom: 1;
  }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
  }

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
  }

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * {
    color: #000 !important; /* Black prints faster: h5bp.com/s */
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
    }

  a,
  a:visited {
    text-decoration: underline;
    }

  a[href]:after {
    content: ' (' attr(href) ')';
    }

  abbr[title]:after {
    content: ' (' attr(title) ')';
    }

  /*
     * Don't show links for images, or javascript/internal links
     */

  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: '';
    }

  pre,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
    }

  thead {
    display: table-header-group; /* h5bp.com/t */
    }

  tr,
  img {
    page-break-inside: avoid;
    }

  img {
    max-width: 100% !important;
    }

  @page {
    margin: .5cm;
    }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
    }

  h2,
  h3 {
    page-break-after: avoid;
    }
  }


/* REMOVE if navigation is out */
.nav{
  margin: 0 0 30px;
  padding: 0;
  }
.nav li{
  display: inline-block;

  padding-right: 50px;

  list-style: none;
  }
.nav li a{
  font-size: 26px;

  text-decoration: none;

  color: #a7a9a7;
  }
.nav li:first-child a{
  color: #fff;
  }
.nav a span{
  font-size: 12px;

  padding-left: 5px;

  color: #d3d0d0;
  }
.darr{
  position: relative;
  top:-2px;

  display: inline-block;

  width:15px;
  height:9px;

  opacity: .6;
  background:url(/images/embeded/darr.png?1493111059) no-repeat;
  }
.nav li:first-child .darr{
  opacity: 1;
  }


* { margin:0; padding:0; }
html, body, #application { height: 100%; }
body > #application {height: auto; min-height: 100%;}
body{
  font-family: 'Lucida Grande', sans-serif;

  position:relative;

  color: #fff;
  }
a{
  text-decoration: none;

  color: #fff;
  }

/*.app-initialization .navbar{
  display: none;
}
.app-initialization .app-background{
  position:absolute;
}*/


/* app-background (begin) */
.app-background{
  position: fixed;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.5s ease-in-out;
  }

body .app-background{
  background-repeat: repeat;
  }
body[data-bg-position=scale] .app-background{
  background-repeat: no-repeat;
  background-size: cover;
  }
body[data-bg-position=center] .app-background{
  background-repeat: no-repeat;
  }

#application{
  position: relative;
  z-index: 5;
  }
/* app-background (end) */


/* loading-indicator (begin) */
#loading-indicator{
  position: fixed;
  z-index: 10000;
  top:50%;
  left: 50%;

  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  }
/* loading-indicator (end) */


.product-header{
  font-size: 34px;
  font-weight: normal;
  line-height: 1;

  position: relative;

  margin: 0 0 20px;
  padding: 0;
  }


/* page (begin) */
.page{
  position: relative;
  z-index: 5;

  margin: 0 auto;
  padding: 30px 0 80px;
  }

.page .container {
  padding-bottom: 30px;
}

.page .page-body {
  margin: 0 auto;
}

/* page (end) */


/* categories (begin) */
.categories{
  margin: 0;
  padding: 0;
  }
.categories-item {
  display: inline-block;
  position: relative;
  width: 218px;
  height: 300px;
  overflow: hidden;
  margin: 0 0 10px 0;
  vertical-align: top;
  background-color: #fff;
}


.categories-item::after {
  content: '';
  position: absolute;
  z-index: 10;
  width: 100%;
  bottom: 0;
  height: 2.5em;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 33%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 33%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 33%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='00ffffff#', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


.categories-item:hover{
  opacity: 0.9;
  overflow: visible;
  z-index: 102;
}

.categories-item:hover::after {
  display: none;
}

.categories-image{
  display: block;

  width: 218px;
  height:165px;

  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  }

.categories-title{
  font-size:12px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 18px 15px;
  text-transform: uppercase;
  color: #545454;
  background-color: #fff;
  }
.categories-subtitle{
  font-size:10px;
  display: block;
  padding: 18px 15px;
  color: #545454;
}

.categories-title i{
  font-size: 13px;
  font-style: normal;
  padding-right: 5px;
  color: #4ece9f;
}

.categories-counter{
  font-size:12px;

  display: block;
  float: right;

  padding: 18px 12px;

  text-transform: uppercase;

  color: #545454;
  }
.category-list{
  clear: both;
  }

/* popup (began) */
.popup{
  position: absolute;
  z-index: 600;
  top:100px;
  right: 0;
  left: 0;

  margin-bottom: 100px;

  background: #fff;
  }
.shadow{
  position: fixed;
  z-index: 599;
  top:0;
  right: 0;
  bottom: 0;
  left: 0;

  background-color: rgba(0, 0, 0, .8);
  }
/* popup (end) */


/* fotorama (begin) */
.fotorama{
  background: #000;
  }
/* fotorama (end) */


/* footer (begin) */
.footer{
  position: relative;
  z-index: 10;

  clear:both;

  width: 100%;
  height: 32px;
  margin-top: -32px;
  }
.footer-content{
  position: relative;

  overflow: hidden;

  margin:0 auto;
  }
.footer-apps{
  float: left;

  width: 200px;
  }
.download-services{
  margin: 0;
  padding: 0;
  }
.download-services li{
  display: inline;

  list-style: none;
  }
.download-services a{
  display: inline-block;

  width: 32px;
  height: 32px;

  text-indent: -9999px;

  background-image: url(/images/v3/site/icons/publish.png?1493111059);
  background-repeat: no-repeat;
  background-position: 0 0;
  }
.download-services a.windows-app{
  background-position: 0 -32px;
  }
.download-services a.windows8-app{
  background-position: -32px -32px;
  }
.download-services a.android-app{
  background-position: -64px -32px;
  }
.download-services a.blackberry-app{
  background-position: -160px -32px;
  }
.download-services a.itunes-app{
  background-position: -192px -32px;
  }

.color-black .download-services a.windows-app{
  background-position: 0 0;
  }
.color-black .download-services a.windows8-app{
  background-position: -32px 0;
  }
.color-black .download-services a.android-app{
  background-position: -64px 0;
  }
.color-black .download-services a.blackberry-app{
  background-position: -160px 0;
  }
.color-black .download-services a.itunes-app{
  background-position: -192px 0;
  }

.footer-develop{
  font-size: 11px;
  line-height: 32px;

  float: right;

  width: 200px;
  }
.footer-develop img{
  height: 15px;
  }
/* footer (begin) */



@media only screen and (min-width: 0) and (max-width: 479px) {
  .page{
    padding: 20px 0 80px;
    }

  .page .container, .page .section-content, .page .page-body {
    width: 100%;
  }
  .navbar-title h1{
    font-size: 26px;
    line-height: 30px;

    max-width: 65%;
    }

  .navbar_i,
  .footer-content{
    width: 100%;
    }

  .app-backbutton{
    margin-right: 12px;
    }
  /* categories */
  .categories-item{
    width: 145px;
    }
  .categories-item:nth-child(even){
    margin-left: 4px;
    }
  .categories-image{
    width: 145px;
    height:110px;
    }
  .categories-title{
    padding: 15px;
    }
  .categories-subtitle{
    padding: 15px;
    }
  .footer{
    height: 64px;
    margin-top: -64px;
    }
  .footer-apps,
  .footer-develop{
    float: none;

    width: 100%;

    text-align: center;
    }
  .footer-develop{
    line-height: 20px;
    }
  }

@media only screen and (min-width: 480px) and (max-width: 794px) {
  .page{
    padding: 20px 0 80px;
    }

  .page .container, .page .section-content, .page .page-body {
    width: 100%;
  }

  /* navbar */
  .navbar_i,
  .footer-content{
    width: 100%;
    }

  .app-backbutton{
    margin-right: 14px;
    }

  /* categories */
  .categories-item{
    float: none;

    width: 100%;
    }
  .categories-image{
    width: 100%;
    height:125px;
    }
  .categories-title{
    font-size: 14px;

    padding: 18px 15px;
    }
  .categories-subtitle{
    font-size: 12px;

    padding: 18px 15px;
    }
  }
@media only screen and (min-width: 795px) and (max-width: 1000px) {
  .page{
    padding: 30px 0 80px;
    }

  .page .container, .page .section-content, .page .page-body {
    width: 800px;
  }

  /* navbar */
  .navbar_i,
  .footer-content{
    width: 800px;
    }

  /*.userbar button,
  .app-backbutton{
    min-width: 36px;
    height: 36px;

    -webkit-background-size: 36px 36px;
            background-size: 36px 36px;
    }*/
  .app-backbutton{
    margin-right: 16px;
    }

  /* categories */
  .categories-item{
    width: 390px;
    margin-bottom: 15px;
    }
  .categories-item:nth-child(even){
    margin-left: 10px;
    }
  .categories-image{
    width: 100%;
    height:165px;
    }
  .categories-title{
    font-size: 16px;

    padding:18px 15px;
    }
  .categories-subtitle{
    font-size: 14px;

    padding:18px 15px;
    }
  }
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
  .page{
    padding: 30px 0 80px;
  }
  .page .container, .page .section-content, .page .page-body {
    width: 960px;
  }
  .app-backbutton{
    margin-right: 16px;
    }
  /* navbar */
  .navbar_i,
  .footer-content{
    width: 960px;
    }

  /* categories */
  .categories-item{
    width: 470px;
    margin-bottom: 15px;
    }
  .categories-item:nth-child(even){
    margin-left: 10px;
    }
  .categories-image{
    width: 470px;
    height:175px;
    }
  .categories-title{
    font-size: 16px;

    padding:18px 15px;
    }
  .categories-subtitle{
    font-size: 14px;

    padding:18px 15px;
    }
  }
@media only screen and (min-width: 1200px) {
  .page{
    padding: 30px 0 80px;
  }
  .page .container, .page .section-content, .page .page-body {
    width: 1170px;
  }
  .app-backbutton{
    margin-right: 18px;
    }

  /* navbar */
  .navbar_i,
  .footer-content{
    width: 1170px;
    }

  /* categories */
  .categories{
    margin-left: -10px;
    }
  .categories-item{
    width: 376px;
    margin-bottom: 15px;
    margin-left: 10px;
    overflow: hidden;
    }
  .categories-image{
    width: 100%;
    height:165px;
    }
  .categories-title{
    font-size: 18px;

    padding:18px 15px;
    }
  .categories-subtitle{
    font-size: 16px;

    padding:18px 15px;
    }
  }


/* noty (begin) */
.noty_bar_container{
  overflow: hidden;
  }
.noty_bar_container .noty_message{
  font-size:13px;
  line-height: 16px;

  position: relative;

  width: auto;
  padding: 8px 10px 9px;

  text-align: center;

  color: #fff;
  }
.noty_bar_container .noty_buttons{
  padding: 5px;

  text-align: right;

  border-top: 1px solid #ccc;
  background-color: #fff;
  }


.noty_bar_container{
  border: 2px solid #eee;
  }
.noty_top_layout_container .noty_bar_container{
  border-right: 2px solid #eee;
  border-bottom: 2px solid #eee;
  border-left: 2px solid #eee;
  }
.noty_topCenter_layout_container .noty_bar_container,
  .noty_center_layout_container .noty_bar_container,
  .noty_bottomCenter_layout_container .noty_bar_container,
  .noty_inline_layout_container .noty_bar_container{
  border: 1px solid #eee;
  }
.noty_topLeft_layout_container .noty_bar_container,
  .noty_topRight_layout_container .noty_bar_container,
  .noty_bottomLeft_layout_container .noty_bar_container,
  .noty_bottomRight_layout_container .noty_bar_container,
  .noty_centerLeft_layout_container .noty_bar_container,
  .noty_centerRight_layout_container .noty_bar_container{
  border: 1px solid #eee;
  }
.noty_bottom_layout_container .noty_bar_container{
  border-top: 2px solid #eee;
  border-right: 2px solid #eee;
  border-left: 2px solid #eee;
  }



.noty_layout_container .noty_bar_container-success{
  border-color: #58912b;
  background-color: #58912b;
  }
.noty_layout_container .noty_bar_container-success .noty_buttons{
  border-top: 1px solid #58912b;
  }


.noty_layout_container .noty_bar_container-information{
  border-color: #3e6ea6;
  background-color: #3e6ea6;
  }
.noty_layout_container .noty_bar_container-information .noty_buttons{
  border-top: 1px solid #3e6ea6;
  }


.noty_layout_container .noty_bar_container-error{
  border-color: #d34d22;
  background-color: #d34d22;
  }
.noty_layout_container .noty_bar_container-error .noty_buttons{
  border-top: 1px solid #d34d22;
  }


.noty_layout_container .noty_bar_container-warning{
  border-color: #e4882d;
  background-color: #e4882d;
  }
.noty_layout_container .noty_bar_container-warning .noty_buttons{
  border-top: 1px solid #e4882d;
  }


.noty_layout_container .noty_bar_container-notification,
.noty_layout_container .noty_bar_container-alert{
  border-color: #a7aeb0;
  background-color: #cdd5d8;
  }
.noty_layout_container .noty_bar_container-notification .noty_buttons,
  .noty_layout_container .noty_bar_container-alert .noty_buttons{
  border-top: 1px solid #a7aeb0;
  }
/* noty (end) */


/* list (begin) */

.list{
  overflow: hidden;

  margin: 0;
  padding: 0;
  }

.list li{
  float: left;

  width: 376px;

  list-style: none;

  color: #515151;
  background: #fff;
  overflow:hidden;
  min-height: 7em;
  }

.list li.list-big-size {
  min-height: 10em;
}

.list_posts li{
  padding:0 10px 2px 0;
  min-height: 10em;
  }

.list li > a{
  position: relative;

  display: block;

  min-height: 72px;
  padding: 10px 15px 0 92px;

  text-decoration: none;

  color: #515151;
  }
.list_posts li > a{
  min-height: 132px;
  }

.list li.has-image_false > a{
  padding-left: 15px !important;
  }


.list_no-image .list-label{
  margin-bottom: -6px;
  }

.list-image{
  position: absolute;
  top: 0;
  left: 0;

  width: 82px;
  height:82px;

  vertical-align: top;

  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  }

.list-title{
  font-size: 24px;

  display:block;
  overflow: hidden;

  max-height: 80px;
  padding: 0 0 10px;

  white-space: nowrap;
  text-overflow: ellipsis;
  }

.list-text{
  font-size: 12px;

  color: #9d9d9d;
  }

.list-label{
  font-size: 14px;

  display: block;
  overflow: hidden;

  white-space: nowrap;
  text-overflow: ellipsis;

  color: #9d9d9d;
  }

.list-title-info{
  font-size: 12px;
  font-weight: normal;
  font-style: normal;

  position: relative;
  top: -.6em;

  color: #3a8ad1;
  }
.list-status{
  font-size: 13px;

  position: absolute;
  top:0;
  right:0;

  padding: 0 3px;

  color: #fff;
  }
.list-status_invited{
  background-color: #4697b7;
  }
.list-status_pending{
  background-color: #ff930e;
  }
.list-status_refused{
  background-color: #d46f6f;
  }


.list-meta{
  font-size: 12px;

  position: absolute;
  bottom:0;

  padding-bottom: 4px;

  color: #9d9d9d;
  }

.list-meta span{
  position: relative;

  margin-right: 7px;
  }
.meta-retweet:before,
.meta-favorite:before,
.meta-likes:before,
.meta-comments:before{
  position: relative;
  top:3px;

  display: inline-block;

  width: 16px;
  height: 16px;
  margin-right: 3px;

  content:'';
  }
.meta-favorite:before{
  top:2px;

  background: url(https://si0.twimg.com/images/dev/cms/intents/icons/favorite.png) no-repeat;
  }
.meta-retweet:before{
  background: url(https://si0.twimg.com/images/dev/cms/intents/icons/retweet.png) no-repeat;
  }
.meta-likes:before{
  top:3px;

  background: url(/images/embeded/likes.png?1493111059) no-repeat;
  }
.meta-comments:before{
  background: url(/images/embeded/comments.png?1493111059) no-repeat;
  }

/* list_contacts (begin) */

.list_contacts li {
  position: relative;

  float: left;

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 58px;
  padding: 6px 15px 5px 62px !important;

  background: #fff !important;
  }
.list_contacts li:before{
  position: absolute;
  top: 10px;
  left: 9px;

  width: 36px;
  height: 36px;

  content: '';

  opacity: .6;
  border:2px solid #000;
  border-radius:50%;
  background-image:url(/images/embeded/icons.png?1493111059);
  background-repeat: no-repeat;
  background-position: -45px 0;
  -webkit-background-size: 82px auto;
          background-size: 82px auto;
  }
li.contact-type_email:before{
  background-position:0 -319px;
  }
li.contact-type_phone:before{
  background-position:-45px -45px;
  }
li.contact-type_facebook:before{
  background-position:0 -228px;
  }
li.contact-type_twitter:before{
  background-position:0 -410px;
  }
li.contact-type_blogger:before{
  background-position: 0 0;
  }
li.contact-type_linkedin:before{
  background-position: 0 -45px;
  }
li.contact-type_xing:before{
  background-position: 0 -546px;
  }
li.contact-type_skype:before{
  background-position: 0 -91px;
  }
li.contact-type_myspace:before{
  background-position: -45px -91px;
  }
li.radio-item:before{
  background-position: -45px -136px;
  }
li.radio-item.played:before{
  background-position:0 -135px;
  }
li.radio-item{
  cursor: pointer;
  }
.list_contacts li .list-title{
  font-size: 14px;

  padding: 0 0 2px;

  color: #9d9d9d;
  }
.list_contacts li .list-label{
  font-size: 16px;

  color: #515151 !important;
  }

.list.list_contacts li > a{
  min-height: 0;
  padding: 0;
  }
.list.list_contacts li > a .list-label{
  text-decoration: underline;
  }
.list.list_contacts li > a:hover .list-label{
  text-decoration: none;
  }

/* list_links (begin) */

.list_external-links a{
  padding-right: 25px !important;
  }
.list_external-links a:after{
  position: absolute;
  top: 50%;
  right:8px;

  margin-top: -11px;

  content:'\2192';
  }

/* list_posts (begin) */

.list_posts .list-description{
  overflow: hidden;

  height: 70px;
  margin: 0;
  }

/* list_footer (begin) */

.list_footer{
  padding-bottom: 25px;
  }

/* list_video (begin) */

.list_video{
  margin-bottom: 20px;
  margin-left: -10px;
  }
.list_video li{
  width: 260px;
  margin-left: 10px;
  }
.list_video li > a{
  min-height: inherit;
  padding-top: 130px;
  padding-left: 15px;
  }
.list_video li > a:after{
  position: absolute;
  top:10px;
  left: 50%;

  width:64px;
  height:48px;
  margin-left:-32px;

  content:'';

  background: url(/images/embeded/youtube.png?1493111059) no-repeat;
  }
.list_video li > a:hover:after{
  opacity: .8;
  }
.list_video .list-image{
  top:0;
  left: 0;

  width: 100%;
  height: 120px;
  }

/* attendees-item (begin) */
.attendees-item .list-title{
  padding-right: 70px;
  }

/* radio-item (begin) */
.radio-item .list-label{
  padding-right: 60px;
  }
.radio-item-onair{
  font-size: 12px;

  position: absolute;
  top:5px;
  right:7px;

  display: none;

  color: #db0125;
  }
li.radio-item.active .radio-item-onair{
  display: block;
  }


@media only screen and (min-width: 0) and (max-width: 479px) {
  /* list */
  .list li{
    float: none;

    width: 100%;
    margin:0 0 10px;
    }
  .list li > a{
    min-height: 56px;
    padding-left: 78px;
    }
  .list_posts li > a{
    min-height: 132px;
    }
  .list-image{
    width: 66px;
    height:66px;
    }
  .list-title{
    font-size: 18px;
    }
  .list-label{
    font-size: 12px;
    }

  /* list_video (begin) */
  .list_video {
    margin: 0;
    }
  .list_video li{
    width: 100%;
    margin-left:0;
    padding: 0;
    }
  .list_video li > a{
    min-height: inherit;
    padding-left: 15px;
    }
  .list_video li > a:after{
    top:35px;
    }
  }
@media only screen and (min-width: 480px) and (max-width: 794px) {
  /* list */
  .list li{
    float: none;

    width: 100%;
    margin:0 0 10px;
    }
  .list li > a{
    min-height: 62px;
    padding-left: 85px;
    }
  .list_posts li > a{
    min-height: 132px;
    }
  .list-image{
    width: 72px;
    height:72px;
    }
  .list-title{
    font-size: 20px;
    }
  .list-label{
    font-size: 13px;
    }

  /* list_video (begin) */
  .list_video li{
    float: left;

    width: 205px;
    margin-left: 10px;
    padding: 0;
    }
  .list_video li > a{
    min-height: inherit;
    padding-top: 130px;
    padding-left: 15px;
    }
  .list_video li > a:after{
    top:35px;
    }
  }
@media only screen and (min-width: 795px) and (max-width: 1279px) {
  /* list */
  .list li{
    width: 390px;
    margin-bottom: 10px;
    padding: 0;
    }
  .list li:nth-child(even){
    margin-left: 15px;
    }
  .list li > a{
    min-height: 68px;
    padding-left: 90px;
    }
  .list_posts li > a{
    min-height: 132px;
    }
  .list-image{
    width: 78px;
    height:78px;
    }
  .list-title{
    font-size: 20px;
    }
  .list-label{
    font-size: 14px;
    }

  /* list_video (begin) */
  .list_video{
    margin-bottom: 20px;
    margin-left: -10px;
    }
  .list_video li{
    width: 260px;
    margin-left: 10px;
    }
  .list_video li > a{
    min-height: inherit;
    padding-top: 130px;
    padding-left: 15px;
    }
  .list_video li > a:after{
    top:35px;
    }
  }

@media only screen and (min-width: 1000px) and (max-width: 1279px) {
  /* list */
  .list li{
    width: 475px;
    margin-bottom: 10px;
    padding: 0;
    }
  }

@media only screen and (min-width: 1280px) {
  /* list */
  .list{
    margin-left: -15px;
    }
  .list li{
    width: 376px;
    margin: 0 0 0 16px;
    margin-bottom: 15px;
    }
  .list_posts li {
    width: 379px;
    }
  .list li > a{
    min-height: 68px;
    padding-left: 90px;
    }
  .list_posts li > a{
    min-height: 132px;
    }
  .list-image{
    width: 78px;
    height:78px;
    }
  .list-title{
    font-size: 20px;
    }
  .list-label{
    font-size: 14px;
    }

  /* list_video (begin) */
  .list_video{
    margin-bottom: 20px;
    margin-left: -10px;
    }
  .list_video li{
    width: 292px;
    margin-left: 10px;
    padding: 0;
    }
  .list_video li > a{
    min-height: inherit;
    padding-top: 150px;
    padding-left: 15px;
    }
  .list_video li > a:after{
    top:45px;
    }
  .list_video .list-image {
    height: 140px;
    }
  }

.list_no-image a{
  padding: 10px 15px 0 !important;
  }
.list_no-image.list_contacts li{
  padding-left: 15px !important;
  }
.list_no-image.list_contacts li:before{
  display: none;
  }


.ams-popup{
  position: fixed;
  z-index: 600;
  top:0;
  right: 0;
  bottom:0;
  left:0;

  overflow-y: auto;
  }
.ams-popup-is-active{
  overflow: hidden;
  }

.ams-popup--overlay{
  position: fixed;
  z-index:599;
  top:0;
  right:0;
  bottom:0;
  left:0;

  opacity: .5;
  background: #000;
  }

.ams-popup--wrap{
  position: absolute;
  z-index: 600;
  top:100px;
  right: 0;
  left: 0;

  margin-bottom: 100px;

  background: #fff;
  }
.ams-popup--body{
  width: 60%;
  margin: 0 auto;
  padding: 15px 0;

  color: #000;
  }

.ams-popup .label {
  color: #333;
}


@media only screen and (min-width: 0) and (max-width: 479px) {
  .ams-popup--wrap{
    top:0;

    margin: 0;
    }
  .ams-popup--body{
    width: 300px;
    margin: 0 auto;
    padding:12px 10px;
    }
  }
@media only screen and (min-width: 480px) and (max-width: 794px) {
  .ams-popup--wrap{
    top:0;

    margin: 0;
    }
  .ams-popup--body{
    width: 460px;
    margin: 0 auto;
    padding:12px 10px;
    }
  }
@media only screen and (min-width: 795px) and (max-width: 1279px) {
  .ams-popup--wrap{
    margin: 0;
    }
  .ams-popup--body{
    width: 620px;
    margin: 0 auto;
    padding:12px 10px;
    }
  }
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .ams-popup--body{
    width: 720px;
    margin: 0 auto;
    padding:12px 10px;
    }
  }



.label{
  display: block;
  }
.form .field{
  margin-bottom: 1em;
  }
input[type='text'],
input[type='password'],
input[type='email'],
textarea,
select{
  box-sizing: border-box;
  width: 100%;
  padding: 4px 6px 2px;

  -webkit-transition: box-shadow .3s, border .3s;
          transition: box-shadow .3s, border .3s;

  border: solid 1px #bcbcbc;
  outline:none;
  }
input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
textarea:focus,
select:focus{
  border: solid 1px #909090;
  box-shadow: 0 0 2px 1px #dcdcdc;
  }
.button{
  font-size: 12px;
  line-height: 32px;

  display: inline-block;

  height: 32px;
  padding: 0 20px;

  cursor:pointer;

  color: #fff;
  border: none;
  background: #008287;
  }
.button:disabled{
  opacity: .5;
  }
.theme-button-default{
  background: #999;
  }
.theme-button-default:hover{
  opacity: .8;
  }
select.month{
  width: 85px;
  }
select.day{
  width: 50px;
  }
select.year{
  width: 70px;
  }
.field-action{
  clear: both;
  }

.field-privacy{
  float: none !important;
  clear: both !important;

  width: auto !important;
  }
.field-privacy label{
  display: inline !important;
  }
.privacy-preview{
  font-size: .8em;

  overflow: scroll;

  height: 100px;
  margin: 0 15px 10px 0;
  padding: 10px;

  border: solid 1px #bcbcbc;
  }

.error-base,
.error-block{
  color:#f00;
  }
.error-block{
  font-size: 14px;
  }
.input_multiselect{
  margin: 0;
  padding: 3px 0 6px;
  }
.input_multiselect li{
  padding-top: 3px;

  list-style: none;
  }
.input_multiselect label{
  font-size: 14px;

  color: #444;
  }
.input_multiselect input{
  margin-right: 5px;
  }
.file-preview img{
  max-width: 100%;
  margin-bottom: 10px;
  }



.rounded-btn{
  position: relative;

  display: inline-block;

  box-sizing: content-box;
  width: 35px;
  height: 35px;

  cursor: pointer;
  vertical-align: middle;
  text-indent: -9999px;

  border: 2px solid;
  border-radius: 50%;
  outline: none;
  background-color: transparent;
  background-image: url(/images/embeded/icons.png?1493111059);
  background-repeat: no-repeat;
  background-size: 82px auto;
  }

.theme-dark .rounded-btn,
.theme-light .item-share-list  .rounded-btn{
  color: #000;
  border-color: #000;
  }

.theme-dark .app-share_fb,
.theme-light .item-share-list .app-share_fb{
  background-position: 0 -228px;
  }

.theme-dark .app-share_vk,
.theme-light .item-share-list .app-share_vk{
  background-position: -2px -674px;
  }

  .theme-dark .app-share_odn,
.theme-light .item-share-list .app-share_odn{
  background-position: -1px -635px;
  }

.theme-dark .app-share_tw,
.theme-light .item-share-list .app-share_tw{
  background-position: 0 -410px;
  }
.theme-dark .app-share_link,
.theme-light .item-share-list .app-share_link{
  background-position: -2px -365px;
  }
.theme-dark .app-share_mail,
.theme-light .item-share-list .app-share_mail{
  background-position: 0 -319px;
  }

.theme-dark .menu-icon{
  background-position: -1px -273px;
  }
.theme-dark .userbar button{
  background-position: 0 -182px;
  }
.theme-dark .app-backbutton{
  background-position: 0 -456px;
  }
.theme-dark .view-cart-button{
  background-position: 0 -501px;
  }
.theme-dark .settings-button{
  background-position: -1px -592px;
  }


.theme-light .rounded-btn{
  color: #fff;
  border-color: #fff;
  }
.theme-light .app-share_fb{
  background-position: -45px -228px;
  }
.theme-light .app-share_tw{
  background-position: -45px -410px;
  }
.theme-light .app-share_link{
  background-position: -47px -365px;
  }
.theme-light .app-share_mail{
  background-position: -46px -319px;
  }
.theme-light .app-share_odn{
  background-position: -46px -635px;
  }
.theme-light .app-share_vk{
  background-position: -47px -674px;
  }
.theme-light .menu-icon{
  background-position: -46px -273px;
  }
.theme-light .userbar button{
  background-position: -45px -182px;
  }
.theme-light .app-backbutton{
  background-position: -46px -455px;
  }
.theme-light .view-cart-button{
  background-position: -46px -501px;
  }
.theme-light .settings-button{
  background-position: -46px -592px;
  }


@media only screen and (min-width: 0) and (max-width: 794px){
  .navbar-share-list .app-share:hover{
    opacity: .8;
    }
  .navbar-share-list .rounded-btn{
    color: #000;
    border-color: #000;
    }
  .navbar-share-list .app-share_fb{
    background-position: 0 -228px;
    }
  .navbar-share-list .app-share_tw{
    background-position: 0 -410px;
    }
  .navbar-share-list .app-share_mail{
    background-position: 0 -319px;
    }
  .navbar-share-list .app-share_odn{
    background-position: -1px -635px;
    }
  .navbar-share-list .app-share_vk{
    background-position: -2px -674px;
    }
  }
@media only screen and (min-width: 0) and (max-width: 479px){
  .rounded-btn{
    width: 24px;
    height: 24px;

    background-size: 54px auto;
    }

  .theme-light .app-share_fb{
    background-position: -30px -150px;
    }
  .theme-light .app-share_tw{
    background-position: -30px -270px;
    }
  .theme-light .app-share_link{
    background-position: -30px -240px;
    }
  .theme-light .app-share_mail{
    background-position: -30px -210px;
    }
  .theme-light .app-share_odn{
    background-position: -30px -418px;
  }
  .theme-light .app-share_vk{
    background-position: -30px -444px;
  }
  .theme-light .menu-icon{
    background-position: -30px -180px;
    }
  .theme-light .userbar button{
    background-position: -29px -120px;
    }
  .theme-light .app-backbutton{
    background-position: -30px -300px;
    }
  .theme-light .view-cart-button{
    background-position: -30px -330px;
    }
  .theme-light .settings-button{
    background-position: -30px -390px;
    }

  .theme-dark .app-share_fb,
  .navbar-share-list .app-share_fb,
  .theme-light .item-share-list .app-share_fb{
    background-position: 0 -150px;
    }
  .theme-dark .app-share_tw,
  .navbar-share-list .app-share_tw,
  .theme-light .item-share-list .app-share_tw{
    background-position: 0 -270px;
    }
  .theme-dark .app-share_vk,
  .navbar-share-list .app-share_vk,
  .theme-light .item-share-list .app-share_vk{
    background-position: 0 -444px;
    }
  .theme-dark .app-share_odn,
  .navbar-share-list .app-share_odn,
  .theme-light .item-share-list .app-share_odn{
    background-position: 0 -418px;
    }

  .theme-dark .app-share_link{
    background-position: 0 -240px;
    }
  .theme-dark .app-share_mail,
  .navbar-share-list .app-share_mail,
  .theme-light .item-share-list .app-share_mail{
    background-position: 0 -210px;
    }
  .theme-dark .menu-icon{
    background-position: 0 -180px;
    }
  .theme-dark .userbar button{
    background-position: 0 -120px;
    }
  .theme-dark .app-backbutton{
    background-position: 0 -300px;
    }
  .theme-dark .view-cart-button{
    background-position: 0 -330px;
    }
  .theme-dark .settings-button{
    background-position: 0 -390px;
    }
  }

@media only screen and (min-width: 1400px){
  .rounded-btn{
    min-width: 48px;
    height: 48px;

    background-size: 108px auto;
    }

  .theme-dark .app-share_fb,
  .theme-light .item-share-list .app-share_fb{
    background-position: 0 -300px;
    }
  .theme-dark .app-share_tw,
  .theme-light .item-share-list .app-share_tw{
    background-position: 0 -540px;
    }
  .theme-dark .app-share_link,
  .theme-light .item-share-list .app-share_link{
    background-position: 0 -480px;
    }
  .theme-dark .app-share_mail,
  .theme-light .item-share-list .app-share_mail{
    background-position: 0 -420px;
    }
  .theme-dark .app-share_odn,
  .theme-light .item-share-list .app-share_odn{
    background-position: -1px -836px;
  }
  .theme-dark .app-share_vk,
  .theme-light .item-share-list .app-share_vk{
    background-position: -2px -887px;
  }
  .theme-dark .menu-icon{
    background-position: 0 -360px;
    }
  .theme-dark .userbar button{
    background-position: 0 -240px;
    }
  .theme-dark .app-backbutton{
    background-position: 0 -600px;
    }
  .theme-dark .view-cart-button{
    background-position: 0 -660px;
    }
  .theme-dark .settings-button{
    background-position: 0 -780px;
    }

  .theme-light .app-share_fb{
    background-position: -60px -300px;
    }
  .theme-light .app-share_tw{
    background-position: -60px -540px;
    }
  .theme-light .app-share_link{
    background-position: -60px -480px;
    }
  .theme-light .app-share_mail{
    background-position: -60px -420px;
    }
  .theme-light .app-share_odn{
    background-position: -60px -836px;
  }
  .theme-light .app-share_vk{
    background-position: -61px -887px;
  }
  .theme-light .menu-icon{
    background-position: -60px -360px;
    }
  .theme-light .userbar button{
    background-position: -60px -240px;
    }
  .theme-light .app-backbutton{
    background-position: -60px -601px;
    }
  .theme-light .view-cart-button{
    background-position: -60px -660px;
    }
  .theme-light .settings-button{
    background-position: -60px -780px;
    }
  }


/* product (begin) */

.product-options{
  float: left;

  width: 26%;

  color: #fff;
  }
.product-info{
  color: #fff;
  }
.product-ta .product-info{
  float: right;

  width: 73%;
  }
.product-options,
.product-info{
  font-size: 22px;
  font-weight: normal;
  }
.product-option{
  padding-bottom: 18px;
  }
.product-option .title{
  font-size: 13px;
  font-weight: normal;

  display: inline-block;

  padding-bottom: 12px;
  }
.product-option-price .price{
  font-size: 26px;

  display: block;
  }
.product-option .field{
  font-size: 14px;

  padding-bottom: 6px;
  }
.product-option input{
  font-size: 16px;

  margin-right: 6px;
  }
.product-option input[type=number]{
  width: 60px;
  }
.product-option select{
  font-size: 15px;

  max-width:100%;
  }
.product-option label.title{
  display: block;
  }
.button.add-to-cart{
  font-size: 14px;
  font-weight: bold;
  line-height: 52px;

  height: 52px;
  margin-top: 30px;
  padding: 0 35px;
  }
.product-image,
.category-image{
  float: left;

  margin-right: 25px;

  background-color: #fff;
  }
.category-image{
  margin-bottom: 20px;
  }
.product-image img,
.category-image img,
.product-qr img{
  vertical-align: bottom;

  border: 10px solid #fff;
  background-color: #fff;
  }
.product-text,
.category-body{
  font-size: 14px;
  line-height: 1.4;

  position: relative;

  overflow: hidden;

  padding: 12px 14px;

  color:#333;
  background: #fff;
  }
.product-body{
  overflow: hidden;
  }
.category-body{
  margin-bottom: 20px;
  }
.product-body h3,
.category-list h3{
  font-size: 22px;
  font-weight: normal;

  margin-top: 0;
  }

.product-boby-header{
  margin-bottom: 22px;
  }
.product-boby-header h3{
  float: left;

  margin: 0;
  }
.product-boby-header .boby-header--meta{
  float: right;
  }

.product-body .product-quantity input {
  width: 100%;
}

.category-tags{
  margin: 1em 0;
  padding: 0 0 0 24px;

  background:url(/images/embeded/tags.png?1493111059) no-repeat 0 3px;
  }
.category-tags li{
  display: inline;

  padding-right: 3px;

  list-style: none;
  }
.category-tags li:after{
  content:',';
  }
.category-tags li:last-child:after{
  display: none;
  }
.product-contacts,
.product-qr{
  clear: both;

  padding-top: 20px;
  }

.product-description a{
  font-size: 14px;

  text-decoration: underline;

  color: #515151;
  }
.product-description a:hover{
  text-decoration: underline;
  }
.product-text img{
  width: auto !important;
  max-width: 100%;
  height: auto !important;
  }

.product-body .link-url{
  font-size: 14px;

  margin-bottom: 20px;
  }
.product-map{
  padding-top: 20px;
  }
.product-extra{
  clear: both;

  margin-top: 30px;
  }
.event-participants{
  font-weight: bold;

  position: absolute;
  top: 33px;
  right: 15px;
  }

.event-date {
  padding-right: 130px;  
}

.fb-comments iframe{
  padding: 10px 10px 0;

  background: #fff;
  }

/* item-share-list (began) */
.item-share-list{
  margin:12px 0 0;
  padding: 0;
  }
.item-share-list li{
  display: inline-block;

  padding-left: 8px;

  list-style: none;
  }
.item-share-list li:first-child{
  padding-left: 0;
  }

@media only screen and (min-width: 0) and (max-width: 1000px) {
  .product-ta .product-options,
  .product-ta .product-info{
    float: none;

    width: 100%;
    }
  .product-info{
    padding-bottom: 20px;
    }
  .product-image,
  .category-image{
    float: none;
    /*width: ;*/

    margin-right: 0;
    }
  .product-image img,
  .category-image img{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 100%;
    }
  .btn{
    margin-top: 15px;
    }
  .product-contacts-list li{
    display: block;
    float: none;

    width: auto;
    margin: 0 0 10px;
    }
  .links-list li{
    float: none;

    width: 100%;
    }
  }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .product-image img,
  .category-image img{
    width: 300px;
    }
  }

@media only screen and (max-width: 1279px) and (min-width: 1000px){
  .product-image,
  .category-image{
    max-width: 452px;
    margin-right: 35px;
    }
  .product-image img,
  .category-image img,
  .product-qr img{
    max-width: 100%;
    }
  .list li {
    width: 470px;
    margin-bottom: 15px;
    }
  }
.rm-q-n{
  display: inline-block;
  font-size: 120%;
}
.rm-q{
  display: inline-block;
}
/* product (end) */



/* Theme styles */

/* light (begin) */

.navbar-title .theme-title,
.theme-title-contrast,
.theme-text-contrast,
.list-label{
  color: #fff;
  }

/* light (end) */


/* dark (begin) */


.theme-dark .navbar-title .theme-title,
.theme-dark .theme-title-contrast,
.theme-dark .theme-text-contrast,
.theme-dark .list-label{
  color: #000;
  }


/* dark (end) */


/* navbar (begin) */
.navbar {
  position: relative;
  z-index: 10;

  width: 100%;

  background: #000000;
}
.navbar_i {
  position: relative;

  margin: 0 auto;
}


.navbar-title .navbar_i {
  padding: 10px 0;
}
.navbar-title .navbar_i.empty_title {
  display: none;
}

.navbar-title--back {
  float: left;

  margin: 0 20px 0 0;
}

.navbar-title--title {
  font-size: 34px;
  font-weight: normal;
  line-height: 40px;

  float: left;

  max-width: 85%;
  margin: 0;
}

.navbar-title--buttons {
  float: right;
}
.navbar-title--buttons .view-cart-button,
.navbar-title--buttons .userbar {
  display: inline-block;

  margin-left: 5px;

  vertical-align: top;
}
.navbar-title--buttons .userbar {
  margin-bottom: 5px;
}


.logo {
  display: inline-block;

  max-width: 194px;
  height: 82px;

  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 194px auto;
}
.logo a {
  color: #ffffff;
}
.logo img {
  max-width: 100%;
  max-height: 100%;
}
.logo-name {
  font-size: 28px;
  line-height: 82px;

  display: block;
  overflow: hidden;

  width: auto;

  white-space: nowrap;
  text-overflow: ellipsis;
}


.navbar-links {
  position: absolute;
  z-index: 500;
  top: 20px;
  right: 0;

  text-align: right;
}
.navbar-links .navbar-share,
.navbar-links .navbar-search,
.navbar-links .userbar {
  display: inline-block;

  vertical-align: middle;
}

.navbar-links  .rounded-btn {
  vertical-align: middle;
}

.app-share_link {
  display: none;
}
.navbar-share-list {
  width: 250px;
  margin: 0;
  padding: 0;
}
.navbar-share-list li {
  display: inline-block;

  margin-right: 4px;
}

.navbar-share {
  position: relative;

  padding: 0;
}

.navbar-links .userbar,
.navbar-links .menu-icon {
  margin-left: 30px;
}

/* navbar (end) */


/* Search (begin) */

.navbar-search input {
  margin: 3px;
  padding: 6px 15px 6px 30px;

  color: #b1b1b1;
  border: 1px solid #b1b1b1;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
  outline: none;
  background: url(/images/embeded/search.png?1493111059) no-repeat 8px 7px;
  background-color: #ffffff;
}
/* Search (end) */


/* navbar-fixed (begin) */

.navbar-fixed .navbar {
  position: fixed;
  top: 0;
}
.navbar-fixed .page {
  padding-top: 200px !important;
}

/* navbar-fixed (end) */


@media only screen and (min-width: 0) and (max-width: 479px) {
  .logo {
    max-width: 170px;
    height: 64px;
    margin-left: 10px;

    background-size: 140px auto;
  }
  .logo-name {
    font-size: 24px;
    line-height: 64px;

    width: 200px;
  }

  .navbar-links {
    top: 17px;
  }
  .navbar-share-list {
    padding: 10px 0;
  }

  /*.navbar-links .userbar button{
    height: 47px;
    padding: 28px 0 0;

    text-align: center;
    }*/
}


@media only screen and (min-width: 0) and (max-width: 794px) {
  .app-share_link {
    display: block;

    cursor: pointer;
  }

  .navbar-links .userbar,
  .navbar-links .menu-icon {
    margin-left: 7px;
  }

  .navbar-share-list {
    position: absolute;
    top: 45px;
    left: -9999px;

    width: auto;
    padding: 5px;

    -webkit-transition: opacity 0.2s ease-in-out;
       -moz-transition: opacity 0.2s ease-in-out;
            transition: opacity 0.2s ease-in-out;

    opacity: 0;
    background: #ffffff;
  }
  .navbar-share:hover .navbar-share-list {
    left: -5px;

    opacity: 1;
  }
  .navbar-share-list:before {
    position: absolute;
    top: -10px;
    left: 50%;

    width: 0;
    height: 0;
    margin-left: -8px;

    content: "";

    border-right: 8px solid transparent;
    border-bottom: 10px solid #ffffff;
    border-left: 8px solid transparent;
  }
  .navbar-share-list li {
    display: block;

    padding-top: 5px;
  }
  .navbar-share-list li:first-child {
    padding-top: 0;
  }


  .navbar-search {
    position: absolute;
    top: 50px;
    right: 0;
  }
}

@media only screen and (min-width: 480px) and (max-width: 794px) {
  .logo {
    max-width: 210px;
    height: 64px;
    padding: 0;

    background-size: 172px auto;
  }
  .logo-name {
    font-size: 26px;
    line-height: 64px;

    width: 300px;
  }
  .navbar-links {
    top: 8px;
  }
}


@media only screen and (min-width: 795px) and (max-width: 1000px) {
  .logo {
    max-width: 350px;
    height: 74px;
    padding: 0;

    background-size: 182px auto;
  }
  .logo-name {
    line-height: 74px;

    width: 500px;
  }
  .navbar-links {
    top: 16px;
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1279px) {
  .logo {
    max-width: 400px;
    height: 74px;
    padding: 0;

    background-size: 182px auto;
  }
  .logo-name {
    font-size: 32px;
    line-height: 74px;

    width: 600px;
  }
  .navbar-links {
    top: 16px;
  }
}

@media only screen and (min-width: 1280px) {
  .logo {
    max-width: 550px;
    height: 84px;
    padding: 0;

    background-size: 182px auto;
  }
  .logo-name {
    font-size: 34px;
    line-height: 84px;

    width: 650px;
  }
  .navbar-links {
    top: 14px;
  }
  .navbar-share-list {
    width: 300px;
  }
}


.application-banners{
  position: relative;

  width: 100%;
  margin-top: 15px;
  }
.gadgets-list-block .application-banners{
  margin-top: 0;
  margin-bottom: 30px;
  }

.application-banners img{
  width: 100%;
  }
.application-banners_site .application-banners--mobile-placeholder,
.application-banners .application-banners--site-placeholder{
  display: none;
  }
.application-banners_site .application-banners--site-placeholder{
  display: block;
  }


.application-banners[data-length='0']{
  margin-top: 0;
  }
.application-banners[data-length='0'] .application-banners--mobile-placeholder,
.application-banners[data-length='0'] .application-banners--site-placeholder{
  display: none;
  }


.application-banners--item{
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: block;

  margin-left: -99999px;

  -webkit-transition: opacity 1s, margin-left 0s linear .4s;
     -moz-transition: opacity 1s, margin-left 0s linear .4s;
       -o-transition: opacity 1s, margin-left 0s linear .4s;
          transition: opacity 1s, margin-left 0s linear .4s;

  opacity: 0;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
       -o-background-size: 100% 100%;
          background-size: 100% 100%;
  }
.application-banners--item.active{
  z-index: 100;

  margin-left: 0;

  -webkit-transition: opacity 1s, margin-left 0s;
     -moz-transition: opacity 1s, margin-left 0s;
       -o-transition: opacity 1s, margin-left 0s;
          transition: opacity 1s, margin-left 0s;

  opacity: 1;
  }


/* --------------------------------------------------------------

   gadget-icons-img.css

-------------------------------------------------------------- */

/* desctop app */
.gadget-item-icon img{
  position: relative;
  z-index: -1;

  display: block;
  }
.gadget-item-tiles_true .gadget-item-icon img{
  top:3px;
  left: 3px;

  width: 24px;
  height: 24px;
  }
.gadget-item-tiles_false .gadget-item-icon img{
  width: 72px;
  height: 72px;
  margin: 20px auto 0;
  }
.gadget-item-tiles_false .gadget-user-icon img{
  display: none;
  }




.gadget-icon-fill{
  fill: #1fc7d4;
}
.gadget-icon-stroke{
  stroke: #1fc7d4;
}

.sidebar-overlay{
  position: fixed;
  z-index:999;
  top:0;
  right:0;
  bottom:0;
  left:0;

  opacity: .5;
  background: #000;
  }
.sidebar-is-active{
  overflow: hidden;
  }
.sidebar-popup{
  position: fixed;
  z-index: 1000;
  top:0;
  right: 0;
  bottom:0;

  overflow-y: auto;

  width: 260px;

  color: #333;
  background: #fff;
  }
.sidebar-popup.singup,
.sidebar-popup.profile{
  width: 530px;
  }

.sidebar-popup .logout-button{
  float: right;
  }
.sidebar-popup .error-base{
  margin: 15px;
  }

.login h3{
  margin: 20px 15px 0 15px;
  }

.login-form{
  padding: 20px 15px;
  }
.login .field{
  padding-bottom: 12px;
  }
.login a{
  color: #000;
  }
.login a:hover{
  text-decoration: underline;

  color: #000;
  }
.registr-form .field{
  float: left;
  overflow: hidden;

  width: 220px;
  padding: 0 0 15px 15px;
  }
.registr-form .field:nth-child(2n+1){
  clear:both;
  }
.registr-form select{
  width: 100%;
  }
.registr-form .label {
  color: #333;
}

@media only screen and (min-width: 0) and (max-width: 479px) {
  .sidebar-popup.singup{
    width: 260px;
    }
  .registr-form{
    padding: 20px 15px;
    }
  .registr-form .field{
    float: none;

    width: auto;
    padding: 0 0 12px;
    }
  }
@media only screen and (min-width: 480px) and (max-width: 1279px) {
  .sidebar-popup.singup{
    width: 460px;
    }
  .registr-form .field{
    width: 205px;
    }
  }



/* userbar (begin) */
.userbar{
  position: relative;

  display: inline-block;
  }


.userbar button{
  display: block;
  overflow: visible;

  text-indent: 0;
  }

.userbar button span{
  font-size: 10px;

  position: absolute;
  right: -5px;
  bottom: -1.5em;
  left: -5px;

  overflow: hidden;

  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  }

@media only screen and (min-width: 0) and (max-width: 479px) {
  .userbar button span{
    font-size: 9px;
    }
  }
@media only screen and (min-width: 480px) and (max-width: 794px) {
  .userbar button span{
    }
  }
@media only screen and (min-width: 795px) and (max-width: 1279px) {
  .userbar button span{
    }
  }
@media only screen and (min-width: 1280px) {
  .userbar button span{
    }
  }
/* userbar (end) */


/* Iranian font */
@font-face {
  font-family: 'B yekan';
  src: url(/font/BYekan.ttf?1481033018) format("truetype");
}