.popup ul .notify input.ltr,.popup ul .notify textarea.ltr {
  direction: ltr!important;
  text-align: left;
}

.user_img,img.emoji {
  vertical-align: middle;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

img[data-src] {
  background-image: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///7CwsPLy8u/v7/f397GxsbCwsL6+vtfX183Nzenp6bq6usbGxtra2s7Ozurq6ru7u7GxscfHx/b29vLy8vr6+sHBwfPz8/r6+ufn5+Hh4e7u7vn5+QAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA);
}

body,html {
  margin: 0;
  padding: 0;
}

h1,h2,h3,h4,h5,h6 {
  margin: 0;
  font-size: 1.33em;
  font-weight: 400;
}

[class*=" i-"]:before,[class^=i-]:before,[data-icon]:before {
  font-family: atbox!important;
  font-style: normal!important;
  font-weight: 400!important;
  font-variant: normal!important;
  text-transform: none!important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

main {
  display: block;
}

.hide,header>div>section>*>label.nomobile,header>div>section>a.nomobile,header>div>section>label.nomobile {
  display: none;
}

input {
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

:focus {
  outline: 0;
}

[class*=" i-"]:before,[class^=i-]:before {
  font-size: 1.5em;
  top: .2em;
  position: relative;
}

html.rtl [class*=" i-"]:before,html.rtl [class^=i-]:before {
  margin-left: .2em;
}

html.ltr [class*=" i-"]:before,html.ltr [class^=i-]:before {
  margin-right: .2em;
}

@media (min-width:80em) {
  html.rtl [class*=" i-"]:before,html.rtl [class^=i-]:before {
    margin-left: .3em;
  }

  html.ltr [class*=" i-"]:before,html.ltr [class^=i-]:before {
    margin-right: .3em;
  }
}

.i-mailopen:before {
  top: .35em;
}

.i-angellist:before,.i-bell:before,.i-bellfilled:before,.i-bellring:before,.i-burgermd:before,.i-card:before,.i-downsmall:before,.i-flickr:before,.i-google:before,.i-instagram:before,.i-pencil:before,.i-plus:before,.i-search:before,.i-telegram:before,.i-the500px:before,.i-work:before {
  top: .3em;
}

.i-behance:before,.i-github:before,.i-linkedin:before {
  top: .2em;
}

* {
  line-height: 1.62em;
  box-sizing: border-box;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

p {
  margin: .5em 0;
}

@font-face {
  font-family:atbox;src:url(fonts/atbox.eot);src:url(fonts/atbox.eot?#iefix) format("embedded-opentype"),url(fonts/atbox.woff) format("woff"),url(fonts/atbox.ttf) format("truetype"),url(fonts/atbox.svg#atbox) format("svg");font-weight:400;font-style:normal;
}

[data-icon]:before {
  content: attr(data-icon);
}

.i-telephone:before {
  content: "\e002";
}

.i-branch:before {
  content: "\e004";
}

.i-plus:before {
  content: "\e005";
}

.i-cancel:before {
  content: "\e006";
}

.i-check:before {
  content: "\e008";
}

.i-down:before {
  content: "\e009";
}

.i-left:before {
  content: "\e00a";
}

.i-files:before {
  content: "\e011";
}

.i-lock:before {
  content: "\e012";
}

.i-unlock:before {
  content: "\e013";
}

.i-trash:before {
  content: "\e017";
}

.i-help:before {
  content: "\e01a";
}

.i-skillshare:before {
  content: "\e021";
}

.i-rocket:before {
  content: "\e027";
}

.i-photo:before {
  content: "\e02c";
}

.i-link:before {
  content: "\e02d";
}

.i-wrench:before {
  content: "\e02e";
}

.i-tag:before {
  content: "\e02f";
}

.i-shield:before {
  content: "\e031";
}

.i-dots:before {
  content: "\e033";
}

.i-bubble:before {
  content: "\e034";
}

.i-flickr:before {
  content: "\e03c";
}

.i-tumblr:before {
  content: "\e042";
}

.i-star:before {
  content: "\e044";
}

.i-clock:before {
  content: "\e04b";
}

.i-bell:before {
  content: "\e00c";
}

.i-burger:before {
  content: "\e04d";
}

.i-work:before {
  content: "\e04f";
}

.i-edu:before {
  content: "\e04e";
}

.i-save:before {
  content: "\e050";
}

.i-location:before {
  content: "\e04c";
}

.i-building:before {
  content: "\e051";
}

.i-user:before {
  content: "\e052";
}

.i-items:before {
  content: "\e053";
}

.i-flag:before {
  content: "\e054";
}

.i-way:before {
  content: "\e055";
}

.i-academy:before {
  content: "\e056";
}

.i-pencil:before {
  content: "\e057";
}

.i-alert:before {
  content: "\e058";
}

.i-trashmd:before {
  content: "\e059";
}

.i-folder:before {
  content: "\e05d";
}

.i-photos:before {
  content: "\e05e";
}

.i-circlestar:before {
  content: "\e060";
}

.i-quoteclose:before {
  content: "\e05f";
}

.i-minus:before {
  content: "\e061";
}

.i-add:before {
  content: "\e062";
}

.i-twouser:before {
  content: "\e063";
}

.i-time:before {
  content: "\e064";
}

.i-lab:before {
  content: "\e067";
}

.i-crown:before {
  content: "\e068";
}

.i-fax:before {
  content: "\e069";
}

.i-done:before {
  content: "\e06a";
}

.i-mobile:before {
  content: "\e06b";
}

.i-bellring:before {
  content: "\e06c";
}

.i-mail:before {
  content: "\e06e";
}

.i-cake:before {
  content: "\e001";
}

.i-pop:before {
  content: "\e06d";
}

.i-maximize:before {
  content: "\e06f";
}

.i-filledheart:before {
  content: "\e070";
}

.i-heart:before {
  content: "\e071";
}

.i-bold:before {
  content: "\e074";
}

.i-italic:before {
  content: "\e075";
}

.i-alignr:before {
  content: "\e076";
}

.i-alignl:before {
  content: "\e078";
}

.i-alignc:before {
  content: "\e079";
}

.i-ltr:before {
  content: "\e077";
}

.i-rtl:before {
  content: "\e07a";
}

.i-color:before {
  content: "\e07b";
}

.i-size:before {
  content: "\e07c";
}

.i-list:before {
  content: "\e07d";
}

.i-linkmd:before {
  content: "\e07e";
}

.i-code:before {
  content: "\e080";
}

.i-bookmark:before {
  content: "\e07f";
}

.i-group:before {
  content: "\e081";
}

.i-bracket:before {
  content: "\e082";
}

.i-min:before {
  content: "\e083";
}

.i-cup:before {
  content: "\e085";
}

.i-reply:before {
  content: "\e08c";
}

.i-share:before {
  content: "\e090";
}

.i-invalid:before {
  content: "\e091";
}

.i-back:before {
  content: "\e093";
}

.i-leftsmall:before {
  content: "\e094";
}

.i-rightsmall:before {
  content: "\e095";
}

.i-upsmall:before {
  content: "\e096";
}

.i-downsmall:before {
  content: "\e097";
}

.i-remove:before {
  content: "\e098";
}

.i-refresh:before {
  content: "\e099";
}

.i-kebabv:before {
  content: "\e09a";
}

.i-kebabh:before {
  content: "\e09b";
}

.i-cart:before {
  content: "\e09c";
}

.i-gps:before {
  content: "\e09e";
}

.i-mailopen:before {
  content: "\e09f";
}

.i-chat:before {
  content: "\e0a0";
}

.i-eye:before {
  content: "\e0a1";
}

.i-checkmd:before {
  content: "\e0a2";
}

.i-gift:before {
  content: "\e0a3";
}

.i-pulse:before {
  content: "\e0a4";
}

.i-speaker:before {
  content: "\e0a5";
}

.i-rss:before {
  content: "\e0a6";
}

.i-cam:before {
  content: "\e084";
}

.i-the500px:before {
  content: "\e015";
}

.i-bellfilled:before {
  content: "\e003";
}

.i-happy:before {
  content: "\e007";
}

.i-world:before {
  content: "\e016";
}

.i-calendar:before {
  content: "\e024";
}

.i-eyeoff:before {
  content: "\e026";
}

.i-burgermd:before {
  content: "\e037";
}

.i-portfolio:before {
  content: "\e039";
}

.i-credit:before {
  content: "\e041";
}

.i-raise:before {
  content: "\e047";
}

.i-attach:before {
  content: "\e048";
}

.i-doc:before {
  content: "\e049";
}

.i-cut:before {
  content: "\e04a";
}

.i-buy:before {
  content: "\e05a";
}

.i-store:before {
  content: "\e05b";
}

.i-download:before {
  content: "\e086";
}

.i-card:before {
  content: "\e088";
}

.i-paper:before {
  content: "\e08a";
}

.i-bill:before {
  content: "\e08b";
}

.i-dollar:before {
  content: "\e08d";
}

.i-leaf:before {
  content: "\e08e";
}

.i-undo:before {
  content: "\e092";
}

.i-doublecheck:before {
  content: "\e09d";
}

.i-flower:before {
  content: "\e0a7";
}

.i-unlink:before {
  content: "\e023";
}

.i-link-1:before {
  content: "\e036";
}

.i-foursquare:before {
  content: "\e01d";
}

.i-vine:before {
  content: "\e00e";
}

.i-vk:before {
  content: "\e010";
}

.i-apple:before {
  content: "\e087";
}

.i-android:before {
  content: "\e08f";
}

.i-behance:before {
  content: "\e0a8";
}

.i-useradd:before {
  content: "\e0a9";
}

.i-removeuser:before {
  content: "\e0aa";
}

.i-cool:before {
  content: "\e0ab";
}

.i-sad:before {
  content: "\e0ac";
}

.i-facebook:before {
  content: "\e0ad";
}

.i-dribbble:before {
  content: "\e0ae";
}

.i-dropbox:before {
  content: "\e0af";
}

.i-googleplay:before {
  content: "\e0b0";
}

.i-github:before {
  content: "\e0b1";
}

.i-last:before {
  content: "\e0b2";
}

.i-medium:before {
  content: "\e0b4";
}

.i-pinterest:before {
  content: "\e0b5";
}

.i-soundcloud:before {
  content: "\e0b6";
}

.i-stack:before {
  content: "\e0b7";
}

.i-skype:before {
  content: "\e0b8";
}

.i-twitter:before {
  content: "\e0b9";
}

.i-vimeo:before {
  content: "\e0ba";
}

.i-wordpress:before {
  content: "\e0bb";
}

.i-youtube:before {
  content: "\e0bc";
}

.i-linkedin:before {
  content: "\e0bd";
}

.i-boss:before {
  content: "\e00d";
}

.i-tree:before {
  content: "\e018";
}

.i-codepen:before {
  content: "\e019";
}

.i-atboxlogo:before {
  content: "\e020";
}

.i-deviantart:before {
  content: "\e01e";
}

.i-google:before {
  content: "\e05c";
}

.i-verified:before {
  content: "\e022";
}

.i-search:before {
  content: "\e00b";
}

.i-important:before {
  content: "\e014";
}

.i-bigdot:before {
  content: "\e01f";
}

.i-setting:before {
  content: "\e025";
}

.i-cube:before {
  content: "\e035";
}

.i-logout:before {
  content: "\e03a";
}

.i-hexagon:before {
  content: "\e03b";
}

.i-lamp:before {
  content: "\e02b";
}

.i-telegram:before {
  content: "\e000";
}

.i-login:before {
  content: "\e038";
}

.i-crop:before {
  content: "\e00f";
}

.i-dot:before {
  content: "\e03f";
}

.i-off:before {
  content: "\e029";
}

.i-on:before {
  content: "\e02a";
}

.i-filter:before {
  content: "\e01b";
}

.i-stat:before {
  content: "\e028";
}

.i-memory:before {
  content: "\e030";
}

.i-addphoto:before {
  content: "\e032";
}

.i-infinity:before {
  content: "\e03d";
}

.i-translate:before {
  content: "\e03e";
}

.i-addpage:before {
  content: "\e040";
}

.i-fix:before {
  content: "\e043";
}

.i-angellist:before {
  content: "\e01c";
}

.i-snapchat:before {
  content: "\e045";
}

.i-military:before {
  content: "\e046";
}

.i-couple:before {
  content: "\e065";
}

.i-instagram:before {
  content: "\e066";
}

.i-whatsapp:before {
  content: "\e072";
}

.i-updownarrow:before {
  content: "\e073";
}

.i-updown:before {
  content: "\e089";
}

.i-handle:before {
  content: "\e0be";
}

.i-equal:before {
  content: "\e0c0";
}

.i-minusmd:before {
  content: "\e0c2";
}

.i-plusmd:before {
  content: "\e0c3";
}

.i-sort:before {
  content: "\e0c4";
}

.i-handledot:before {
  content: "\e0c5";
}

.i-shares:before {
  content: "\e0c6";
}

.i-bug:before {
  content: "\e0c7";
}

.i-funnel:before {
  content: "\e0b3";
}

.i-send:before {
  content: "\e0bf";
}

@-webkit-keyframes fadeout {
  0%,50% {
    opacity: 0;
  }
}

@-moz-keyframes fadeout {
  0%,50% {
    opacity: 0;
  }
}

@keyframes fadeout {
  0%,50% {
    opacity: 0;
  }
}

header {
  height: 3.3em;
}

@media (min-height:41.25em) {
  header {
    height: 4.4em;
  }
}

header>div {
  box-shadow: 0 -1.8em .3em 1.9em rgba(0,0,0,.3);
  z-index: 11;
  width: 100%;
  color: #fff;
  font-weight: 400;
  height: 3.3em;
}

@media (min-height:20em) {
  header>div {
    position: fixed;
  }
}

header>div.main_color {
  background-color: #008EE8;
}

header>div.gradient {
  background: #7e35b4;
  background: -moz-linear-gradient(0deg,#310CEC 0,#CB5E7C 100%);
  background: -webkit-gradient(linear,left top,right top,color-stop(0,#310CEC),color-stop(100%,#CB5E7C));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#310CEC', endColorstr='#CB5E7C', GradientType=1 );
  background: -webkit-linear-gradient(0deg,#310CEC 0,#CB5E7C 100%);
  background: linear-gradient(90deg,#310CEC 0,#CB5E7C 100%);
}

header>div.accent_color {
  background-color: rgba(50,55,66,.95);
}

header>div.accent_color>a,header>div.accent_color>label {
  color: #e6e6e6;
}

@media (min-height:41.25em) {
  header>div {
    height: 4.4em;
  }
}

header>div>section {
  height: 3.3em;
  -webkit-animation: fadeout 1s;
  -moz-animation: fadeout 1s;
  animation: fadeout 1s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  z-index: 1;
  width: 98%;
}

header>div>section a {
  color: inherit;
}

header>div>section>*>label,header>div>section>a,header>div>section>label {
  line-height: 3.52em;
  color: #fff;
  font-weight: 200;
  padding-left: .5em;
  padding-right: .5em;
}

@media (min-height:41.25em) {
  header>div>section {
    height: 4.4em;
  }

  header>div>section>*>label,header>div>section>a,header>div>section>label {
    line-height: 4.58em;
  }
}

@media (min-width:25em) {
  header>div>section>*>label,header>div>section>a,header>div>section>label {
    padding-left: .8em;
    padding-right: .8em;
  }
}

html.rtl header>div>section>*>label[class^=i-]:not(.search_field):before,html.rtl header>div>section>a[class^=i-]:not(.search_field):before,html.rtl header>div>section>label[class^=i-]:not(.search_field):before {
  margin-left: 0;
}

html.ltr header>div>section>*>label[class^=i-]:not(.search_field):before,html.ltr header>div>section>a[class^=i-]:not(.search_field):before,html.ltr header>div>section>label[class^=i-]:not(.search_field):before {
  margin-right: 0;
}

header>div>section>*>label[data-popup]:hover,header>div>section>a[data-popup]:hover,header>div>section>label[data-popup]:hover {
  cursor: pointer;
}

@media (min-width:60em) {
  header>div>section {
    width: 90%;
  }

  header>div>section>*>label.nomobile,header>div>section>a.nomobile,header>div>section>label.nomobile {
    display: inline;
  }

  header>div>section>*>label.nomobile.search_field,header>div>section>a.nomobile.search_field,header>div>section>label.nomobile.search_field {
    display: block;
  }
}

header>div>section>*>label.nodesktop,header>div>section>a.nodesktop,header>div>section>label.nodesktop {
  display: inline;
}

header>div>section>*>label.act,header>div>section>a.act,header>div>section>label.act {
  box-shadow: 0 -.25rem #fff inset;
}

header>div>section>*>label>img,header>div>section>a>img,header>div>section>label>img {
  width: 2em;
  min-width: 2em;
  height: 2em;
  vertical-align: middle;
  border-radius: .25em;
}

html.rtl header>div>section>*>label>img,html.rtl header>div>section>a>img,html.rtl header>div>section>label>img {
  margin-left: .4em;
}

html.ltr header>div>section>*>label>img,html.ltr header>div>section>a>img,html.ltr header>div>section>label>img {
  margin-right: .4em;
}

header>div>section>*>label>img.round,header>div>section>a>img.round,header>div>section>label>img.round {
  border-radius: 50%;
}

header>div>section>*>label>*>span,header>div>section>*>label>span,header>div>section>a>*>span,header>div>section>a>span,header>div>section>label>*>span,header>div>section>label>span {
  font-size: 1em;
  font-weight: 200;
  display: none;
  white-space: nowrap;
}

@media (min-width:60em) {
  header>div>section>*>label.nodesktop,header>div>section>a.nodesktop,header>div>section>label.nodesktop {
    display: none;
  }

  header>div>section>*>label>*>span,header>div>section>*>label>span,header>div>section>a>*>span,header>div>section>a>span,header>div>section>label>*>span,header>div>section>label>span {
    display: inline;
  }
}

header>div>section>*>label.shake,header>div>section>*>label[data-value],header>div>section>a.shake,header>div>section>a[data-value],header>div>section>label.shake,header>div>section>label[data-value] {
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: bounce20;
  animation-name: bounce20;
}

@-webkit-keyframes bounce20 {
  20%,53%,80%,from,to {
    -webkit-animation-timing-function: cubic-bezier(.21,.61,.35,1);
    animation-timing-function: cubic-bezier(.21,.61,.35,1);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%,43% {
    -webkit-animation-timing-function: cubic-bezier(.76,.05,.85,.06);
    animation-timing-function: cubic-bezier(.76,.05,.85,.06);
    -webkit-transform: translate3d(0,-12px,0);
    transform: translate3d(0,-12px,0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(.76,.05,.85,.06);
    animation-timing-function: cubic-bezier(.76,.05,.85,.06);
    -webkit-transform: translate3d(0,-6px,0);
    transform: translate3d(0,-6px,0);
  }

  90% {
    -webkit-transform: translate3d(0,-1px,0);
    transform: translate3d(0,-1px,0);
  }
}

@keyframes bounce20 {
  20%,53%,80%,from,to {
    -webkit-animation-timing-function: cubic-bezier(.21,.61,.35,1);
    animation-timing-function: cubic-bezier(.21,.61,.35,1);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%,43% {
    -webkit-animation-timing-function: cubic-bezier(.76,.05,.85,.06);
    animation-timing-function: cubic-bezier(.76,.05,.85,.06);
    -webkit-transform: translate3d(0,-12px,0);
    transform: translate3d(0,-12px,0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(.76,.05,.85,.06);
    animation-timing-function: cubic-bezier(.76,.05,.85,.06);
    -webkit-transform: translate3d(0,-6px,0);
    transform: translate3d(0,-6px,0);
  }

  90% {
    -webkit-transform: translate3d(0,-1px,0);
    transform: translate3d(0,-1px,0);
  }
}

header>div>section>*>label.shake:before,header>div>section>*>label[data-value]:before,header>div>section>a.shake:before,header>div>section>a[data-value]:before,header>div>section>label.shake:before,header>div>section>label[data-value]:before {
  margin-top: .45em;
  display: inline-block;
}

@media (min-height:41.25em) {
  header>div>section>*>label.shake:before,header>div>section>*>label[data-value]:before,header>div>section>a.shake:before,header>div>section>a[data-value]:before,header>div>section>label.shake:before,header>div>section>label[data-value]:before {
    margin-top: .4em;
    font-size: 2em;
  }
}

header>div>section>*>label.i-mail:before,header>div>section>a.i-mail:before,header>div>section>label.i-mail:before {
  top: .35em;
}

header>div>section>*>label[data-value]:before,header>div>section>a[data-value]:before,header>div>section>label[data-value]:before {
  content: attr(data-value);
  font-size: 1em;
  color: #EF5350;
  background: #fff;
  font-weight: 300!important;
  font-family: en!important;
  top: .05em;
  width: 2em;
  height: 1.7em;
  padding-bottom: .3em;
  line-height: 2.3em;
  text-align: center;
  border-radius: 50%;
}

header>div>section>*>label sup,header>div>section>a sup,header>div>section>label sup {
  opacity: .13;
  font-size: .56em;
  font-weight: 200;
}

header>div>section>*>label sup:hover,header>div>section>a sup:hover,header>div>section>label sup:hover {
  opacity: .33;
}

header>div>section>*>label .i-leftsmall,header>div>section>a .i-leftsmall,header>div>section>label .i-leftsmall {
  display: none;
}

@media (min-width:60em) {
  header>div>section>*>label .i-leftsmall,header>div>section>a .i-leftsmall,header>div>section>label .i-leftsmall {
    opacity: .3;
    display: inline-block;
    position: relative;
    top: .2em;
  }

  html.rtl header>div>section>*>label .i-leftsmall,html.rtl header>div>section>a .i-leftsmall,html.rtl header>div>section>label .i-leftsmall {
    right: -.6em;
  }

  html.ltr header>div>section>*>label .i-leftsmall,html.ltr header>div>section>a .i-leftsmall,html.ltr header>div>section>label .i-leftsmall {
    left: -.6em;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}

@media all and (-ms-high-contrast:none) {
  header>div>section .i-bellfilled[data-value]:before,header>div>section ::-ms-backdrop {
    font-size: .6em;
  }
}

header>div .button {
  margin-top: .7em;
  margin-bottom: .7em;
  padding: .4em 1em .2em;
  line-height: 2.37em;
  font-size: .75em;
}

header .alpha,header .omega {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: fadeInDown20;
  animation-name: fadeInDown20;
}

@-webkit-keyframes fadeInDown20 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,-20%,0);
    transform: translate3d(0,-20%,0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown20 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,-20%,0);
    transform: translate3d(0,-20%,0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

header .omega,header.switch .alpha {
  display: none;
}

header.switch .omega {
  display: inline-block;
}

header.switch .no_mobile {
  display: none;
}

@media (min-width:37.5em) {
  header.switch .no_mobile {
    display: inline;
    overflow: hidden;
    max-width: 10em;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

@media (min-width:60em) {
  header.switch .no_mobile {
    max-width: 16em;
  }

  footer div:not(.social) {
    width: 20%;
  }

  html.rtl footer div:not(.social) {
    float: right;
  }

  html.ltr footer div:not(.social) {
    float: left;
  }
}

header .upgrade {
  position: relative;
}

header .upgrade.discount {
  top: -.7em;
}

@media (min-height:41.25em) {
  header>div .button {
    font-size: 1em;
  }

  header .upgrade.discount {
    bottom: -1.4em;
  }
}

header .upgrade abbr {
  color: #000;
  position: absolute;
  padding: .25em 1em .1em;
  line-height: 1.2em;
  box-shadow: 0 .06em 0 .06em rgba(0,0,0,.05);
  background-color: #fff;
  border-radius: 2em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: .75em;
  font-weight: 400;
  bottom: -1.5em;
}

@media (min-height:41.25em) {
  header .upgrade abbr {
    bottom: -1.6em;
  }
}

footer {
  color: #fff;
  background: #323742;
  position: relative;
  z-index: 2;
  padding-bottom: 4em;
}

footer:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width:80em) {
  header.switch .no_mobile {
    max-width: 20em;
  }

  footer {
    padding: 2em 4em 4em;
  }
}

footer div {
  padding: 2em 0 0;
}

footer div.social {
  clear: both;
}

footer div h6 {
  padding: 0 .75em;
  font-size: .75em;
  text-transform: uppercase;
}

footer div ul {
  padding: 0;
}

@media (min-width:37.5em) {
  footer div ul {
    padding: 0;
  }
}

footer div ul li {
  font-size: .75em;
  display: inline-block;
}

@media (min-width:60em) {
  footer div ul li {
    display: block;
  }
}

footer div ul li a {
  color: #808DA8;
  white-space: nowrap;
  display: inline-block;
  padding: .8em;
}

footer div.social li {
  display: inline-block;
  font-size: 1em;
  margin: 0 .1em;
}

.popup {
  position: fixed;
  background: #E8EBF0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -moz-transition: all .5s cubic-bezier(.19,1,.22,1);
  -webkit-transition: all .5s cubic-bezier(.19,1,.22,1);
  transition: all .5s cubic-bezier(.19,1,.22,1);
  -webkit-transform: translateY(20%);
  -moz-transform: translateY(20%);
  transform: translateY(20%);
  z-index: 12;
  cursor: default;
  visibility: hidden;
  opacity: 0;
  color: #323742;
}

.popup h3 {
  font-size: 1em;
  padding: 0 1em;
}

.popup ul {
  background: #fff;
  margin-bottom: 1em;
}

@media (min-width:25em) {
  .popup ul {
    border-radius: .25em;
  }
}

.popup ul>li {
  -webkit-box-shadow: 0 .07em #E8EBF0;
  box-shadow: 0 .07em #E8EBF0;
}

.popup ul>li.nodesktop {
  display: list-item;
}

@media (min-width:60em) {
  .popup ul>li.nodesktop {
    display: none;
  }
}

.popup ul>li>a {
  color: #008EE8;
  display: block;
  padding: 1em;
}

@media (min-width:37.5em) {
  .popup ul>li>a {
    padding: 1em;
  }
}

@media (min-width:60em) {
  .popup ul>li>a {
    padding: 1em 2em;
  }
}

.popup ul>li>a[class*=" i-"],.popup ul>li>a[class^=i-] {
  padding: .6em 0 .7em;
}

@media (min-height:41.25em) {
  .popup ul>li>a[class*=" i-"],.popup ul>li>a[class^=i-] {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}

@media (min-width:60em) {
  .popup ul>li>a[class*=" i-"],.popup ul>li>a[class^=i-] {
    padding-right: 1em;
    padding-left: 1em;
  }
}

.popup ul>li>ul>li {
  padding: 1em 2em;
}

.popup ul>li[data-pro] {
  -webkit-box-shadow: 0 -.07em #e5e8ee,0 .07em #e5e8ee;
  box-shadow: 0 -.07em #e5e8ee,0 .07em #e5e8ee;
}

.popup ul>li[data-pro] a {
  background: #f7f8fa;
  background-image: repeating-linear-gradient(-50deg,transparent,transparent 2em,rgba(255,255,255,.6) 2em,rgba(255,255,255,.6) 4em);
  margin-bottom: .07em;
}

.popup ul>li[data-pro] a,.popup ul>li[data-pro] a:before {
  color: #808DA8;
}

.popup ul>li[data-pro] a:before {
  display: none;
}

.popup ul>li[data-pro] a:after {
  content: 'PRO';
  background: #FBC02D;
  color: #281d01;
  padding: 0 .8em;
  border-radius: .25em;
  font-size: .7em;
  font-weight: 400;
  margin: .1em 1em;
}

html.rtl .popup ul>li[data-pro] a:after {
  float: right;
}

html.ltr .popup ul>li[data-pro] a:after {
  float: left;
}

.popup ul .notify {
  padding: 3em 2em;
}

.popup ul .notify.big:before {
  font-size: 2.37em;
  margin-bottom: 1.7em;
  display: inline-block;
}

.popup ul .notify.big p {
  display: block;
  margin-bottom: 3em;
}

.popup ul .notify.embed:before {
  margin-bottom: .5em;
}

.popup ul .notify.embed p {
  max-width: 40em;
  margin: 2em auto 2.5em;
}

html.rtl .popup ul .notify.embed p {
  text-align: right;
}

html.ltr .popup ul .notify.embed p {
  text-align: left;
}

.popup ul .notify.embed textarea {
  height: 6em;
}

.popup ul .notify.invite form {
  max-width: 25em;
  margin: 0 auto;
}

.popup ul .notify input,.popup ul .notify textarea {
  background: #fdfdfd;
  line-height: 2em;
  padding: .2em .6em;
  resize: none;
  margin: 1em .2em;
  width: 100%;
}

.popup ul .notify.invite form textarea {
  height: 5em;
}

.popup ul .notify input {
  border: .07em solid #e1e3e7;
  border-radius: .12em;
  box-shadow: 0 .1em #eff0f2 inset;
}

.popup ul .notify input:not([readonly]):focus {
  border-color: #008EE8;
  box-shadow: 0 0 0 .06em #008EE8;
}

.popup ul .notify textarea {
  height: 3em;
  font-weight: 300;
  border: .07em solid #e1e3e7;
  border-radius: .12em;
  box-shadow: 0 .1em #eff0f2 inset;
}

.popup ul .notify textarea:not([readonly]):focus {
  border-color: #008EE8;
  box-shadow: 0 0 0 .06em #008EE8;
}

.popup ul .notify h4 {
  font-size: 1.78em;
}

.popup .popup_data {
  padding: 2em 0 4em;
  overflow: hidden;
  overflow-y: scroll;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 3.3em;
}

.popup .popup_data>section {
  width: 100%;
}

@media (min-width:25em) {
  .popup .popup_data>section {
    width: 90%;
  }
}

.popup .popup_data>section ul>li>a {
  font-weight: 400;
  color: #323742;
}

.popup .popup_data>section ul>li>a:before {
  color: #008EE8;
}

html.rtl .popup .popup_data>section ul>li>a:before {
  margin-right: .75em;
}

html.ltr .popup .popup_data>section ul>li>a:before {
  margin-left: .75em;
}

html.rtl .popup .popup_data>section ul>li>a span {
  float: right;
  margin-left: 1em;
}

html.ltr .popup .popup_data>section ul>li>a span {
  float: left;
  margin-right: 1em;
}

.popup section {
  max-width: 50em;
}

.popup:not(.act) section {
  display: none;
}

.popup.act {
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
}

.popup .navbar {
  box-shadow: 0 -1.8em .3em 1.9em rgba(0,0,0,.3);
  background-color: #008EE8;
  position: fixed;
  z-index: 11;
  width: 100%;
  height: 3.3em;
}

.popup .navbar section label {
  padding: 1.38em 1em;
  color: #fff;
  cursor: pointer;
  line-height: 3.17em;
}

@media (min-height:41.25em) {
  .popup .popup_data {
    top: 4.4em;
  }

  .popup .navbar,.popup .navbar section {
    height: 4.4em;
  }

  .popup .navbar section label {
    line-height: 4.22em;
  }
}

.popup .navbar section label:before {
  display: inline-block;
  top: .3em;
}

html.rtl .popup .navbar section label:before {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.popup .navbar section h5 {
  color: #fff;
  display: inline-block;
  font-size: .75em;
}

@media (min-width:37.5em) {
  .popup .navbar section h5 {
    font-size: 1em;
  }
}

.popup .navbar section .button {
  margin: .3em;
  font-size: .75em;
}

html.rtl .popup .navbar section .button {
  float: left;
}

html.ltr .popup .navbar section .button {
  float: right;
}

.popup .navbar section .button span {
  opacity: 0;
  width: 0;
  display: inline-block;
  overflow: hidden;
  font-size: .75em;
}

@media (min-width:50em) {
  .popup .navbar section .button span {
    opacity: 1;
    width: initial;
    overflow: initial;
    display: inline;
    font-size: 1em;
  }
}

@media (min-height:41.25em) {
  .popup .navbar section .button {
    font-size: 1em;
  }
}

.popup.navy .navbar {
  background-color: #2b3039;
}

.popup .login_buttons {
  max-width: 18em;
  margin: 0 auto;
  text-align: center;
}

.popup .login_buttons .button {
  width: 100%;
}

.button {
  font-weight: 400;
  font-size: 1em;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  border: none;
  padding: .75em 1em .45em;
  margin: .2em;
  line-height: 2.4em;
  border-radius: .25em;
  color: #fff;
  background: #008EE8;
  -moz-transition: all .5s cubic-bezier(.19,1,.22,1);
  -webkit-transition: all .5s cubic-bezier(.19,1,.22,1);
  transition: all .5s cubic-bezier(.19,1,.22,1);
}

.button:hover {
  background: #0085d9;
}

.button.i-google {
  color: #fff;
  background: #DD4B39;
}

.button.i-google:hover {
  background: #db3f2c;
}

.button.i-facebook {
  color: #fff;
  background: #43609C;
}

.button.i-facebook:hover {
  background: #3e5991;
}

.button.i-twitter {
  color: #fff;
  background: #39A9F1;
}

.button.i-twitter:hover {
  background: #2ba3f0;
}

.button.rounder {
  border-radius: 10em;
}

.button.big {
  padding: 1.4em 3em;
}

.button.wide {
  padding-right: 3em;
  padding-left: 3em;
}

.button.superwide {
  width: 92%;
  max-width: 15em;
}

.button.wider,body,html {
  width: 100%;
}

.button.gray {
  color: #323742;
  background: #d5dbe4;
}

.button.gray:hover {
  background: #ccd3de;
}

.button.action {
  color: #fff;
  background: #559EC5;
}

.button.action:hover {
  background: #4a97c1;
}

.button.transparent {
  color: #fff;
  background: 0 0;
}

.button.transparent:hover {
  background: 0 0;
  background-color: rgba(0,0,0,.05);
}

.button.warning {
  color: #5a4102;
  background: #FBC02D;
}

.button.warning:hover {
  background: #fbbb1e;
}

.button.alert {
  color: #fff;
  background: #EF5350;
}

.button.alert:hover {
  background: #ee4542;
}

.button.success {
  color: #fff;
  background: #009688;
}

.button.success:hover {
  background: #00877a;
}

.button.white {
  color: #323742;
  background: #fff;
}

.button.white:hover {
  background: #f7f7f7;
}

.button.navy {
  color: #fff;
  background: #2b3039;
}

.button.navy:hover {
  background: #252831;
}

.button.light {
  color: #323742;
  -webkit-box-shadow: 0 0 0 .12em #d3d6dd inset;
  box-shadow: 0 0 0 .12em #d3d6dd inset;
  background: 0 0;
}

.button.light:hover {
  background-color: #d3d6dd;
}

.button.invisible {
  color: #323742;
  background: 0 0;
}

.button.invisible:hover {
  background: 0 0;
}

.button.loading {
  color: transparent!important;
}

.button.disabled {
  cursor: not-allowed;
}

@font-face {
  font-family:fa;font-style:normal;font-weight:200;src:url("fonts/IRANSansWeb(NoEn)_Light.woff2") format("woff2"),url("fonts/IRANSansWeb(NoEn)_Light.woff") format("woff"),url("fonts/IRANSansWeb(NoEn)_Light.ttf") format("truetype");
}

@font-face {
  font-family:fa;font-style:normal;font-weight:300;src:url(fonts/iransharp_noen.woff2) format("woff2"),url(fonts/iransharp_noen.woff) format("woff"),url(fonts/iransharp_noen.ttf) format("truetype");
}

@font-face {
  font-family:fa;font-style:normal;font-weight:400;src:url("fonts/IRANSansWeb(NoEn).woff2") format("woff2"),url("fonts/IRANSansWeb(NoEn).woff") format("woff"),url("fonts/IRANSansWeb(NoEn).ttf") format("truetype");
}

@font-face {
  font-family:fa;font-style:normal;font-weight:500;src:url("fonts/IRANSansWeb(NoEn)_Medium.woff2") format("woff2"),url("fonts/IRANSansWeb(NoEn)_Medium.woff") format("woff"),url("fonts/IRANSansWeb(NoEn)_Medium.ttf") format("truetype");
}

@font-face {
  font-family:en;font-style:normal;font-weight:200;src:url(fonts/Roboto-Light.woff2) format("woff2"),url(fonts/Roboto-Light.woff) format("woff"),url(fonts/Roboto-Light.ttf) format("truetype");
}

@font-face {
  font-family:en;font-style:normal;font-weight:300;src:url(fonts/Roboto-Regular.woff2) format("woff2"),url(fonts/Roboto-Regular.woff) format("woff"),url(fonts/Roboto-Regular.ttf) format("truetype");
}

@font-face {
  font-family:en;font-style:normal;font-weight:400;src:url(fonts/ubuntu-regular-webfont.woff2) format("woff2"),url(fonts/ubuntu-regular-webfont.woff) format("woff"),url(fonts/ubuntu-regular-webfont.ttf) format("truetype");
}

@font-face {
  font-family:en;font-style:normal;font-weight:500;src:url(fonts/Lora-BoldItalic.woff2) format("woff2"),url(fonts/Lora-BoldItalic.woff) format("woff"),url(fonts/Lora-BoldItalic.ttf) format("truetype");
}

body,button,html,input,select,textarea {
  font-family: fa,en;
  font-weight: 300;
  font-size: .94em;
}

@media (min-width:20em) {
  body,button,html,input,select,textarea {
    font-size: 1rem;
  }
}

@media (min-width:100em) {
  body,button,html,input,select,textarea {
    font-size: 1.12rem;
  }
}

@media (min-width:125em) and (min-height:100em) {
  body,button,html,input,select,textarea {
    font-size: 1.33rem;
  }
}

@media (min-width:250em) and (min-height:125em) {
  body,button,html,input,select,textarea {
    font-size: 1.78rem;
  }
}

@media (min-width:450em) and (min-height:250em) {
  body,button,html,input,select,textarea {
    font-size: 2.37rem;
  }
}

body,html {
  overflow-x: hidden;
  background: #323742;
}

html {
  height: 100%;
  direction: ltr;
}

html.rtl,html.rtl:not([class*=_in]) *>:not(.auto_direction) {
  direction: rtl;
}

html body {
  min-height: 100%;
}

html body.loading:after {
  position: fixed;
  top: 50vh;
}

html body.loading:before {
  background: #e6e6e6;
}

html body.loadingbar:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: .25em;
  z-index: 99;
  -webkit-animation: loadingbar 2s ease-out infinite;
  -moz-animation: loadingbar 2s ease-out infinite;
  animation: loadingbar 2s ease-out infinite;
}

@-webkit-keyframes loadingbar {
  0% {
    box-shadow: 0 0 rgba(255,255,255,.9) inset;
  }

  70%,90% {
    box-shadow: 100vw 0 rgba(255,255,255,.9) inset;
  }

  100% {
    box-shadow: 100vw 0 transparent inset;
  }
}

@-moz-keyframes loadingbar {
  0% {
    box-shadow: 0 0 rgba(255,255,255,.9) inset;
  }

  70%,90% {
    box-shadow: 100vw 0 rgba(255,255,255,.9) inset;
  }

  100% {
    box-shadow: 100vw 0 transparent inset;
  }
}

@keyframes loadingbar {
  0% {
    box-shadow: 0 0 rgba(255,255,255,.9) inset;
  }

  70%,90% {
    box-shadow: 100vw 0 rgba(255,255,255,.9) inset;
  }

  100% {
    box-shadow: 100vw 0 transparent inset;
  }
}

section {
  margin: 0 auto;
  width: 90%;
  max-width: 250em;
}

a {
  text-decoration: none;
  color: #008EE8;
}

.auto_direction.ltr {
  direction: ltr;
}

.auto_direction.ltr.auto_align {
  text-align: left;
}

.auto_direction.rtl {
  direction: rtl;
}

.auto_direction.rtl.auto_align {
  text-align: right;
}

.loading {
  cursor: wait;
  position: relative;
}

.loading:after,.loading:before {
  content: '';
  display: block;
  position: absolute;
}

.loading>* {
  opacity: .2;
}

.loading:after {
  background: rgba(0,0,0,.3);
  border-radius: 3em;
  width: 3em;
  height: .5em;
  left: 50%;
  border: .06em solid transparent;
  top: 50%;
  z-index: 10;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-animation: loading 3s infinite;
  -moz-animation: loading 3s infinite;
  animation: loading 3s infinite;
}

@-webkit-keyframes loading {
  0% {
    -webkit-box-shadow: 9em 0 0 -10em #fff inset;
    box-shadow: 9em 0 0 -10em #fff inset;
  }

  50% {
    -webkit-box-shadow: 13.2em 0 0 -10em #fff inset;
    box-shadow: 13.2em 0 0 -10em #fff inset;
  }

  50.00001% {
    -webkit-box-shadow: -13.2em 0 0 -10em #fff inset;
    box-shadow: -13.2em 0 0 -10em #fff inset;
  }

  99% {
    -webkit-box-shadow: -9em 0 0 -10em #fff inset;
    box-shadow: -9em 0 0 -10em #fff inset;
  }
}

@-moz-keyframes loading {
  0% {
    -webkit-box-shadow: 9em 0 0 -10em #fff inset;
    box-shadow: 9em 0 0 -10em #fff inset;
  }

  50% {
    -webkit-box-shadow: 13.2em 0 0 -10em #fff inset;
    box-shadow: 13.2em 0 0 -10em #fff inset;
  }

  50.00001% {
    -webkit-box-shadow: -13.2em 0 0 -10em #fff inset;
    box-shadow: -13.2em 0 0 -10em #fff inset;
  }

  99% {
    -webkit-box-shadow: -9em 0 0 -10em #fff inset;
    box-shadow: -9em 0 0 -10em #fff inset;
  }
}

@keyframes loading {
  0% {
    -webkit-box-shadow: 9em 0 0 -10em #fff inset;
    box-shadow: 9em 0 0 -10em #fff inset;
  }

  50% {
    -webkit-box-shadow: 13.2em 0 0 -10em #fff inset;
    box-shadow: 13.2em 0 0 -10em #fff inset;
  }

  50.00001% {
    -webkit-box-shadow: -13.2em 0 0 -10em #fff inset;
    box-shadow: -13.2em 0 0 -10em #fff inset;
  }

  99% {
    -webkit-box-shadow: -9em 0 0 -10em #fff inset;
    box-shadow: -9em 0 0 -10em #fff inset;
  }
}

.loading:before {
  z-index: 6;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.breadcrumb section ol li,.breadcrumb section ol li span,.breadcrumb section ol li>* {
  display: inline-block;
}

.center {
  text-align: center;
}

.user_img {
  border-radius: 50%;
}

.user_img.small {
  height: 3em;
  width: 3em;
}

.user_img.medium {
  height: 5em;
  width: 5em;
}

.mailprotector {
  unicode-bidi: bidi-override;
  direction: rtl!important;
}

.flex.align_center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.flex.space_between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.flex.space_around {
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
}

.flex.wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width:50em) {
  .flex.wrap {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .flex .grow {
    min-width: 3em;
  }
}

.flex .no_shrink {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
}

.flex .grow {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
}

@media (min-width:80em) {
  .flex .grow {
    min-width: 13em;
  }
}

.breadcrumb {
  background-color: #e8ebf0;
  box-shadow: 0 -.06em rgba(0,0,0,.1) inset;
}

.breadcrumb section {
  width: 100%;
  overflow-x: scroll;
}

@media (min-width:25em) {
  .breadcrumb section {
    width: 90%;
  }
}

.breadcrumb section ol {
  white-space: nowrap;
  list-style: none;
  margin: 0;
  padding: 0 1em;
}

@media (min-width:37.5em) {
  .breadcrumb section ol {
    padding: 0;
  }
}

.breadcrumb section ol li:before {
  display: inline-block;
  color: #9ba1ad;
  top: .3em;
  margin: 0!important;
}

#sk-holder #sk-container.sk-appear #sk-conversation .sk-intro-section .intro-text,#sk-holder #sk-container.sk-appear #sk-conversation .sk-row.sk-left-row .sk-from {
  margin-left: 0;
}

html.ltr .breadcrumb section ol li:before {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.breadcrumb section ol li:first-child:before {
  content: none;
}

html.rtl .breadcrumb section ol li:last-child {
  padding-left: 1em;
}

html.ltr .breadcrumb section ol li:last-child {
  padding-right: 1em;
}

.breadcrumb section ol li>* {
  color: #768097;
  line-height: 4em;
  font-size: .75em;
  padding: 0;
}

@media (min-width:37.5em) {
  .breadcrumb section ol li>* {
    font-size: 1em;
    padding: 0 .5em;
  }
}

@media (min-width:50em) {
  .breadcrumb section {
    width: 90%;
    overflow: visible;
  }

  .breadcrumb section ol li>* {
    padding: 0 1.2em;
  }
}

.breadcrumb section ol li>:hover {
  color: #1c1f25;
}

img.emoji {
  width: 1em;
}

img[data-src] {
  color: transparent;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

label[data-popup=feedback],label[data-support] {
  display: block;
  color: #eaecef;
  background: #1c1f25;
  padding: .5em 1em 5em;
  cursor: pointer;
  font-size: .56em;
}

@media (min-width:25em) {
  label[data-popup=feedback],label[data-support] {
    font-size: .75em;
  }
}

@media (min-width:60em) {
  label[data-popup=feedback],label[data-support] {
    padding: .5em 1em;
    border-radius: .25em;
    position: fixed;
    z-index: 10;
    bottom: 1em;
    right: 1em;
    background: rgba(0,0,0,.4);
  }

  label[data-popup=feedback]:hover,label[data-support]:hover {
    background: rgba(0,0,0,.5);
  }

  label[data-popup=feedback] section,label[data-support] section {
    width: 100%;
  }
}

label[data-popup=feedback]:hover,label[data-support]:hover {
  background: #111316;
}

#sk-messenger-button {
  background: 0 0!important;
  box-shadow: none!important;
  height: 1em!important;
}

#sk-messenger-button svg {
  visibility: hidden;
}

#sk-holder #sk-container.sk-appear {
  font-family: inherit;
}

#sk-holder #sk-container.sk-appear #sk-conversation .sk-row .sk-msg-wrapper .sk-msg {
  padding-bottom: .15em;
}

#sk-holder #sk-container.sk-appear #sk-conversation .sk-row.sk-left-row {
  text-align: left;
}

#sk-holder #sk-container.sk-appear #sk-conversation .sk-row.sk-left-row .sk-msg-avatar {
  float: left;
}

#sk-holder #sk-container.sk-appear #sk-conversation .sk-row.sk-right-row .sk-msg {
  color: #fff;
}

#sk-holder #sk-container.sk-appear #sk-conversation .sk-action {
  padding-bottom: 1em;
}

#sk-holder #sk-container.sk-appear .sk-messages-container {
  font-weight: 300;
}

#sk-holder #sk-container.sk-appear #sk-settings-handle,#sk-holder #sk-container.sk-appear .app-icon,#sk-holder #sk-container.sk-appear .app-name,#sk-holder #sk-container.sk-appear .sk-logo {
  display: none!important;
}

#sk-holder #sk-container.sk-appear #sk-footer .input-container .message-input {
  margin: 0;
  background: #f8f9fa;
  padding: 0 .5em;
}

#sk-holder #sk-container.sk-appear #sk-footer .send {
  font-weight: 300;
  text-transform: uppercase;
  color: #008EE8;
}

#sk-holder #sk-messenger-button.messenger-button-shown {
  z-index: 9;
  position: relative;
  height: 0!important;
  right: 0;
  margin: 0 auto;
  width: 90%;
  max-width: 250em;
  top: -6em;
}

@media (min-width:60em) {
  #sk-holder #sk-messenger-button.messenger-button-shown {
    top: initial;
  }
}

#sk-holder #sk-messenger-button.messenger-button-shown svg {
  display: none;
}