@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300&subset=latin,cyrillic,cyrillic-ext);
.add-fav {
  position: relative;
}
.add-fav__icon {
  position: absolute;
  cursor: pointer;
  top: 22px;
  right: 22px;
  width: 18px;
  height: 18px;
  background-image: url('../images/fav-star-sprite.png');
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-color: transparent;
}
.add-fav__icon:hover,
.add-fav__icon_hover {
  background-position: 52% 50%;
}
.add-fav__icon:active,
.add-fav__icon_active {
  background-position: 100% 50%;
}
.add-fav__icon:active:hover,
.add-fav__icon_active:hover {
  background-position: 100% 50%;
}
.add-fav__icon_active:active {
  background-position: 0 50%;
}
.add-fav__icon_filled {
  background-image: url('../images/fav-star-sprite-filled.png');
}
.add-fav__icon_filled:active,
.add-fav__icon_filled_active {
  background-position: 100% 50%;
}
.add-fav__icon_filled_active:active {
  background-position: 0 50%;
}
.add-fav__icon_filled {
  position: absolute;
  cursor: pointer;
  top: 22px;
  right: 22px;
  width: 18px;
  height: 18px;
  background-image: url('../images/fav-star-sprite-filled.png');
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-color: transparent;
}
.add-fav__icon_filled:active,
.add-fav__icon_filled_active {
  background-position: 100% 50%;
}
.add-fav__icon_filled_active:active {
  background-position: 0 50%;
}
.super-btn {
  padding: 9px 10px;
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  border-radius: 4px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 41px;
  border-style: solid;
}
.super-btn i {
  display: inline-block;
  height: 40px;
  width: 40px;
}
.super-btn span {
  padding: 0 0 0 17px;
  vertical-align: top;
  line-height: 41px;
  font-family: 'helveticaneuecyrlight', sans-serif;
  font-weight: 200;
}
.super-btn:hover {
  text-decoration: none;
}
.super-btn.facebook-btn {
  color: #fff;
  background-color: #4a6aba;
  border-color: #4a6aba;
}
.super-btn.facebook-btn i {
  background: url("/images/icon-fb-logo.png") no-repeat center center;
}
.super-btn.facebook-btn:hover {
  background-color: #5b83e8;
}
.super-btn.google-btn {
  color: #5e5e5e;
  background-color: #fff;
  border-color: #c0c0c0;
}
.super-btn.google-btn i {
  background: url("/images/google-small.png") no-repeat center center;
  border-right: 1px solid #c0c0c0;
}
.super-btn.google-btn:hover {
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.07) 0%, rgba(255, 255, 255, 0.07) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.07) 0%, rgba(255, 255, 255, 0.07) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.07) 0%, rgba(255, 255, 255, 0.07) 100%);
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.07) 0%, rgba(255, 255, 255, 0.07) 100%);
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.07) 0%, rgba(255, 255, 255, 0.07) 100%);
}
.remove-btn {
  cursor: pointer;
  background: url('../images/icon-remove-sprite.png') 0px 0px no-repeat;
  width: 17px;
  height: 20px;
  background-size: cover;
  z-index: 1;
  position: absolute;
  top: 35px;
  right: 0;
}
.remove-btn:hover {
  background-position: 100% 0px;
  transform: scaleX(-1);
}
.sound-icon {
  background-image: url('/images/sound-icon.png');
  width: 20px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
}
.sound-icon:hover {
  background-position: -20px 0;
}
.link {
  color: #1984c7;
}
.limit-block {
  position: fixed;
  right: calc((100vw - 960px) / 2);
  background-color: #6dc82c;
  color: #ffffff;
  width: 100px;
  height: 100px;
  font-size: 56px;
  line-height: 100px;
  vertical-align: middle;
  border-radius: 3px;
  z-index: 999999;
  top: 110px;
  display: none;
  text-align: center;
}
.h2-title_photovoc {
  font-size: 60px;
  font-family: 'Open Sans', serif;
  font-weight: 100;
  line-height: 70px;
  height: 70px;
  text-align: center;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 100%;
  padding-left: 100px;
  margin: 40px auto;
  background-image: url('../images/photovocabluary-title.png');
}
.h2-title_grammar {
  font-size: 60px;
  font-family: 'Open Sans', serif;
  font-weight: 100;
  line-height: 70px;
  height: 70px;
  text-align: center;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 100%;
  padding-left: 100px;
  margin: 40px auto;
  background-image: url('../images/grammar-title.png');
  background-position: 23px 50%;
}
.h2-title_video-exercise {
  font-size: 60px;
  font-family: 'Open Sans', serif;
  font-weight: 100;
  line-height: 70px;
  height: 70px;
  text-align: center;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 100%;
  padding-left: 100px;
  margin: 40px auto;
  background-image: url('../images/video-exercise-title.png');
  background-position: 23px 50%;
}
.h2-title_community {
  font-size: 60px;
  font-family: 'Open Sans', serif;
  font-weight: 100;
  line-height: 70px;
  height: 70px;
  text-align: center;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 100%;
  padding-left: 100px;
  margin: 40px auto;
  background-image: url('../images/community-title.png');
  background-position: 25px 50%;
}
.h2-title_video {
  font-size: 60px;
  font-family: 'Open Sans', serif;
  font-weight: 100;
  line-height: 70px;
  height: 70px;
  text-align: center;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 100%;
  padding-left: 100px;
  margin: 40px auto;
  background-image: url('../images/video-title.png');
  background-position: 21px 50%;
}
.h2-title_i-verbs {
  font-size: 60px;
  font-family: 'Open Sans', serif;
  font-weight: 100;
  line-height: 70px;
  height: 70px;
  text-align: center;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 100%;
  padding-left: 97px;
  margin: 40px auto;
  background-image: url('../images/i-verbs-title.png');
  background-position: 13px 50%;
}
.h2-title_sna {
  font-size: 60px;
  font-family: 'Open Sans', serif;
  font-weight: 100;
  line-height: 70px;
  height: 70px;
  text-align: center;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 100%;
  padding-left: 108px;
  margin: 40px auto;
  background-image: url('../images/sna-title.png');
  background-position: 6px 80%;
}
.h2-title_collocations {
  font-size: 60px;
  font-family: 'Open Sans', serif;
  font-weight: 100;
  line-height: 70px;
  height: 70px;
  text-align: center;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 100%;
  padding-left: 86px;
  margin: 40px auto;
  background-image: url('../images/collocations-title.png');
  background-position: 7px 80%;
}
.h2-title_compound-words {
  font-size: 60px;
  font-family: 'Open Sans', serif;
  font-weight: 100;
  line-height: 70px;
  height: 70px;
  text-align: center;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 100%;
  padding-left: 108px;
  margin: 40px auto;
  background-image: url('../images/compound-words-title.png');
  background-position: 8px 80%;
}
.h2-title_assemble-phrase {
  font-size: 60px;
  font-family: 'Open Sans', serif;
  font-weight: 100;
  line-height: 70px;
  height: 70px;
  text-align: center;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 100%;
  padding-left: 113px;
  margin: 40px auto;
  background-image: url('../images/assemble-phrase-title.png');
  background-position: 6px 0;
  margin-bottom: 49px;
  line-height: 73px !important;
  height: 73px!  important;
}
.h2-title_common-mistakes {
  font-size: 60px;
  font-family: 'Open Sans', serif;
  font-weight: 100;
  line-height: 70px;
  height: 70px;
  text-align: center;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 100%;
  padding-left: 92px;
  margin: 40px auto;
  background-image: url('../images/common-mistakes-title.png');
  background-position: 5px 70%;
}
[class*="h2-title_"] {
  margin-bottom: 49px;
  line-height: 71px;
  height: 71px;
}
.bordered-item {
  border: 1px solid #cccccc;
  border-radius: 2px;
}
.bordered-item:hover {
  border-color: #0099cc;
  color: #3399cc;
}
.icon-play {
  width: 60px;
  height: 60px;
  background-image: url('../images/icon-play.png');
  background-color: transparent;
  background-position: 50% 50%;
  border: none;
  border-radius: 50%;
  background-repeat: no-repeat;
  padding: 0;
  vertical-align: middle;
  cursor: pointer;
}
.icon-play + .icon-title {
  display: inline-block;
  padding-left: 20px;
  max-width: calc(100% - 80px);
  vertical-align: middle;
}
blockquote,
q {
  quotes: none;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
body {
  line-height: 1;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol,
ul {
  list-style: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}
@font-face {
  font-family: 'helveticaneuecyrroman';
  src: url('/fonts/helveticaneuecyr-roman-webfont.eot');
  src: url('/fonts/helveticaneuecyr-roman-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/helveticaneuecyr-roman-webfont.woff') format('woff'), url('/fonts/helveticaneuecyr-roman-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'helveticaneuecyrbold';
  src: url('/fonts/helveticaneuecyr-bold-webfont.eot');
  src: url('/fonts/helveticaneuecyr-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/helveticaneuecyr-bold-webfont.woff') format('woff'), url('/fonts/helveticaneuecyr-bold-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'helveticaneuecyrlight';
  src: url('/fonts/helveticaneuecyr-light-webfont.eot');
  src: url('/fonts/helveticaneuecyr-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/helveticaneuecyr-light-webfont.woff') format('woff'), url('/fonts/helveticaneuecyr-light-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'OpenSansReg';
  src: url('/fonts/opensans-regular-webfont.eot');
  src: url('/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/opensans-regular-webfont.woff2') format('woff2'), url('/fonts/opensans-regular-webfont.woff') format('woff'), url('/fonts/opensans-regular-webfont.ttf') format('truetype'), url('/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansLight';
  src: url('/fonts/opensans-light-webfont.eot');
  src: url('/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/opensans-light-webfont.woff2') format('woff2'), url('/fonts/opensans-light-webfont.woff') format('woff'), url('/fonts/opensans-light-webfont.ttf') format('truetype'), url('/fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansSemibold';
  src: url('/fonts/opensans-semibold-webfont.eot');
  src: url('/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/opensans-semibold-webfont.woff2') format('woff2'), url('/fonts/opensans-semibold-webfont.woff') format('woff'), url('/fonts/opensans-semibold-webfont.ttf') format('truetype'), url('/fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*@import url("http://fonts.googleapis.com/css?family=Bitter:400,700");*/
body,
html {
  height: 100%;
  -webkit-text-size-adjust: none;
}
body {
  font-family: Verdana, sans-serif;
  color: #383838;
}
body.fixed {
  overflow: hidden;
}
a {
  color: #1984c7;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.grid {
  position: absolute;
  top: 0;
  left: 0;
  background: url("/images/grid.png") repeat-y center top;
  width: 100%;
  height: 1000%;
  z-index: 1000;
}
.clr {
  clear: both;
  width: 100% !important;
  float: none !important;
}
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.hidden {
  display: none;
}
.uberwrapper {
  min-height: 100%;
  position: relative;
}
.uberwrapper.gray {
  background: url('/images/grey-bg.png') repeat 0 0;
}
.uberwrapper.gray .content {
  background: transparent;
}
.uberwrapper > .spinner {
  width: 100px;
}
.plug {
  height: 75px;
}
.wrapper {
  width: 960px;
  margin: 0 auto;
}
.top {
  background-color: #333333;
  height: 60px;
  position: fixed;
  top: 0;
  z-index: 1001;
  width: 100%;
}
.top .logo {
  padding-top: 6px;
  float: left;
}
.search {
  font-size: 11px;
  color: #9c9c9c;
  border: 1px solid rgba(0, 0, 0, 0.28);
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.21);
  border-radius: 14px;
  height: 24px;
  padding: 0 13px;
  background: #ffffff url("/images/search.png") no-repeat 186px 6px;
  outline: none;
}
.search:focus {
  border-color: #0171b7;
  background-position: 186px -32px;
  color: #383838;
}
.online {
  color: #309000;
}
.people-list {
  max-height: 366px;
  overflow: auto;
}
.people-list li {
  height: 61px;
  padding: 9px 13px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.people-list li .people-info {
  margin-left: 56px;
  font-size: 12px;
  line-height: 16px;
}
.people-list li .people-info a:first-child {
  color: #383838;
}
.people-list li .chat {
  position: absolute;
  top: 19px;
  right: 13px;
  display: none;
  float: right;
}
.people-list li:hover {
  background: #f6f6f6;
}
.people-list li:hover .chat {
  display: inline-block;
}
div.likebox {
  position: absolute;
  width: 348px;
  top: 40%;
  left: 50%;
  margin-left: -174px;
  background: #fff;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.75);
  z-index: 10000;
  border-radius: 4px;
}
div.likebox .heading {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 28px;
  background: #1984c7;
  cursor: move;
  padding: 0 15px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  text-align: left;
}
div.likebox .popup-close {
  background: url("/images/cross-people.png") no-repeat 0 0;
  width: 10px;
  height: 12px;
  top: 8px;
  right: 13px;
}
div.likebox .thumb {
  display: block;
  width: 45px;
  height: 45px;
  float: left;
  background: #ccc;
}
.qtip-default {
  font-family: Verdana, sans-serif !important;
  font-size: 9px !important;
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 5px !important;
  background: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.19) !important;
}
.qtip-default.ui-tooltip-wider {
  max-width: 310px;
}
.qtip-default .green {
  color: #3a9900;
}
.qtip-close {
  top: 0;
  right: 0;
  background: none !important;
  border: none !important;
}
.qtip-close:hover {
  text-decoration: none;
}
.input {
  position: relative;
}
.input.eye input {
  padding-right: 30px !important;
}
.input.eye span.eye {
  display: block;
  background: url("/images/eye.png") no-repeat 0 0;
  width: 16px;
  height: 10px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.popup {
  z-index: 1001;
}
.video-sentences {
  background: #fff;
  border: 1px solid #d9d9d9;
}
.video-sentences .heading {
  font-size: 12px;
  font-weight: bold;
  padding: 0 22px;
}
.video-sentences .heading p {
  margin: 18px 0 15px 0;
  float: left;
}
.video-sentences .heading .green-btn,
.video-sentences .heading .black-btn,
.video-sentences .heading .gray-btn {
  margin-top: 11px;
  float: right;
  font-weight: normal;
  font-size: 11px;
  line-height: 24px;
}
.video-sentences .list {
  border-top: 1px solid #d9d9d9;
}
.right-menu {
  position: relative;
}
.left-menu .requests-popup,
.right-menu .requests-popup {
  display: none;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.52);
  border-radius: 2px;
  position: absolute;
  z-index: 200;
}
.left-menu .requests-popup ul,
.right-menu .requests-popup ul {
  max-height: 323px;
  overflow-y: auto;
}
.left-menu .requests-popup > i,
.right-menu .requests-popup > i {
  position: absolute;
  width: 0px;
  height: 0px;
  top: -20px;
  right: 13px;
  border: 10px solid #333333;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.left-menu .requests-popup h2,
.right-menu .requests-popup h2 {
  font-family: 'Open Sans', serif;
  color: #fff;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  background-color: #333333;
  color: #ffffff;
  font-size: 16px;
  padding: 12px 20px;
  margin-bottom: 0;
  text-transform: initial;
}
.left-menu .requests-popup li,
.right-menu .requests-popup li {
  padding: 15px 0px 15px 15px;
  background-color: #fff;
  margin-top: 0px;
  border-top: 1px solid #cccccc;
}
.left-menu .requests-popup li .avatar,
.right-menu .requests-popup li .avatar {
  vertical-align: top;
  display: inline-block;
  width: 40px;
  text-align: center;
}
.left-menu .requests-popup li .avatar img,
.right-menu .requests-popup li .avatar img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.left-menu .requests-popup li .info,
.right-menu .requests-popup li .info {
  display: inline-block;
  width: calc(100% - 64px);
  padding: 0 !important;
  vertical-align: top;
  margin-left: 10px;
}
.left-menu .requests-popup li .info p,
.right-menu .requests-popup li .info p {
  width: 100%;
  font-size: 15px;
  white-space: normal;
  line-height: 22px;
  color: #333;
}
.left-menu .requests-popup li .info b,
.right-menu .requests-popup li .info b {
  font-family: 'OpenSansSemibold', sans-serif;
  font-weight: 600;
}
.left-menu .requests-popup li .info .controls,
.right-menu .requests-popup li .info .controls {
  margin-top: 5px;
}
.left-menu .requests-popup li .info .controls .accept,
.right-menu .requests-popup li .info .controls .accept {
  display: inline-block;
  color: #3399cc;
  border: 1px solid #3399cc;
  border-radius: 2px;
  font-size: 13px;
  padding: 5px 15px;
  box-sizing: border-box;
  height: 24px;
}
.left-menu .requests-popup li .info .controls .accept:hover,
.right-menu .requests-popup li .info .controls .accept:hover {
  color: #ffffff !important;
  background-color: #1c82c5;
  border-color: #1c82c5;
  text-decoration: none;
}
.left-menu .requests-popup li .info .controls .decline,
.right-menu .requests-popup li .info .controls .decline {
  display: inline-block;
  color: #000000;
  border: 1px solid #666666;
  border-radius: 2px;
  font-size: 13px;
  padding: 5px 15px;
  box-sizing: border-box;
  height: 24px;
  margin-left: 10px;
}
.left-menu .requests-popup li .info .controls .decline:hover,
.right-menu .requests-popup li .info .controls .decline:hover {
  color: #ffffff !important;
  background-color: #666666;
  border-color: #666666;
  text-decoration: none;
}
.left-menu .requests-popup li:last-child,
.right-menu .requests-popup li:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.left-menu .requests-popup li:hover,
.right-menu .requests-popup li:hover {
  background: #e8f6ff;
}
.left-menu .requests-popup li.all,
.right-menu .requests-popup li.all {
  height: auto;
  background-color: #ffffff;
  padding: 12px;
  text-align: center;
  font-size: 15px;
  border-top: 1px solid #cccccc;
}
.left-menu .requests-popup li.all a,
.right-menu .requests-popup li.all a {
  color: #333333;
}
.left-menu .requests-popup li.empty,
.right-menu .requests-popup li.empty {
  height: auto;
  text-align: center;
  background: #fff !important;
  padding: 9px 0;
  font-size: 11px;
}
.left-menu .requests-popup li.msgUnread,
.right-menu .requests-popup li.msgUnread {
  background: #e8f6ff;
}
.left-menu .friends-requests-popup,
.right-menu .friends-requests-popup {
  top: 72px;
  right: 93px;
  min-width: 350px;
}
.left-menu .unread-messages-popup,
.right-menu .unread-messages-popup {
  top: 72px;
  right: 147px;
  min-width: 266px;
}
.left-menu .unread-messages-popup li a,
.right-menu .unread-messages-popup li a {
  color: #383838;
}
.left-menu .unread-messages-popup li .date,
.right-menu .unread-messages-popup li .date {
  color: #6c6c6c;
  font-size: 10px;
  margin-top: 13px;
}
.left-menu .balloon,
.right-menu .balloon {
  position: relative;
}
.left-menu .people,
.right-menu .people {
  position: relative;
}
.pagination {
  display: block;
  float: right;
}
.list li {
  min-height: 32px;
  font-size: 14px;
  border-top: 1px solid #ddd;
  padding: 0 13px;
}
.list li p:first-of-type {
  float: left;
  width: 635px;
  margin: 5px 0;
  line-height: 21px;
}
.list li p.translated {
  margin: 9px 0 9px 0;
  line-height: 22px;
  display: inline-block;
  color: #3a9900;
}
.list li p.translated .close-translated {
  font-size: 12px;
  color: #1984c7;
  cursor: pointer;
  margin-left: 13px;
}
.list li .icon {
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  margin-top: 10px;
  margin-left: 10px;
  background: url("/images/list-controls.png") no-repeat 0 0;
  width: 13px;
  height: 13px;
}
.list li .icon:not(.icon-tick) {
  display: none;
}
.list li .icon.icon-translate {
  background-position: 0 -16px;
}
.list li .icon.icon-translate:hover {
  background-position: 0 0;
}
.list li .icon.icon-edit {
  background-position: -13px -16px;
}
.list li .icon.icon-edit:hover {
  background-position: -13px 0;
}
.list li .icon.icon-delete {
  background-position: -67px -16px;
}
.list li .icon.icon-delete:hover {
  background-position: -67px 0;
}
.list li .icon.icon-add {
  background-position: -54px -16px;
}
.list li .icon.icon-add:hover {
  background-position: -54px 0;
}
.list li .icon.icon-tick {
  width: 15px;
  background-position: -39px -32px;
}
.list li .icon.icon-null {
  background-position: -9999px -9999px !important;
}
.list li:hover {
  background: #ecf8ff;
}
.list li:hover .icon {
  display: inline-block;
}
.list .pagination {
  margin-top: 39px;
}
.control input[type=text],
.control input[type=password] {
  border: 1px solid #a4a4a4;
  border-radius: 2px;
  height: 31px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 5px;
}
li.volume {
  overflow: hidden;
}
li.volume .ui-slider-handle {
  background: url("/images/volume-knob.png") no-repeat;
  width: 13px;
  height: 14px;
  border: none;
  margin: -1px 0 0 -7px;
}
li.volume .slider {
  width: 103px;
  height: 4px;
  position: absolute;
  left: 43px;
  top: 11px;
  margin-right: 13px;
  border: none;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.55);
  border-radius: 4px;
}
li.volume .slider .ui-slider-range {
  border-radius: 4px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.55);
  background: #9c9c9c;
}
li.volume i {
  float: left;
  position: relative;
  z-index: 100;
}
.selectbox {
  display: inline-block;
  vertical-align: top;
}
.selectbox .dropdown {
  position: absolute;
  z-index: 200;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  color: #5e5e5e;
  line-height: 21px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.54);
  background-color: #eee;
  border: 1px solid rgba(0, 0, 0, 0.29);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: -1px 0 0 0;
}
.selectbox .dropdown ul {
  max-height: 275px;
  overflow-y: auto;
}
.selectbox .dropdown ul li {
  padding: 0 9px;
  cursor: pointer;
}
.selectbox .dropdown ul li:first-child {
  border-top: none;
}
.selectbox .dropdown ul li:hover,
.selectbox .dropdown ul li.selected {
  background: #dedede;
}
.selectbox .dropdown ul li.sep {
  padding: 0;
  height: 0px;
  display: block;
  border-top: 1px solid #c2c2c2;
  border-bottom: 1px solid #f5f4f4;
}
.selectbox .dropdown .search-input {
  margin: 3px;
}
.selectbox .dropdown .search-input input {
  width: 100% !important;
  border: 1px solid #a4a4a4;
  border-radius: 2px;
  box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.44);
  height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectbox .trigger {
  width: 24px;
  display: inline-block;
  height: 22px;
  vertical-align: top;
  position: relative;
  margin-left: 20px;
  float: right;
}
.selectbox .trigger i {
  position: absolute;
  z-index: 9;
  top: 10px;
  right: 8px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-top: 5px solid #505050;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.selectbox .select,
.content .filter .btn-hide-viewed {
  padding: 0 0 0 9px;
  height: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  color: #5e5e5e;
  line-height: 25px;
  width: auto;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.29);
  background-color: #fff;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.54);
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
}
.selectbox .select:hover {
  background: inherit;
}
.selectbox .select.opened {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none !important;
  background: #ffffff;
  position: relative;
  z-index: 201;
}
.videoside .list .controls,
.book-sentences .list .controls {
  float: right;
}
.videoside .list li,
.book-sentences .list li {
  padding: 0 22px;
  font-size: 12px;
}
.videoside .list li p:first-of-type,
.book-sentences .list li p:first-of-type {
  width: 515px;
}
.videoside .list li .icon,
.book-sentences .list li .icon {
  background: url("/images/list-controls.png") no-repeat 0 0;
  width: 13px;
  height: 13px;
  float: none !important;
  margin-left: 13px;
  margin-top: 10px;
}
.videoside .list li .icon.icon-translate,
.book-sentences .list li .icon.icon-translate {
  background-position: 0 -16px;
}
.videoside .list li .icon.icon-translate:hover,
.book-sentences .list li .icon.icon-translate:hover {
  background-position: 0 0;
}
.videoside .list li .icon.icon-edit,
.book-sentences .list li .icon.icon-edit {
  background-position: -13px -16px;
}
.videoside .list li .icon.icon-edit:hover,
.book-sentences .list li .icon.icon-edit:hover {
  background-position: -13px 0;
}
.videoside .list li .icon.icon-delete,
.book-sentences .list li .icon.icon-delete {
  background-position: -26px -16px;
}
.videoside .list li .icon.icon-delete:hover,
.book-sentences .list li .icon.icon-delete:hover {
  background-position: -26px 0;
}
.videoside .list li:first-child,
.book-sentences .list li:first-child {
  border-top: none;
}
.footer {
  border-top: 1px solid #c4c4c4;
  font-family: helveticaneuecyrroman, sans-serif;
  font-size: 12px;
  padding: 31px 0;
  height: 90px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -90px;
  position: relative;
  z-index: 1;
  background: #fff;
}
.footer .footer-menu {
  float: right;
}
.footer .footer-menu li {
  float: left;
  margin-left: 23px;
}
.footer .appstorel {
  float: left;
  position: relative;
  top: -8px;
  left: 11px;
}
.footer .copyright {
  position: relative;
  top: -3px;
  float: left;
}
.footer .copyright > a {
  display: inline-block;
  vertical-align: middle;
  margin-left: 19px;
}
.footer .copyright .fb-like {
  vertical-align: top;
  margin-left: 19px;
}
.footer,
.footer a {
  color: #5e5e5e;
}
.no-sentences {
  font-size: 12px;
  padding: 16px 22px 20px 22px;
  line-height: 26px;
  display: none;
}
.no-sentences .icon {
  background: url("/images/sub-controls.png") no-repeat 0 0;
  display: inline-block;
  vertical-align: top;
  margin: 6px 6px 0 6px;
}
.no-sentences .icon.icon-translate {
  width: 17px;
  height: 13px;
  background-position: -51px -15px;
}
.no-sentences .icon.icon-add {
  width: 13px;
  height: 13px;
  background-position: -15px -15px;
}
.control {
  margin-bottom: 25px;
}
.control > label {
  display: block;
  float: left;
  font-size: 14px;
  line-height: 31px;
}
.control input.error {
  border-color: #da0000;
}
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1002;
  background: rgba(0, 0, 0, 0.82);
}
.alert > div {
  width: 438px;
  background: #fff;
  border-radius: 3px;
  position: absolute;
  left: 50%;
  top: 40%;
  margin: 0 0 0 -219px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 25px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.77);
}
.alert > div h1 {
  font-weight: bold;
  font-size: 19px;
  line-height: 24px;
  color: #1984c7;
  padding-bottom: 10px;
}
.alert > div p {
  font-size: 12px;
  line-height: 18px;
}
.alert > div p .btn,
.alert > div p .green-btn,
.alert > div p .gray-btn,
.alert > div p .red-btn,
.alert > div p .complex-btn,
.alert > div p .black-btn,
.alert > div p .gray-btn {
  font-size: 11px;
  line-height: 22px;
  margin: 0 10px;
  font-weight: normal;
}
.alert > div p .complex-btn {
  height: 35px;
}
.alert > div p .complex-btn i {
  height: 35px;
}
.alert > div p .complex-btn span {
  line-height: 35px;
}
.alert > div .close,
.alert > div .close-msg {
  background: url("/images/cross.png") no-repeat 0 0;
  width: 13px;
  height: 13px;
  cursor: pointer;
  top: 7px;
  right: 9px;
  position: absolute;
}
.alert > div .close-msg:hover {
  opacity: 0.65;
}
.alert.small > div {
  width: 252px;
  margin-left: -126px;
}
.alert.small .get-more-btn {
  margin: 20px 0 0 0;
}
.alert-error h1 {
  color: #c71e3a !important;
}
.popup-close {
  background: url("/images/cross.png") no-repeat 0 0;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 8px;
  right: 9px;
  cursor: pointer;
}
.green-btn,
.blue-btn,
.gray-btn,
.light-gray-btn,
.btn,
.red-btn,
.black-btn,
.gray-btn {
  border-radius: 3px;
  padding: 0 15px;
  line-height: 30px;
  font-size: 16px;
  cursor: pointer;
  font-family: 'Open Sans', serif;
  margin: 0;
  display: inline-block;
  border: none;
}
.green-btn:hover,
.blue-btn:hover,
.gray-btn:hover,
.light-gray-btn:hover,
.btn:hover,
.red-btn:hover,
.black-btn:hover,
.gray-btn:hover {
  text-decoration: none;
}
.green-btn,
.black-btn,
.gray-btn {
  background-color: #339900;
  color: #fff;
}
.green-btn:hover,
.black-btn:hover,
.gray-btn:hover {
  background: #33cc00;
}
.blue-btn {
  color: #fff;
  background-color: #2385c5;
}
.blue-btn:hover {
  background: #2f9ee7;
}
.gray-btn {
  color: #fff;
  background-color: #5e5e5e;
}
.gray-btn:hover {
  background: #3d3d3d;
}
.light-gray-btn {
  background-color: #e4e4e4;
  color: #383838;
}
.light-gray-btn:hover {
  background-color: #cdcdcd;
}
.red-btn {
  background-color: #ff3333;
  color: #fff;
}
.red-btn:hover {
  background: #ff6666;
}
.complex-btn {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.12) 0%, rgba(255, 255, 255, 0.12) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.12) 0%, rgba(255, 255, 255, 0.12) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.12) 0%, rgba(255, 255, 255, 0.12) 100%);
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.12) 0%, rgba(255, 255, 255, 0.12) 100%);
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.12) 0%, rgba(255, 255, 255, 0.12) 100%);
  border-radius: 4px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 41px;
  border-style: solid;
}
.complex-btn i {
  display: inline-block;
  height: 41px;
  width: 47px;
}
.complex-btn span {
  padding: 0 15px;
  vertical-align: top;
  line-height: 41px;
}
.complex-btn:hover {
  text-decoration: none;
}
.complex-btn.facebook-btn {
  color: #fff;
  background-color: #4668bc;
  border-color: #244eb6;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.38);
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.33);
}
.complex-btn.facebook-btn i {
  background: url("/images/facebook-small.png") no-repeat center center;
  border-right: 1px solid #fff;
}
.complex-btn.facebook-btn:hover {
  background-color: #5b83e8;
}
.complex-btn.google-btn {
  color: #5e5e5e;
  background-color: #fff;
  border-color: #c0c0c0;
}
.complex-btn.google-btn i {
  background: url("/images/google-small.png") no-repeat center center;
  border-right: 1px solid #c0c0c0;
}
.complex-btn.google-btn:hover {
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.07) 0%, rgba(255, 255, 255, 0.07) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.07) 0%, rgba(255, 255, 255, 0.07) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.07) 0%, rgba(255, 255, 255, 0.07) 100%);
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.07) 0%, rgba(255, 255, 255, 0.07) 100%);
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.07) 0%, rgba(255, 255, 255, 0.07) 100%);
}
span.error {
  position: absolute;
  white-space: nowrap;
  font-size: 12px;
  color: #da0000;
  margin: 9px 0 0 10px;
}
span.fb-error {
  display: block;
  margin-top: 15px;
  line-height: 25px;
  color: #da0000;
}
.like {
  color: #9c9c9c;
  text-decoration: none;
  background: url("/images/like.png") no-repeat 0 2px;
  padding-left: 13px;
}
.like:hover,
.like.liked {
  color: #1984c7;
  background-position: 0 -9px;
}
.highlight,
.highlight-static {
  background-color: #fbf37b;
  color: #000;
}
.highlight-static {
  cursor: pointer;
}
a.chat {
  font-size: 11px;
  line-height: 23px;
  padding: 0 10px;
}
a.chat i {
  display: inline-block;
  background: url("/images/chat.png") no-repeat 0 0;
  width: 15px;
  height: 13px;
  vertical-align: top;
  margin: 5px 6px 0 0;
}
a.chat.gray-btn i {
  background-position: 0 -13px;
}
a.call {
  font-size: 11px;
  line-height: 23px;
  padding: 0 10px;
  /*&.gray-btn {
		i {
			background-position: 0 -13px;
		}
	}*/
}
a.call i {
  display: inline-block;
  background: url("/images/qb_phone_hover.png") no-repeat 0 0;
  width: 15px;
  height: 13px;
  vertical-align: top;
  margin: 5px 6px 0 0;
}
.radiobox {
  font-size: 12px;
  line-height: 30px;
}
.radiobox span {
  margin-right: 28px;
  cursor: pointer;
  display: inline-block;
}
.radiobox span i {
  display: inline-block;
  background: url("/images/radio.png") no-repeat 0 0;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  margin: -2px 8px 0 0;
}
.radiobox span.checked i {
  background-position: 0 -10px;
}
.qq-upload-drop-area,
.qq-drop-processing,
.qq-upload-list,
.qq-uploaded-file {
  display: none;
}
.checkbox {
  background: url("/images/check.png") no-repeat 0 0;
  width: 19px;
  height: 19px;
  display: inline-block;
  cursor: pointer;
}
.checkbox.checked {
  background-position: 0 -19px;
}
.popup-wrapper {
  position: fixed;
  width: 100%;
  right: 306px;
  bottom: -1px;
  min-height: 1px;
  height: 1px;
  z-index: 10001;
}
.pnormal {
  width: 258px;
  /*position:relative;
	float:right;
	margin-left:10px;*/
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.24);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.chat-view {
  z-index: 10005;
  float: right;
  position: relative;
  top: -301px;
  width: 258px;
  bottom: 0px;
  min-height: 20px;
  /*
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.24);
	z-index: 10000;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;*/
  margin-left: 10px;
}
.chat-view .topMessage {
  background: #F2F2F2;
  color: #9298A4;
  padding: 6px 6px;
  font-size: 13px;
  display: block;
  height: 22px;
  max-height: 22px;
  overflow: hidden;
  position: absolute;
  top: 29px;
  left: 1px;
  z-index: 5;
  width: 245px;
}
.chat-view .topMessage:hover {
  text-decoration: none;
}
.chat-view .heading {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  line-height: 28px;
  background: #1984c7;
  padding: 0 11px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  text-align: left;
  border-bottom: 1px solid #fff;
}
.chat-view .heading .circle-online {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #53dc00;
  border-radius: 5px;
  margin: 11px 7px 0 0;
  vertical-align: top;
}
.chat-view .heading .typing {
  display: inline-block;
  background: url('/images/keyboard.png') no-repeat 0 0;
  width: 16px;
  height: 16px;
  vertical-align: top;
  margin: 5px 5px 0 0;
}
.chat-view .popup-close {
  background: url("/images/cross-people.png") no-repeat 0 0;
  width: 10px;
  height: 12px;
  top: 8px;
  right: 13px;
}
.chat-view .popup-minimize {
  position: absolute;
  background: url("/images/minimize.png") no-repeat 0px 10px;
  width: 10px;
  height: 14px;
  top: 6px;
  right: 32px;
  cursor: pointer;
}
.chat-view .date {
  font-size: 11px;
  color: #5b5b5b;
  text-align: center;
  font-weight: bold;
  line-height: 16px;
  margin: 5px 0 0 0;
  clear: both;
}
.chat-view .messages {
  height: 207px;
  overflow-y: auto;
  border-bottom: 1px solid #c1c1c1;
  padding-bottom: 4px;
}
.chat-view .messages ul {
  margin-bottom: 11px;
}
.chat-view .messages ul li {
  font-size: 12px;
  margin-bottom: 6px;
  /*
				.time {
					font-size: 10px;
					span {
						display: block;
						float: right;
						padding: 0 5px;
					}
					i {
						border-bottom: 1px solid rgba(193, 193, 193, 0.43);
						display: block;
						overflow: hidden;
						padding-top: 5px;
						margin-bottom: 11px;
					}
				}*/
}
.chat-view .messages ul li .avatar {
  float: left;
  width: 30px;
  height: 30px;
  margin-left: 11px;
}
.chat-view .messages ul li .info {
  margin: 0 11px 0 50px;
}
.chat-view .messages ul li .info p {
  overflow: hidden;
  line-height: 16px;
}
.chat-view .messages ul li .time {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #d4d4d4;
  font-size: 10px;
  line-height: 0.1em;
  margin: 10px 0 20px;
}
.chat-view .messages ul li .time span {
  background: #fff;
  padding: 0 10px;
}
.chat-view .messages ul li .time-empty {
  height: 1px;
  width: 100%;
}
.chat-view .messages ul li .time-empty {
  height: 10px;
  width: 100%;
}
.chat-view .messages ul li:last-child {
  margin-bottom: 11px;
}
.chat-view .messages ul:last-of-type {
  margin-bottom: 0;
}
.chat-view textarea {
  background: transparent;
  width: 100%;
  height: 38px;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
  padding: 5px 11px;
  font-family: Verdana, sans-serif;
  font-size: 11px;
}
.chat-view .smile {
  background: url("/images/smile.png") no-repeat 0 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  float: right;
  margin: 11px 12px 0 0;
}
.chat-widget {
  position: fixed;
  z-index: 10000;
  bottom: -1px;
  right: 50px;
  background: #f3f3f3;
  border: 1px solid rgba(0, 0, 0, 0.24);
  box-shadow: inset 0px 2px 0px rgba(255, 255, 255, 0.49);
  font-size: 11px;
  font-weight: bold;
  line-height: 26px;
  width: 227px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 11px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  cursor: pointer;
}
.chat-widget .circle-online {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #53dc00;
  border-radius: 5px;
  margin: 11px 7px 0 0;
  vertical-align: top;
}
.chat-widget .envelope {
  display: inline-block;
  background: url("/images/envelope.gif") no-repeat;
  width: 17px;
  height: 12px;
  float: right;
  margin: 7px 11px 0 0;
}
.chat-view .chat-view-small {
  display: none;
  width: 258px;
  /*width: 258px;
	right: 50 + 216 + 50px;
	margin-left:10px;

	width: 258px;
	//right: 50 + 216 + 50px;
	//bottom: -1px;
	position:relative;*/
  z-index: 10000;
  background: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #f3f3f3;
  border: 1px solid rgba(0, 0, 0, 0.24);
  box-shadow: inset 0px 2px 0px rgba(255, 255, 255, 0.49);
  font-size: 11px;
  font-weight: bold;
  line-height: 26px;
  position: fixed;
  bottom: -1px;
  /*width: 227px;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 11px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  cursor: pointer;
}
.chat-view .chat-view-small .circle-online {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #53dc00;
  border-radius: 5px;
  margin: 11px 7px 0 0;
  vertical-align: top;
}
.chat-view .chat-view-small .envelope {
  display: inline-block;
  background: url("/images/envelope.gif") no-repeat;
  width: 17px;
  height: 12px;
  float: right;
  margin: 7px 11px 0 0;
}
.chat-list {
  display: none;
  position: fixed;
  width: 227px;
  bottom: -1px;
  right: 50px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.24);
  z-index: 10000;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.chat-list .heading {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  line-height: 28px;
  background: #1984c7;
  padding: 0 11px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  text-align: left;
}
.chat-list .popup-minimize {
  position: absolute;
  background: url("/images/minimize.png") no-repeat 0px 10px;
  width: 10px;
  height: 14px;
  top: 6px;
  right: 13px;
  cursor: pointer;
}
.chat-list ul {
  overflow: auto;
  height: 231px;
}
.chat-list ul li {
  cursor: pointer;
  font-size: 12px;
  margin: 8px 0;
  padding: 5px 0;
}
.chat-list ul li .spinner {
  width: 20px;
}
.chat-list ul li .avatar {
  float: left;
  width: 30px;
  height: 30px;
  margin-left: 11px;
}
.chat-list ul li .avatar img {
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}
.chat-list ul li .info {
  position: relative;
  margin: 0 11px 0 50px;
}
.chat-list ul li .info p {
  padding: 9px 5px 0 0;
  font-size: 11px;
}
.chat-list ul li .info p a {
  color: #383838;
  text-decoration: none;
}
.chat-list ul li .info .circle-online {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #3ba40e;
  border-radius: 5px;
  position: absolute;
  top: 12px;
  right: 0px;
}
.chat-list ul li .info .count {
  display: inline-block;
  color: #3ba40e;
  position: absolute;
  top: 9px;
  right: 0px;
  font-size: 11px;
}
.chat-list ul li:hover {
  background: #eaeaea;
}
.chat-list .searchbox {
  position: relative;
  border-top: 1px solid #c1c1c1;
  padding: 8px 11px;
}
.chat-list .searchbox .search {
  margin: 0;
  border-radius: 2px;
  box-shadow: none;
  border-color: #b2b2b2;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-position: 186px 5px;
  padding-left: 5px;
}
.chat-list .searchbox .search.with-del {
  background-position: 163px 5px;
}
.chat-list .searchbox .del {
  display: none;
  height: 24px;
  width: 23px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #b2b2b2;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  position: absolute;
  top: 8px;
  right: 11px;
  background: #dcdcdc url("/images/cross-search.png") no-repeat center center;
}
.popup-close,
.popup-minimize {
  opacity: 0.6;
}
.popup-close:hover,
.popup-minimize:hover {
  opacity: 1;
}
.chats li {
  list-style: none;
  padding: 4px 0 5px;
  margin: 1px auto;
  font-size: 12px;
  position: relative;
  clear: both;
}
.chats li img.avatar {
  height: 30px;
  width: 30px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}
.chats li.in img.avatar {
  float: left;
  margin-right: 3px;
  margin-left: 10px;
  margin-top: 0px;
}
.chats li.out {
  padding-bottom: 16px;
  margin-right: 5px;
}
.chats li.sending {
  opacity: 0.62;
}
.chats li .datetime {
  display: block;
  width: 0px;
  height: 0px;
}
.chats li.out img.avatar {
  float: right;
  margin-left: 7px;
  margin-right: 10px;
  margin-top: 0px;
}
.chats li .message {
  display: inline-block;
  padding: 4px 4px 5px 5px;
  position: relative;
  width: auto;
}
.chats li.in .message {
  text-align: left;
  /*margin-left: 50px;*/
  left: 10px;
  max-width: 175px;
  background: #f3f3f3;
  color: #000;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.chats li.in .message .arrow {
  display: block;
  position: absolute;
  top: 5px;
  left: -7px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #f3f3f3;
}
.chats li.out .message .arrow {
  display: block;
  position: absolute;
  top: 5px;
  right: -7px;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #1b84c6;
  border-left: 8px solid #1b84c6;
}
.chats li.out .message {
  border-right: 2px solid #1b84c6;
  margin-right: 5px;
  margin-left: 5px;
  float: right;
  text-align: left;
  max-width: 178px;
  margin-bottom: 4px;
  background: #1b84c6;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #fff;
}
.chats li .message .body {
  margin: 0px;
  padding: 0px;
  word-wrap: break-word;
}
.chats li .message .body .word {
  margin: 0px;
  padding: 0px;
}
.chats li.out .message .body a {
  color: #fff;
}
.chats li .message .body span:hover {
  cursor: pointer;
}
.chats li.in .message .datetime {
  opacity: .7;
}
.chats li.in .message a.name,
.chats li.in .message .datetime {
  color: #fff;
}
.chats li.intyping {
  /*display:none;*/
}
.chats li.intyping .body {
  color: #919191;
}
.locked-chat-message {
  width: 100% !important;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  color: #383838;
}
.autocomplete-w1 {
  position: absolute;
  top: 1px;
  left: 0px;
}
.autocomplete-w1 .autocomplete {
  font-size: 11px;
  border-radius: 5px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.67);
  background: #FFF;
  cursor: default;
  text-align: left;
  max-height: 350px;
  overflow: auto;
}
.autocomplete-w1 .autocomplete strong {
  font-weight: bold;
}
.autocomplete-w1 .autocomplete div {
  padding: 0 13px;
  white-space: nowrap;
  overflow: hidden;
  line-height: 24px;
  cursor: pointer;
}
.autocomplete-w1 .autocomplete .selected {
  background: #eee;
}
.feedback {
  position: fixed;
  width: 136px;
  height: 41px;
  top: 483px;
  left: 0;
  margin-left: -100px;
  background: #e9e9e9;
  cursor: pointer;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.feedback span {
  display: inline-block;
  width: 100px;
  text-align: center;
  font-family: helveticaneuecyrroman, sans-serif;
  color: #fff;
  line-height: 41px;
  font-size: 18px;
}
.feedback i {
  display: inline-block;
  background: url("/images/feedback.png") no-repeat 0 0;
  width: 16px;
  height: 17px;
  margin: 13px 0 0 10px;
  vertical-align: top;
}
.feedback.hover {
  background: #1984c7;
}
.feedback.hover i {
  background-position: 0 -17px;
}
.feedback-overlay {
  display: none;
}
.feedback-overlay .feedback-popup {
  position: absolute;
  width: 488px;
  top: 25%;
  left: 50%;
  margin-left: -244px;
  background: #fff;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.75);
  z-index: 10000;
  border-radius: 4px;
}
.feedback-overlay .feedback-popup .heading {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 28px;
  background: #1984c7;
  padding: 0 15px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  text-align: left;
}
.feedback-overlay .feedback-popup .popup-close {
  background: url("/images/cross-people.png") no-repeat 0 0;
  width: 10px;
  height: 12px;
  top: 8px;
  right: 13px;
}
.feedback-overlay .feedback-popup form {
  padding: 26px;
}
.feedback-overlay .feedback-popup form p {
  margin-bottom: 21px;
  font-size: 14px;
  line-height: 21px;
}
.feedback-overlay .feedback-popup form textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 210px;
  resize: none;
  border: 1px solid #b7b7b7;
  margin-bottom: 21px;
}
.feedback-overlay .feedback-popup form input {
  border: 1px solid #b7b7b7;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 24px;
}
.feedback-overlay .feedback-popup form .green-btn,
.feedback-overlay .feedback-popup form .black-btn,
.feedback-overlay .feedback-popup form .gray-btn {
  margin-top: 19px;
  font-size: 11px;
  line-height: 22px;
  float: right;
}
.feedback-overlay .feedback-popup form input.error,
.feedback-overlay .feedback-popup form textarea.error {
  border-color: #da0000;
}
.loading-small {
  display: inline-block;
  width: 16px;
  height: 11px;
  background: url('/images/loading-small.gif') no-repeat 0 0;
}
.report-tip {
  display: none;
  position: absolute;
  z-index: 2000;
  right: -82px;
  margin-top: 5px;
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.32);
  width: 194px;
  text-align: left;
}
.report-tip > *:not(div) {
  padding: 0 12px;
}
.report-tip div {
  background: url("/images/flag-tip.png") no-repeat 0 0;
  width: 14px;
  height: 5px;
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -7px;
}
.report-tip h2 {
  font-size: 11px !important;
  font-weight: bold;
  line-height: 30px !important;
  background: #1984c7;
  color: #fff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin: 0 !important;
}
.report-tip a {
  display: block;
  background: #fff;
  font-size: 12px;
  line-height: 30px;
  border-bottom: 1px solid #d4d4d4;
  color: #383838;
}
.report-tip a:last-child {
  border-bottom: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.report-tip a:hover {
  text-decoration: none;
  background: #e8f6ff;
}
.books {
  padding-top: 34px;
}
.books .result {
  font-size: 13px;
  margin: 7px 0 25px 0;
}
.books .result b {
  font-size: 14px;
  font-weight: bold;
}
.books li {
  float: left;
  width: 151px;
  height: 300px;
  margin: 0 51px 48px 0;
  overflow: hidden;
}
.books li .thumb {
  display: block;
  position: relative;
  border: 1px solid #d1d1d1;
  padding: 4px;
}
.books li .thumb,
.books li .thumb img {
  width: 141px;
  height: 199px;
}
.books li .author {
  display: block;
  font-size: 12px;
  line-height: 18px;
}
.books li .like {
  float: right;
}
.books li .name {
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  color: #383838;
}
.books li .date {
  color: #9c9c9c;
  float: left;
}
.books li .username {
  display: inline-block;
  margin-bottom: 7px;
}
.books li .cat {
  display: inline-block;
  margin-top: 23px;
}
.books li > div:first-of-type {
  padding: 17px 0 /*9px*/ 0 0;
}
.books li > div {
  padding: 7px 0 5px 0;
  font-size: 11px;
}
.books li.last {
  margin-right: 0;
}
.books + .preloader {
  margin-top: -40px;
}
.translate-instruction {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 20000;
}
.translate-instruction .popup-instruction {
  width: 720px;
  position: absolute;
  background: #fff;
  border-radius: 5px;
  top: 50%;
  left: 50%;
  margin: -208px 0 0 -360px;
  box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.46);
  padding: 12px 12px 30px 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.translate-instruction .popup-instruction .heading {
  text-align: center;
  font-size: 14px;
  border-bottom: 1px solid #dadada;
  padding-bottom: 13px;
  margin-bottom: 31px;
}
.translate-instruction .popup-instruction > p {
  font-size: 14px;
  line-height: 16px;
  margin: 0 auto 31px auto;
  width: 100%;
  text-align: center;
  color: #186fbb;
}
.translate-instruction .popup-instruction > p b {
  font-weight: bold;
}
.translate-instruction .popup-instruction .buttons {
  margin-top: 24px;
  text-align: center;
}
.translate-instruction .popup-instruction .buttons .green-btn,
.translate-instruction .popup-instruction .buttons .black-btn,
.translate-instruction .popup-instruction .buttons .gray-btn {
  line-height: 22px;
  font-size: 11px;
}
.translate-instruction .popup-instruction ul {
  width: 139px;
  float: left;
}
.translate-instruction .popup-instruction ul li span {
  font-size: 12px;
  font-family: Arial, sans-serif;
  color: #2a2a2a;
  cursor: pointer;
  display: inline-block;
  line-height: 17px;
  padding: 0 8px;
}
.translate-instruction .popup-instruction ul li span:hover {
  background: #8c8c8c;
  color: #fff;
}
.translate-instruction .popup-instruction ul li span.suggested {
  background: #308c04;
  color: #fff;
}
.overlimit-popup.alert {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 10004;
}
.overlimit-popup.alert .popup-instruction {
  width: 440px;
  position: absolute;
  background: #fff;
  border-radius: 5px;
  top: 50%;
  left: 50%;
  margin: -208px 0 0 -210px;
  box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.46);
  padding: 12px 22px 30px 22px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.overlimit-popup.alert .popup-instruction .gline {
  width: 420px;
  margin-left: -22px;
  border-bottom: 1px solid #dadada;
  margin-top: 18px;
}
.overlimit-popup.alert .popup-instruction input {
  width: 322px;
  box-sizing: content-box;
  height: 16px;
  font-family: Verdana;
  padding: 6px 10px 6px 10px;
  border: 1px solid #a4a4a4;
  border-radius: 3px;
  font-size: 14px;
  display: inline-block;
  margin-left: 42px;
}
.overlimit-popup.alert .popup-instruction .heading {
  text-align: center;
  font-size: 14px;
  border-bottom: 1px solid #dadada;
  padding-bottom: 13px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.overlimit-popup.alert .popup-instruction div p {
  font-size: 13px;
  line-height: 16px;
  margin: 16px auto;
  width: 100%;
  text-align: center;
}
.overlimit-popup.alert .popup-instruction div p b {
  font-weight: bold;
}
.overlimit-popup.alert .popup-instruction .buttons {
  margin-top: 24px;
  text-align: center;
}
.overlimit-popup.alert .popup-instruction .buttons .green-btn,
.overlimit-popup.alert .popup-instruction .buttons .black-btn,
.overlimit-popup.alert .popup-instruction .buttons .gray-btn {
  line-height: 22px;
  font-size: 11px;
}
.social-btn {
  font-size: 12px;
  padding: 8px 22px 8px 39px;
  color: #fff;
  border-radius: 4px;
  text-overflow: ellipsis;
  text-align: left;
  white-space: nowrap;
  max-width: 130px;
  display: inline-block;
  overflow: hidden;
}
.social-btn:hover {
  text-decoration: none;
}
.share-fb {
  background: #4b6aba url("/images/fb-min-icon.png") no-repeat 6px 5px;
}
.share-fb:hover {
  background-color: #6485cf;
}
.share-tw {
  background: #23c1db url("/images/tw-min-icon.png") no-repeat 0px 2px;
}
.share-tw:hover {
  background-color: #5edcf2;
}
.btn-group {
  position: relative;
  text-align: left;
}
.copy-btn {
  display: inline-block;
  background: #ffffff url("/images/copy-icon-g.png") no-repeat 3px 1px;
  width: 44px;
  height: 28px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border: 1px solid #A4A4A4;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
}
.copy-btn.zeroclipboard-is-hover {
  background: #39a2e0 url("/images/copy-icon.png") no-repeat 12px 6px;
}
.up {
  z-index: 10000;
  display: none;
  position: fixed;
  bottom: -1px;
  left: 1%;
  width: 59px;
  height: 57px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  cursor: pointer;
  text-align: center;
  background: #d0cfcf;
}
.up i {
  margin-top: 10px;
  background: url("/images/up.png") no-repeat 0 0;
  width: 26px;
  height: 35px;
  display: inline-block;
}
.up:hover {
  background: #3fa4df;
}
#jr_inner ul {
  margin-top: 20px;
}
.inline-translation {
  position: absolute;
  padding: 0px;
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*height: 54px;*/
  min-width: 140px;
  min-height: 59px;
  overflow: hidden;
  z-index: 10002;
}
.inline-translation:hover {
  background: rgba(0, 0, 0, 0.9);
}
.inline-translation p {
  padding-right: 28px;
  padding-left: 49px;
  text-align: left;
  /*padding-right: 20px;*/
  /*&:last-of-type {
			margin-top: 15px;
			color: #f5e63c;
		}*/
}
.inline-translation p.translated {
  /*padding-right: 35px;*/
  padding-right: 50px;
}
.inline-translation p.translated .translation {
  white-space: nowrap;
}
.inline-translation p.word {
  line-height: 30px;
}
.inline-translation .meaning {
  border-top: 1px solid #2f2f2f;
  background-image: url('/images/info-blue-icon.png');
  background-repeat: no-repeat;
  background-position: 15px 50%;
  color: #38A3E2;
  padding: 5px 28px 5px 49px;
}
.inline-translation i {
  position: absolute;
  background: url("/images/sub-controls.png") no-repeat 0 0;
  display: none;
  /*&.icon-speak {
			cursor: pointer;
			width: 15px;
			height: 14px;
			background-position: -85px 0;
			top: 6px;
			right: 28px;
			&:hover {
				background-position: -85px -14px;
			}
		}*/
}
.inline-translation i.icon-add {
  width: 13px;
  height: 13px;
  top: 6px;
  right: 7px;
  background-position: -15px 0;
  cursor: pointer;
}
.inline-translation i.icon-add:hover {
  background-position: -15px -15px;
}
.inline-translation i.icon-tick {
  top: 5px;
  right: 7px;
  width: 17px;
  height: 13px;
  background-position: -32px 0;
}
.inline-translation i.icon-speak {
  cursor: pointer;
  width: 15px;
  height: 14px;
  background-position: -85px 0;
  top: 8px;
  left: 17px;
}
.inline-translation i.icon-speak:hover {
  background-position: -85px -14px;
}
.inline-translation i.icon-translation-edit {
  cursor: pointer;
  width: 15px;
  height: 14px;
  background-position: -100px 0;
  display: inline-block;
  /*display: none;*/
  margin-left: 5px;
  margin-top: 6px;
}
.inline-translation i.icon-translation-edit:hover {
  background-position: -100px -15px;
}
.inline-translation ul.translates {
  color: #f5e63c;
  cursor: default;
}
.inline-translation ul.translates:first-of-type {
  margin-top: 0px;
}
.inline-translation ul.translates.aditional.hidden {
  display: none;
}
.inline-translation ul.translates li {
  position: relative;
  line-height: 25px;
  border-bottom: 1px solid #2f2f2f;
  border-top: 1px solid #2f2f2f;
}
.inline-translation ul.translates li i.icon-add {
  display: none;
}
.inline-translation ul.translates li i.icon-translation-edit {
  display: none;
}
.inline-translation ul.translates li:hover {
  background: #212323;
}
.inline-translation ul.translates li:hover i.icon-add {
  display: block;
}
.inline-translation ul.translates li:hover i.icon-translation-edit {
  display: inline-block;
}
.inline-translation ul.translates li .marker-container {
  height: 25px;
  margin: 0px;
  overflow: hidden;
  padding: 0px 0px 0px 10px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  width: 30px;
  position: absolute;
}
.inline-translation ul.translates li .marker-container .marker {
  background: #aaa;
  display: inline-block;
  height: 7px;
  margin: 2px auto;
}
.inline-translation ul.translates li.edit-mode .marker-container {
  display: none;
}
.inline-translation ul.translates li.edit-mode i.icon-add {
  display: none;
}
.inline-translation .open-close-translates {
  line-height: 22px;
  padding: 0;
  text-align: center;
  cursor: pointer;
}
.inline-translation .open-close-translates .triangle {
  line-height: 5px;
  width: 8px;
  display: inline-block;
}
.inline-translation .open-close-translates.expand .triangle {
  background: url("/images/submenu-down.png") no-repeat 0 0;
  background-position: 0px 0px;
}
.inline-translation .open-close-translates.expand:hover .triangle {
  background-position: 0px -5px;
}
.inline-translation .open-close-translates.collapse .triangle {
  background: url("/images/submenu-up.png") no-repeat 0 0;
  background-position: 0px 0px;
}
.inline-translation .open-close-translates.collapse:hover .triangle {
  background-position: 0px -5px;
}
.inline-translation .popup-edit {
  display: none;
  height: 28px;
  /*margin-top: 9px;*/
  margin: 9px;
}
.inline-translation .popup-edit input {
  background: none;
  color: #f5e63c;
  border: 1px solid #787878;
  box-sizing: border-box;
  height: 100%;
  padding: 0px 5px;
  border-radius: 3px;
  line-height: 12px;
  font-size: inherit;
}
.inline-translation .popup-edit input:focus {
  outline: none;
}
.inline-translation .popup-edit .green-btn-small {
  border: none;
  color: #fff;
  box-sizing: border-box;
  height: 100%;
  margin-left: 10px;
  padding: 0px 5px;
  border-radius: 3px;
  background-color: #3e9919;
  line-height: 12px;
  font-size: inherit;
}
.inline-translation .popup-edit .green-btn-small:focus {
  outline: none;
}
.inline-translation .popup-edit .green-btn-small:hover {
  background: #207800;
}
.inline-translation .popup-edit .light-gray-btn-small {
  color: #787878;
  border: 1px solid #787878;
  box-sizing: border-box;
  height: 100%;
  margin-left: 10px;
  padding: 0px 5px;
  border-radius: 3px;
  background: none;
  line-height: 12px;
  font-size: inherit;
}
.inline-translation .popup-edit .light-gray-btn-small:focus {
  outline: none;
}
.inline-translation .popup-edit .light-gray-btn-small:hover {
  background-color: #1e89cc;
  border-color: #0171b7;
  color: #fff;
}
.inline-translation.edit-mode {
  height: 67px;
}
.inline-translation.edit-mode i.icon-add {
  display: none !important;
}
.inline-translation.edit-mode i.icon-tick {
  display: none !important;
}
.inline-translation.edit-mode i.icon-speak {
  display: none !important;
}
.join {
  width: 960px;
  height: 72px;
  background: #ffffcc;
  /* border-bottom-left-radius: 5px; */
  /* border-bottom-right-radius: 5px; */
  /* box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.33); */
  position: fixed;
  margin-top: 60px;
  left: 0;
  /* margin-left: -445px; */
  z-index: 1000;
  padding: 0 calc((100vw - 960px) / 2);
}
.join .join-text {
  padding: 10px 0 0 0;
  float: left;
}
.join .join-text p:first-child {
  font-family: 'Open Sans', serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
}
.join .join-text p:last-child {
  font-size: 15px;
  font-family: 'Open Sans', serif;
  font-weight: normal;
  line-height: 24px;
}
.join .super-btn {
  float: right;
  margin: 15px 0 0 0;
  font-weight: normal;
  height: 40px;
}
.join .super-btn i {
  height: 22px;
  width: 23px;
}
.join .super-btn span {
  line-height: 22px;
  font-size: 16px;
}
.join + .content {
  padding-top: 158px !important;
}
.join + .content.landing-main {
  padding-top: 132px !important;
}
.join + .content.landing-main .bx-wrapper {
  background: transparent;
  border: 5px solid transparent;
}
.join + .content .breadcrumbs {
  margin-top: 0;
}
.breadcrumbs {
  margin-top: 25px;
  font-size: 14px;
  letter-spacing: 0.6px;
  line-height: 18px;
  font-family: Verdana, sans-serif;
  letter-spacing: -0.05px;
}
.breadcrumbs li {
  display: inline-block;
}
.breadcrumbs li + li:before {
  height: 5px;
  width: 21px;
  content: '';
  display: inline-block;
  background-image: url('../images/arrow.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  padding-right: 10px;
}
.breadcrumbs li span,
.breadcrumbs li a {
  padding-right: 10px;
  font: 400 14px/30px Verdana, sans-serif;
}
.breadcrumbs li a {
  color: #1984c7;
}
.breadcrumbs li span {
  color: #383838;
}
.static.register {
  padding-top: 133px;
}
.header.register {
  padding-top: 93px;
}
.move-up {
  margin-top: -40px !important;
}
.itip {
  z-index: 10004;
  display: none;
  width: 260px;
  border: 1px solid rgba(0, 0, 0, 0.21);
  position: absolute;
  border-radius: 4px;
  font-family: 'Tahoma', sans-serif;
  background: #fff;
}
.itip p {
  font-size: 14px;
  padding: 8px 12px;
  line-height: 18px;
  border-bottom: 1px solid #dbdbdb;
}
.itip p.translated {
  font-size: 12px;
  color: #3a9a00;
  border: none;
  background: url('/images/translated-by-google.png') no-repeat 12px 100%;
  padding-bottom: 27px;
  margin-bottom: 8px;
}
.itip .button-wrapper {
  border-top: 1px solid #d9d9d9;
  background: #f8f8f8;
  padding: 7px 0;
  text-align: right;
}
.itip .button-wrapper span {
  font-size: 10px;
  line-height: 20px;
  margin-right: 12px;
}
.itip .close {
  position: absolute;
  top: 12px;
  right: 12px;
  background: url('/images/cross.png');
  width: 13px;
  height: 13px;
  cursor: pointer;
  display: none;
}
.itip i {
  display: block;
  position: absolute;
  background: url('/images/itip-tip.png') no-repeat 0 0;
  width: 19px;
  height: 11px;
  left: 50%;
  margin-left: -9px;
  bottom: -10px;
}
.itip.video-tip-1 {
  left: 50%;
  margin-left: -130px;
  bottom: 40px;
}
.itip.video-tip-2 {
  right: -113px;
  bottom: 40px;
}
.itip.video-tip-3 {
  width: 418px;
  left: 50%;
  margin-left: -209px;
  bottom: 40px;
}
.itip.video-tip-4 {
  width: 418px;
}
.itip.video-tip-5 {
  bottom: -178px;
  right: -75px;
}
.itip.book-tip-1 {
  display: block;
  width: 418px;
  left: 50%;
  top: 50%;
  margin-top: -45px;
  margin-left: -209px;
}
.itip.grammar-tip-1 {
  display: none;
  width: 418px;
  left: 50%;
  top: 50%;
  margin-left: -209px;
  text-align: center;
}
.itip.book-tip-2 {
  width: 418px;
}
.itip.grammar-tip-2 {
  width: 418px;
}
.itip.content-tip-1 {
  display: block;
  top: 219px;
  min-height: 90px;
  left: 50%;
  margin-left: -130px;
  z-index: 1000;
}
.itip.content-tip-1 .translated {
  height: 36px;
}
.itip.top-tip-1 {
  display: block;
  position: fixed;
  top: 54px;
  margin-left: 87px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.itip.top-tip-1 i {
  background-image: url('/images/itip-tip-up.png');
  bottom: auto;
  top: -10px;
}
.itip.top-tip-2 {
  display: block;
  position: fixed;
  top: 54px;
  margin-left: 173px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.itip.top-tip-2 i {
  background-image: url('/images/itip-tip-up.png');
  bottom: auto;
  top: -10px;
}
.player.fs-native .itip.video-tip-3,
.player.fs .itip.video-tip-3 {
  bottom: 105px;
}
.social-share {
  position: relative;
  margin-top: -5px;
}
.social-share .element {
  display: block;
  float: left;
  margin: 6px 0 0 10px;
  width: 80px;
  height: 28px;
}
.social-share .element input {
  font-size: 13px;
  line-height: 1;
  border-radius: 50px;
  cursor: pointer;
  height: 28px;
  padding-right: 10px;
  position: relative;
  -webkit-appearance: none;
  -moz-apperance: none;
  -ie-apperance: none;
  appearance: none;
  -webkit-transition: .15s;
  -moz-transition: .15s;
  -ie-transition: .15s;
  transition: .15s;
  top: -12px;
  right: 12px;
}
.social-share .element input:before {
  color: #9299a0;
  content: 'OFF ';
  font-weight: bold;
  font-size: 10px;
  left: 0px;
  line-height: 2.5;
  letter-spacing: 1px;
  position: absolute;
  text-align: right;
  text-transform: uppercase;
  word-spacing: 10px;
  top: 4px;
  width: 55px;
  height: 28px;
  border-radius: 50px;
  text-shadow: 0 1px 0px white;
}
.social-share .element input:after {
  background: #38a3e2;
  border-radius: 50px;
  margin: 5px;
  content: '';
  display: block;
  padding: 0;
  width: 21px;
  height: 21px;
  position: relative;
}
.social-share .element input:checked {
  padding-left: 33px;
}
.social-share .element input:checked:before {
  color: #5f6a74;
  content: '    ON';
  font-weight: bold;
  font-size: 10px;
  letter-spacing: 1px;
  position: absolute;
  text-align: left;
  text-transform: uppercase;
  left: 11px;
}
.social-share .element:before {
  position: absolute;
  margin: -8px -8px;
  border-radius: 50px;
  display: block;
  content: '';
  width: 64px;
  height: 29px;
  background: -webkit-linear-gradient(top, #dbdfe3 0%, #f5f5f6 100%);
  background: -moz-linear-gradient(top, #dbdfe3 0%, #f5f5f6 100%);
  background: -ie-linear-gradient(top, #dbdfe3 0%, #f5f5f6 100%);
  background: linear-gradient(top, #dbdfe3 0%, #f5f5f6 100%);
  box-shadow: inset 0px 1px 3px #CFD3D7, inset 0px 0px 2px #999;
  border-bottom: 1px solid #fff;
}
.social-share p {
  font-size: 12px;
}
.social-share p.label-for-sharing {
  vertical-align: top;
  margin: 7px 0 0 0;
  display: inline-block;
}
.social-share p.remove-from-share {
  margin: 20px 0 0 0;
  padding-bottom: 20px;
}
.social-share .itip {
  top: -146px;
  width: 300px;
}
.social-share .itip p span {
  display: block;
  font-size: 16px;
  margin-bottom: 6px;
}
.social-share .itip i {
  margin-left: 0;
  left: 20px;
}
.overlay.video .social-share {
  background: url('/images/grey-bg.png') repeat 0 0;
  margin-top: 31px;
  padding: 18px 10px 0 10px;
}
.overlay.video .social-share .itip {
  top: -128px;
}
.overlay.video .video-tip-5 {
  bottom: -118px;
}
.overlay.book .social-share {
  width: 780px;
  background: url('/images/grey-bg.png') repeat 0 0;
  position: absolute;
  font-family: Verdana, sans-serif;
  margin-top: 0;
  padding: 10px 10px 5px 10px;
}
.overlay.book .social-share .itip {
  top: 49px;
}
.overlay.book .social-share .itip i {
  background-image: url('/images/itip-tip-up.png');
  bottom: auto;
  top: -10px;
}
.preloader .spinner {
  width: 100px;
}
a.upper,
.upper,
.select span {
  text-transform: uppercase;
}
/* video styles */
.chat-list.popup .qb-doCall {
  background: url(/images/qb_phone.png) no-repeat;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.chat-list.popup .qb-doCall.hidden {
  display: none;
}
.chat-view.popup .qb-doCall {
  background: url(/images/qb_phone.png) no-repeat;
  width: 12px;
  height: 12px;
  top: 8px;
  right: 52px;
  position: absolute;
  cursor: pointer;
  display: inline-block;
}
.chat-view.popup .qb-doCall:hover {
  background: url(/images/qb_phone_hover.png) no-repeat;
}
.qb-doCall.hidden {
  display: none;
}
.videochat-panel {
  display: none;
  position: fixed;
  top: 275px;
  left: 660px;
  margin-top: -265px;
  margin-left: -330px;
  z-index: 11000;
  background: #fff;
  box-shadow: 0 0 100px 20px #838383;
}
.videochat-panel #audio-container {
  display: none;
}
.videochat-panel #audio-container #ring {
  display: none;
}
.videochat-panel .videochat-panel-head {
  width: 660px;
  height: 44px;
  padding-top: 30px;
}
.videochat-panel .videochat-panel-head .close-panel {
  background: url(/images/qb_close_panel.png) no-repeat;
  width: 23px;
  height: 22px;
  top: 24px;
  right: 21px;
  position: absolute;
  cursor: pointer;
  display: inline-block;
}
.videochat-panel .videochat-panel-head .close-panel:hover {
  background-position: 0 -22px;
}
.videochat-panel .videochat-panel-head #head-text {
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  text-align: center;
  color: #999;
}
.videochat-panel .videochat-panel-body {
  position: relative;
  width: 620px;
  height: 350px;
  margin: 0px auto;
  background: #f0f0f0;
  box-shadow: inset 0 0 10px 0px #e5e5e5;
  text-align: center;
}
.videochat-panel .videochat-panel-body #videochat {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 620px;
  height: 350px;
  z-index: 1;
}
.videochat-panel .videochat-panel-body #videochat #remoteVideo {
  width: 100%;
  height: 100%;
}
.videochat-panel .videochat-panel-body #videochat #remoteVideo.blocked,
.videochat-panel .videochat-panel-body #videochat #remoteVideo.muted {
  display: none !important;
}
.videochat-panel .videochat-panel-body #miniVideo {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 170px;
  height: 95px;
  z-index: 2;
}
.videochat-panel .videochat-panel-body #miniVideo.muted {
  display: none !important;
}
.videochat-panel .videochat-panel-body .user-actions-block {
  height: 100px;
  display: inline-block;
  margin-top: 126px;
  position: relative;
}
.videochat-panel .videochat-panel-body .user-actions-block .user-actions {
  float: left;
  margin-right: 20px;
}
.videochat-panel .videochat-panel-body .user-actions-block .user-actions:last-child {
  margin-right: 0px;
}
.videochat-panel .videochat-panel-body .error-call-block,
.videochat-panel .videochat-panel-body .locked-calls-block {
  display: none;
  width: 400px;
  height: 100px;
  margin-top: 126px;
  position: relative;
}
.videochat-panel .videochat-panel-body .error-call-block p,
.videochat-panel .videochat-panel-body .locked-calls-block p {
  font-size: 24px;
  color: #999;
  line-height: 50px;
}
.videochat-panel .videochat-panel-body #iniciator img {
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}
.videochat-panel .videochat-panel-body #recepient img {
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}
.videochat-panel .videochat-panel-body #connection-marks {
  margin-top: 43px;
}
.videochat-panel .videochat-panel-footer {
  height: 106px;
  text-align: center;
}
.videochat-panel .videochat-panel-footer .btn_call {
  width: 45px;
  height: 45px;
  display: inline-block;
  margin-top: 30px;
  margin-right: 27px;
  cursor: pointer;
}
.videochat-panel .videochat-panel-footer .btn_call.muteVideo {
  background: url(/images/qb_videocam.png) no-repeat;
}
.videochat-panel .videochat-panel-footer .btn_call.muteAudio {
  background: url(/images/qb_microphone.png) no-repeat;
}
.videochat-panel .videochat-panel-footer .btn_call.stopCall {
  background: url(/images/qb_hang_up.png) no-repeat;
}
.videochat-panel .videochat-panel-footer .btn_call.qb-doCall {
  background: url(/images/qb_accept.png) no-repeat;
  display: none;
}
.videochat-panel .videochat-panel-footer .btn_call.rejectCall {
  background: url(/images/qb_hang_up.png) no-repeat;
  display: none;
}
.videochat-panel .videochat-panel-footer .btn_call.acceptCall {
  background: url(/images/qb_accept.png) no-repeat;
  display: none;
}
.videochat-panel .videochat-panel-footer .btn_call.muted.muteVideo {
  background: url(/images/qb_videocam_muted.png) no-repeat;
}
.videochat-panel .videochat-panel-footer .btn_call.muted.muteAudio {
  background: url(/images/qb_microphone_muted.png) no-repeat;
}
.videochat-panel .videochat-panel-footer .btn_call:hover,
.videochat-panel .videochat-panel-footer .btn_call.muted:hover {
  background-position: 0 -45px;
}
.videochat-panel .videochat-panel-footer #footer-text {
  display: none;
}
.videochat-panel.active {
  display: block;
}
.videochat-panel.active #stopCall {
  margin-right: 0px;
}
.videochat-panel.active.incoming {
  margin-top: -191px;
  margin-left: -125px;
}
.videochat-panel.active.incoming .videochat-panel-head {
  width: 250px;
}
.videochat-panel.active.incoming .videochat-panel-body {
  width: 210px;
  height: 190px;
}
.videochat-panel.active.incoming .videochat-panel-body .user-actions-block {
  margin-top: 46px;
}
.videochat-panel.active.incoming .videochat-panel-footer {
  height: 98px;
  padding-top: 20px;
}
.videochat-panel.active.incoming .videochat-panel-footer #footer-text {
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
  text-align: center;
  color: #383838;
}
.videochat-panel.active.incoming .videochat-panel-footer .btn_call {
  margin-top: 20px;
}
.videochat-panel.active.incoming .close-panel {
  display: none;
}
.videochat-panel.active.incoming #iniciator {
  display: none;
}
.videochat-panel.active.incoming #connection-marks {
  display: none;
}
.videochat-panel.active.incoming #muteVideo {
  display: none;
}
.videochat-panel.active.incoming #muteAudio {
  display: none;
}
.videochat-panel.active.incoming #stopCall {
  display: none;
}
.videochat-panel.active.incoming #rejectCall {
  display: inline-block;
}
.videochat-panel.active.incoming #acceptCall {
  display: inline-block;
  margin-right: 0px;
}
.videochat-panel.active.calling .videochat-panel-head #head-text {
  font-weight: bold;
  color: #383838;
}
.videochat-panel.active.calling .videochat-panel-body #videochat {
  display: block;
}
.videochat-panel.active.calling #iniciator {
  display: none;
}
.videochat-panel.active.calling #connection-marks {
  display: none;
}
.videochat-panel.active.end-calling #connection-marks {
  display: none;
}
.videochat-panel.active.end-calling #stopCall {
  display: none;
}
.videochat-panel.active.end-calling #doCall {
  display: inline-block;
  margin-right: 0px;
}
.videochat-panel.active.cant-connect .videochat-panel-body .user-actions-block {
  display: none;
}
.videochat-panel.active.cant-connect .videochat-panel-body .error-call-block {
  display: inline-block;
}
.videochat-panel.active.cant-connect .videochat-panel-footer {
  height: 20px;
}
.videochat-panel.active.cant-connect .videochat-panel-footer .btn_call {
  display: none;
}
.videochat-panel.active.calls-locked .videochat-panel-body .user-actions-block {
  display: none;
}
.videochat-panel.active.calls-locked .videochat-panel-body .locked-calls-block {
  display: inline-block;
}
.videochat-panel.active.calls-locked .videochat-panel-footer {
  height: 20px;
}
.videochat-panel.active.calls-locked .videochat-panel-footer .btn_call {
  display: none;
}
.videochat-panel-back {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 13000;
  background: url(/images/qb_backgr.png);
}
.videochat-panel-back.active {
  display: block;
}
.nav-bar {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: space-between;
}
.nav-bar__left,
.nav-bar__right {
  min-width: 20%;
  display: flex;
  align-items: center;
}
.nav-bar__left .btn-group__item {
  padding-top: 1.5px;
}
.nav-bar__right {
  margin-left: auto;
}
.nav-bar__right .btn-group {
  padding-right: 0;
}
.btn-group {
  padding: 0 0 3px 35px;
  display: flex;
}
.btn-group__item {
  font-size: 16px;
  display: inline-flex;
  min-height: 27px;
  height: auto;
  position: relative;
  font-family: 'Open Sans', sans-serif;
}
.btn-group__item.icon-call-trainings > a {
  width: 20px;
  height: 21px;
  background-position: -8px -2px;
  background-image: url('../images/menu-sprite.png');
}
.btn-group__item.icon-call-trainings:hover > a,
.btn-group__item.icon-call-trainings.active > a {
  background-position: -68px -2px;
}
.btn-group__item.icon-call-trainings .dropdown__options {
  left: -18px;
}
.btn-group__item.icon-ctape > a {
  width: 21px;
  height: 21px;
  background-position: -7px -54px;
  background-image: url('../images/menu-sprite.png');
}
.btn-group__item.icon-ctape:hover > a,
.btn-group__item.icon-ctape.active > a {
  background-position: -67px -54px;
}
.btn-group__item.icon-ctape .dropdown__options {
  left: -17.5px;
}
.btn-group__item.icon-chars > a {
  width: 29px;
  height: 19px;
  background-position: -2px -104px;
  background-image: url('../images/menu-sprite.png');
}
.btn-group__item.icon-chars:hover > a,
.btn-group__item.icon-chars.active > a {
  background-position: -62px -104px;
}
.btn-group__item.icon-chars .dropdown__options {
  left: -13.5px;
}
.btn-group__item.icon-video > a {
  width: 27px;
  height: 21px;
  background-position: -4px -152px;
  background-image: url('../images/menu-sprite.png');
}
.btn-group__item.icon-video:hover > a,
.btn-group__item.icon-video.active > a {
  background-position: -64px -152px;
}
.btn-group__item.icon-video .dropdown__options {
  left: -14.5px;
}
.btn-group__item.icon-study > a {
  width: 35px;
  height: 22px;
  background-position: 0 -200px;
  background-image: url('../images/menu-sprite.png');
}
.btn-group__item.icon-study:hover > a,
.btn-group__item.icon-study.active > a {
  background-position: -60px -200px;
}
.btn-group__item.icon-study .dropdown__options {
  left: -10.5px;
}
.btn-group__item.icon-community > a {
  width: 33px;
  height: 23px;
  background-position: -1px -351px;
  background-image: url('../images/menu-sprite.png');
}
.btn-group__item.icon-community:hover > a,
.btn-group__item.icon-community.active > a {
  background-position: -61px -351px;
}
.btn-group__item.icon-community .dropdown__options {
  left: -11.5px;
}
.btn-group__item.icon-messages {
  margin-left: 20px;
}
.btn-group__item.icon-messages > a {
  width: 26px;
  height: 19px;
  background-position: -4px -303px;
  background-image: url('../images/menu-sprite.png');
}
.btn-group__item.icon-messages:hover > a,
.btn-group__item.icon-messages.active > a {
  background-position: -64px -303px;
}
.btn-group__item.icon-messages .dropdown__options {
  left: -15px;
}
.btn-group__item.icon-friends {
  margin-right: 23px;
  margin-left: 30px !important;
}
.btn-group__item.icon-friends > a {
  width: 24px;
  height: 21px;
  background-position: -5px -252px;
  background-image: url('../images/menu-sprite.png');
}
.btn-group__item.icon-friends:hover > a,
.btn-group__item.icon-friends.active > a {
  background-position: -65px -252px;
}
.btn-group__item.icon-friends .dropdown__options {
  left: -16px;
}
.btn-group__item[class*="icon-"] + .btn-group__item[class*="icon-"] {
  margin-left: 35px;
}
.btn-group__item > * {
  margin: auto;
}
.btn-group__item a {
  color: #fff;
}
.btn-group__item a:hover {
  text-decoration: none;
  color: #3399cc;
}
.btn-group__item a:hover .icon {
  fill: #3399cc;
}
.btn-group__item.dropdown__btn a span {
  font-size: 16px;
  margin-right: 8px;
  text-transform: capitalize;
}
.btn-group__item.dropdown__btn:hover > a {
  color: #3399cc;
}
.btn-group__item.dropdown__btn:hover > a .down {
  background-position-y: 100%;
}
.btn-group__item.dropdown__btn:hover .dropdown__options {
  display: block;
}
.btn-group__item .dropdown__options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 28px;
}
.btn-group__item .dropdown__options__list {
  background-color: #333333;
  padding: 20px;
  border-radius: 2px;
  white-space: nowrap;
  display: inline-block;
  font-size: 16px;
}
.btn-group__item .dropdown__options__list.w270 {
  width: 270px;
}
.btn-group__item .dropdown__options__list.w350 {
  width: 350px;
}
.btn-group__item .dropdown__options__list:before {
  content: '';
  border: 10px solid #333333;
  position: absolute;
  top: 8px;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.btn-group__item .dropdown__options__list a {
  height: 35px;
}
.btn-group__item .dropdown__options__list a.fz-0 {
  font-size: 0;
}
.btn-group__item .dropdown__options__list a:before {
  content: '';
  height: 35px;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
.btn-group__item .dropdown__options__list a > .dropdown__options__icon {
  background-image: url('../images/menu-sprite.png');
}
.btn-group__item .dropdown__options__list a.icon-scene {
  font-size: 0;
}
.btn-group__item .dropdown__options__list a.icon-scene > .dropdown__options__icon {
  height: 23px;
  background-position: -116px -2px;
}
.btn-group__item .dropdown__options__list a.icon-scene:hover > .dropdown__options__icon {
  background-position: -176px -2px;
}
.btn-group__item .dropdown__options__list a.icon-audio {
  font-size: 0;
}
.btn-group__item .dropdown__options__list a.icon-audio > .dropdown__options__icon {
  height: 21px;
  background-position: -118px -53px;
}
.btn-group__item .dropdown__options__list a.icon-audio:hover > .dropdown__options__icon {
  background-position: -178px -53px;
}
.btn-group__item .dropdown__options__list a.icon-block {
  font-size: 0;
}
.btn-group__item .dropdown__options__list a.icon-block > .dropdown__options__icon {
  height: 16px;
  background-position: -118px -105px;
}
.btn-group__item .dropdown__options__list a.icon-block:hover > .dropdown__options__icon {
  background-position: -178px -105px;
}
.btn-group__item .dropdown__options__list a.icon-prepositions {
  font-size: 0;
}
.btn-group__item .dropdown__options__list a.icon-prepositions > .dropdown__options__icon {
  height: 33px;
  background-position: -118px -145px;
}
.btn-group__item .dropdown__options__list a.icon-prepositions:hover > .dropdown__options__icon {
  background-position: -178px -145px;
}
.btn-group__item .dropdown__options__list a.icon-find-word {
  font-size: 0;
}
.btn-group__item .dropdown__options__list a.icon-find-word > .dropdown__options__icon {
  height: 23px;
  background-position: -117px -300px;
}
.btn-group__item .dropdown__options__list a.icon-find-word:hover > .dropdown__options__icon {
  background-position: -177px -300px;
}
.btn-group__item .dropdown__options__list a.icon-write {
  font-size: 0;
}
.btn-group__item .dropdown__options__list a.icon-write > .dropdown__options__icon {
  height: 21px;
  background-position: -118px -202px;
}
.btn-group__item .dropdown__options__list a.icon-write:hover > .dropdown__options__icon {
  background-position: -178px -202px;
}
.btn-group__item .dropdown__options__list a.icon-quotes {
  font-size: 0;
}
.btn-group__item .dropdown__options__list a.icon-quotes > .dropdown__options__icon {
  height: 19px;
  background-position: -117px -253px;
}
.btn-group__item .dropdown__options__list a.icon-quotes:hover > .dropdown__options__icon {
  background-position: -177px -253px;
}
.btn-group__item .dropdown__options__list a.icon-grammar {
  font-size: 0;
}
.btn-group__item .dropdown__options__list a.icon-grammar > .dropdown__options__icon {
  height: 22px;
  background-position: -117px -352px;
}
.btn-group__item .dropdown__options__list a.icon-grammar:hover > .dropdown__options__icon {
  background-position: -177px -352px;
}
.btn-group__item .dropdown__options__list a.icon-verbs {
  font-size: 0;
}
.btn-group__item .dropdown__options__list a.icon-verbs > .dropdown__options__icon {
  height: 26px;
  background-position: -236px 0;
}
.btn-group__item .dropdown__options__list a.icon-verbs:hover > .dropdown__options__icon {
  background-position: -296px 0;
}
.btn-group__item .dropdown__options__list a.icon-complicated {
  font-size: 0;
}
.btn-group__item .dropdown__options__list a.icon-complicated > .dropdown__options__icon {
  height: 29px;
  background-position: -236px -50px;
}
.btn-group__item .dropdown__options__list a.icon-complicated:hover > .dropdown__options__icon {
  background-position: -296px -50px;
}
.btn-group__item .dropdown__options__list a.icon-sinonims {
  font-size: 0;
}
.btn-group__item .dropdown__options__list a.icon-sinonims > .dropdown__options__icon {
  height: 23px;
  background-position: -236px -100px;
}
.btn-group__item .dropdown__options__list a.icon-sinonims:hover > .dropdown__options__icon {
  background-position: -296px -100px;
}
.btn-group__item .dropdown__options__list a.icon-album {
  font-size: 0;
}
.btn-group__item .dropdown__options__list a.icon-album > .dropdown__options__icon {
  height: 22px;
  background-position: -236px -152px;
}
.btn-group__item .dropdown__options__list a.icon-album:hover > .dropdown__options__icon {
  background-position: -296px -152px;
}
.btn-group__item .dropdown__options__list a.icon-frases {
  font-size: 0;
}
.btn-group__item .dropdown__options__list a.icon-frases > .dropdown__options__icon {
  height: 24px;
  background-position: -236px -200px;
}
.btn-group__item .dropdown__options__list a.icon-frases:hover > .dropdown__options__icon {
  background-position: -296px -200px;
}
.btn-group__item .dropdown__options__list a.icon-mistakes {
  font-size: 0;
}
.btn-group__item .dropdown__options__list a.icon-mistakes > .dropdown__options__icon {
  height: 25px;
  background-position: -236px -252px;
}
.btn-group__item .dropdown__options__list a.icon-mistakes:hover > .dropdown__options__icon {
  background-position: -296px -252px;
}
.btn-group__item .dropdown__options__list a.icon-netflix-logo {
  font-size: 0;
}
.btn-group__item .dropdown__options__list a.icon-netflix-logo > .dropdown__options__icon {
  height: 21px;
  background-position: -448px -2px;
}
.btn-group__item .dropdown__options__list a.icon-netflix-logo:hover > .dropdown__options__icon {
  background-position: -498px -2px;
}
.btn-group__item .dropdown__options__list a.icon-video-logo {
  font-size: 0;
}
.btn-group__item .dropdown__options__list a.icon-video-logo > .dropdown__options__icon {
  height: 26px;
  background-position: -448px -51px;
}
.btn-group__item .dropdown__options__list a.icon-video-logo:hover > .dropdown__options__icon {
  background-position: -498px -51px;
}
.btn-group__item .dropdown__options__list a.icon-fav {
  font-size: 0;
}
.btn-group__item .dropdown__options__list a.icon-fav > .dropdown__options__icon {
  height: 24px;
  background-position: -348px -1px;
}
.btn-group__item .dropdown__options__list a.icon-fav:hover > .dropdown__options__icon {
  background-position: -398px -1px;
}
.btn-group__item .dropdown__options__list a.icon-traning {
  font-size: 0;
}
.btn-group__item .dropdown__options__list a.icon-traning > .dropdown__options__icon {
  height: 18px;
  background-position: -348px -55px;
}
.btn-group__item .dropdown__options__list a.icon-traning:hover > .dropdown__options__icon {
  background-position: -398px -55px;
}
.btn-group__item .dropdown__options__list a.icon-flash-card {
  font-size: 0;
}
.btn-group__item .dropdown__options__list a.icon-flash-card > .dropdown__options__icon {
  height: 25px;
  background-position: -348px -100px;
}
.btn-group__item .dropdown__options__list a.icon-flash-card:hover > .dropdown__options__icon {
  background-position: -398px -100px;
}
.btn-group__item .dropdown__options__list a.icon-vocabulary {
  font-size: 0;
}
.btn-group__item .dropdown__options__list a.icon-vocabulary > .dropdown__options__icon {
  height: 21px;
  background-position: -348px -152px;
}
.btn-group__item .dropdown__options__list a.icon-vocabulary:hover > .dropdown__options__icon {
  background-position: -398px -152px;
}
.btn-group__item .dropdown__options__list a:hover {
  color: #3399cc;
}
.btn-group__item .dropdown__options__list img + a {
  margin-left: 8px;
}
.btn-group__item .dropdown__options__list li {
  height: 35px;
}
.btn-group__item .dropdown__options__list li + li {
  margin-top: 5px;
}
.btn-group__item .dropdown__options__title {
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 18px;
  height: 22px;
  line-height: 22px;
  padding-left: 3px;
  font-family: 'OpenSansSemibold', sans-serif;
  letter-spacing: 0.8px;
}
.btn-group__item .dropdown__options__icon {
  display: inline-block;
  width: 40px;
  text-align: center;
  vertical-align: middle;
}
.btn-group__item .dropdown__options__icon + div {
  display: inline-block;
  vertical-align: middle;
  margin-left: 13px;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
}
.btn-group__item .status {
  color: #00cc00;
  font-size: 18px;
  height: 23px;
  line-height: 23px;
}
.btn-group__item.bl {
  padding: 0 20px;
}
.btn-group__item.bl:before {
  content: '';
  position: absolute;
  height: 60px;
  width: 1px;
  background-color: #666666;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.btn-group__item.br {
  padding: 0 20px;
}
.btn-group__item.br:after {
  content: '';
  position: absolute;
  height: 60px;
  width: 1px;
  background-color: #666666;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.btn-group__item.bb {
  padding: 0 20px;
}
.btn-group__item.bb:after {
  content: '';
  position: absolute;
  height: 60px;
  width: 1px;
  background-color: #666666;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.btn-group__item.bb:before {
  content: '';
  position: absolute;
  height: 60px;
  width: 1px;
  background-color: #666666;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.btn-group__item[data-unreadcount]:before {
  content: attr(data-unreadcount);
  border-radius: 9px;
  font-size: 10px;
  text-align: center;
  line-height: 14px;
  position: absolute;
  top: -7px;
  right: -5px;
  min-width: 14px;
  padding: 2px;
  height: 14px;
  background-color: #00cc00;
  font-family: 'Open Sans', sans-serif;
}
.w270 {
  width: 270px !important;
}
.w350 {
  width: 350px !important;
}
.white .dropdown__options__list {
  background-color: #333333;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.52);
  padding: 0;
  font-size: 0;
  border-radius: 2px;
  white-space: nowrap;
  display: inline-block;
}
.white .dropdown__options__list:before {
  content: '';
  border: 10px solid #333333;
  position: absolute;
  top: 6px;
  left: 20px;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.white .dropdown__options__list img + a {
  margin-left: 10px;
}
.white .dropdown__options__list a:hover {
  color: #3399cc;
}
.white .dropdown__options__list li {
  padding: 15px;
  background-color: #fff;
  margin-top: 0px;
  border-top: 1px solid #cccccc;
}
.white .dropdown__options__icon {
  vertical-align: top;
  display: inline-block;
  width: 40px;
  text-align: center;
}
.white .dropdown__options__icon img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.white .dropdown__options__icon + div {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  font-size: 16px;
}
.white .dropdown__options__title {
  color: #ffffff;
  font-size: 15px;
  padding: 15px 20px;
  margin-bottom: 0;
}
.white .dropdown__options__footer {
  background-color: #ffffff;
  padding: 12px;
  text-align: center;
  font-size: 15px;
  border-top: 1px solid #cccccc;
}
.white .dropdown__options__footer a {
  color: #333333;
}
.message {
  width: calc(100% - 54px);
  vertical-align: top;
}
.message.info a {
  text-decoration: none;
}
.message img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.message__top {
  width: 100%;
  font-size: 0;
}
.message__name {
  display: inline-block;
  width: calc(100% - 85px);
  overflow: hidden;
  vertical-align: middle;
  font-size: 15px;
  height: 22px;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 10px;
  font-family: 'OpenSansSemibold', sans-serif;
}
.message__date {
  display: inline-block;
  color: #999;
  font-size: 12px;
  height: 11px;
  width: 75px;
  vertical-align: middle;
  text-align: right;
}
.message__body {
  width: 100%;
  font-size: 15px;
  white-space: normal;
  line-height: 22px;
  color: #333;
}
.message__body .request__name {
  font-family: 'OpenSansSemibold';
}
.message__controls {
  margin-top: 5px;
}
.message__controls .accept {
  display: inline-block;
  color: #3399cc;
  border: 1px solid #3399cc;
  border-radius: 2px;
  font-size: 13px;
  padding: 5px 15px;
  box-sizing: border-box;
  height: 24px;
}
.message__controls .accept:hover {
  color: #ffffff !important;
  background-color: #1c82c5;
  border-color: #1c82c5;
  text-decoration: none;
}
.message__controls .decline {
  display: inline-block;
  color: #000000;
  border: 1px solid #666666;
  border-radius: 2px;
  font-size: 13px;
  padding: 5px 15px;
  box-sizing: border-box;
  height: 24px;
  margin-left: 10px;
}
.message__controls .decline:hover {
  color: #ffffff !important;
  background-color: #1c82c5;
  border-color: #1c82c5;
  text-decoration: none;
}
.down {
  display: inline-block;
  background: url("/images/submenu-down.png") no-repeat 0 0;
  width: 8px;
  height: 5px;
  vertical-align: middle;
}
.user-icon img {
  display: inline-block;
  width: 28px;
  height: 28px;
  vertical-align: middle;
}
.icon {
  fill: #ffffff;
}
.instruction {
  padding: 55px 34px 60px;
  background-color: #ebebeb;
  border-radius: 2px;
  position: relative;
  margin-bottom: 50px;
  text-align: center;
}
.instruction__header {
  margin-bottom: 50px;
}
.instruction__header__title {
  font-family: 'Open Sans', serif;
  font-size: 30px;
  color: #333333;
}
.instruction__header .icon__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 22px;
  height: 22px;
  background-image: url('../images/close-sprite.png');
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  background-position-x: 0;
}
.instruction__header .icon__close:hover {
  background-position-x: 50%;
}
.instruction__header .icon__close:active {
  background-position-x: 100%;
}
.instruction-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.instruction-list.mb57 {
  margin-bottom: 57px;
}
.instruction-list__item {
  display: inline-block;
  width: 240px;
}
.instruction-list__item .title {
  font-size: 16px;
  color: #666666;
  margin-bottom: 10px;
}
.instruction-list__item .text {
  font-size: 16px;
  color: #373737;
  line-height: 23px;
  min-height: 46px;
}
.instruction-list__item .icon {
  display: flex;
  min-height: 100px;
}
.instruction-list__item .icon img {
  margin: auto;
}
.instruction.two-items .instruction-list__item {
  margin-left: 40px;
  margin-right: 40px;
}
.instruction__separator {
  border-top: 1px solid rgba(204, 204, 204, 0.5);
  margin-left: -34px;
  width: calc(100% + 68px);
  height: 0;
  position: relative;
  margin-top: 37px;
  margin-bottom: 40px;
}
.instruction__separator__title {
  position: absolute;
  top: -9px;
  left: 50%;
  padding: 0 24px;
  transform: translateX(-50%);
  font-size: 16px;
  background-color: #ebebeb;
  text-transform: capitalize;
}
.instruction__bottom .btn-watch {
  display: inline-block;
  font-size: 14px;
  background-color: #2385c5;
  color: #fff;
  border-radius: 2px;
  padding: 15px 25px 15px 66px;
  font-family: 'Open Sans', serif;
  text-transform: uppercase;
  background-image: url('../images/icon-eye.png');
  background-repeat: no-repeat;
  background-position: 25px 50%;
  text-decoration: none;
  box-sizing: border-box;
}
.instruction__bottom .btn-watch:hover {
  background-color: #2f9ee7;
}
.instruction.mb62 {
  margin-bottom: 62px;
}
.main-select {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  display: inline-block;
}
.main-select select {
  cursor: pointer;
  min-width: 330px;
  display: inline-block;
  border: 1px solid #d1d1d1;
  padding: 15px 20px;
  font-size: 16px;
  margin: 0;
  outline: none;
  background: transparent;
  -webkit-appearance: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.main-select:after {
  content: "▼";
  position: absolute;
  top: calc(50% - 7px);
  right: 20px;
  bottom: auto;
  pointer-events: none;
  transform: scale(0.75, 0.5);
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .main-select select {
    padding-right: 30px;
  }
}
.iv-table {
  font-family: 'OpenSansLight', serif;
  font-size: 0;
  padding-top: 40px;
}
.iv-table__header {
  border-bottom: 2px solid #0099cc;
}
.iv-table__header .iv-table__col {
  height: 72px;
}
.iv-table__header__title {
  font-size: 32px;
  margin: auto;
  padding-bottom: 13px;
}
.iv-table__row {
  border-top: 1px solid #ccc;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.iv-table__row__content {
  margin: auto;
  width: auto;
  max-width: 100%;
  font-size: 0;
  font-family: 'OpenSansSemibold', serif;
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: relative;
}
.iv-table__row__content .answer {
  font-size: 24px;
  max-width: 100%;
  word-break: break-word;
  padding: 0 40px 0 40px;
  cursor: pointer;
}
.iv-table__row__content.semi-empty {
  width: 100%;
  max-width: 100%;
}
.iv-table__row__content.semi-empty .answer {
  font-size: 24px;
  max-width: calc(100% - 140px);
  word-break: break-word;
}
.iv-table__row__content .separator {
  display: none;
  font-size: 24px;
}
.iv-table__row__content.and {
  justify-content: center;
}
.iv-table__row__content.and .separator {
  display: block;
  padding: 19px;
}
.iv-table__row__content.and .answer {
  position: relative;
  padding: 0 0 0 40px;
}
.iv-table__row__content.and .answer:last-child {
  padding: 0 40px 0 0;
}
.iv-table__row__content.or {
  width: auto;
  flex-direction: column;
}
.iv-table__row__content.or .separator {
  display: block;
  font-family: 'Open Sans', serif;
  font-size: 18px;
  padding: 10px;
  color: #666;
}
.iv-table__row__content.or .answer {
  position: relative;
}
.iv-table__row__content .play-word {
  display: none;
  position: absolute;
  left: 0;
  bottom: 50%;
  transform: translateY(50%);
  cursor: pointer;
}
.iv-table__row.completed:hover {
  border-top: 1px solid #0099cc;
  border-left: 1px solid #0099cc;
  border-right: 1px solid #0099cc;
  border-bottom: 1px solid #0099cc;
}
.iv-table__row.completed:hover .add-fav__icon {
  display: block;
}
.iv-table__row.completed:hover .and .answer:last-child {
  padding: 0 0 0 40px;
}
.iv-table__row.completed:hover + .iv-table__row {
  border-top: none;
}
.iv-table__row:hover .and .answer:last-child {
  padding: 0 0 0 40px;
}
.iv-table__row:hover .done {
  padding-left: 0 20px;
}
.iv-table__row:hover .done .play-word {
  display: block;
}
.iv-table__row:hover .done .and .answer:last-child {
  padding: 0 0 0 40px;
}
.iv-table__row__placeholder {
  display: inline-block;
  vertical-align: middle;
  min-width: 126px;
  height: 56px;
  border: 2px dashed #0099cc;
  border-radius: 4px;
}
.iv-table__row + .iv-table__row {
  border-top: 1px solid #ccc;
}
.iv-table__col {
  display: inline-flex;
  vertical-align: top;
  height: 139px;
  width: calc(100% / 3);
  box-sizing: border-box;
}
.iv-table__col + .iv-table__col {
  border-left: 1px solid #ccc;
}
.iv-table__controls {
  margin: 66px 0 36px 0;
  font-size: 0;
  text-align: center;
}
.iv-table__controls__item {
  cursor: pointer;
  margin: 0 21px 21px 21px;
  padding: 10px 29px;
  font-family: 'OpenSansSemibold', serif;
  font-size: 22px;
  display: inline-block;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 2px;
}
.iv-table__controls__item a {
  text-decoration: none;
  color: inherit;
}
.iv-table__controls__item button {
  text-decoration: none;
  color: inherit;
  padding: 0;
  border-radius: 0;
  border: none;
  background-color: transparent;
  font-size: inherit;
  display: inline;
  font-family: inherit;
  line-height: 22px;
  cursor: pointer;
  outline: none;
}
.iv-table__controls__item.right {
  animation-name: right_color_change_revert;
  animation-duration: 0.5s;
}
.iv-table__controls__item.wrong {
  animation-name: wrong_color_change_revert;
  animation-duration: 0.5s;
}
.iv-table__controls__item:hover {
  border-color: #0099cc;
  color: #3399cc;
}
.iv-table__controls .add-fav__icon {
  right: 31px;
  top: 14px;
}
.iv-table.history {
  padding-top: 65px;
  margin-bottom: 200px;
}
.sna {
  text-align: left;
  padding-top: 29px;
}
.sna .sna-exercise-content:not(:first-child) {
  display: none;
}
.sna-exercise {
  position: relative;
  font-size: 0;
  display: flex;
  border: 1px solid #cccccc;
  border-left-color: transparent;
  border-right-color: transparent;
}
.sna-exercise:last-child {
  border-bottom: 2px solid #cccccc;
}
.sna-exercise.no-border {
  border: none;
}
.sna-exercise .play-word {
  display: none;
}
.sna-exercise__left {
  display: inline-flex;
  width: 307px;
  align-self: stretch;
}
.sna-exercise__right {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 307px);
  flex-direction: column;
}
.sna-exercise__top {
  width: 100%;
  min-height: 130px;
  border-bottom: 2px solid #0099cc;
  box-sizing: border-box;
  padding: 40px 0 10px 0;
}
.sna-exercise__bottom {
  width: 100%;
  min-height: 130px;
  padding: 30px 0 20px 0;
  box-sizing: border-box;
}
.sna-exercise__word {
  margin: auto 0;
  padding: 18px;
  font-size: 36px;
  font-family: 'Open Sans', serif;
  cursor: pointer;
}
.sna-exercise__word:hover {
  color: #3399cc;
}
.sna-exercise__item {
  display: inline-block;
  position: relative;
  background-color: #fff;
  padding: 15px 29px;
  height: 58px;
  box-sizing: border-box;
  line-height: 22px;
  margin-right: 18px;
  margin-bottom: 20px;
  border: 1px solid #cccccc;
  border-radius: 2px;
}
.sna-exercise__item.hide {
  visibility: hidden;
}
.sna-exercise__item.chosen {
  visibility: hidden;
}
.sna-exercise__item.right {
  animation-name: right_color_change_revert;
  animation-duration: 0.5s;
}
.sna-exercise__item.wrong {
  animation-name: wrong_color_change_revert;
  animation-duration: 0.5s;
}
.sna-exercise__item:hover {
  border-color: #0099cc;
  color: #3399cc;
}
.sna-exercise__item__word {
  font-size: 30px;
  font-family: 'Open Sans', serif;
}
.sna-exercise__item .play-word {
  display: none;
  position: absolute;
  left: 0;
  margin-top: 6px;
}
.sna-exercise__item__placeholder {
  font-size: 24px;
  line-height: 18px;
  color: #cccccc;
  border: 2px dashed #ccc;
  border-radius: 6px;
  padding: 15px 19px;
  height: 58px;
  box-sizing: border-box;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
  font-family: 'Open Sans', serif;
}
.sna-exercise__item__placeholder.hover {
  border-color: #0099cc;
}
.sna-exercise__item__placeholder.right {
  animation-name: right_color_change_revert;
  animation-duration: 0.5s;
}
.sna-exercise__item__placeholder.wrong {
  animation-name: wrong_color_change_revert;
  animation-duration: 0.5s;
}
.sna-exercise_completed {
  border-top-width: 2px;
  border-bottom: 1px solid transparent;
}
.sna-exercise_completed .sna-exercise__item {
  background-color: #fff;
}
.sna-exercise_completed .sna-exercise__item__word {
  cursor: pointer;
}
.sna-exercise_completed .sna-exercise__item__word:hover {
  color: #3399cc;
}
.sna-exercise_completed .sna-exercise__top {
  border-bottom: 1px solid #ccc;
}
.sna-exercise_completed:hover {
  padding-top: 1px;
  border: 1px solid #0099cc;
}
.sna-exercise_completed:hover + .sna-exercise {
  border-top-color: transparent;
}
.sna-exercise_completed:hover .sna-exercise__item {
  border-color: transparent;
  background-color: transparent;
  color: #383838;
}
.sna-exercise_completed:hover .add-fav__icon {
  top: 23px;
  right: 22px;
}
.sna-exercise_completed:hover .play-word {
  display: block;
}
.sna-exercise .sna-exercise__top .sna-exercise__item__word,
.sna-exercise .sna-exercise__bottom .sna-exercise__item__word {
  cursor: pointer;
}
.sna-history {
  margin-bottom: 200px;
}
.sna-controls {
  margin: 30px 0 83px 0;
  min-height: 58px;
  padding: 0 0 0 90px;
  background-image: url(../images/icon-move.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
}
.sna-controls .sna-exercise__item {
  cursor: move;
}
.collocations__header {
  font-size: 36px;
  color: #2385c5;
  font-family: 'OpenSansLight', serif;
  padding-top: 43px;
}
.compound-words__exrcise-content:not(:first-child) {
  display: none;
}
.compound-words {
  padding-top: 60px;
}
.compound-words .translate-itm .word {
  cursor: pointer;
}
.compound-words__exrcise {
  font-size: 0;
}
.compound-words__exrcise__left {
  display: inline-block;
  vertical-align: top;
  font-size: 30px;
  font-family: 'Open Sans', serif;
  padding: 0 40px;
  height: 56px;
  line-height: 56px;
  box-sizing: border-box;
  margin-right: 40px;
  line-height: 50px;
}
.compound-words__exrcise__middle {
  display: inline-block;
  vertical-align: top;
  font-size: 30px;
  font-family: 'Open Sans', serif;
  padding: 0 40px;
  min-width: 126px;
  height: 56px;
  line-height: 56px;
  border: 2px dashed #0099cc;
  border-radius: 4px;
  border-color: #0099cc;
  box-sizing: border-box;
  margin: 0 40px;
}
.compound-words__exrcise__right {
  display: inline-block;
  vertical-align: top;
  font-size: 30px;
  font-family: 'Open Sans', serif;
  padding: 0 40px;
  min-width: 126px;
  height: 56px;
  line-height: 56px;
  box-sizing: border-box;
  margin-left: 40px;
}
.compound-words__exrcise__plus {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 22px;
  height: 56px;
  line-height: 56px;
  background-image: url('../images/icon-plus.png');
  background-repeat: no-repeat;
  background-position: center;
}
.compound-words__exrcise__equal {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 21px;
  height: 56px;
  line-height: 56px;
  background-image: url('../images/icon-equal.png');
  background-repeat: no-repeat;
  background-position: center;
}
.compound-words__exrcise__top {
  padding-bottom: 42px;
  border-bottom: 2px solid #0099cc;
}
.compound-words__exrcise__bottom {
  padding-top: 60px;
}
.compound-words__exrcise__option {
  display: inline-block;
  vertical-align: top;
  font-size: 30px;
  font-family: 'Open Sans', serif;
  padding: 0 40px;
  height: 60px;
  line-height: 56px;
  box-sizing: border-box;
  line-height: 50px;
  cursor: pointer;
  border: 1px solid #cccccc;
  border-radius: 2px;
}
.compound-words__exrcise__option:hover {
  border-color: #0099cc;
  color: #3399cc;
}
.compound-words__exrcise__option.right {
  animation-name: right_color_change_revert;
  animation-duration: 0.5s;
}
.compound-words__exrcise__option.wrong {
  animation-name: wrong_color_change_revert;
  animation-duration: 0.5s;
}
.compound-words__exrcise__option + .compound-words__exrcise__option {
  margin-left: 40px;
}
.compound-words .add-fav__icon {
  top: 49px;
  right: 31px;
}
.compound-words__history {
  padding-top: 120px;
}
.compound-words__history .compound-words__exrcise {
  padding: 42px 0;
  border: 1px solid #cccccc;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.compound-words__history .compound-words__exrcise:hover {
  border-top-color: #0099cc;
  border-left-color: #0099cc;
  border-right-color: #0099cc;
}
.compound-words__history .compound-words__exrcise:hover + .compound-words__exrcise {
  border-top-color: #0099cc;
}
.compound-words__history .compound-words__exrcise:hover .play-word {
  display: block;
}
.compound-words__history .compound-words__exrcise:last-child {
  border-bottom-color: #cccccc;
}
.compound-words__history .compound-words__exrcise:last-child:hover {
  border-color: #0099cc;
}
.compound-words__history .compound-words__exrcise .add-fav__icon {
  top: 31px;
  right: 30px;
}
.compound-words__history__item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 30px;
  font-family: 'Open Sans', serif;
  padding: 0 40px;
  height: 56px;
  line-height: 56px;
  box-sizing: border-box;
  line-height: 50px;
  margin: 0 40px;
}
.compound-words__history__item .play-word {
  display: none;
  position: absolute;
  top: 15px;
  left: 10px;
}
.compound-words__history__item.translate-itm .word {
  cursor: pointer;
}
.tabs-bar {
  font-size: 0;
  font-family: 'Open Sans', serif;
  padding-top: 18px;
  padding-bottom: 25px;
}
.tabs-bar__item {
  display: inline-block;
  font-size: 0;
  font-family: inherit;
  border: 1px solid #999999;
  border-right-width: 0;
}
.tabs-bar__item:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.tabs-bar__item:last-child {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.tabs-bar__item:hover {
  background-color: #1c82c5;
  border-color: #1c82c5;
}
.tabs-bar__item:hover a {
  color: #ffffff;
}
.tabs-bar__item:hover + .tabs-bar__item {
  border-left-color: #1c82c5;
}
.tabs-bar__item a {
  display: block;
  font-size: 14px;
  color: #333333;
  text-decoration: none;
  font-family: inherit;
  min-width: 117px;
  padding: 9px 5px 10px 10px;
  box-sizing: border-box;
}
.common-mistakes {
  padding-bottom: 100px;
}
.common-mistakes:last-child {
  margin-bottom: 180px;
}
.common-mistakes__title {
  font-family: 'OpenSansLight', serif;
  font-size: 18px;
  color: #666666;
  margin-top: 83px;
}
.common-mistakes__item__top {
  padding-top: 38px;
}
.common-mistakes__item__bottom {
  padding-top: 30px;
}
.common-mistakes__item__wrong,
.common-mistakes__item__right {
  width: 549px;
  text-align: center;
  font-family: 'Open Sans', serif;
  font-size: 30px;
  padding: 22px 38px 26px 38px;
  display: inline-block;
  border: 1px solid #cccccc;
  border-radius: 2px;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
}
.common-mistakes__item__wrong .blue,
.common-mistakes__item__right .blue {
  color: #2385c5;
}
.common-mistakes__item__wrong:before,
.common-mistakes__item__right:before {
  content: '';
  position: absolute;
  width: 50px;
  height: 50px;
  left: -98px;
  top: 46%;
  transform: translateY(-50%);
}
.common-mistakes__item__wrong:active,
.common-mistakes__item__wrong.active {
  color: #ff6666;
  text-decoration: line-through;
}
.common-mistakes__item__wrong:active .blue,
.common-mistakes__item__wrong.active .blue {
  color: inherit;
}
.common-mistakes__item__wrong:active:before,
.common-mistakes__item__wrong.active:before {
  background-image: url('../images/icon-mistake.png');
}
.common-mistakes__item .line-through {
  text-decoration: line-through;
}
.common-mistakes__item__right:active,
.common-mistakes__item__right.active {
  color: #33cc33;
}
.common-mistakes__item__right:active .blue,
.common-mistakes__item__right.active .blue {
  color: inherit;
}
.common-mistakes__item__right:active:before,
.common-mistakes__item__right.active:before {
  background-image: url('../images/icon-done.png');
}
.common-mistakes__item .add-fav__icon {
  top: 66px;
  right: 30px;
}
.common-mistakes_history {
  border: 1px solid transparent;
  border-top: 1px solid #cccccc;
  padding-bottom: 46px;
}
.common-mistakes_history:hover {
  border-color: #1c82c5;
}
.common-mistakes_history:hover + .common-mistakes_history {
  border-top-color: transparent;
}
.common-mistakes_history .common-mistakes__item + .common-mistakes__item {
  margin-top: 37px;
}
.common-mistakes_history .common-mistakes__item + .common-mistakes__item:before {
  content: '';
  width: 520px;
  height: 1px;
  background-color: #cccccc;
  display: inline-block;
  margin: 0 auto;
}
.common-mistakes_history .common-mistakes__item__top {
  padding-top: 50px;
}
.common-mistakes_history .add-fav__icon {
  top: 30px;
  right: 30px;
}
.common-mistakes__success + .lesson__success .lesson__message {
  margin-top: 0;
  padding-top: 90px;
  background-position: 50% 27px;
  font-family: 'Open Sans', serif;
}
.common-mistakes__success + .lesson__success .lesson__btn + .lesson__btn {
  margin-left: 25px;
}
.common-mistakes__articles {
  padding-top: 29px;
  width: 549px;
  text-align: left;
  margin: 0 auto;
}
.common-mistakes__articles__item {
  padding-left: 42px;
  margin-right: -65px;
  font-size: 16px;
  font-family: 'Open Sans', serif;
  letter-spacing: 0;
  line-height: 24px;
}
.common-mistakes__articles__item + .common-mistakes__articles__item {
  margin-top: 26px;
}
.common-mistakes__articles__item_info {
  background-image: url('../images/icon-info.png');
  background-repeat: no-repeat;
  background-position: 0px 6px;
}
.common-mistakes__articles__item_description {
  background-image: url('../images/icon-description.png');
  background-repeat: no-repeat;
  background-position: 0px 6px;
}
.common-mistakes__articles__item b {
  font-family: 'OpenSansSemibold', sans-serif;
}
.common-mistakes .video-player__controls__btn {
  padding: 10px 32px;
  height: 41px;
}
.common-mistakes .video-player__controls__btn:before {
  text-align: center !important;
}
.common-mistakes__options {
  width: 549px;
  margin: 42px auto 29px auto;
}
.common-mistakes__options__title {
  font-size: 18px;
  font-family: 'Open Sans', serif;
  text-align: left;
  padding: 0 75px;
}
.common-mistakes__options__text {
  font-size: 30px;
  margin-top: 22px;
  font-family: 'Open Sans', serif;
}
.common-mistakes .play-word {
  position: absolute;
  left: -34px;
  top: 50%;
  transform: translateY(-70%);
}
.common-mistakes__start {
  margin-top: 26px;
  margin-bottom: 180px;
}
.common-mistakes__start__btn {
  font-family: 'Open Sans', serif;
  color: #ffffff;
  border: none;
  font-size: 18px;
  padding: 20px 30px;
  background-color: #2d9300;
  border-radius: 2px;
  display: inline-block;
  margin: 0 auto;
  cursor: pointer;
}
.common-mistakes__start__btn:hover {
  background-color: #33cc00;
  text-decoration: none;
}
.lesson__success {
  display: none;
  min-height: 465px;
}
.lesson__btn-ctrl {
  padding-bottom: 60px;
}
.lesson__btn {
  font-size: 16px;
  border: 1px solid #999999;
  padding: 15px 30px;
  background-color: transparent;
  cursor: pointer;
  border-radius: 2px;
  padding: 10.5px 30px;
  font-family: 'Open sans', serif;
}
.lesson__btn:hover {
  background-color: #339900;
  color: #FFFFFF;
}
.lesson__btn + .photo-voc__btn {
  margin-left: 30px;
}
.lesson__message {
  font-size: 30px;
  color: #33cc33;
  padding: 109px 0 56px;
  margin-top: 40px;
  background-image: url('../images/icon-done.png');
  background-repeat: no-repeat;
  background-position: 50% 45px;
}
.vimeoFrame {
  max-height: 360px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}
.vimeoFrame .vimeoXtra {
  display: none;
  width: 100%;
  height: 617px;
  margin-top: -129px;
}
.vimeoFrame iframe {
  display: inline;
  width: 100%;
  height: 617px;
  margin-top: -129px;
}
.overlay.video {
  overflow-y: scroll;
}
.overlay.video > h1,
.overlay.video .videoside {
  width: 641px;
  margin: 0 auto;
}
.overlay.video > h1 {
  color: #e8e7e7;
  font-size: 20px;
  font-family: Arial, sans-serif;
  line-height: 28px;
  margin: 10px auto;
}
.overlay.video .videoside {
  position: relative;
}
.overlay.video .videoside > .close {
  background: url("/images/cross-video.png") no-repeat 0 0;
  width: 26px;
  height: 26px;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: -45px;
}
.overlay.video .videoside > .close:hover {
  background-position: 0 -26px;
}
.overlay.video .videoside .video-sentences {
  border: none;
}
.overlay.video .videoside .video-sentences .empty {
  display: none;
}
.overlay.video .videoside .video-sentences .list a {
  color: #383838;
}
.overlay.video .videoside .video-sentences .list li:last-child {
  border-bottom: none;
}
.overlay.video .videoside .social-buttons {
  position: absolute;
  width: 33px;
  top: 61px;
  right: -49px;
}
.overlay.video .videoside .social-buttons .icon {
  background: url("/images/overlay-social-controls.png") no-repeat 0 0;
  display: inline-block;
  width: 33px;
  height: 33px;
  margin-bottom: 6px;
}
.overlay.video .videoside .social-buttons .icon.icon-like {
  background-position: 0 0;
}
.overlay.video .videoside .social-buttons .icon.icon-like:hover {
  background-position: -33px 0;
}
.overlay.video .videoside .social-buttons .icon.icon-like.liked {
  background-position: -66px 0;
}
.overlay.video .videoside .social-buttons .icon.icon-twitter {
  background-position: 0 -66px;
}
.overlay.video .videoside .social-buttons .icon.icon-twitter:hover {
  background-position: -33px -66px;
}
.overlay.video .videoside .social-buttons .icon.icon-facebook {
  background-position: 0 -33px;
}
.overlay.video .videoside .social-buttons .icon.icon-facebook:hover {
  background-position: -33px -33px;
}
.overlay.video .videoside .social-buttons .icon.icon-report {
  background-position: 0 -99px;
}
.overlay.video .videoside .social-buttons .icon.icon-report:hover {
  background-position: -33px -99px;
}
.overlay.video .videoside nav span {
  position: absolute;
  top: 160px;
  display: block;
  width: 20px;
  height: 60px;
  background: url('/images/landing-slider-controls.png') no-repeat 0 0;
}
.overlay.video .videoside nav span.next {
  right: -100px;
  background-position: 0 -60px;
}
.overlay.video .videoside nav span.next:hover {
  background-position: -20px -60px;
}
.overlay.video .videoside nav span.prev {
  left: -100px;
  background-position: 0 0;
}
.overlay.video .videoside nav span.prev:hover {
  background-position: -20px 0;
}
.overlay.video .videoside nav span a {
  display: block;
  width: 100%;
  height: 100%;
}
.overlay.video .pagination {
  margin-top: 0;
}
.overlay.video .pagination > * {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.overlay.video .pagination .prev {
  border-left: none;
}
.overlay.video .pagination .next {
  border-right: none;
}
.player {
  width: 641px;
  height: 360px;
  position: relative;
}
.player .player-opacity {
  display: none;
  position: absolute;
  top: 0;
  bottom: -31px;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
}
.player .player-opacity .video-end-buttons {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  position: absolute;
  width: 100%;
  text-align: center;
}
.player .player-opacity .video-end-buttons .big-btn {
  margin-bottom: 10px;
  padding: 16px 27px;
  border-radius: 4px;
  font: 400 14px/16px Verdana, sans-serif;
  text-transform: uppercase;
}
.player .player-opacity .video-end-buttons .big-btn span {
  display: block;
  float: left;
  border: 1px solid white;
  border-radius: 15px;
  width: 17px;
  margin: -1px 6px 0 0;
}
.player .player-opacity .video-end-buttons .big-btn:first-child {
  margin-right: 15px;
}
.player .player-opacity .video-end-buttons .medium-btn {
  padding: 10px 14px;
  border-radius: 4px;
  font: 400 13px/14px Verdana, sans-serif;
  text-transform: uppercase;
}
.player .player-opacity .video-end-buttons .medium-btn:first-child {
  margin-right: 10px;
}
.player .player-opacity .video-end-buttons i {
  background-position: 50% 50%;
  background-size: contain;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 9px;
  vertical-align: top;
}
.player .player-opacity .video-end-buttons i.repeat-icon {
  background-image: url('/images/repeat-icon.png');
}
.player .player-opacity .video-end-buttons i.slow-icon {
  background-image: url('/images/slow-icon.png');
}
.player .player-preview-image {
  position: absolute;
  height: 100%;
  width: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
}
.player .player-box {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #000;
}
.player .player-box .video-container {
  width: 100%;
  height: 100%;
}
.player .player-box .video-container .local-player {
  height: 100%;
  width: 100%;
  display: block;
  margin: 0 auto;
}
.player .player-box .player-glass {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.player .player-controls {
  position: absolute;
  z-index: 1000;
  height: 31px;
  bottom: -31px;
  width: 100%;
}
.player .player-elapsed {
  position: relative;
  height: 100%;
  background-color: #1984c7;
  z-index: 5;
}
.player .player-progress {
  position: absolute;
  height: 3px;
  width: 100%;
  top: 0;
  background: #b4b4b4;
}
.player .player-loaded {
  position: absolute;
  height: 100%;
  background-color: #898989;
  z-index: 4;
  top: 0;
}
.player .player-knob {
  background: url("/images/player-controls.png") no-repeat -134px 0;
  height: 17px;
  width: 16px;
  position: absolute;
  top: -6px;
  z-index: 10;
  display: none;
}
.player .player-stripe {
  height: 27px;
  border-bottom: 1px solid #959595;
  bottom: 0;
  position: absolute;
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 12px;
  background-color: #efefef;
}
.player .player-stripe > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.player .player-stripe > ul > li {
  float: left;
  line-height: 27px;
  height: 27px;
  text-align: center;
  border-right: 1px solid #a6a6a6;
  border-left: 1px solid #a6a6a6;
  background-color: #efefef;
  display: table-cell;
}
.player .player-stripe > ul > li:not(.time) {
  cursor: pointer;
}
.player .player-stripe ul:last-child {
  float: right;
}
.player .player-stripe ul:last-child li:not(:first-child) {
  border-left: none;
}
.player .player-stripe ul:first-child {
  float: left;
}
.player .player-stripe .play i,
.player .player-stripe .pause i {
  background: url("/images/player-controls.png") no-repeat 0 0;
  width: 14px;
  height: 17px;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
}
.player .player-stripe .play {
  width: 50px;
}
.player .player-stripe .play i {
  background-position: 0 -19px;
}
.player .player-stripe .play:hover i {
  background-position: 0 0;
}
.player .player-stripe .pause i {
  background-position: -27px -19px;
}
.player .player-stripe .pause:hover i {
  background-position: -27px 0;
}
.player .player-stripe .volume {
  width: 42px;
  overflow: hidden;
  position: absolute;
  left: 51px;
}
.player .player-stripe .volume .slider {
  width: 89px;
  margin-left: 6px;
  margin-right: 13px;
  height: 4px;
  position: absolute;
  left: 43px;
  top: 11px;
  border: 1px solid #898989;
  box-shadow: none;
  border-radius: 4px;
}
.player .player-stripe .volume .slider .ui-slider-range {
  border-radius: 4px;
  background: #9c9c9c;
  box-shadow: none;
}
.player .player-stripe .volume .slider .ui-slider-handle {
  background: url("/images/volume-knob.png") no-repeat;
  width: 13px;
  height: 14px;
  border: none;
  margin-left: -7px;
  top: -5px;
}
.player .player-stripe .volume i {
  float: left;
  position: relative;
  z-index: 100;
  background: url("/images/player-controls.png") no-repeat -56px -19px;
  width: 19px;
  height: 16px;
  display: inline-block;
  vertical-align: top;
  margin: 5px 0 0 13px;
}
.player .player-stripe .volume:hover i {
  background-position: -56px 0;
}
.player .player-stripe .volume.mute i {
  background-position: -81px -19px;
}
.player .player-stripe .volume.mute:hover i {
  background-position: -81px 0;
}
.player .player-stripe .time {
  text-align: left;
  padding-left: 11px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.23);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  border-right: none;
  margin-left: 40px;
}
.player .player-stripe .subs {
  color: #0f6fac;
  width: 67px;
  position: relative;
}
.player .player-stripe .subs.off {
  color: #383838;
}
.player .player-stripe .quality {
  color: #0f6fac;
  display: none;
  color: #383838;
  width: 51px;
}
.player .player-stripe .quality ul {
  position: absolute;
  bottom: 28px;
  margin-left: -13px;
  display: none;
  z-index: 901;
}
.player .player-stripe .quality ul li {
  width: 77px;
  background: #eaeaea;
  font-size: 11px;
  color: #383838;
  line-height: 19px;
  cursor: pointer;
}
.player .player-stripe .quality ul li sup {
  color: #1984c7;
  vertical-align: super;
  font-size: 7px;
}
.player .player-stripe .quality ul li:hover {
  background: #d5d5d5;
}
.player .player-stripe .quality ul li.active {
  background-image: url("/images/quality.png");
  background-repeat: no-repeat;
  background-position: 9px center;
}
.player .player-stripe .quality > span {
  display: inline-block;
  height: 100%;
  width: 100%;
}
.player .player-stripe .quality > span sup {
  display: none;
}
.player .player-stripe .fullscreen {
  width: 46px;
}
.player .player-stripe .fullscreen i {
  background: url("/images/player-controls.png") no-repeat -111px -19px;
  width: 21px;
  height: 16px;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
}
.player .player-stripe .fullscreen:hover i,
.player .player-stripe .fullscreen.on i {
  background-position: -111px 0;
}
.player.small {
  width: 360px;
  height: 200px;
  position: relative;
}
.player.small .player-opacity {
  bottom: 0px;
}
.player.fs-native .player-controls {
  bottom: 0;
}
.player.fs {
  top: 0;
  left: 0;
  position: fixed;
  z-index: 10001;
}
.player.fs .player-controls {
  bottom: -3px;
}
.player.fs-native,
.player.fs {
  width: 100%;
  height: 100%;
}
.player.fs-native .vimeoFrame,
.player.fs .vimeoFrame {
  max-height: 100%;
  height: 100%;
}
.player.fs-native .vimeoFrame iframe,
.player.fs .vimeoFrame iframe {
  margin-top: 0px;
  height: calc(100% + 60px);
}
.player.fs-native iframe,
.player.fs iframe {
  width: 100%;
  height: 100%;
}
.player.fs-native .subtitle,
.player.fs .subtitle {
  min-height: 66px;
  bottom: 28px;
}
.player.fs-native .subtitle.hiden,
.player.fs .subtitle.hiden {
  bottom: 0px;
}
.player.fs-native .subtitle .inner,
.player.fs .subtitle .inner {
  padding: 22px 0;
}
.player.fs-native .subtitle .inner .left-controls,
.player.fs .subtitle .inner .left-controls,
.player.fs-native .subtitle .inner .right-controls,
.player.fs .subtitle .inner .right-controls {
  width: 54px;
  bottom: 23px;
}
.player.fs-native .subtitle .inner .right-controls,
.player.fs .subtitle .inner .right-controls {
  margin-left: -198px;
  bottom: 23px;
  right: 0;
}
.player.fs-native .subtitle .inner .subtitle-wrapper,
.player.fs .subtitle .inner .subtitle-wrapper {
  min-height: 30px;
  width: 100%;
}
.player.fs-native .subtitle .inner .subtitle-wrapper .subtitle-inner-wrapper,
.player.fs .subtitle .inner .subtitle-wrapper .subtitle-inner-wrapper {
  margin: 0 39px 0 39px;
}
.player.fs-native .subtitle .inner .subtitle-wrapper .subtitle-inner-wrapper p,
.player.fs .subtitle .inner .subtitle-wrapper .subtitle-inner-wrapper p {
  /*font-size: 26px;
              line-height: 30px;*/
}
.player.fs-native .subtitle .inner .control-tip,
.player.fs .subtitle .inner .control-tip {
  display: none;
}
.player.fs-native .subtitle .icon,
.player.fs .subtitle .icon {
  margin-right: 15px;
  margin-left: 15px;
  background: url("/images/sub-controls-big.png") no-repeat 0 0;
}
.player.fs-native .subtitle .icon.icon-prev,
.player.fs .subtitle .icon.icon-prev {
  width: 24px;
  height: 26px;
  background-position: 0 0;
}
.player.fs-native .subtitle .icon.icon-prev:hover,
.player.fs .subtitle .icon.icon-prev:hover {
  background-position: 0 -38px;
}
.player.fs-native .subtitle .icon.icon-next,
.player.fs .subtitle .icon.icon-next {
  width: 24px;
  height: 26px;
  background-position: -172px 0;
}
.player.fs-native .subtitle .icon.icon-next:hover,
.player.fs .subtitle .icon.icon-next:hover {
  background-position: -172px -38px;
}
.player.fs-native .subtitle.semi .right-controls,
.player.fs .subtitle.semi .right-controls {
  width: 39px;
  right: 23px;
}
.player.fs-native .subtitle.semi .right-controls i:not(.icon-next),
.player.fs .subtitle.semi .right-controls i:not(.icon-next) {
  display: none !important;
}
.subtitle {
  position: absolute;
  z-index: 900;
  text-align: center;
  width: 100%;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.7);
  min-height: 38px;
  display: none;
}
.subtitle .inner {
  position: relative;
  padding: 11px 0;
  font-size: 12px;
  color: #fff;
}
.subtitle .inner .left-controls {
  width: 34px;
  position: absolute;
  bottom: 13px;
}
.subtitle .inner .right-controls {
  width: 34px;
  position: absolute;
  bottom: 13px;
  /*right: 0;*/
  right: 7%;
}
.subtitle .inner .subtitle-wrapper {
  float: left;
  /*width: 100%;*/
  width: 93%;
  min-height: 18px;
}
.subtitle .inner .subtitle-wrapper .subtitle-inner-wrapper {
  margin: 0 34px 0 34px;
}
.subtitle .inner .control-tip {
  width: 38px;
  position: absolute;
  bottom: 13px;
  right: 0;
}
.subtitle .inner .control-tip .control-tip-popup {
  position: absolute;
  display: none;
  bottom: 39px;
  background-color: #f7f7f7;
  color: #383838;
  padding: 18px 13px 10px 18px;
  border-radius: 3px;
  text-align: left;
  width: 195px;
  left: -102px;
  font-size: 13px;
}
.subtitle .inner .control-tip .control-tip-popup .tip-title {
  margin-bottom: 15px;
  font-weight: bold;
}
.subtitle .inner .control-tip .control-tip-popup .tip-row {
  display: block;
  overflow: hidden;
  margin-bottom: 15px;
  line-height: 16px;
}
.subtitle .inner .control-tip .control-tip-popup .tip-row span {
  display: block;
  float: left;
  margin-right: 5px;
}
.subtitle .inner .control-tip .control-tip-popup .tip-row:last-child {
  line-height: 30px;
  margin-bottom: 0px;
}
.subtitle .inner .control-tip .control-tip-popup .tip-control-prev {
  background: url("/images/player-tip-prev.png") no-repeat 0 0;
  width: 29px;
  height: 17px;
}
.subtitle .inner .control-tip .control-tip-popup .tip-control-next {
  background: url("/images/player-tip-next.png") no-repeat 0 0;
  width: 29px;
  height: 17px;
}
.subtitle .inner .control-tip .control-tip-popup .tip-control-plus {
  background: url("/images/player-tip-plus.png") no-repeat 0 0;
  width: 29px;
  height: 17px;
}
.subtitle .inner .control-tip .control-tip-popup .tip-control-minus {
  background: url("/images/player-tip-minus.png") no-repeat 0 0;
  width: 29px;
  height: 17px;
}
.subtitle .inner .control-tip .control-tip-popup .tip-control-space {
  background: url("/images/player-tip-space.png") no-repeat 0 0;
  width: 65px;
  height: 18px;
}
.subtitle .inner .control-tip .control-tip-popup .tip-control-translate {
  background: url("/images/player-tip-translate.png") no-repeat 0 0;
  width: 28px;
  height: 30px;
}
.subtitle .inner .control-tip .tip-control-triang {
  position: absolute;
  background: url("/images/player-tip-triang.png") no-repeat 0 0;
  width: 18px;
  height: 10px;
  bottom: 30px;
  left: 2px;
  display: none;
}
.subtitle .inner .control-tip:hover .control-tip-popup {
  display: block;
}
.subtitle .inner .control-tip:hover .tip-control-triang {
  display: block;
}
.subtitle .inner p {
  width: 100%;
  display: inline-block;
  /*line-height: 18px;*/
  white-space: pre-line;
}
.subtitle .inner p .add-fav__icon {
  top: inherit;
  bottom: 0px;
  right: 10px;
}
.subtitle .inner p::selection {
  background-color: #f5e63c !important;
  color: #000 !important;
}
.subtitle .inner p::-moz-selection {
  background-color: #f5e63c !important;
  color: #000 !important;
}
.subtitle .inner p .collection {
  border-bottom: 1px dashed #fce860;
  border-style: dashed;
  position: relative;
  display: inline-block;
  line-height: initial;
}
.subtitle .inner p .collection br {
  display: none;
}
.subtitle .inner p .collection .highlight-static {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.subtitle .inner p .collection svg {
  display: none;
  vertical-align: middle;
  width: 1em;
  font-size: inherit;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-left: -7px;
}
.subtitle .inner p .collection:hover {
  border-style: none;
  border-radius: 3px;
  background-color: #a0923f;
}
.subtitle .inner p .collection:hover svg {
  display: inline-block;
}
.subtitle .inner p .phrase {
  color: #38a3e2;
  text-decoration: underline;
  display: inline-block;
}
.subtitle .inner p .phrase:hover {
  color: #1984c7;
}
.subtitle .inner p .phrase br {
  display: none;
}
.subtitle .inner p span {
  cursor: pointer;
}
.subtitle .inner p span::selection {
  background-color: #f5e63c !important;
  color: #000 !important;
}
.subtitle .inner p span::-moz-selection {
  background-color: #f5e63c !important;
  color: #000 !important;
}
.subtitle .inner p span.hover,
.subtitle .inner p span.highlight-static {
  background-color: #f5e63c !important;
  color: #000 !important;
}
.subtitle .inner p > * {
  color: #fff;
}
.subtitle .inner .icon {
  background: url("/images/sub-controls.png") no-repeat 0 0;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  margin: 3px 6px 0 6px;
}
.subtitle .inner .icon.icon-next {
  width: 13px;
  height: 13px;
  background-position: -70px 0;
  margin-top: 3px;
}
.subtitle .inner .icon.icon-next:hover {
  background-position: -70px -15px;
}
.subtitle .inner .icon.icon-prev {
  width: 13px;
  height: 13px;
  background-position: 0 0;
  margin-top: 3px;
}
.subtitle .inner .icon.icon-prev:hover {
  background-position: 0 -15px;
}
.subtitle .inner .icon.icon-control-tip {
  background: url("/images/player-control-tip.png") no-repeat 0 0;
  width: 22px;
  height: 22px;
  background-position: 0 0;
  margin: 0px 16px -4px 0px;
}
.subtitle .inner .icon.icon-control-tip:hover {
  background-position: 0 -22px;
}
.subtitle.hidden {
  display: none !important;
}
.overlay.book {
  overflow-y: scroll;
}
.overlay.book .ui-effects-wrapper {
  margin: 0 auto !important;
}
.overlay.book .reader {
  display: none;
  width: 800px;
  margin: 0 auto;
  position: relative;
}
.overlay.book .reader .reader-book,
.overlay.book .reader .reader-misc {
  height: 992px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  font-family: "Times New Roman", serif;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.1) 3%), -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.1) 3%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.1) 3%), -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.1) 3%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.1) 3%), -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.1) 3%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.1) 3%), -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.1) 3%);
  background: linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.1) 3%), linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.1) 3%);
  background-image: url("/images/book-bg.png");
  background-repeat: repeat;
  background-position: 0 0;
  /*> div {
				display: none;
			}*/
}
.overlay.book .reader .reader-book h1,
.overlay.book .reader .reader-misc h1 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  line-height: 24px;
}
.overlay.book .reader .reader-book h2,
.overlay.book .reader .reader-misc h2 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 68px;
  line-height: 24px;
}
.overlay.book .reader .reader-book #book-book {
  display: block;
  padding: 63px;
  font-size: 18px;
  line-height: 24px;
  /*p {
					> span {
						vertical-align: text-bottom;
					}
				}*/
}
.overlay.book .reader .reader-book #book-book .header {
  margin-top: 10px;
  font-weight: bold;
  line-height: 27px;
  background: none;
  height: auto;
}
.overlay.book .reader .reader-book #book-book .epigraph {
  width: 100%;
  font-style: italic;
  margin-bottom: 40px;
}
.overlay.book .reader .reader-book #book-book .epigraph p {
  text-align: right;
}
.overlay.book .reader .reader-book #book-book .highlight-static {
  padding: 2px 0;
}
.overlay.book .reader .reader-book #book-book *::selection {
  background-color: #b9e3fb;
}
.overlay.book .reader .reader-book #book-book.opacity span {
  color: #dbdbdb;
  background: none;
}
.overlay.book .reader .reader-book #book-book.opacity .highlight-current {
  background: transparent;
  color: #000;
}
.overlay.book .reader .reader-misc {
  display: none;
}
.overlay.book .reader .reader-misc #book-contents {
  padding: 63px 0;
  line-height: 24px;
}
.overlay.book .reader .reader-misc #book-contents li {
  line-height: 48px;
  font-size: 18px;
}
.overlay.book .reader .reader-misc #book-contents li a {
  padding: 0 20px;
  line-height: 48px;
  display: block;
  text-decoration: none;
  color: #383838;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
}
.overlay.book .reader .reader-misc #book-contents li a i {
  margin: 25px 0 0 18px;
  display: inline-block;
  vertical-align: top;
}
.overlay.book .reader .reader-misc #book-contents li a:hover {
  background: #ecf8ff;
}
.overlay.book .reader .reader-misc #book-sentences {
  font-family: Verdana, sans-serif;
}
.overlay.book .reader .reader-misc #book-sentences .book-sentences {
  margin-top: 31px;
}
.overlay.book .reader .reader-misc #book-sentences .book-sentences .heading {
  text-align: center;
  font-size: 12px;
  font-family: helveticaneuecyrbold, sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #d9d9d9;
  padding: 29px 22px 15px 22px;
}
.overlay.book .reader .reader-misc #book-sentences .book-sentences .empty {
  display: none;
}
.overlay.book .reader .reader-misc #book-sentences .book-sentences .list a {
  color: #383838;
  line-height: 18px;
}
.overlay.book .reader .reader-misc #book-sentences .book-sentences .list a i {
  margin: 25px 0 0 18px;
  display: inline-block;
  vertical-align: top;
}
.overlay.book .reader .reader-misc #book-sentences .book-sentences .list li {
  font-size: 14px;
  border-top: none;
  border-bottom: 1px solid #dbdbdb;
  padding: 0 63px;
  min-height: auto;
}
.overlay.book .reader .reader-misc #book-sentences .book-sentences .list li .icon {
  margin-top: 9px;
}
.overlay.book .reader #book-config {
  display: none;
  position: absolute;
  z-index: 90;
  top: 145px;
  right: 17px;
  background: #fff;
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.07) 0%, rgba(255, 255, 255, 0.07) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.07) 0%, rgba(255, 255, 255, 0.07) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.07) 0%, rgba(255, 255, 255, 0.07) 100%);
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.07) 0%, rgba(255, 255, 255, 0.07) 100%);
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.07) 0%, rgba(255, 255, 255, 0.07) 100%);
  border-radius: 5px;
  box-shadow: 0 4px 13px rgba(0, 0, 0, 0.34);
  font-family: Verdana, sans-serif;
  font-size: 14px;
  padding: 0 40px;
  border: 1px solid rgba(0, 0, 0, 0.21);
  width: 323px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.overlay.book .reader #book-config .heading {
  border-bottom: 1px solid #dadada;
  width: 100%;
  text-align: center;
  line-height: 52px;
}
.overlay.book .reader #book-config .control {
  padding: 12px 0;
  margin: 0;
  border-bottom: 1px solid #dadada;
}
.overlay.book .reader #book-config .control label {
  font-weight: bold;
  display: block;
  float: left;
  width: 101px;
  line-height: 28px;
}
.overlay.book .reader #book-config .control > div {
  float: left;
  width: 140px;
}
.overlay.book .reader #book-config .control > div > span {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  line-height: 28px;
}
.overlay.book .reader #book-config .control > div > span i {
  display: inline-block;
  background: url("/images/tick-font.png") no-repeat 0 0;
  width: 16px;
  height: 13px;
  visibility: hidden;
  margin: 7px 9px 0 0;
  vertical-align: top;
}
.overlay.book .reader #book-config .control > div > span.active {
  color: #1984c7;
  cursor: default;
}
.overlay.book .reader #book-config .control > div > span.active i {
  visibility: visible;
}
.overlay.book .reader #book-config .control > div .font-example {
  margin: 0 0 5px 25px;
  font-family: Georgia, serif;
  vertical-align: bottom;
}
.overlay.book .reader #book-config .control > div .font-example span {
  display: inline-block;
  width: 50%;
  line-height: 18px;
}
.overlay.book .reader #book-config .control > div .font-example span:first-of-type {
  font-size: 14px;
  float: left;
}
.overlay.book .reader #book-config .control > div .font-example span:last-of-type {
  font-size: 18px;
  float: right;
  text-align: right;
}
.overlay.book .reader #book-config .control > div .slider {
  width: 115px;
  height: 4px;
  margin-left: 25px;
  border: none;
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.4);
  background: #e1e1e1;
  border-radius: 4px;
}
.overlay.book .reader #book-config .control > div .slider .ui-slider-handle {
  background: url("/images/volume-knob.png") no-repeat;
  width: 13px;
  height: 14px;
  border: none;
  margin-left: -7px;
}
.overlay.book .reader #book-config .control:last-of-type {
  border-bottom: none;
}
.overlay.book .reader #book-config .buttons {
  text-align: center;
  padding: 26px 0;
}
.overlay.book .reader #book-config .buttons button {
  font-size: 11px;
  line-height: 22px;
  padding: 0 21px;
}
.overlay.book .reader #book-config .corner {
  width: 12px;
  height: 26px;
  overflow: hidden;
  position: absolute;
  right: -12px;
  top: 30px;
}
.overlay.book .reader #book-config .corner:after {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.21);
  content: "";
  position: absolute;
  left: -20px;
  top: 0;
  width: 25px;
  height: 25px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.overlay.book .reader > .close {
  background: url("/images/cross-video.png") no-repeat 0 0;
  width: 26px;
  height: 26px;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: -45px;
}
.overlay.book .reader > .close:hover {
  background-position: 0 -26px;
}
.overlay.book .reader .social-buttons {
  position: absolute;
  width: 33px;
  top: 255px;
  right: -49px;
}
.overlay.book .reader .social-buttons .icon {
  background: url("/images/overlay-social-controls.png") no-repeat 0 0;
  display: inline-block;
  width: 33px;
  height: 33px;
  margin-bottom: 6px;
}
.overlay.book .reader .social-buttons .icon.icon-like {
  background-position: 0 0;
}
.overlay.book .reader .social-buttons .icon.icon-like:hover {
  background-position: -33px 0;
}
.overlay.book .reader .social-buttons .icon.icon-like.liked {
  background-position: -66px 0;
}
.overlay.book .reader .social-buttons .icon.icon-twitter {
  background-position: 0 -66px;
}
.overlay.book .reader .social-buttons .icon.icon-twitter:hover {
  background-position: -33px -66px;
}
.overlay.book .reader .social-buttons .icon.icon-facebook {
  background-position: 0 -33px;
}
.overlay.book .reader .social-buttons .icon.icon-facebook:hover {
  background-position: -33px -33px;
}
.overlay.book .reader .control-buttons {
  position: absolute;
  width: 33px;
  top: 46px;
  right: -49px;
}
.overlay.book .reader .control-buttons .icon {
  background: url("/images/reader-controls.png") no-repeat 0 0;
  display: inline-block;
  width: 33px;
  height: 33px;
  margin-bottom: 6px;
}
.overlay.book .reader .control-buttons .icon.active:not(.icon-config) {
  cursor: default;
}
.overlay.book .reader .control-buttons .icon.icon-book {
  background-position: 0 0;
}
.overlay.book .reader .control-buttons .icon.icon-book:hover {
  background-position: -33px 0;
}
.overlay.book .reader .control-buttons .icon.icon-book.active {
  background-position: -66px 0;
}
.overlay.book .reader .control-buttons .icon.icon-contents {
  background-position: 0 -33px;
}
.overlay.book .reader .control-buttons .icon.icon-contents:hover {
  background-position: -33px -33px;
}
.overlay.book .reader .control-buttons .icon.icon-contents.active {
  background-position: -66px -33px;
}
.overlay.book .reader .control-buttons .icon.icon-sentences {
  background-position: 0 -66px;
}
.overlay.book .reader .control-buttons .icon.icon-sentences:hover {
  background-position: -33px -66px;
}
.overlay.book .reader .control-buttons .icon.icon-sentences.active {
  background-position: -66px -66px;
}
.overlay.book .reader .control-buttons .icon.icon-config {
  background-position: 0 -99px;
}
.overlay.book .reader .control-buttons .icon.icon-config:hover {
  background-position: -33px -99px;
}
.overlay.book .reader .control-buttons .icon.icon-config.active {
  background-position: -66px -99px;
}
.overlay.book .theme-sepia .reader-book {
  background: #f5efdc;
}
.overlay.book .theme-sepia .reader-book #book-contents li a:hover {
  background: #f3e8c6;
}
.overlay.book .theme-night .reader-book {
  background: #000;
}
.overlay.book .theme-night .reader-book #book-book {
  color: #999;
}
.overlay.book .theme-night .reader-book #book-contents li a {
  color: #999;
  border-color: #262626;
}
.overlay.book .theme-night .reader-book #book-contents li a:hover {
  background: #000a14;
}
/*
.inline-controls {
	position: absolute;
	z-index: 10000;
	display: none;
	box-shadow: 3px 4px 9px rgba(0, 0, 0, 0.4);
	height: 34px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	white-space: nowrap;
	span {
		display: inline-block;
		width: 36px;
		height: 32px;
		background: #efefef;
		.gradient(bottom, #1984c7 0%, #38a3e2 100%);
		border-top: 1px solid rgba(6, 92, 145, 0.85);
		border-bottom: 1px solid rgba(6, 92, 145, 0.85);
		border-left: 1px solid rgba(1, 83, 135, 0.3);
		border-right: 1px solid #55abdf;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34);
		cursor: pointer;
		position: relative;
		.corner {
			width: 14px;
			height: 7px;
			background: url("/images/inline-tip.png") no-repeat 0 0;
			position: absolute;
			right: 11px;
			top: -6px;
		}
		.icon {
			background: url("/images/inline-icons.png") no-repeat 0 0;
			display: inline-block;
			vertical-align: top;
			margin: 10px 0 0 11px;
			width: 14px;
			height: 14px;
		}
		&:hover {
			.gradient(bottom, #09598b 0%, #207fb7 100%);
			border-color: #065c91;
			.corner {
				background-position: 0 -7px;
			}
		}
	}
	.icon-speak {
		border-left: 1px solid rgba(6, 92, 145, 0.85);
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
		.icon {
			background-position: 0 0;
		}
	}
	.icon-translate {
		.icon {
			background-position: -18px 0;
		}
	}
	.icon-add {
		.icon {
			background-position: -35px 0;
		}
	}
	.icon-delete {
		.icon {
			background-position: -49px 0;
		}
	}
	.last {
		border-right: 1px solid rgba(6, 92, 145, 0.85) !important;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}

}*/
.header {
  background: url("/images/grey-bg.png") repeat 0 0;
  height: 354px;
  position: relative;
  padding-top: 20px;
}
.header .wrapper {
  position: relative;
}
.header .buttons button {
  font-size: 11px;
  line-height: 22px;
  padding: 0 21px;
}
a.banner_slim {
  display: block;
  width: 960px;
  height: 74px;
  background: url("/images/premium/banner_slim.png") no-repeat 0 0;
  margin: 0px auto 28px auto;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
}
a.banner_slim span {
  position: absolute;
  font-size: 21px;
  top: 29px;
  right: 208px;
  text-shadow: -2px -2px 0 #258dce, 2px -2px 0 #258dce, -2px 2px 0 #258dce, 2px 2px 0 #258dce;
  /*text-shadow: 0 0 22px #258dce;*/
}
a.banner_slim:hover {
  opacity: 0.86;
}
.banner_fat {
  width: 960px;
  height: 190px;
  background: url("/images/premium/banner_fat.png") no-repeat 0 0;
  margin-bottom: 14px;
  margin-top: 8px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  text-align: center;
}
.banner_fat span {
  position: relative;
  width: 550px;
  display: inline-block;
  font-size: 17px;
  top: 112px;
}
.maintabs {
  position: relative;
  margin-top: -32px;
}
.maintabs li {
  display: block;
  float: left;
  height: 32px;
  font-size: 12px;
  font-family: helveticaneuecyrroman, sans-serif;
  line-height: 32px;
  background: #fff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin-right: 3px;
  box-shadow: inset 1px 1px 1px #ffffff, 0 1px 3px rgba(0, 0, 0, 0.29);
}
.maintabs li > * {
  display: inline-block;
  padding: 0 28px;
  line-height: 32px;
  text-decoration: none;
  color: #383838;
}
.maintabs li.active {
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.17);
  position: relative;
  z-index: 1;
}
.content {
  padding: 75px 0 15px 0;
  background: #fff;
  min-height: 100px;
  position: relative;
}
.content.filled {
  background-color: #f0f0f0;
  min-height: calc(100vh - 180px);
}
.content.grammar {
  padding-bottom: 8px;
}
.content.grammar-lesson {
  padding-bottom: 16px;
}
.content.grammar-lesson .instruction {
  margin-top: 40px;
  margin-bottom: 40px;
}
.content.learning-words {
  padding-top: 100px;
}
.antishadow {
  height: 15px;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  background: #fff;
  z-index: 101;
}
.fb-like {
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}
.tw-like {
  float: left;
  margin-top: 2px;
  margin-right: 5px;
  width: 85px !important;
}
.tw-g1 {
  float: left;
  margin-top: 2px;
  margin-right: 5px;
  display: inline-block;
  width: 65px !important;
}
.fb-bl .fb-like {
  float: none;
}
.fb-bl .tw-like {
  float: none;
}
.fb-bl .tw-g1 {
  float: none;
}
.filter .types {
  float: left;
  font-size: 0;
  margin-right: 19px;
}
.filter .types li {
  border: 1px solid #b5b5b5;
  display: inline-block;
  padding: 0 20px;
  text-align: center;
  height: 23px;
  background-color: #eee;
  margin-left: -1px;
  font-size: 10px;
}
.filter .types li a {
  color: #3b3b3b;
  text-decoration: none;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.58);
}
.filter .types li > * {
  line-height: 23px;
  display: inline-block;
  width: 100%;
}
.filter .types li i {
  background: url("/images/types.png") no-repeat 0 0;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  height: 14px;
}
.filter .types li i.icon-type-books {
  width: 15px;
  background-position: -15px -18px;
  margin-top: 5px;
}
.filter .types li i.icon-type-books {
  width: 15px;
  background-position: -15px -18px;
  margin-top: 5px;
}
.filter .types li i.icon-type-video {
  width: 13px;
  background-position: 0 -18px;
  margin-top: 7px;
}
.filter .types li i.icon-type-sentences {
  width: 10px;
  background-position: -32px -18px;
  margin-top: 5px;
}
.filter .types li.active {
  background: #373737;
  border-color: #373737;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.36);
}
.filter .types li.active i.icon-type-books {
  background-position: -15px 0;
}
.filter .types li.active i.icon-type-video {
  background-position: 0 0;
}
.filter .types li.active i.icon-type-sentences {
  background-position: -32px 0;
}
.filter .types li:not(.active):hover {
  background-color: #1e89cc;
  border-color: #0171b7;
  position: relative;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.32);
  z-index: 1;
}
.filter .types li:not(.active):hover a {
  color: #fff;
  text-shadow: none;
}
.filter .types li:not(.active):hover i.icon-type-books {
  background-position: -15px 0;
}
.filter .types li:not(.active):hover i.icon-type-video {
  background-position: 0 0;
}
.filter .types li:not(.active):hover i.icon-type-sentences {
  background-position: -32px 0;
}
.filter .types li:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.filter .types li:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-left: 0;
}
.filter .selectbox {
  float: left;
  margin-right: 11px;
}
.filter .selectbox.till .dropdown {
  width: 227px;
}
.filter .selectbox.till .dropdown li {
  height: 37px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.29);
  line-height: 37px;
}
.filter .selectbox.till .dropdown li:last-child {
  border-bottom: none;
}
.filter .selectbox .select,
.content .filter .btn-hide-viewed {
  border: 1px solid #b5b5b5;
  display: inline-block;
  height: 25px;
  background-color: #eee;
  font-size: 10px;
  line-height: 25px;
  min-width: 102px;
}
.filter .selectbox .dropdown li {
  font-size: 10px;
}
.filter .selectbox .dropdown li span.param {
  float: right;
  font-weight: 700;
}
.filter .selectbox .dropdown li img {
  width: 31px;
  height: 31px;
  border-radius: 3px;
  float: left;
  margin: 3px 5px 0 0;
}
.filter .selectbox .dropdown li:hover,
.filter .selectbox .dropdown li.selected {
  background: #1e89cc;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.36);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.32);
}
.filter .selectbox .trigger i {
  border-top-width: 4px;
  border-right-width: 4px;
  border-left-width: 4px;
}
.filter .search {
  float: right;
  width: 234px;
  background-position: 95% 6px;
}
.filter .checkbox {
  background-image: url('/images/library-check.png');
  width: 16px;
  height: 16px;
  margin: 5px 14px 0 10px;
  float: left;
}
.filter .checkbox.checked {
  background-position: 0 -16px;
}
.filter .filter-actions {
  float: left;
  display: none;
  margin-right: 19px;
}
.filter .filter-actions .preloader-filter {
  position: absolute;
}
.filter .light-gray-btn {
  border: 1px solid #b5b5b5;
  display: inline-block;
  padding: 0 20px;
  text-align: center;
  height: 23px;
  background: #eee !important;
  line-height: 23px;
  font-size: 10px;
  margin-right: 10px;
  padding: 0 11px;
}
.filter .light-gray-btn i {
  background: url('/images/new-list-buttons.png') no-repeat 0 0;
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
}
.filter .light-gray-btn i.icon-learn {
  background-position: 0 0;
  width: 14px;
  height: 15px;
  margin-top: 4px;
}
.filter .light-gray-btn i.icon-move {
  background-position: -112px -1px;
  width: 14px;
  height: 14px;
  margin-top: 4px;
}
.filter .light-gray-btn i.icon-trash {
  background-position: -31px 0;
  width: 12px;
  height: 13px;
  margin-top: 4px;
}
.filter .light-gray-btn i.icon-add {
  background-position: -17px -2px;
  width: 11px;
  height: 11px;
  margin-top: 6px;
}
.filter .light-gray-btn:last-of-type {
  margin-right: 0;
}
.filter .light-gray-btn:hover {
  background: #1e89cc !important;
  border-color: #0171b7;
  position: relative;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.32);
  color: #fff;
}
.filter .light-gray-btn:hover i.icon-learn {
  background-position: 0 -17px;
}
.filter .light-gray-btn:hover i.icon-move {
  background-position: -112px -18px;
}
.filter .light-gray-btn:hover i.icon-trash {
  background-position: -31px -17px;
}
.filter .light-gray-btn:hover i.icon-add {
  background-position: -17px -19px;
}
.filter .add-sentence {
  float: left;
}
.filter .add-sentence input {
  height: 25px;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 197px;
  border: 1px solid #b5b5b5;
  border-radius: 3px;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.filter .add-sentence input.error {
  border-color: #da0000;
}
.filter .add-sentence span {
  vertical-align: top;
  margin-left: -1px;
}
.filter.fixed {
  position: fixed;
  top: 40px;
  left: 0;
  margin: 0 !important;
  width: 100%;
  background: #fff;
  z-index: 1000;
  padding: 10px 0;
  box-shadow: 0 0 3px #000;
}
.movies {
  padding-top: 35px;
}
.movies .result {
  font-size: 13px;
  margin: 7px 0 25px 0;
}
.movies .result b {
  font-size: 14px;
  font-weight: bold;
}
.movies li,
.exercise_slider .rules-video {
  float: left;
  border: 1px solid #d1d1d1;
  padding: 4px;
  margin: 0 23px 33px 0;
  max-width: 304px;
  overflow: hidden;
}
.movies li .thumb,
.movies li .thumb img,
.exercise_slider .rules-video .thumb,
.exercise_slider .rules-video .thumb img {
  width: 294px;
  height: 165px;
}
.movies li .thumb,
.exercise_slider .rules-video .thumb {
  display: block;
  position: relative;
  background: #bebebe;
}
.movies li .thumb span,
.exercise_slider .rules-video .thumb span {
  position: absolute;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 9px;
  color: #fff;
  padding: 1px 4px 0 4px;
  line-height: 12px;
  bottom: 9px;
  right: 11px;
  background: #030403;
  border-radius: 1px;
}
.movies li > div:first-of-type,
.exercise_slider .rules-video > div:first-of-type {
  padding: 15px 0 4px 0;
  width: 294px;
}
.movies li > div,
.exercise_slider .rules-video > div {
  padding: 9px 0 5px 0;
  font-size: 11px;
}
.movies li.last,
.exercise_slider .rules-video.last {
  margin-right: 0;
}
.movies li:hover .thumb img,
.exercise_slider .rules-video:hover .thumb img {
  opacity: 0.85;
}
.movies li.long,
.exercise_slider .rules-video.long {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  max-width: 100%;
  width: 957px;
  height: 91px;
  background: url("/images/long-bg.png") no-repeat right -14px;
}
.movies li.long h1,
.exercise_slider .rules-video.long h1 {
  font-family: 'Open sans', serif;
  font-weight: bold;
  font-size: 26px;
  line-height: 28px;
  margin: 16px 0 0 20px;
}
.movies li.long p,
.exercise_slider .rules-video.long p {
  line-height: 28px;
  margin: 3px 0 0 20px;
}
.movies li.long p span,
.exercise_slider .rules-video.long p span {
  color: #3e9919;
}
.movies li.long .complex-btn,
.exercise_slider .rules-video.long .complex-btn {
  position: absolute;
  top: 27px;
  right: 70px;
}
.movies li.long.empty,
.exercise_slider .rules-video.long.empty {
  border: none;
  background: none;
  height: auto;
}
.movies li.long.empty .fb-like-box,
.exercise_slider .rules-video.long.empty .fb-like-box {
  padding: 0;
  border: none;
}
.movies .like {
  float: right;
}
.movies .name {
  color: #383838;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
}
.movies .date {
  font-size: 11px;
  color: #9c9c9c;
  display: inline-block;
  margin-left: 18px;
}
.movies .cat {
  margin-top: 2px;
  float: right;
}
.sentences .result {
  font-size: 13px;
  margin: 7px 0 25px 0;
}
.sentences .result b {
  font-size: 14px;
  font-weight: bold;
}
.sentences .sidebar {
  margin-top: 46px;
  width: 246px;
  float: left;
}
.sentences .sidebar > ul > li {
  line-height: 32px;
  font-size: 12px;
  font-weight: bold;
}
.sentences .sidebar > ul > li > span {
  cursor: pointer;
  line-height: 32px;
  display: inline-block;
}
.sentences .sidebar > ul > li > span:first-child {
  padding: 0 14px;
}
.sentences .sidebar li ul {
  display: none;
  font-weight: normal;
  padding-left: 14px;
  line-height: 26px;
}
.sentences .sidebar li ul li {
  margin-bottom: 2px;
}
.sentences .sidebar li ul li a {
  color: #383838;
}
.sentences .sidebar li ul span {
  font-weight: bold;
  color: #1984c7;
}
.sentences .sidebar .opened ul {
  display: block;
}
.sentences .sidebar .opened .trigger {
  display: none;
}
.sentences .sidebar .opened > span:first-child {
  background: #38a3e2;
  border-radius: 3px;
  color: #fff;
}
.sentences .sidebar .trigger {
  margin-left: -12px;
  width: 24px;
  height: 32px;
  vertical-align: top;
  position: relative;
}
.sentences .sidebar .trigger i {
  position: absolute;
  z-index: 9;
  top: 15px;
  right: 8px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-top: 4px solid #505050;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.sentences .mainbar {
  margin-top: 46px;
  float: left;
  width: 714px;
}
.sentences .mainbar h1 {
  font-size: 24px;
  color: #1984c7;
  font-family: helveticaneuecyrbold, sans-serif;
  font-weight: bold;
  margin-bottom: 22px;
}
.sentences .mainbar .list li {
  padding-left: 26px;
  position: relative;
}
.sentences .mainbar .list li .line {
  position: absolute;
  width: 1px;
  height: 100%;
  background: #ffc8c8;
  left: 15px;
  top: 0;
}
.sentences .mainbar .list li p:first-of-type {
  width: 620px;
}
.sentences .mainbar .list li:last-child {
  border-bottom: 1px solid #ddd;
}
.sentences .mainbar + .clr + .pagination {
  margin: 30px 0 0 246px;
  width: 714px;
}
.sentences .preloader {
  margin-top: 30px;
}
.library {
  margin-top: 43px;
}
.library .list li {
  position: relative;
  padding-left: 0px;
}
.library .list li .icon {
  background: url('/images/new-list-buttons.png') no-repeat 0 0;
  display: inline-block;
  float: left;
}
.library .list li .icon.icon-translate {
  background-position: -66px -1px;
  width: 17px;
  height: 13px;
  margin: 19px 8px 0 0;
}
.library .list li .icon.icon-translate:hover {
  background-position: -66px -19px;
}
.library .list li .icon.icon-speak {
  background-position: -48px 0;
  width: 15px;
  height: 14px;
  margin: 18px 8px 0 0;
}
.library .list li .icon.icon-speak:hover {
  background-position: -48px -18px;
}
.library .list li .icon.icon-tick {
  background-position: -86px -1px;
  width: 13px;
  height: 13px;
  cursor: default;
  margin: 19px 0 0 0;
}
.library .list li .icon.icon-added {
  background-position: -129px -2px;
  width: 12px;
  height: 12px;
  cursor: default;
  margin: 19px 0 0 0;
}
.library .list li .checkbox {
  margin: 17px 25px 0 10px;
}
.library .list li p:first-of-type {
  width: 800px;
  margin: 9px 0;
  line-height: 32px;
}
.library .list li p:first-of-type a {
  color: #383838;
}
.library .list li p:first-of-type a:hover {
  color: #1984c7;
}
.library .list li p:first-of-type span.translated {
  color: #3d9818;
  font-size: 12px;
  line-height: 14px;
}
.library .list li p:first-of-type span.translated span {
  color: #9c9c9c;
}
.library .list li p:first-of-type i.sentence-edit {
  display: inline-block;
  background: url('/images/edit-sentence.png') no-repeat 0 0;
  width: 14px;
  height: 14px;
  cursor: pointer;
  margin-left: 10px;
  opacity: 0.7;
}
.library .list li p:first-of-type i.sentence-edit:hover {
  opacity: 1;
}
.library .list li p.editing {
  width: auto;
}
.library .list li p.editing.double-row {
  width: 800px;
  margin-bottom: 0px;
}
.library .list li .edit {
  display: none;
  float: left;
  line-height: 28px;
  vertical-align: middle;
  margin-left: 7px;
  padding: 10px 0px;
}
.library .list li .edit .edit-text {
  line-height: 28px;
  padding: 0px 10px 0px 10px;
  display: inline-block;
  border-radius: 3px 0px 0px 3px;
  border: 1px solid #b5b5b5;
  color: #3d9818;
  font-size: 12px;
}
.library .list li .edit .edit-text.error {
  border-color: #da0000 !important;
}
.library .list li .edit .green-btn,
.library .list li .edit .black-btn,
.library .list li .edit .gray-btn {
  border-radius: 0px;
  font-size: 12px;
}
.library .list li .edit .light-gray-btn {
  border-radius: 0px 3px 3px 0px;
  font-size: 12px;
}
.library .list li .edit.double-row {
  margin-left: 99px;
  padding-top: 0px;
}
.library .list li .line {
  position: absolute;
  width: 1px;
  height: 100%;
  background: #ffc8c8;
  left: 38px;
  top: 0;
}
.library .list li .icons-right {
  float: left;
  width: 45px;
}
.library .list li .icons-right .icon {
  float: right;
  margin-left: 8px;
}
.library .list li.added {
  background-color: #fefdf2;
}
.library .checkbox {
  background-image: url('/images/library-check.png');
  width: 16px;
  height: 16px;
  margin-right: 14px;
  float: left;
}
.library .checkbox.checked {
  background-position: 0 -16px;
}
.library input[type=checkbox] {
  display: none;
}
.library .date > p {
  font-size: 12px;
  background: #fafafa;
  line-height: 49px;
  border-top: 1px solid #ddd;
}
.library .date > p .checkbox {
  margin: 16px 14px 0 10px;
}
.library .date > p .icon {
  background: url('/images/new-list-buttons.png') no-repeat 0 0;
  display: inline-block;
  float: left;
}
.library .date > p .icon.icon-collapse {
  background-position: -102px -5px;
  width: 7px;
  height: 5px;
  margin: 23px 10px 0 0;
}
.library .date > p .icon.icon-expand {
  background-position: -102px -23px;
  width: 7px;
  height: 5px;
  margin: 23px 10px 0 0;
}
.library .date > p span {
  cursor: pointer;
}
.library + .pagination {
  margin-top: 50px;
}
.library > p:not(.empty) {
  font-size: 13px;
  margin-bottom: 25px;
}
.library > p:not(.empty) b {
  font-weight: bold;
}
.friends {
  margin-top: 0px;
}
.friends ul li {
  width: 319px;
  height: 146px;
  padding: 20px 0 0 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  position: relative;
}
.friends ul li .avatar {
  width: 106px;
  height: 106px;
  padding: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d1d1d1;
  display: block;
  float: left;
  position: relative;
}
.friends ul li .pro-ribbon {
  display: block;
  position: absolute;
  top: -2px;
  left: -2px;
  background: url('/images/pro_ribbon_min.png') no-repeat 0 0;
  width: 41px;
  height: 41px;
  z-index: 20;
}
.friends ul li .user-info {
  float: left;
  margin-left: 13px;
  max-width: 165px;
  /*.call {
            display: none;
            position: absolute;
            bottom: 19px;
            left: 210px;
        }*/
}
.friends ul li .user-info .username {
  line-height: 18px;
  font-weight: bold;
  color: #383838;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 183px;
}
.friends ul li .user-info .country {
  margin-top: 15px;
  font-size: 11px;
}
.friends ul li .user-info .country img {
  vertical-align: top;
  margin-right: 6px;
}
.friends ul li .user-info .online,
.friends ul li .user-info .offline {
  font-size: 11px;
  line-height: 16px;
  display: inline-block;
  position: absolute;
  bottom: 19px;
}
.friends ul li .user-info .offline {
  color: #5e5e5e;
}
.friends ul li .user-info .chat-call {
  display: none;
  position: absolute;
  bottom: 19px;
  line-height: 27px;
}
.friends ul li .user-info .delete {
  display: none;
}
.friends ul li > .delete {
  display: block;
  background: url("/images/friend-delete.png") no-repeat 0 0;
  width: 12px;
  height: 15px;
  position: absolute;
  top: 6px;
  right: 10px;
  display: none;
  cursor: pointer;
}
.friends ul li.last {
  border-right-color: transparent;
}
.friends ul li.last-row {
  border-bottom-color: transparent;
}
.friends ul li:hover {
  background: #ecf8ff;
}
.friends ul li:hover:not(.isme) {
  /*.call {
              display: inline-block;
          }*/
}
.friends ul li:hover:not(.isme) > .delete {
  display: block;
}
.friends ul li:hover:not(.isme) .online,
.friends ul li:hover:not(.isme) .offline {
  display: none;
}
.friends ul li:hover:not(.isme) .chat-call {
  display: inline-block;
}
.friends ul li.delete .avatar {
  opacity: 0.5;
}
.friends ul li.delete > .delete {
  display: none !important;
}
.friends ul li.delete .user-info .username,
.friends ul li.delete .user-info .country {
  opacity: 0.5;
}
.friends ul li.delete .user-info .chat-call,
.friends ul li.delete .user-info .online,
.friends ul li.delete .user-info .offline {
  display: none;
}
.friends ul li.delete .user-info .delete {
  display: block;
  position: absolute;
  bottom: 23px;
  font-size: 12px;
}
.friends ul li.delete .user-info .delete span {
  color: #1984c7;
  text-decoration: underline;
  cursor: pointer;
  margin-left: 18px;
}
.friends + .preloader {
  margin-top: 10px;
}
.profile {
  padding-top: 79px;
}
.profile h1 {
  font-family: 'Open sans', serif;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 46px;
}
.profile h1 span {
  font-family: helveticaneuecyrroman, sans-serif;
  font-size: 18px;
  color: #1984c7;
  background: url("/images/arrow-profile.png") no-repeat right center;
  padding-right: 29px;
  margin-right: 11px;
}
.profile h2 {
  font-family: 'Open sans', serif;
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
  color: #1984c7;
  margin-bottom: 29px;
}
.profile .control > label {
  width: 184px;
  float: left;
}
.profile .control .input {
  width: 776px;
  float: left;
  margin-bottom: 25px;
}
.profile .control .input input[type=text],
.profile .control .input input[type=password] {
  width: 267px;
  height: 29px;
}
.profile .control .input .button {
  font-size: 12px;
  line-height: 27px;
  height: 27px;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.29);
  padding: 0 12px;
  border-radius: 2px;
  color: #383838;
  text-decoration: none;
  vertical-align: top;
  background: #eee;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.33);
}
.profile .control .input .button:hover,
.profile .control .input .qq-upload-button-hover .button {
  background-color: #1984c7;
  color: #fff;
  border-color: #0171b7;
  text-shadow: none;
}
.profile .control .input input + .button {
  margin-left: 15px;
}
.profile .control .input .prefix {
  display: inline-block;
  font-size: 12px;
  line-height: 29px;
  border: 1px solid #a4a4a4;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-right: none;
  padding: 0 11px;
  background: #f4f4f4;
  height: 29px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.profile .control .input .prefix + input {
  margin-left: -1px;
  width: 175px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 29px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}
.profile .control .input i.question {
  background: url("/images/question.png") no-repeat 0 0;
  width: 21px;
  height: 21px;
  display: inline-block;
  cursor: help;
  vertical-align: middle;
  margin: -2px 0 0 10px;
}
.profile .control .input i.question:hover {
  background-position: 0 -21px;
}
.profile .control .input .avatar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #c7c7c7;
  padding: 5px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.33);
  float: left;
  font-size: 0;
}
.profile .control .input .avatar img {
  max-height: 185px;
  max-width: 185px;
}
.profile .control .input .avatar ~ div {
  float: left;
  margin-left: 24px;
}
.profile .control .input .avatar ~ div .button {
  margin-bottom: 16px;
}
.profile .control .input textarea {
  border: 1px solid #a4a4a4;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 425px;
  height: 103px;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 14px;
  font-style: italic;
  line-height: 20px;
  padding: 10px 15px;
  color: #3b3b3b;
}
.profile .control .input label {
  font-size: 14px;
  line-height: 31px;
}
.profile .control .input .checkbox {
  vertical-align: top;
  margin-top: 5px;
}
.profile .control .input .disconnect-fb {
  margin-bottom: 20px;
}
.profile .control .input .select {
  height: 29px;
  line-height: 29px;
  background: #eee;
}
.profile .control .input .select .trigger {
  margin-top: 2px;
}
.profile .notifications > label {
  width: 100%;
  font-family: helveticaneuecyrroman, sans-serif;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 20px;
}
.profile .notifications .input {
  margin-bottom: 20px;
}
.profile .notifications ~ button {
  margin-top: 20px;
}
.profile .password label {
  width: 194px;
}
.profile .password .input {
  width: 766px;
}
.profile .password ~ button {
  margin-top: 20px;
}
.profile hr {
  height: 1px;
  background: #d4d4d4;
  border: none;
  width: 100%;
  margin-bottom: 20px;
  display: inline-block;
}
.profile button {
  margin: 0 0 50px 0;
}
.user-widget {
  padding-top: 82px;
}
.user-widget > .avatar {
  width: 197px;
  height: 197px;
  background: #fff;
  position: relative;
  padding: 6px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.33);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.user-widget > .avatar img {
  width: 185px;
  height: 185px;
}
.user-widget > .avatar .pro-ribbon {
  display: block;
  position: absolute;
  top: -2px;
  left: -2px;
  background: url('/images/pro_ribbon.png') no-repeat 0 0;
  width: 66px;
  height: 66px;
  z-index: 20;
}
.user-widget > .avatar .upload-ajax {
  display: none;
  text-align: center;
  width: 197px;
  margin: -44px 0 0 -6px;
}
.user-widget > .avatar .upload-ajax .upload {
  display: inline-block;
  font-size: 12px;
  line-height: 28px;
  border: 1px solid rgba(0, 0, 0, 0.21);
  border-radius: 2px;
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  background-color: #fff;
  padding: 0 13px;
}
.user-widget > .avatar .upload-ajax .upload i {
  display: inline-block;
  background: url("/images/upload.png") no-repeat 0 0;
  width: 12px;
  height: 14px;
  vertical-align: middle;
  margin: -3px 0 0 13px;
}
.user-widget > .avatar .upload-ajax:hover .upload {
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
  background-color: #1984c7;
  color: #fff;
  border-color: #0171b7;
  text-shadow: none;
}
.user-widget > .avatar .upload-ajax:hover .upload i {
  background-position: 0 -14px;
}
.user-widget > .avatar:hover .upload-ajax {
  display: block;
}
.user-widget > .info {
  width: 485px;
  float: left;
  margin: 0 28px 0 28px;
}
.user-widget > .info h1 {
  height: 60px;
  font-family: helveticaneuecyrroman, sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
}
.user-widget > .info h1 > span {
  margin-right: 16px;
}
.user-widget > .info h1 > div {
  display: inline-block;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 14px;
}
.user-widget > .info h1 > div .add-social {
  position: relative;
  display: inline-block;
}
.user-widget > .info h1 > div .add-social > a > i:not(.add) {
  background: url("/images/social.png") no-repeat 0 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 12px;
  vertical-align: top;
  margin-top: 4px;
}
.user-widget > .info h1 > div .add-social i.icon-twitter:not(.add) {
  background-position: -27px 0;
}
.user-widget > .info h1 > div .add-social i.icon-skype:not(.add) {
  background-position: -55px 0;
}
.user-widget > .info h1 > div .add-social > a > i.add {
  background: url("/images/social-add.png") no-repeat 0 0;
  display: inline-block;
  width: 25px;
  height: 16px;
  margin-right: 12px;
  vertical-align: top;
  margin-top: 4px;
}
.user-widget > .info h1 > div .add-social i.icon-twitter.add {
  background-position: -25px 0;
}
.user-widget > .info h1 > div .add-social i.icon-skype.add {
  background-position: -50px 0;
}
.user-widget > .info h1 > div .add-social i.icon-facebook.add:hover {
  background-position: 0 -16px;
}
.user-widget > .info h1 > div .add-social i.icon-twitter.add:hover {
  background-position: -25px -16px;
}
.user-widget > .info h1 > div .add-social i.icon-skype.add:hover {
  background-position: -50px -16px;
}
.user-widget > .info h1 > div .add-social .inline-input-add {
  display: none;
  position: absolute;
  background: #cfcfcf;
  border: 1px solid rgba(0, 0, 0, 0.31);
  border-radius: 3px;
  height: 31px;
  width: 194px;
  left: -105px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.user-widget > .info h1 > div .add-social .inline-input-add i {
  position: absolute;
  background: url("/images/inline-input-add-tip.png") no-repeat 0 0;
  width: 12px;
  height: 6px;
  right: 65px;
  top: -6px;
}
.user-widget > .info h1 > div .add-social .inline-input-add input {
  border: 1px solid rgba(0, 0, 0, 0.31);
  border-radius: 3px;
  height: 25px;
  width: 188px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0 0 0 2px;
}
.user-widget > .info h1 > div .country {
  margin-right: 16px;
}
.user-widget > .info h1 > div .select {
  vertical-align: top;
  margin-top: -2px;
  margin-right: 16px;
}
.user-widget > .info h1 > div .dropdown {
  margin-top: -6px;
}
.user-widget > .info h1 > div .dropdown li {
  line-height: 28px;
}
.user-widget > .info h1 > div .dropdown li:hover {
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.17) 0%, rgba(255, 255, 255, 0.17) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.17) 0%, rgba(255, 255, 255, 0.17) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.17) 0%, rgba(255, 255, 255, 0.17) 100%);
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.17) 0%, rgba(255, 255, 255, 0.17) 100%);
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.17) 0%, rgba(255, 255, 255, 0.17) 100%);
  background-color: #2094dc;
  color: #fff;
  box-shadow: inset 0px 1px 0px #6abff4;
}
.user-widget > .info p {
  font-size: 14px;
  line-height: 21px;
  height: 82px;
  overflow: hidden;
}
.user-widget > .info p .icon-pencil {
  background: url("/images/pencil-profile.png") no-repeat 0 0;
  width: 12px;
  height: 10px;
  display: inline-block;
  margin-left: 11px;
}
.user-widget > .info p i {
  font-style: italic;
}
.user-widget > .info .about-edit textarea {
  background: transparent;
  border: 1px solid #0f7ab9;
  font-family: Verdana, sans-serif;
  font-size: 14px;
  color: #383838;
  width: 100%;
  height: 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.user-widget > .info .about-edit .green-btn,
.user-widget > .info .about-edit .black-btn,
.user-widget > .info .about-edit .gray-btn {
  font-size: 11px;
  line-height: 22px;
  float: right;
  margin-top: 10px;
}
.user-widget > .info .controls {
  margin-top: 29px;
  position: relative;
}
.user-widget > .info .controls .blue-btn {
  font-size: 11px;
  line-height: 23px;
  margin-right: 23px;
}
.user-widget > .info .controls .online,
.user-widget > .info .controls .offline {
  font-size: 11px;
  margin-left: 14px;
}
.user-widget > .info .controls .flag {
  display: inline-block;
  background: url("/images/flag.png") no-repeat 0 0;
  width: 9px;
  height: 16px;
  float: right;
  margin-top: 4px;
}
.user-widget > .info .controls .flag:hover {
  background-position: 0 -16px;
}
.user-widget > .info .controls .flag-tip {
  display: none;
  position: absolute;
  z-index: 200;
  right: -89px;
  margin-top: 5px;
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.32);
  width: 194px;
}
.user-widget > .info .controls .flag-tip > *:not(div) {
  padding: 0 12px;
}
.user-widget > .info .controls .flag-tip div {
  background: url("/images/flag-tip.png") no-repeat 0 0;
  width: 14px;
  height: 5px;
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -7px;
}
.user-widget > .info .controls .flag-tip h2 {
  font-size: 11px;
  font-weight: bold;
  line-height: 15px;
  padding: 8px 8px;
  background: #1984c7;
  color: #fff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.user-widget > .info .controls .flag-tip a {
  display: block;
  background: #fff;
  font-size: 12px;
  line-height: 30px;
  border-bottom: 1px solid #d4d4d4;
  color: #383838;
}
.user-widget > .info .controls .flag-tip a:last-child {
  border-bottom: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.user-widget > .info .controls .flag-tip a:hover {
  text-decoration: none;
  background: #e8f6ff;
}
.user-widget > .info .controls .flag-tip a.lock {
  opacity: 0.5;
}
.user-widget > .info .controls .btn {
  font-size: 11px;
  line-height: 24px;
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  background-color: #fff;
  color: #525252;
  border-color: rgba(0, 0, 0, 0.29);
}
.user-widget > .info .controls .btn:hover {
  background-color: #2d98d7;
  color: #fff;
  border-color: #0171b7;
}
.user-widget .friends-short {
  width: 222px;
  float: left;
  border-left: 1px solid #d5d5d5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 27px;
  min-height: 197px;
}
.user-widget .friends-short h2 {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}
.user-widget .friends-short ul li {
  margin-top: 12px;
  font-size: 12px;
}
.user-widget .friends-short ul li a:first-child {
  margin-bottom: 10px;
  display: inline-block;
}
.user-widget .friends-short ul li .avatar {
  float: left;
}
.user-widget .friends-short ul li .avatar,
.user-widget .friends-short ul li .avatar img {
  width: 45px;
  height: 45px;
}
.user-widget .friends-short ul li .info {
  height: 45px;
  position: relative;
  margin-left: 56px;
}
.user-widget .friends-short ul li .info .chat {
  line-height: 18px;
  display: none;
}
.user-widget .friends-short ul li .info .online,
.user-widget .friends-short ul li .info .chat {
  position: absolute;
  bottom: 0;
  left: 0;
}
.user-widget .friends-short ul li .info .online {
  font-size: 11px;
}
.user-widget .friends-short ul li:not(.me):hover .online {
  display: none;
}
.user-widget .friends-short ul li:not(.me):hover .chat {
  display: inline-block;
}
.user-widget .friends-short > p {
  font-size: 12px;
  margin-top: 25px;
  line-height: 18px;
}
.user-widget .friends-short .blue-btn {
  font-size: 11px;
  line-height: 22px;
  margin-top: 13px;
}
.requests {
  padding-top: 79px;
  min-height: 800px;
}
.requests h1 {
  font-family: 'Open sans', serif;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 38px;
}
.requests .groups h2 {
  font-size: 12px;
  color: #5e5e5e;
  margin-bottom: 28px;
}
.requests .groups li {
  margin-top: 14px;
  padding: 0 2px 14px 2px;
  font-size: 12px;
  border-bottom: 1px solid #e0e0e0;
}
.requests .groups li .avatar {
  float: left;
}
.requests .groups li .info {
  margin-left: 44px;
}
.requests .groups li .info p {
  width: 682px;
  float: left;
  line-height: 14px;
}
.requests .groups li .info p span {
  font-size: 10px;
}
.requests .groups li .info b {
  font-weight: bold;
}
.requests .groups li .info .controls {
  margin-top: 12px;
}
.requests .groups li .info .controls a {
  font-size: 11px;
  line-height: 21px;
}
.requests .groups li .info .controls .blue-btn {
  margin-right: 13px;
}
.requests .groups li:last-child {
  border-bottom: none;
}
.archive {
  padding-top: 79px;
}
.archive h1 {
  font-family: 'Open sans', serif;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 38px;
}
.archive .sidebar {
  float: left;
  width: 272px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #b4b4b4;
  border-bottom: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  overflow: auto;
}
.archive .sidebar .searchbox {
  border-bottom: 1px solid #b4b4b4;
  padding: 13px 15px;
}
.archive .sidebar .searchbox .search {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-position: 214px 6px;
}
.archive .sidebar .searchbox .search:focus {
  background-position: 214px -32px;
}
.archive .sidebar .searchbox.nob {
  border-bottom: none;
}
.archive .sidebar ul li {
  padding: 11px 0;
  border-bottom: 1px solid #b4b4b4;
  cursor: pointer;
}
.archive .sidebar ul li .avatar {
  width: 45px;
  height: 45px;
  padding-left: 15px;
  float: left;
}
.archive .sidebar ul li .info {
  min-height: 45px;
  position: relative;
  font-size: 12px;
  margin-left: 71px;
}
.archive .sidebar ul li .info a {
  text-decoration: none;
  color: #383838;
  font-weight: bold;
}
.archive .sidebar ul li .info .preview {
  margin-top: 3px;
}
.archive .sidebar ul li .info .date {
  font-size: 10px;
  color: #6a6a6a;
  margin-top: 9px;
}
.archive .sidebar ul li .info .circle-online {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #3ba40e;
  border-radius: 5px;
  position: absolute;
  top: 4px;
  right: 15px;
}
.archive .sidebar ul li .info .count {
  display: inline-block;
  color: #3ba40e;
  position: absolute;
  top: 0px;
  right: 15px;
  font-size: 11px;
}
.archive .sidebar ul li:hover,
.archive .sidebar ul li.active {
  background: #e8f6ff;
}
.archive .replace-me {
  width: 653px;
  float: left;
  margin-left: 35px;
  position: relative;
}
.archive .replace-me h2 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 18px;
}
.archive .replace-me h2 .online {
  font-size: 11px;
  font-weight: normal;
  margin-left: 17px;
}
.archive .replace-me .messages {
  width: 640px;
  margin-bottom: 186px;
  overflow-y: auto;
}
.archive .replace-me .messages .date {
  text-align: center;
  font-size: 10px;
  color: #8c8c8c;
  margin-bottom: 15px;
  display: table;
}
.archive .replace-me .messages .date span {
  padding: 0 15px;
  display: table-cell;
  white-space: nowrap;
}
.archive .replace-me .messages .date i {
  background: url("/images/or-bg.png") repeat-x center center;
  display: table-cell;
  width: 50%;
}
.archive .replace-me .messages ul li {
  overflow: hidden;
  margin-bottom: 20px;
}
.archive .replace-me .messages ul li .avatar {
  float: left;
  width: 30px;
  height: 30px;
}
.archive .replace-me .messages ul li .info {
  margin-left: 44px;
}
.archive .replace-me .messages ul li .info p {
  font-size: 12px;
  float: left;
}
.archive .replace-me .messages ul li .info .time {
  float: right;
  font-size: 10px;
  color: #5b5b5b;
}
.archive .replace-me .messages ul li.clearfix:after {
  display: inline;
}
.archive .replace-me .textarea {
  position: fixed;
  width: 610px;
  bottom: 0;
  background: #f0f0f0;
  border: 1px solid #c1c1c1;
  border-bottom: none;
  padding: 29px 14px 12px 14px;
}
.archive .replace-me .textarea textarea {
  width: 100%;
  height: 85px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.13), inset 0px 1px 4px rgba(0, 0, 0, 0.46);
  resize: none;
}
.archive .replace-me .textarea textarea.error {
  box-shadow: 0px 1px 0px rgba(218, 0, 0, 0.7), inset 0px 1px 4px #da0000;
}
.archive .replace-me .textarea .green-btn,
.archive .replace-me .textarea .black-btn,
.archive .replace-me .textarea .gray-btn {
  font-size: 11px;
  line-height: 22px;
  float: right;
  margin-top: 14px;
}
.static {
  padding: 65px 0 40px 0;
}
.static .staticmenu {
  width: 192px;
  float: left;
}
.static .staticmenu ul li {
  line-height: 48px;
  font-size: 14px;
  font-family: helveticaneuecyrroman, sans-serif;
  border-bottom: 1px solid #dedede;
  padding-left: 2px;
}
.static .staticmenu ul li a {
  color: #383838;
  text-decoration: none;
}
.static .staticmenu ul li span {
  color: #1984c7;
}
.static .statictext {
  float: left;
  width: 714px;
  margin-left: 54px;
}
.static .statictext h1 {
  font-family: 'Open sans', serif;
  font-size: 24px;
  line-height: 30px;
}
.static .statictext h1 + p {
  margin-top: 38px;
}
.static .statictext h2 {
  font-family: 'Open sans', serif;
  font-size: 20px;
  line-height: 24px;
  color: #1984c7;
  margin: 38px 0 15px 0;
}
.static .statictext h3 {
  font-family: helveticaneuecyrroman, sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #1984c7;
}
.static .statictext p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px;
}
.static .statictext p a {
  text-decoration: underline;
}
.static .statictext img.shadow {
  padding: 5px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.21);
  border: 1px solid #dbdbdb;
}
.static .statictext img.pullleft {
  float: left;
  margin: 20px 35px 0 0;
}
.static .statictext img.pullleft + p {
  margin-top: 25px;
}
.static .statictext img.pullleft + h2 {
  margin: 0;
  padding: 40px 0 4px 0;
}
.static .statictext img.pullleft + h2 + h3 {
  margin-bottom: 10px;
}
.static .statictext .clr + img.pullleft {
  margin-top: 30px;
}
.static .statictext hr {
  height: 1px;
  background: #d4d4d4;
  border: none;
  margin: 24px 0;
}
.static .statictext .tabs {
  margin-top: 20px;
  border: none;
  padding: 0;
}
.static .statictext .tabs ul.ui-tabs-nav {
  border: none;
  border-bottom: 1px solid #c3c2c2;
  border-radius: 0;
  padding: 0;
  background: none;
  font-family: helveticaneuecyrroman, sans-serif;
  font-size: 11px;
}
.static .statictext .tabs ul.ui-tabs-nav li {
  border-color: #ccc;
  background: #f4f3f3;
}
.static .statictext .tabs ul.ui-tabs-nav li.ui-tabs-active {
  background: #fff;
}
.static .statictext .tabs .ui-tabs-panel {
  padding: 0;
}
.static .statictext form label {
  display: block;
  font-size: 14px;
  margin-bottom: 8px;
}
.static .statictext form label span {
  display: block;
  font-size: 12px;
  color: #747474;
  margin-top: 12px;
}
.static .statictext form input[type=text],
.static .statictext form textarea {
  border: 1px solid #a4a4a4;
  border-radius: 3px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 31px;
  margin-bottom: 25px;
  padding: 0 5px;
}
.static .statictext form textarea {
  height: 141px;
  resize: vertical;
  padding: 5px;
}
.static .statictext form .error {
  border-color: #da0000 !important;
}
.static .statictext form .selectbox {
  margin-bottom: 25px;
}
.static .statictext form .selectbox .select {
  background-image: none;
  height: 31px;
  line-height: 31px;
}
.static .statictext form .selectbox .select .trigger {
  height: 30px;
}
.static .statictext form .selectbox .select .trigger i {
  top: 14px;
}
.static .statictext form .selectbox .dropdown {
  line-height: 31px;
  background-image: none;
}
.static .statictext form .add-attachment-wrapper .add-attachment {
  text-decoration: none;
  font-size: 12px;
  color: #747474;
}
.static .statictext form .add-attachment-wrapper .add-attachment i {
  vertical-align: top;
  display: inline-block;
  background: url("/images/pin.png") no-repeat 0 0;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.static .statictext form .add-attachment-wrapper ul {
  margin-top: 17px;
}
.static .statictext form .add-attachment-wrapper ul li {
  font-size: 12px;
  margin-bottom: 3px;
  color: #1984c7;
}
.static .statictext form .add-attachment-wrapper ul li .delete {
  background: url("/images/attachment-delete.png") no-repeat 0 0;
  width: 6px;
  height: 7px;
  display: inline-block;
  margin-left: 15px;
}
.static .statictext form .green-btn,
.static .statictext form .black-btn,
.static .statictext form .gray-btn {
  margin-top: 20px;
}
.static .statictext .address-block,
.static .statictext .company-info-block {
  margin-top: 40px;
}
.static .statictext .address-block label,
.static .statictext .company-info-block label {
  display: block;
  font-size: 14px;
  margin-bottom: 8px;
}
.static .statictext .address-block div,
.static .statictext .company-info-block div {
  display: block;
  font-size: 12px;
  color: #747474;
  font-family: Verdana;
  line-height: 14px;
  letter-spacing: 0.48px;
}
.static .statictext .address-block div img,
.static .statictext .company-info-block div img {
  vertical-align: top;
}
.static .statictext .company-info-block {
  margin-top: 20px;
}
.full-search .search-box .search {
  width: 490px;
  height: 42px;
  margin: 0 auto;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 25px;
  background-position: 460px 14px;
}
.full-search .search-box .search:focus {
  background-position: 460px -24px;
}
.full-search .results {
  margin-top: 40px;
}
.full-search .results > p {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 30px;
}
.full-search .results .block {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d4d4d4;
}
.full-search .results .block i {
  display: block;
  float: left;
  width: 31px;
  height: 27px;
  background: url("/images/library.png") no-repeat 0 0;
}
.full-search .results .block i.icon-video {
  background-position: 0 -30px;
}
.full-search .results .block i.icon-book {
  background-position: 0 0;
}
.full-search .results .block i.icon-sentence {
  background-position: 0 -60px;
}
.full-search .results .block i.icon-manual {
  background-position: 4px -89px;
}
.full-search .results .block i.icon-user {
  background-position: 0 -117px;
}
.full-search .results .block ul {
  margin-left: 42px;
}
.full-search .results .block ul li {
  margin: 11px 0;
  font-size: 14px;
  line-height: 24px;
}
.full-search .results .block ul li .name {
  font-size: 18px;
  font-weight: bold;
}
.full-search .results .block ul li:first-child:not(.user) {
  padding-top: 4px;
}
.full-search .results .block ul li.user .name {
  display: inline-block;
  vertical-align: top;
  margin: 15px 0 0 12px;
}
.full-search .results .block:last-child {
  border-bottom: none;
}
.ui-tooltip-bigger .qtip-content {
  font-size: 11px;
  line-height: 17px;
}
.uhave {
  float: right;
  font-size: 12px;
  margin-top: -6px;
}
.uhave a,
.get-more-btn {
  margin-left: 22px;
  display: inline-block;
  background-color: #1e89cc;
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
  color: #fff;
  font-family: helveticaneuecyrroman, sans-serif;
  font-size: 10px;
  text-decoration: none;
  line-height: 21px;
  padding: 2px 11px 0 11px;
  border-radius: 12px;
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.32);
  border: 1px solid #0171b7;
}
.uhave a:hover,
.get-more-btn:hover {
  text-decoration: none;
  background-image: -webkit-linear-gradient(top, #239fec 0%, #2195dd 52%, #1e8bce 100%);
  background-image: -moz-linear-gradient(top, #239fec 0%, #2195dd 52%, #1e8bce 100%);
  background-image: -o-linear-gradient(top, #239fec 0%, #2195dd 52%, #1e8bce 100%);
  background-image: -ms-linear-gradient(top, #239fec 0%, #2195dd 52%, #1e8bce 100%);
  background-image: linear-gradient(top, #239fec 0%, #2195dd 52%, #1e8bce 100%);
}
.empty {
  font-size: 14px;
}
.overlay.invite > div {
  top: 100px;
}
.overlay.invite > div .invite h2 {
  font-family: 'Open sans', serif;
  font-size: 24px;
  line-height: 21px;
}
.overlay.invite > div .invite > p {
  font-size: 12px;
  line-height: 21px;
  margin: 20px 0;
}
.overlay.invite > div .invite .search {
  width: 363px;
  background-position: 370px 6px;
}
.overlay.invite > div .invite ul {
  max-height: 500px;
  overflow: auto;
  width: 100%;
  margin-top: 26px;
}
.overlay.invite > div .invite ul li {
  padding: 7px 0;
  border-bottom: 1px solid #e0e0e0;
}
.overlay.invite > div .invite ul li .avatar {
  width: 31px;
  height: 31px;
  float: left;
}
.overlay.invite > div .invite ul li .avatar img {
  width: 31px;
  height: 31px;
}
.overlay.invite > div .invite ul li .info {
  float: left;
  margin-left: 10px;
}
.overlay.invite > div .invite ul li .info p {
  font-size: 12px;
  margin-top: 9px;
  width: 180px;
  text-align: left;
  float: left;
}
.overlay.invite > div .invite ul li .info p.higher {
  margin-top: 4px;
  line-height: 14px;
}
.overlay.invite > div .invite ul li .info .promo {
  width: 55px;
  float: left;
  font-size: 11px;
  color: #3a9a00;
  text-align: center;
  margin-top: 5px;
}
.overlay.invite > div .invite ul li .info .light-gray-btn {
  font-size: 11px !important;
  line-height: 21px !important;
  margin: 5px 0 0 28px !important;
  float: left;
}
.overlay.invite > div .invite ul li .info .light-gray-btn:not(.pressed):hover {
  border-radius: 3px;
  padding: 0 15px;
  line-height: 30px;
  font-size: 16px;
  cursor: pointer;
  font-family: 'Open Sans', serif;
  margin: 0;
  display: inline-block;
  border: none;
  background-color: #339900;
  color: #fff;
}
.overlay.invite > div .invite ul li .info .light-gray-btn:not(.pressed):hover:hover {
  text-decoration: none;
}
.overlay.invite > div .invite ul li .info .light-gray-btn:not(.pressed):hover:hover {
  background: #33cc00;
}
.overlay.invite > div .invite ul li .info .light-gray-btn.pressed {
  cursor: default;
  opacity: 0.5;
}
.one-phrase .avatar {
  width: 45px;
  float: left;
}
.one-phrase .info {
  float: left;
  margin-left: 14px;
}
.one-phrase .info > p {
  font-size: 12px;
  margin-bottom: 18px;
}
.one-phrase .info .assoc {
  border: 1px solid #d9d9d9;
  padding: 5px;
  background: #fff;
  margin-bottom: 68px;
}
.one-phrase .info .assoc img {
  height: 90px;
  margin-right: 40px;
}
.one-phrase .info .assoc p {
  display: inline-block;
  line-height: 90px;
  vertical-align: top;
  font-size: 18px;
}
.one-phrase .info > h1 {
  font-size: 24px;
  margin-bottom: 15px;
}
.one-phrase .info .book .thumb {
  display: block;
  position: relative;
  border: 1px solid #d1d1d1;
  padding: 4px;
  float: left;
  background: #fff;
  line-height: 0;
}
.one-phrase .info .book .book-info {
  float: left;
  margin-left: 23px;
  position: relative;
  height: 209px;
}
.one-phrase .info .book .book-info h1 {
  font-size: 24px;
}
.one-phrase .info .book .book-info p {
  margin-top: 10px;
}
.one-phrase .info .book .book-info .green-btn,
.one-phrase .info .book .book-info .black-btn,
.one-phrase .info .book .book-info .gray-btn {
  position: absolute;
  bottom: 0;
}
.filter.guest .checkbox,
.library.guest .checkbox {
  opacity: 0.5;
}
.popup_instruction_block {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.82);
  z-index: 20000;
}
.popup_instruction_block .popup_instruction {
  position: absolute;
  top: 40px;
  width: 640px;
  height: 530px;
  left: 50%;
  margin-left: -350px;
  padding: 30px;
  background: #fff;
  box-shadow: 0px 0px 15px #434343;
  z-index: 1;
  text-align: center;
}
.popup_instruction_block .popup_instruction .popup_instruction_head {
  position: relative;
}
.popup_instruction_block .popup_instruction .popup_instruction_head .inst_head_grey {
  color: #373737;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 20px;
  font-family: Verdana;
}
.popup_instruction_block .popup_instruction .popup_instruction_head .inst_head_blue {
  color: #1c82c5;
  font-size: 24px;
  font-family: 'Open sans', Times New Roman;
}
.popup_instruction_block .popup_instruction .popup_instruction_img {
  height: 363px;
  text-align: center;
}
.popup_instruction_block .popup_instruction .popup_instruction_text {
  height: 65px;
}
.popup_instruction_block .popup_instruction .popup_instruction_text .inst_text_grey {
  color: #373737;
  font-size: 18px;
  margin-bottom: 15px;
  font-family: Helvetica Neue;
}
.popup_instruction_block .popup_instruction .popup_instruction_text .inst_text_green {
  color: #369b20;
  line-height: 1.3em;
  font-size: 16px;
  margin-bottom: 20px;
  font-family: Helvetica Neue;
}
.popup_instruction_block .popup_instruction .popup_instruction_btn {
  margin-top: 20px;
}
.popup_instruction_block .popup_instruction .popup_instruction_btn #btn_inst_next {
  padding: 0px;
  margin-left: 10px;
  border: 0px;
  height: 30px;
  width: 85px;
  background: #1B84C8;
  color: #fff;
  position: relative;
  top: -12px;
  cursor: pointer;
}
.popup_instruction_block .popup_instruction .popup_instruction_btn #btn_inst_next.okready {
  background: #3A9A03;
}
.popup_instruction_block .popup_instruction .popup_instruction_btn #btn_inst_prev {
  display: none;
  padding: 0px;
  margin-left: 10px;
  border: 0px;
  width: 85px;
  height: 30px;
  cursor: pointer;
  color: #fff;
  position: relative;
  top: -12px;
  background: #1B84C8;
}
.popup_instruction_block_exercise {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.82);
  z-index: 20000;
}
.popup_instruction_block_exercise .popup_instruction_exercise {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -400px;
  margin-top: -270px;
  z-index: 1;
  text-align: center;
}
.popup_instruction_block_exercise .popup_instruction_exercise .popup_instruction_head_exercise {
  margin-bottom: 18px;
}
.popup_instruction_block_exercise .popup_instruction_exercise .popup_instruction_head_exercise .close {
  position: absolute;
  top: 23px;
  right: -48px;
  width: 22px;
  height: 22px;
  background-image: url('../images/close-sprite.png');
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  background-position-x: 0;
}
.popup_instruction_block_exercise .popup_instruction_exercise .popup_instruction_head_exercise .close:hover {
  background-position-x: 50%;
}
.popup_instruction_block_exercise .popup_instruction_exercise .popup_instruction_head_exercise .close:active {
  background-position-x: 100%;
}
.popup_instruction_block_exercise .popup_instruction_exercise .inst_head_white {
  color: #FFFFFF;
  font-size: 32px;
}
.popup_instruction_block_exercise .popup_instruction_exercise .popup_instruction_btn {
  margin-top: 37px;
}
.popup_instruction_block_exercise .popup_instruction_exercise .popup_instruction_btn button {
  padding: 7px 30px;
}
.chat-view textarea:focus {
  outline: none;
}
.archeiveUserlist ul li .info .circle-online.hide,
.chat-list ul li .info .circle-online.hide {
  display: none;
}
.archeiveUserlist ul li .info .count.hide,
.chat-list ul li .info .count.hide {
  display: none;
}
#btn_inst_next:hover {
  opacity: 0.7;
}
#btn_inst_prev:hover {
  opacity: 0.7;
}
.popup_instruction_head .close {
  background: url("/images/cross-video.png") no-repeat 0 0;
  width: 26px;
  height: 26px;
  display: block;
  cursor: pointer;
  position: absolute;
  top: -25px;
  right: -64px;
}
.popup_instruction_head .close:hover {
  background-position: 0 -26px;
}
.empty-sentens-likes-friends {
  margin-top: 43px;
  color: #ddd;
}
.empty-sentens-likes-friends .checkbox.disabled {
  cursor: default;
  background-image: url('/images/library-check-disabled.png');
}
.empty-sentens-likes-friends li.empty-sentens:hover {
  background: none;
}
.empty-sentens-likes-friends li.empty-sentens:last-child {
  border-bottom: 1px solid #ddd;
}
.empty-sentens-likes-friends li.empty-sentens p:first-of-type {
  line-height: 40px;
  cursor: default;
}
.empty-sentens-likes-friends li.empty-sentens .checkbox {
  margin: 22px 25px 0 10px;
}
.empty-sentens-likes-friends li.empty-video:hover {
  background: none;
}
.empty-sentens-likes-friends li.empty-video .empty-pic {
  width: 292px;
  height: 163px;
  border: 1px solid #d1d1d1;
}
.empty-sentens-likes-friends li.empty-video .empty-descr {
  height: 26px;
}
.empty-sentens-likes-friends li.empty-friend:hover {
  background: none;
}
.empty-sentens-likes-friends li.empty-friend .empty-username {
  width: 64px;
  height: 7px;
  border: 1px solid #dedede;
  margin-top: 6px;
}
.empty-sentens-likes-friends li.empty-friend .empty-userdescr {
  width: 45px;
  height: 7px;
  border: 1px solid #dedede;
  margin-top: 14px;
}
.empty-sentens-likes-friends li.empty-friend-second {
  padding: 0px;
  height: 23px;
  border-bottom: none;
}
.empty-sentens-likes-friends li.empty-friend-second:hover {
  background: none;
}
.blog-breadcrumbs {
  margin-bottom: 17px;
}
.blog-breadcrumbs a {
  color: #4f99d1;
  font-size: 14px;
  padding-right: 19px;
  text-decoration: none;
  background: url('/images/blog-next.png') no-repeat 100% 0px;
}
.blog-breadcrumbs a:last-child {
  color: #383838;
  cursor: default;
  padding-right: 0px;
  background: none;
}
.blog .right-colum {
  float: right;
  width: 305px;
}
.blog .right-colum .right-block {
  overflow: hidden;
}
.blog .right-colum .right-block .title p {
  font-size: 16px;
  line-height: 16px;
  margin: 3px 0px 18px 0px;
  font-weight: bold;
  font-family: 'OpenSansSemibold';
}
.blog .right-colum .right-block .title .line {
  display: none;
  width: 120px;
  border: 1px solid #3fa4df;
  margin-bottom: 12px;
}
.blog .right-colum .right-block .title.with-line .line {
  display: block;
}
.blog .right-colum .right-block .text {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 42px;
  overflow: hidden;
}
.blog .right-colum .right-block .text .tag-item {
  float: left;
  padding: 5px 15px;
  margin-right: 10px;
  background-color: #60bbea;
  color: #fff;
  border-radius: 3px;
  font-family: 'Open sans';
  font-size: 13px;
  margin-top: 8px;
  cursor: pointer;
  text-decoration: none;
}
.blog .right-colum .right-block .text .tag-item:hover {
  background-color: #2385c5;
}
.blog .main_content {
  margin-right: 325px;
  /*.blog-breadcrumbs {
        margin-bottom: 17px;
        a {
            color: #4f99d1;
            font-size: 14px;
            padding-right: 19px;
            text-decoration: none;
            background: url('/images/blog-next.png') no-repeat 100% 0px;
            &:last-child {
                color: #383838;
                cursor: default;
                padding-right: 0px;
                background: none;
            }
        }
    }*/
}
.blog .main_content .post-item {
  overflow: hidden;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 30px;
}
.blog .main_content .post-item:last-child {
  border-bottom: none;
  margin-bottom: 40px;
}
.blog .main_content .post-item .item-img {
  margin-bottom: 30px;
}
.blog .main_content .post-item .item-img img {
  width: 100%;
  height: 340px;
}
.blog .main_content .post-item .item-info {
  overflow: hidden;
  margin-bottom: 18px;
  line-height: 24px;
  font-size: 12px;
}
.blog .main_content .post-item .item-info .data-block {
  float: left;
  margin-right: 20px;
}
.blog .main_content .post-item .item-info .tags-block {
  float: left;
}
.blog .main_content .post-item .item-info .tags-block .tag-item {
  margin-right: 10px;
  color: #2385c5;
  cursor: pointer;
  text-decoration: none;
}
.blog .main_content .post-item .item-info .tags-block .tag-item:hover {
  text-decoration: underline;
}
.blog .main_content .post-item .item-info .share-block {
  float: right;
  height: 24px;
  width: 136px;
}
.blog .main_content .post-item .item-info .share-block li {
  float: left;
  margin-left: 10px;
}
.blog .main_content .post-item .item-info .share-block li.fb a {
  width: 24px;
  height: 24px;
  display: block;
  background: url('/images/socials.png') no-repeat 0px 0px;
}
.blog .main_content .post-item .item-info .share-block li.gp a {
  width: 24px;
  height: 24px;
  display: block;
  background: url('/images/socials.png') no-repeat -34px 0px;
}
.blog .main_content .post-item .item-info .share-block li.tw a {
  width: 24px;
  height: 24px;
  display: block;
  background: url('/images/socials.png') no-repeat -68px 0px;
}
.blog .main_content .post-item .item-info .share-block li.pt {
  width: 24px;
  height: 24px;
  display: block;
  /*background: url('/images/socials.png') no-repeat -102px 0px;*/
}
.blog .main_content .post-item .item-info .share-block li.pt a {
  width: 24px !important;
  height: 24px !important;
  cursor: pointer !important;
  background-size: 24px 24px !important;
}
.blog .main_content .post-item .item-info .share-block li.em a {
  width: 24px;
  height: 24px;
  display: block;
  background: url('/images/socials.png') no-repeat -136px 0px;
}
.blog .main_content .post-item .item-title {
  line-height: 35px;
  font-size: 30px;
  margin-bottom: 15px;
  font-family: 'Open sans';
}
.blog .main_content .post-item .item-preview {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 25px;
}
.blog .main_content .post-item .item-footer {
  margin-bottom: 30px;
}
.blog .main_content .post-item .item-footer .continue-reading {
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  padding: 10px 16px;
  /*background-color: #60bbea;*/
  color: #fff;
  border-radius: 3px;
  text-decoration: none;
}
.blog .main_content .post-item .item-footer .continue-reading:hover {
  /*background-color: #2385c5;*/
}
.blog .main_content .post-item .rate {
  float: right;
  font-size: 14px;
}
.blog .main_content .post-item .rate .post-ratings .rating {
  width: 17px;
  height: 16px;
  background-image: url(/images/stars_rating.png);
  background-size: 100%;
  display: inline-block;
  float: left;
}
.blog .main_content .post-item .rate .post-ratings .rating.rating_off {
  background-position: 0px 0px;
}
.blog .main_content .post-item .rate .post-ratings .rating.rating_half {
  background-position: 0px -16px;
}
.blog .main_content .post-item .rate .post-ratings .rating.rating_on {
  background-position: 0px -32px;
}
.blog .main_content .post-item .rate .post-ratings .rating.selected {
  background-position: 0px -48px;
}
.blog .main_content .post-item .rate .post-ratings .rating.deselected {
  background-position: 0px 0px;
}
.blog .main_content .post-item.detail .item-title {
  line-height: 43px;
  font-size: 36px;
  margin-bottom: 11px;
  margin-top: 27px;
}
.blog .main_content .post-item.detail .item-detail {
  font-family: 'Open sans';
  line-height: 21px;
}
.blog .main_content .post-item.detail .item-detail h2 {
  margin-top: 26px;
  /*margin-bottom: 19px;*/
  margin-bottom: 14px;
  font-size: 24px;
  line-height: 26px;
}
.blog .main_content .post-item.detail .item-detail p {
  font-size: 14px;
  font-family: 'verdana';
  margin-bottom: 25px;
}
.blog .main_content .post-item.detail .item-detail i {
  font-style: italic;
}
.blog .main_content .post-item.detail .item-detail b {
  font-weight: bold;
}
.blog .main_content .post-item.detail .item-detail li {
  margin-bottom: 9px;
  position: relative;
  font-size: 14px;
  font-family: 'verdana';
}
.blog .main_content .post-item.detail .item-detail ul {
  list-style: none;
  padding-left: 20px;
  margin-bottom: 25px;
}
.blog .main_content .post-item.detail .item-detail ul li:before {
  color: #1e85ca;
  content: "•";
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  left: -20px;
}
.blog .main_content .post-item.detail .item-detail ol {
  list-style: none;
  padding-left: 20px;
  margin-bottom: 25px;
  counter-reset: li;
}
.blog .main_content .post-item.detail .item-detail ol li:before {
  color: #1e85ca;
  content: counter(li) ".";
  counter-increment: li;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  left: -20px;
}
.blog .main_content .post-item.detail .item-detail .blog-quote {
  padding: 28px 28px 28px 80px;
  background: #f0f0f0;
  position: relative;
  margin-bottom: 25px;
}
.blog .main_content .post-item.detail .item-detail .blog-quote .img-quote {
  position: absolute;
  width: 34px;
  height: 27px;
  background: url(/images/blog_quote.png) no-repeat;
  top: 23px;
  left: 21px;
}
.blog .main_content .post-item.detail .item-detail .blog-quote p {
  margin: 0px;
}
.blog .main_content .post-item.detail .item-detail .blog-quote .quote-text {
  font-style: italic;
}
.blog .main_content .post-item.detail .item-detail .blog-quote .quote-text.marginned {
  margin-bottom: 25px;
}
.blog .main_content .post-item.detail .item-detail .blog-pictures {
  width: 100%;
  position: relative;
  margin-bottom: 25px;
}
.blog .main_content .post-item.detail .item-detail .blog-pictures img {
  width: 100%;
  height: auto;
  display: block;
}
.blog .main_content .post-item.detail .item-footer {
  overflow: hidden;
  position: relative;
}
.blog .main_content .post-item.detail .item-footer .blog-sign-block {
  position: relative;
  overflow: hidden;
  margin-top: 40px;
  margin-bottom: 65px;
}
.blog .main_content .post-item.detail .item-footer .blog-sign-block .blog-sign {
  background: url('/images/sign_pict.png') no-repeat #eeeeee;
  height: 259px;
  padding-left: 305px;
  display: block;
  text-decoration: none;
  color: #000;
}
.blog .main_content .post-item.detail .item-footer .blog-sign-block .blog-sign .blog-sign-title {
  font-size: 30px;
  font-family: 'Open sans';
  color: #2385c5;
  padding-top: 19px;
  line-height: 37px;
  margin-bottom: 10px;
}
.blog .main_content .post-item.detail .item-footer .blog-sign-block .blog-sign .blog-sign-text {
  font-family: 'Open sans';
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 19px;
}
.blog .main_content .post-item.detail .item-footer .blog-sign-block .blog-sign .blog-sign-button {
  padding: 10px 25px;
  font-size: 16px;
  font-family: 'Open sans';
  font-weight: bold;
  display: inline-block;
  background-color: #2b90cb;
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
  text-decoration: none;
}
.blog .main_content .post-item.detail .item-footer .blog-sign-block .blog-sign-link {
  position: absolute;
  top: 0px;
  height: 259px;
  width: 100%;
}
.blog .main_content .post-item.detail .item-footer .blog-sign-block .blog-sign-link:hover {
  background-color: #838383;
  opacity: 0.2;
}
.blog .main_content .post-item.detail .item-footer .blog-next-post-text {
  display: inline-block;
  padding-right: 25px;
  font-family: 'Open sans';
  background: url('/images/next-post.png') no-repeat 100% 0px;
  margin-bottom: 14px;
}
.blog .main_content .post-item.detail .item-footer .blog-next-post {
  display: block;
}
.blog .main_content .post-item.detail .rate {
  float: left;
  font-size: 18px;
  margin-top: 40px;
}
.blog .main_content .post-item.detail .rate .post-ratings .rating {
  width: 22px;
  height: 21px;
}
.blog .main_content .post-item.detail .rate .post-ratings .rating.rating_off {
  background-position: 0px 0px;
}
.blog .main_content .post-item.detail .rate .post-ratings .rating.rating_half {
  background-position: 0px -21px;
}
.blog .main_content .post-item.detail .rate .post-ratings .rating.rating_on {
  background-position: 0px -42px;
}
.blog .main_content .post-item.detail .rate .post-ratings .rating.selected {
  background-position: 0px -63px;
}
.blog .main_content .post-item.detail .rate .post-ratings .rating.deselected {
  background-position: 0px 0px;
}
.blog .main_content .blog-pagination {
  text-align: center;
}
.blog .main_content .blog-pagination .pg_link {
  display: inline-block;
  height: 29px;
  width: 29px;
  color: #383838;
  text-decoration: none;
  line-height: 29px;
  margin: 0px 3px;
  cursor: pointer;
}
.blog .main_content .blog-pagination .pg_link.prev {
  width: 38px;
  background-image: url(/images/arrows_pagination.png);
  background-position: 0px 0px;
  margin-right: 3px;
  margin-left: 0px;
}
.blog .main_content .blog-pagination .pg_link.prev:hover {
  background-position: 0px 29px;
  cursor: pointer;
}
.blog .main_content .blog-pagination .pg_link.next {
  width: 38px;
  background-image: url(/images/arrows_pagination.png);
  background-position: 38px 0px;
  margin-right: 0px;
  margin-left: 3px;
}
.blog .main_content .blog-pagination .pg_link.next:hover {
  background-position: 38px 29px;
  cursor: pointer;
}
.blog .main_content .blog-pagination .pg_link.current {
  cursor: default;
  color: #2385c5;
}
.blog .main_content .blog-pagination .pg_link:hover {
  color: #2385c5;
}
.serial-header {
  overflow: hidden;
}
.serial-header .serial-name {
  margin: 28px 20px 31px 0px;
  line-height: 25px;
  font-size: 25px;
  color: #383838;
  float: left;
}
.serial-header .social-buttons-block {
  float: left;
  margin-top: 30px;
}
.filter .types.seasons {
  /*max-width: 450px;*/
  margin-left: -10px;
  overflow: hidden;
}
.filter .types.seasons li {
  border-radius: 3px;
  padding: 0 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  min-width: 70px;
}
.filter .types.seasons li.active {
  cursor: default;
}
.filter .types.seasons li:not(.active):hover {
  color: #fff;
}
.season-tab {
  display: none;
}
.season-tab.active {
  display: block;
}
.local-video.serials {
  height: 250px;
  padding: 4px 0px 4px 0px;
  border: none;
}
.local-video.serials > div:first-of-type {
  padding: 16px 0 5px 0;
}
.local-video.serials .thumb,
.local-video.serials .thumb img {
  width: 304px;
  height: 215px;
}
.local-video.serials.ending2 {
  margin-right: 50%;
}
.local-video.serials.ending1 {
  margin-right: 20%;
}
.local-video.serials .name {
  font-size: 18px;
}
.input-element {
  border: 0;
  padding: 2px;
  background: #fff;
  font: 14pt sans-serif;
}
.tmp-element {
  visibility: hidden;
  white-space: pre;
}
.large-dropdown {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  display: inline-block;
}
.large-dropdown__select,
.large-dropdown select {
  position: relative;
  text-align: left;
  box-sizing: border-box;
  cursor: pointer;
  min-width: 330px;
  display: inline-block;
  border: 1px solid #999999;
  padding: 13px 19px;
  letter-spacing: -0.8px;
  font-size: 16px;
  margin: 0;
  outline: none;
  background: transparent;
  -webkit-appearance: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.large-dropdown__select.active,
.large-dropdown select.active {
  border-color: #999999;
}
.large-dropdown__select.active + .large-dropdown__options,
.large-dropdown select.active + .large-dropdown__options {
  display: block;
}
.large-dropdown__select.active:after,
.large-dropdown select.active:after {
  transform: scale(-0.75, -0.5);
}
.large-dropdown__select:after,
.large-dropdown select:after {
  content: "▼";
  position: absolute;
  top: calc(50% - 7px);
  right: 20px;
  bottom: auto;
  pointer-events: none;
  transform: scale(0.75, 0.5);
}
.large-dropdown__select:hover,
.large-dropdown select:hover {
  border-color: #0099cc;
}
.large-dropdown__options {
  display: none;
  text-align: left;
  position: absolute;
  top: 68px;
  left: -316px;
  width: 962px;
  border: 1px solid rgba(204, 204, 204, 0.8);
  background-color: #ffffff;
  border-radius: 2px;
  padding: 33px 40px 5px 40px;
  box-sizing: border-box;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  z-index: 90;
}
.large-dropdown__options:after {
  content: '';
  border: 9px solid #fff;
  border-bottom-width: 10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  position: absolute;
  top: -19px;
  left: 50%;
  transform: translate(-50%);
}
.large-dropdown__options:before {
  content: '';
  border: 10px solid rgba(204, 204, 204, 0.8);
  border-bottom-width: 10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  position: absolute;
  top: -21px;
  left: 50%;
  transform: translate(-50%);
}
.large-dropdown__options .options {
  margin-bottom: 2px;
}
.large-dropdown__options .options .option-title {
  font-size: 18px;
  font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
  margin-bottom: 20px;
}
.large-dropdown__options .options .option-list {
  width: 100%;
  font-size: 0;
  padding: 0 0 20px 0;
}
.large-dropdown__options .options .option-list__item {
  font-size: 16px;
  vertical-align: top;
  font-family: 'OpenSans', Arial, Helvetica, sans-serif;
  display: inline-block;
  width: calc((100% - 255px) / 4);
  margin-right: 85px;
  margin-bottom: 8px;
  height: 18px;
}
.large-dropdown__options .options .option-list__item:nth-child(4n) {
  margin-right: 0;
}
.large-dropdown__options .options .option-list__item > a {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333333;
  height: 18px;
}
.large-dropdown__options .options .option-list__item > a:hover {
  color: #3399cc;
  text-decoration: none;
}
.exercise-video-player {
  background-color: black;
}
.content .filter {
  position: relative;
}
.content .filter .btn-hide-viewed {
  float: left;
  padding: 0 12px;
  text-transform: uppercase;
  margin-right: 19px;
}
.content .filter .btn-hide-viewed span {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url('../images/new-list-buttons.png') no-repeat 0 0;
  margin-right: 6px;
  vertical-align: text-bottom;
}
.sub-list {
  float: left;
  width: 33%;
}
.sub-list:not(:last-child) {
  border-right: 1px solid #b5b5b5;
}
.rules-wrapper .rules-video {
  margin: 0 23px 27px 0;
}
.rules-wrapper .rules-video .thumb,
.rules-wrapper .rules-video .thumb img {
  width: 293px;
  height: 165px;
}
.rules-wrapper .rules-video:nth-child(3n) {
  margin-right: 0;
}
.rules-wrapper .name {
  color: #393939;
  height: 36px;
  display: block;
  line-height: 17px;
  overflow: hidden;
  padding-left: 6px;
}
.rules-wrapper .name.one-row {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 285px;
  height: auto;
}
.rules-wrapper .alt-text {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-family: Arial, sans-serif;
  font-size: 13px;
  padding-left: 6px;
  width: 285px;
  margin-top: 4px;
  padding-bottom: 1px;
}
.info-block {
  padding: 2px 0 0 2px;
}
.info-block .passed {
  float: right;
  margin-right: 3px;
  margin-top: 5px;
}
.info-block .complexity {
  float: left;
}
.passed {
  width: 22px;
  height: 22px;
  position: relative;
  display: inline-block;
}
.passed .over {
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  background: #fff;
  z-index: 3;
  border-radius: 50%;
}
.passed i {
  position: absolute;
  text-align: center;
}
.passed i:after {
  width: 100%;
  height: 100%;
  line-height: 16px;
}
.passed[data-level="0"] i:after {
  content: url('../images/complete-icon.png');
  vertical-align: middle;
}
.passed[data-level="100"] i:after {
  content: url('../images/not_completed-icon.png');
  vertical-align: middle;
}
.complexity {
  display: inline-block;
  width: 65px;
  height: 9px;
  margin-top: 12px;
  background: #4faefe;
  background: -moz-linear-gradient(left, #4faefe 0%, #947eb0 50%, #df5364 100%);
  background: -webkit-linear-gradient(left, #4faefe 0%, #947eb0 50%, #df5364 100%);
  background: linear-gradient(to right, #4faefe 0%, #947eb0 50%, #df5364 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4faefe', endColorstr='#df5364', GradientType=1);
  position: relative;
}
.complexity:before,
.complexity:after {
  content: '';
  display: block;
  width: 100%;
  height: 9px;
  position: absolute;
}
.complexity:before {
  background: #b5b5b5;
  z-index: 1;
}
.complexity:after {
  background: url('../images/mask.png') repeat-x;
  z-index: 2;
}
.complexity[data-level="0"]:before {
  clip: rect(0px auto auto 0px);
}
.complexity[data-level="1"]:before {
  clip: rect(0px auto auto 13px);
}
.complexity[data-level="2"]:before {
  clip: rect(0px auto auto 26px);
}
.complexity[data-level="3"]:before {
  clip: rect(0px auto auto 39px);
}
.complexity[data-level="4"]:before {
  clip: rect(0px auto auto 52px);
}
.complexity[data-level="5"]:before {
  clip: rect(0px auto auto 65px);
}
.pagination-icons,
nav.pagination .pagination_item.prev_page:before,
nav.pagination .pagination_item.next_page:after {
  content: '';
  display: inline-block;
  background: url("../images/subtitle-search-updown.png") no-repeat;
  width: 14px;
  height: 10px;
  transform: rotate(90deg);
}
nav.pagination {
  display: block;
  text-align: right;
  margin-top: -2px;
  margin-bottom: 10px;
  float: none;
}
nav.pagination a {
  display: inline-block;
  margin: 0 6px;
  padding: 8px 10px;
  color: #393939;
  font-size: 12px;
}
nav.pagination a.active {
  background-color: #efefef;
  border: 1px solid rgba(0, 0, 0, 0.29);
  border-radius: 3px;
}
nav.pagination .pagination_item {
  padding: 10px 0;
  margin: 0;
  font-size: 14px;
  letter-spacing: 0.05em;
}
nav.pagination .pagination_item.prev_page {
  margin-right: 8px;
}
nav.pagination .pagination_item.prev_page:before {
  background-position: 0 0;
  margin-right: 6px;
}
nav.pagination .pagination_item.next_page {
  margin-left: 17px;
}
nav.pagination .pagination_item.next_page:after {
  background-position: -14px 0;
  margin-left: 6px;
}
nav.pagination .pagination_item.inactive {
  cursor: default;
  text-decoration: none;
  color: #A9A9A9;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTQ7aC6SjiAOpAWOKfJDfVRY.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRdwxCXfZpKo5kWAx_74bHs.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZ6vnaPZw6nYDxM4SVEMFKg.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTfy1_HTwRwgtl1cPga3Fy3Y.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTfgrLsWo7Jk1KvZser0olKY.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTYjoYw3YTyktCCer_ilOlhE.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01m4X0hVgzZQUfRDuZrPvH3D8.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5UYX0hVgzZQUfRDuZrPvH3D8.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KYX0hVgzZQUfRDuZrPvH3D8.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAoX0hVgzZQUfRDuZrPvH3D8.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEEYX0hVgzZQUfRDuZrPvH3D8.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRYX0hVgzZQUfRDuZrPvH3D8.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSg7aC6SjiAOpAWOKfJDfVRY.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShdwxCXfZpKo5kWAx_74bHs.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSp6vnaPZw6nYDxM4SVEMFKg.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSvy1_HTwRwgtl1cPga3Fy3Y.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSvgrLsWo7Jk1KvZser0olKY.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSojoYw3YTyktCCer_ilOlhE.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzA7aC6SjiAOpAWOKfJDfVRY.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBdwxCXfZpKo5kWAx_74bHs.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJ6vnaPZw6nYDxM4SVEMFKg.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzPy1_HTwRwgtl1cPga3Fy3Y.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzPgrLsWo7Jk1KvZser0olKY.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzIjoYw3YTyktCCer_ilOlhE.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url('https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxkExlR2MysFCBK8OirNw2kM.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url('https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxmdsm03krrxlabhmVQFB99s.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url('https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxiJ0caWjaSBdV-xZbEgst_k.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url('https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxmMSHb9EAJwuSzGfuRChQzQ.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url('https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxupRBTtN4E2_qSPBnw6AgMc.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url('https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxtDnm4qiMZlH5rhYv_7LI2Y.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url('https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxtTIkQYohD4BpHvJ3NvbHoA.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBvZraR2Tg8w2lzm7kLNL0-w.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBl4sYYdJg5dU2qzJEVSuta0.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBlBW26QxpSj-_ZKm_xT4hWw.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBgt_Rm691LTebKfY2ZkKSmI.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBtDiNsR5a-9Oe_Ivpu8XWlY.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBqE8kM4xWR1_1bYURRojRGc.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBogp9Q8gbYrhqGlRav_IXfk.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxjBFCZ8rkaaoOvHyaB4p1V8.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxs2Ua5FNUHV5nolPhplIfzg.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxn1XrJsKtwhNaJmMXegB1eg.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxtDawAUxQv-nqIa2sHgh1E4.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxo6uqQeO3rRcuZb4avK7jaw.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxkWd5At5A4dPjoTcH8-WMxA.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxsiAiQ_a33snTsJhwZvMEaI.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxgXaAXup5mZlfK6xRLrhsco.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxlx-M1I1w5OMiqnVF8xBLhU.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxlT7aJLK6nKpn36IMwTcMMc.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxgn6Wqxo-xwxilDXPU8chVU.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxsbIQSYZnWLaWC9QNCpTK_U.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxogd9OEPUCN3AdYW0e8tat4.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxv79_ZuUxCigM2DespTnFaw.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
h2.heading {
  font: 400 30px/24px Verdana, sans-serif;
  color: black;
}
.exercise_video-block {
  padding-top: 28px;
  text-align: center;
  max-width: 640px;
  margin: 0 auto 10px auto;
}
.exercise_video-block .inline-translation.for-player {
  text-align: left;
}
.exercise_video-block .heading {
  margin-bottom: 30px;
  line-height: 30px;
}
.exercise_video-block .alt-text {
  font: 400 15px/15px Verdana, sans-serif;
  color: black;
  margin-top: -22px;
  margin-bottom: 18px;
}
.exercise_video-block .player_info {
  margin: 35px 0 32px 0;
}
.player_info {
  display: table;
  text-align: justify;
  width: 100%;
}
.player_info a {
  color: black;
}
.player_info .teacher_wrapper {
  margin-top: 9px;
}
.player_info > div {
  display: table-cell;
  vertical-align: middle;
  width: 33%;
}
.player_info > div:nth-child(2n) {
  text-align: center;
}
.player_info > div:nth-child(3n) {
  text-align: right;
}
.player_info .teacher_info span,
.player_info .teacher_info img {
  vertical-align: middle;
}
.player_info .teacher_info .name {
  font: 400 10px/10px Verdana, sans-serif;
}
.player_info .label {
  font: 400 10px/10px Verdana, sans-serif;
  color: black;
  text-transform: uppercase;
}
.player_info .social-buttons {
  position: relative;
  width: auto;
  top: 6px;
  right: 0;
}
.player_info .social-buttons .icon {
  background: url("/images/social-controls.png") no-repeat 0 0;
  display: inline-block;
  width: 33px;
  height: 32px;
  margin-bottom: 6px;
}
.player_info .social-buttons .icon.icon-like {
  background-position: 0 0;
}
.player_info .social-buttons .icon.icon-like:hover {
  background-position: 0 -32px;
}
.player_info .social-buttons .icon.icon-like.liked {
  background-position: 0 -64px;
}
.player_info .social-buttons .icon.icon-twitter {
  background-position: -66px 0;
}
.player_info .social-buttons .icon.icon-twitter:hover {
  background-position: -66px -32px;
}
.player_info .social-buttons .icon.icon-facebook {
  background-position: -33px 0;
}
.player_info .social-buttons .icon.icon-facebook:hover {
  background-position: -33px -32px;
}
.player_info .social-buttons .icon.icon-report {
  background-position: -99px 0;
}
.player_info .social-buttons .icon.icon-report:hover {
  background-position: -99px -32px;
}
.exercise_body {
  max-width: 780px;
  text-align: center;
  margin: 0 auto;
  padding: 41px 0 39px 0;
}
.exercise_body .source {
  text-align: center;
}
.exercise_body .for_translate {
  position: relative;
  text-align: left;
}
.exercise_body .for_translate span {
  cursor: pointer;
}
.exercise_body .heading {
  margin-bottom: 26px;
}
.exercise_body .source p {
  font: 400 14px/20px Verdana, sans-serif;
  color: black;
  margin-bottom: 21px;
}
.exercise_body .source .full-description p {
  font: normal 16px / normal Times;
  margin-bottom: 0px;
}
.exercise_body .big-btn {
  margin-bottom: 10px;
  padding: 16px 27px;
  font: 400 14px/16px Verdana, sans-serif;
  text-transform: uppercase;
}
.text_yellow {
  color: #ffc62b;
}
.text_green {
  color: #379700;
}
.translate_from {
  color: #e72b2b;
}
.translate_to {
  color: #3a80ff;
}
.exercise_body .blue {
  color: #3a80ff;
}
.exercise_body .red {
  color: #e72b2b;
}
.exercise_body .yellow {
  color: #ffc62b;
}
.exercise_body .green {
  color: #379700;
}
.divider {
  border-bottom: 1px solid #ebebeb;
}
.similar_exercises .heading {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 41px;
}
.exercise_slider {
  position: relative;
}
.exercise_slider .bx-wrapper {
  box-shadow: none;
}
.exercise_slider .bx-wrapper .bx-pager-item {
  vertical-align: middle;
}
.exercise_slider .bx-wrapper .bx-pager {
  bottom: -45px;
}
.exercise_slider .bx-wrapper .bx-pager.bx-default-pager a,
.exercise_slider .bx-wrapper .bx-pager.bx-default-pager a:hover {
  width: 8px;
  height: 8px;
  background-color: #dbdbdb;
}
.exercise_slider .bx-wrapper .bx-pager.bx-default-pager a.active {
  width: 10px;
  height: 10px;
  border: 2px solid #d7d7d7;
  background: #fff;
  border-radius: 50%;
}
.exercise_slider .rules-video .thumb,
.exercise_slider .rules-video .thumb img {
  width: 300px;
  min-width: 100%;
  height: 165px;
}
.exercise_slider .rules-video .name {
  color: #393939;
  font: 800 14px/16px Arial, sans-serif;
  height: 36px;
  display: block;
  line-height: 17px;
  overflow: hidden;
  text-align: left;
  padding: 0 4px;
}
.exercise_slider nav {
  position: absolute;
  top: 95px;
  width: 100%;
}
.exercise_slider nav span {
  position: absolute;
  display: block;
  width: 20px;
  height: 60px;
  background: url('../images/landing-slider-controls.png') no-repeat 0 0;
}
.exercise_slider nav span a {
  width: 100%;
  height: 100%;
  display: block;
}
.exercise_slider nav span#slider-prev,
.exercise_slider nav span#slider2-prev {
  left: -45px;
  background-position: 0 0;
}
.exercise_slider nav span#slider-prev:hover,
.exercise_slider nav span#slider2-prev:hover {
  background-position: -20px 0;
}
.exercise_slider nav span#slider-next,
.exercise_slider nav span#slider2-next {
  right: -45px;
  background-position: 0 -60px;
}
.exercise_slider nav span#slider-next:hover,
.exercise_slider nav span#slider2-next:hover {
  background-position: -20px -60px;
}
.exercise_description {
  font: 400 13px/15px Verdana, sans-serif;
  color: #383838;
  opacity: 0.8;
}
.exercise_description pre {
  white-space: pre-wrap;
  /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}
.full-description {
  margin: 0 70px 50px 70px;
  text-align: initial;
  font-family: Times;
  color: #000000;
}
.full-description h1 {
  font-size: 28px;
  font-weight: 400;
  line-height: 21px;
}
.full-description h2 {
  font-size: 24px;
  font-weight: 400;
}
.full-description h3 {
  font-size: 20px;
  font-weight: 400;
}
.full-description h4 {
  font-size: 18px;
  font-weight: 400;
}
.full-description h5 {
  font-size: 16px;
  font-weight: 400;
}
.full-description h6 {
  font-size: 14px;
  font-weight: 400;
}
.full-description em {
  font-style: italic;
}
.full-description strong {
  font-weight: 700;
}
.full-description ul {
  padding: 0 0 0 15px;
  list-style: initial;
}
.full-description ul li {
  color: #2385c5;
}
.full-description table thead td,
.full-description table thead p {
  background-color: #72c2ec;
  color: #ffffff;
  vertical-align: middle;
  display: table-cell;
}
.full-description table thead td span,
.full-description table thead p span {
  color: #ffffff;
}
.full-description table thead td {
  padding: 14px 23px;
}
.full-description table thead td:first-child {
  border-radius: 4px 0 0 0;
}
.full-description table thead td:last-child {
  border-radius: 0 4px 0 0;
}
.full-description table tbody td {
  border: 1px solid #e3e3e3;
  color: #2d2d2d;
  padding: 10px 21px;
}
.full-description table tbody td p {
  display: table-cell;
}
.full-description .block {
  background-color: #fff9df;
  padding: 20px;
}
.full-description .block p {
  margin: 0;
}
.full-description sub {
  vertical-align: sub;
  font-size: smaller;
}
.full-description sup {
  vertical-align: super;
  font-size: smaller;
}
h2.heading {
  font: 400 30px/24px Verdana, sans-serif;
  color: black;
}
h1.heading {
  font: 400 30px/24px Verdana, sans-serif;
  color: black;
}
.black-btn {
  background-color: #5e5e5e;
}
.black-btn:hover {
  background-color: #454545;
}
.gray-btn {
  color: #000;
  background-color: #e4e4e4;
}
.gray-btn:hover {
  background-color: #CBCBCB;
}
.video-lesson_body {
  position: relative;
  padding: 34px 0 41px 0;
}
.video-lesson_body.uncompleted {
  padding-bottom: 210px;
}
.video-lesson_body.uncompleted.grammar {
  padding-bottom: 410px;
}
.video-lesson_body > ul {
  margin-bottom: 30px;
}
.video-lesson_body .done-grammar-content {
  text-align: center;
}
.video-lesson_body .done-grammar-content .btn-repeat_grammar {
  height: 30px;
  color: #383838;
  font-size: 12px;
  padding: 0 15px;
  text-align: center;
  letter-spacing: 0.48px;
  text-transform: uppercase;
}
.video-lesson_body .done-grammar-content .text {
  font-size: 18px;
}
.video-lesson_body .done-grammar-content .medal {
  margin: 14px 0 29px 0;
}
.video-lesson_body .for_translate {
  height: 0;
  display: inline-block;
}
.video-lesson_body .for_translate .word {
  cursor: pointer;
  outline: none;
  height: 0;
  display: inline-block;
  line-height: 0;
}
.video-lesson_body .phrase {
  color: #38a3e2;
  text-decoration: underline;
  display: inline-block;
  cursor: pointer;
  line-height: 0;
}
.video-lesson_body .phrase .word {
  display: initial;
}
.video-lesson_body .phrase:hover {
  color: #1984c7;
}
.video-lesson_body .collection {
  border-bottom: 1px dashed #fce860;
  border-style: dashed;
  position: relative;
  white-space: nowrap;
  line-height: initial;
}
.video-lesson_body .collection .highlight-static {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.video-lesson_body .collection svg {
  display: none;
  vertical-align: middle;
  width: 1em;
  font-size: inherit;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-left: -5px;
}
.video-lesson_body .collection:hover {
  border-style: none;
  border-radius: 3px;
  background-color: #a0923f;
  color: white;
}
.video-lesson_body .collection:hover svg {
  display: inline-block;
}
.video-lesson_body .collection .word::selection {
  background-color: #f5e63c !important;
  color: #000 !important;
}
.video-lesson_body .collection .word::-moz-selection {
  background-color: #f5e63c !important;
  color: #000 !important;
}
.video-lesson_body .collection.hover,
.video-lesson_body .collection.highlight-static {
  background-color: #f5e63c !important;
  color: #000 !important;
}
.video-lesson_body .exercise-item {
  position: relative;
}
.video-lesson_body .exercise-item .player.small {
  float: left;
}
.video-lesson_body .exercise-item .exercise-compile {
  float: left;
  margin-left: 26px;
  width: 570px;
}
.video-lesson_body .exercise-item .exercise-compile .word {
  background-color: #f6f6f6;
  border: 1px solid transparent;
  padding: 6px 16px;
  font: 400 18px/24px Verdana, sans-serif;
  color: #1984c7;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  float: left;
  margin-bottom: 4px;
}
.video-lesson_body .exercise-item .exercise-compile .word:first-child {
  border-radius: 3px 0px 0px 3px;
}
.video-lesson_body .exercise-item .exercise-compile .word:last-child {
  border-radius: 0px 3px 3px 0px;
}
.video-lesson_body .exercise-item .exercise-compile .word:nth-child(1) {
  border-radius: 3px;
}
.video-lesson_body .exercise-item .exercise-compile .word:hover {
  background-color: #e0e0e0;
  border-radius: 3px;
}
.video-lesson_body .exercise-item .exercise-compile .hint {
  color: #747474;
  font-size: 10px;
  line-height: 11px;
  width: 88px;
  display: inline-flex;
  margin: 8px 0 0 15px;
  float: left;
}
.video-lesson_body .exercise-item .designer_words {
  content: "";
  display: block;
  clear: both;
  margin-top: 15px;
  max-width: 650px;
}
.video-lesson_body .exercise-item .designer_words:after {
  content: "";
  display: block;
  clear: both;
}
.video-lesson_body .exercise-item .designer_words .sentence_word_blank {
  position: relative;
  display: inline-block;
  margin: 4px 4px;
  float: left;
}
.video-lesson_body .exercise-item .designer_words .sentence_word {
  position: relative;
  display: inline-block;
  margin: 4px 4px;
  float: left;
}
.video-lesson_body .exercise-item .designer_words .sentence_word .word {
  background-color: #f6f6f6;
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 6px 16px;
  font: 400 18px/24px Verdana, sans-serif;
  color: #1984c7;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  float: left;
}
.video-lesson_body .exercise-item .designer_words .sentence_word .word.wrong {
  border-color: #ffd4d4;
  animation-name: wrong_color_change;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.video-lesson_body .exercise-item .designer_words .sentence_word .word.wrong:hover {
  border: 1px solid transparent;
}
.video-lesson_body .exercise-item .designer_words .sentence_word .word.right {
  border-color: #70d51e;
  color: #fff;
  animation-name: right_color_change;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.video-lesson_body .exercise-item .designer_words .sentence_word .word.right:hover {
  border: 1px solid transparent;
}
.video-lesson_body .exercise-item .designer_words .sentence_word .word.hover {
  background-color: #e0e0e0;
}
.video-lesson_body .exercise-item .designer_words .sentence_word .ellipsis {
  display: none;
  position: absolute;
  height: 38px;
  width: 10px;
  right: 0;
  top: 0;
  background-color: #e0e0e0;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
}
.video-lesson_body .exercise-item .designer_words .sentence_word .ellipsis i.ellipsis-gray-icon {
  background-image: url('/images/ellipsis-gray-icon.png');
  width: 3px;
  height: 15px;
  display: block;
  margin: 10px 0 0 3px;
}
.video-lesson_body .exercise-item .designer_words .sentence_word:hover .ellipsis {
  display: block;
}
.video-lesson_block {
  margin: 16px 0 34px 0;
  display: table;
  width: 100%;
}
.video-lesson_block .video-lesson_preview,
.video-lesson_block .video-lesson_info {
  display: table-cell;
  vertical-align: top;
}
.video-lesson_block .video-lesson_preview {
  position: relative;
  width: 24.16666666666667%;
}
.video-lesson_block .video-lesson_preview img {
  display: block;
  width: 231px;
  height: 137px;
}
.video-lesson_block .video-lesson_preview .play-big-icon {
  background-image: url('../images/play-big.png');
  position: absolute;
  width: 32px;
  height: 37px;
  top: 51px;
  left: 99px;
}
.video-lesson_block .video-lesson_info {
  width: 73.83333333333333%;
  padding-left: 29px;
  position: relative;
  height: 100%;
}
.video-lesson_block .video-lesson_info .heading {
  margin-bottom: 40px;
  line-height: 30px;
}
.video-lesson_block .video-lesson_info .btn-back_video {
  position: absolute;
  left: 29px;
  bottom: 0;
  padding: 0 21px;
}
.phrase-number {
  color: #838383;
  font: 400 10px/12px Verdana, sans-serif;
  margin-bottom: 21px;
  display: inline-block;
}
.exercise-wrapper {
  position: relative;
}
.phrase-remove_from_favorites {
  z-index: 1;
  position: absolute;
  top: 35px;
  right: 0;
  float: right;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/favorites/trash.png);
  background-position: 1px 0;
}
.phrase-remove_from_favorites:hover {
  background-position: -38px 0;
}
.phrase_block {
  -webkit-animation: fadein 1s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 1s;
  /* Firefox < 16 */
  -ms-animation: fadein 1s;
  /* Internet Explorer */
  -o-animation: fadein 1s;
  /* Opera < 12.1 */
  animation: fadein 1s;
}
.phrase_block .phrase-content {
  line-height: 52px;
  font-size: 18px;
}
.phrase_block .phrase-content .noun {
  margin: 0;
}
.phrase_block .purpose-block {
  outline: none;
  height: 0;
  line-height: 0;
}
.phrase_block .purpose-block:first-of-type {
  margin-left: 0;
}
.phrase_block .purpose-block .purpose {
  display: inline-block;
  background-color: #f6f6f6;
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 6px 16px;
  font: 400 18px/24px Verdana, sans-serif;
  color: #1984c7;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
}
.phrase_block .purpose-block .purpose:first-child {
  margin-left: 10px;
}
.phrase_block .purpose-block .purpose:last-child {
  margin-right: 16px;
}
.phrase_block .purpose-block .purpose.wrong {
  border-color: #ffd4d4;
  animation-name: wrong_color_change;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.phrase_block .purpose-block .purpose.wrong:hover {
  border: 1px solid transparent;
}
.phrase_block .purpose-block .purpose.right {
  border-color: #70d51e;
  color: #fff;
  animation-name: right_color_change;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.phrase_block .purpose-block .purpose.right:hover {
  border: 1px solid transparent;
}
.phrase_block .purpose-block .purpose:hover {
  border: 1px solid #1984c7;
}
.phrase_block .purpose-block .purpose + .purpose {
  margin-left: 38px;
}
.phrase_block .purpose-block .purpose + .purpose:before {
  position: absolute;
  top: 8px;
  left: -30px;
  content: 'or';
  display: inline-block;
  color: #b8b8b8;
  font: 400 12px/24px Verdana, sans-serif;
}
.phrase_block .purpose-block input[type=text] {
  border: none;
  border-bottom: 1px solid #4c4c4c;
  width: 10px;
  font: 14pt sans-serif;
  color: #1984c7;
  outline: none;
  text-transform: uppercase;
  margin: 0 5px 0 1px;
  background-color: transparent;
}
.phrase_block .purpose-block input[type=text].wrong {
  color: #e41616;
}
.phrase_block .purpose-block input[type=text].right {
  color: #70d51e;
}
.phrase_block .sentence-controls {
  width: 400px;
  margin: 37px auto 0;
}
.phrase_block .sentence-controls .btn-wrapper {
  float: left;
  margin: 0 5px;
}
.phrase_block .sentence-controls .btn-wrapper .hint {
  font-size: 10px;
  text-align: center;
  margin-top: 4px;
}
.phrase_block .sentence-controls button {
  text-transform: uppercase;
  padding: 2px 33px;
  outline: none;
}
.phrase_block .sentence-controls button.show-answer {
  color: #383838;
}
@keyframes wrong_color_change_revert {
  50% {
    border-color: #FF3333;
    color: #FF3333;
  }
}
@keyframes right_color_change_revert {
  50% {
    border-color: #00CC00;
    color: #00CC00;
  }
}
@keyframes wrong_color_change {
  100% {
    border-color: #FF3333;
    color: #FF3333;
  }
}
@keyframes right_color_change {
  100% {
    border-color: #00CC00;
    color: #00CC00;
  }
}
@keyframes animation_hide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.phrase-listen_block {
  border-bottom: 1px dashed #c7c7c7;
  margin-bottom: 20px;
  padding-bottom: 38px;
}
.phrase-listen_block:last-child {
  margin-bottom: 32px;
}
.phrase-listen_block .listen_sentence {
  display: table;
  width: 100%;
}
.phrase-listen_block .listen_sentence .sentence {
  width: 100%;
}
.phrase-listen_block .listen_sentence .listen_button,
.phrase-listen_block .listen_sentence .sentence {
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  line-height: 100%;
  outline: none;
}
.phrase-listen_block .listen_button {
  background: url('../images/speak-big.png') no-repeat 0 0;
  cursor: pointer;
  width: 52px;
  height: 51px;
  border: none;
  margin-right: 10px;
  vertical-align: middle;
}
.phrase-listen_block .listen_button:hover {
  background-position: 0 -51px;
}
.played_audio_icon {
  display: none;
  background: url('../images/speak-big.png') no-repeat 0 0;
  width: 52px;
  height: 51px;
  border: none;
  margin-right: 10px;
  vertical-align: middle;
}
.source svg {
  visibility: hidden;
  width: 0;
  height: 0;
  display: block;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.favorities .fav__plate:nth-child(3n) {
  margin-right: 0;
}
.btn {
  line-height: 32px;
  outline: none;
  box-shadow: none;
  border: none;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.fav__header {
  font-family: 'Open sans', serif;
  font-weight: 100;
  font-size: 0;
  margin: 61px 0 76px;
  text-align: center;
}
.fav__header__img + .fav__header__title {
  margin-left: 20px;
}
.fav__header__img,
.fav__header__title {
  display: inline-block;
  vertical-align: middle;
}
.fav__header__title {
  font-size: 60px;
  color: #333333;
}
.fav__step {
  font-size: 13px;
  height: 18px;
  line-height: 18px;
  pointer-events: none;
  color: #999999;
  margin: 36px auto 0;
}
.fav__plate__group {
  font-size: 0;
}
.fav__plate {
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
.fav__plate:hover {
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
}
.fav__plate--progress {
  display: flex;
  font-size: 0;
  padding: 44px 55px 36px 60px;
  margin-bottom: 64px;
}
.fav__plate--progress .fav__progress,
.fav__plate--progress .fav__btn__repeate {
  display: inline-block;
  vertical-align: bottom;
}
.fav__plate--progress .fav__progress {
  width: 660px;
}
.fav__plate--progress .fav__btn__repeate {
  font-size: 16px;
  line-height: 32px;
  padding: 5px 30px;
}
.fav__plate--progress .fav__progress + .fav__btn__repeate {
  margin-left: 40px;
}
.fav__plate--exercise {
  display: inline-block;
  position: relative;
  width: 304px;
  height: 250px;
  margin: 0 24px 24px 0;
}
.fav__progress__head {
  margin-bottom: 14px;
}
.fav__progress__head__img + .fav__progress__head__title {
  margin-left: 12px;
}
.fav__progress__head__title {
  font-size: 16px;
}
.fav__progress__track {
  height: 8px;
  border-radius: 3px;
  border: 1px solid #cccccc;
}
.fav__progress__track__fill {
  background-color: #369b20;
  border-radius: 3px;
  height: 100%;
  width: 50%;
}
.fav__progress__head__img {
  height: 22px;
  width: 22px;
  display: inline-block;
  margin-bottom: -5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.fav__exercise {
  font-size: 0;
  text-align: center;
}
.fav__exercise:hover a {
  text-decoration: none;
}
.fav__exercise:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 80%;
  width: 0;
}
.fav__exercise.activate-hover:hover .fav__exercise__hover {
  display: block;
}
.fav__exercise__header {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  margin-bottom: 7px;
}
.fav__exercise__repeat__img,
.fav__exercise__repeat__count {
  display: inline-block;
  vertical-align: middle;
}
.fav__exercise__repeat__img + .fav__exercise__repeat__count {
  margin-left: 10px;
}
.fav__exercise__repeat__count {
  font-size: 14px;
  color: #333333;
}
.fav__exercise__body {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.fav__exercise__body__img + .fav__exercise__body__title {
  margin-top: 37px;
}
.fav__exercise__body__title {
  font-size: 0;
  height: 52px;
  color: #333333;
  padding: 28px 50px 30px 50px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
.fav__exercise__body__title div {
  vertical-align: middle;
  width: 100%;
  font-size: 22px;
  display: inline-block;
  font-family: 'Open sans', serif;
  line-height: 26px;
}
.fav__exercise__body__title:before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.fav__exercise__hover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.9);
}
.fav__exercise__hover:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}
.fav__exercise__hover__body {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 22px;
  padding: 20px;
  width: 240px;
}
.exercise-wrapper.favorite .video-player__controls__btn.titled:last-child:before {
  text-align: center;
}
.favorite-body-queue-item {
  display: none;
}
.favorite-body-queue-item:first-child {
  display: block;
}
.pos-rel {
  position: relative;
}
.section {
  padding: 80px 0 112px;
  text-align: center;
  min-width: 960px;
  position: relative;
}
.section.pt-100 {
  padding-top: 100px;
}
.section.about-netflix {
  padding: 125px 0 118px;
}
.section.about-netflix .wrapper__right {
  vertical-align: top;
  margin-top: 20px;
  padding-left: 101px;
  text-align: left;
}
.section.how-to {
  padding: 122px 0 69px;
}
.section.how-to .wrapper__left {
  vertical-align: top;
  padding-right: 35px;
}
.section.how-to .wrapper__right {
  vertical-align: top;
  padding-top: 60px;
  padding-left: 11px;
}
.section.how-to .wrapper__right .section__title {
  font-size: 40px;
  line-height: 48px;
}
.section.how-to .wrapper__right .section__text {
  margin-top: 9px;
}
.section.banner {
  padding: 150px 0 120px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.65) 40%, rgba(0, 0, 0, 0.65) 60%, rgba(0, 0, 0, 0.3) 100%), url(../images/netflix-landing/natflix-banner.png);
  background-size: cover;
  background-position: 50% 50%;
}
.section.banner_plug {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url(../images/netflix-landing/pluggin-banner.png);
  background-size: cover;
  background-position: 50% 50%;
  padding-bottom: 120px;
}
.section.banner_plug:hover {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.7) 100%), url(../images/netflix-landing/pluggin-banner.png);
}
.section.banner_plug .large-title {
  color: #fff;
  font-size: 36px;
  line-height: 43px;
  width: 750px;
  margin: 40px auto 0;
}
.section.banner_plug .section__text {
  color: #fff;
  max-width: 470px;
  margin-top: 36px;
}
.section.banner_plug .section__text .icon-title {
  width: 375px;
  text-align: left;
}
.section.banner.banner {
  padding: 150px 0 120px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.65) 40%, rgba(0, 0, 0, 0.65) 60%, rgba(0, 0, 0, 0.3) 100%), url(../images/netflix-landing/natflix-banner.png);
  background-size: cover;
  background-position: 50% 50%;
}
.section.banner.banner_plug {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url(../images/netflix-landing/pluggin-banner.png);
  background-size: cover;
  background-position: 50% 50%;
  padding-bottom: 130px;
}
.section.banner.banner_plug:hover {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), url(../images/netflix-landing/pluggin-banner.png);
}
.section.banner.banner_plug .large-title {
  color: #fff;
  font-size: 36px;
  margin-top: 29px;
  line-height: 43px;
}
.section.banner.banner_plug .section__text {
  color: #fff;
  max-width: 390px;
  margin-top: 36px;
}
.section.banner.banner_plug .section__text .icon-title {
  width: 350px;
  text-align: left;
}
.section.banner.banner .large-title {
  color: #fff;
}
.section.banner.banner .section__text {
  color: #fff;
  margin-top: 27px;
  max-width: 700px;
  letter-spacing: 1.1px;
  margin-bottom: 60px;
}
.section.banner.banner .section__text + .section__btn {
  margin-top: 0;
}
.section.banner.banner .large-title {
  color: #fff;
}
.section.banner .section__text {
  color: #fff;
  margin-top: 27px;
  max-width: 700px;
  letter-spacing: 1.1px;
  margin-bottom: 60px;
}
.section.banner .section__text + .section__btn {
  margin-top: 0;
}
.section.step-1 {
  padding-top: 75px;
  padding-bottom: 83px;
}
.section.step-1 .section__title {
  padding-bottom: 114px;
}
.section.step-1 .section__sub-title {
  line-height: 28px;
}
.section.step-1 .section__text {
  margin-top: 23px;
}
.section.step-1 .section__btn {
  margin-top: 32px;
}
.section.step-1 .wrapper__right {
  vertical-align: top;
  margin-top: 5px;
  padding-left: 4px;
}
.section.step-2 {
  padding-top: 81px;
}
.section.step-2 .section__step {
  line-height: 29px;
}
.section.step-2 .section__text {
  margin-top: 21px;
  width: 440px;
}
.section.step-2 .wrapper__right {
  padding-left: 69px;
}
.section.step-3 {
  padding-bottom: 100px;
}
.section.step-3 .section__text {
  margin-top: 19px;
}
.section.step-3 img {
  margin-top: -8px;
}
.section.step-4 {
  padding-top: 56px;
  padding-bottom: 0;
}
.section.step-4 .wrapper__left {
  vertical-align: top;
}
.section.step-4 .wrapper__left .section__sub-title {
  line-height: 35px;
  letter-spacing: 0.6px;
}
.section.step-4 .wrapper__left .section__block {
  margin-top: 41px;
}
.section.step-4 .wrapper__left .section__text {
  line-height: 27px;
  margin-top: 21px;
  max-width: 450px;
}
.section.step-4 .wrapper__right {
  vertical-align: top;
  padding-left: 13px;
}
.section.install {
  padding-top: 87px;
}
.section.install .section__text {
  max-width: 610px;
}
.section.install .section__btn {
  margin-top: 29px;
}
.section_fz0 {
  font-size: 0;
}
.section_filled {
  background-color: #f9f9f9;
}
.section_filled .bx-wrapper {
  border: 5px solid transparent;
  background: transparent;
}
.section_no-padding {
  padding: 0;
}
.section__left {
  display: inline-block;
  vertical-align: top;
  width: 57%;
  font-size: initial;
  padding-left: calc((100% - 945px) / 2);
  box-sizing: border-box;
  text-align: left;
  vertical-align: middle;
}
.section__left .section__caption {
  margin-bottom: 36px;
}
.section__left .section__text {
  margin-top: 20px;
}
.section__left .section__btn {
  margin-top: 44px;
}
.section__right {
  display: inline-block;
  vertical-align: top;
  width: 43%;
  min-height: 464px;
  background-image: url('../images/netflix-bg.png');
  vertical-align: middle;
  background-size: cover;
}
.section .section__btn.blue-btn {
  background-color: #2385c5;
  background-image: none !important;
  line-height: 38px;
  padding: 0 38px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}
.section .section__btn.blue-btn:hover {
  background-color: #2f9ee7;
}
.section .section__btn.red-btn {
  background-color: #ff3333;
  background-image: none !important;
  line-height: 38px;
  padding: 0 38px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}
.section .section__btn.red-btn:hover {
  background-color: #ff6666;
}
.section__caption {
  color: #339900;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  margin-bottom: 44px;
}
.section__step {
  color: #339900;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  color: #666;
  font-size: 16px;
  line-height: 36px;
}
.section__title {
  font-size: 36px;
  font-family: 'Open Sans', sans-serif;
}
.section__title img {
  vertical-align: middle;
}
.section__title.fz40 {
  font-size: 40px;
}
.section__sub-title {
  font-size: 24px;
  line-height: 36px;
}
.section__text {
  font-size: 18px;
  margin-top: 15px;
  max-width: 510px;
  margin-left: auto;
  margin-right: auto;
  line-height: 27px;
  color: #373737;
  font-family: 'Open Sans', sans-serif;
}
.section__text + .section__btn {
  margin-top: 48px;
}
.section__text_600 {
  max-width: 600px;
}
.section__block .section__text {
  margin-left: 0;
  margin-right: 0;
}
.section .exercise_slider {
  margin-top: 50px;
  min-height: 250px;
}
.section .exercise_slider + .section__btn {
  margin-top: 48px;
}
.section .plug-btn + .section .plug-btn {
  margin-left: 20px;
}
.section .plug-btn.chrome {
  background-image: url('../images/icon-chrome.png') !important;
}
.section .plug-btn.safari {
  background-image: url('../images/icon-safari.png') !important;
}
.section .plug-btn.firefox {
  background-image: url('../images/icon-firefox.png') !important;
}
.section .wrapper {
  font-size: 0;
}
.section .wrapper__left {
  box-sizing: border-box;
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}
.section .wrapper__left img {
  float: right;
}
.section .wrapper__left.vat {
  vertical-align: top;
}
.section .wrapper__right {
  box-sizing: border-box;
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}
.section .wrapper__right .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  transform: translateY(-50%);
}
.section-close {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 20px;
  right: 20px;
  background-image: url('../images/icon-landing-close.png');
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
}
.how-to-text {
  position: absolute;
  color: #f5ec42;
  font-family: 'Tahoma', sans-serif;
  font-size: 13px;
  top: 67%;
  letter-spacing: 1.1px;
  right: 32.6%;
}
.large-title {
  font-size: 44px;
  font-family: 'Open Sans', sans-serif;
}
.tiles {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 50px;
}
.tiles__panel {
  background-color: #ffffff;
  border-radius: 2px;
  position: relative;
  height: 250px;
  width: calc((100% - 48px) / 3);
  margin-bottom: 24px;
  background-repeat: no-repeat;
  background-position: 50% 41%;
  -webkit-box-shadow: 0.5px 1px 2px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0.5px 1px 2px 0px rgba(0, 0, 0, 0.18);
  box-shadow: 0.5px 1px 2px 0px rgba(0, 0, 0, 0.18);
}
.tiles__panel:hover {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
}
.tiles__panel:nth-last-child(-n+3) {
  margin-bottom: 0;
}
.tiles__panel a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.tiles__panel__icon {
  top: 20px;
  right: 20px;
  display: block;
  position: absolute;
  width: 23px;
  height: 23px;
  background-image: url('../images/type.png');
}
.tiles__panel__title {
  color: #333333;
  font-size: 22px;
  height: 110px;
  line-height: 22px;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  font-size: 0;
}
.tiles__panel__title div {
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px;
  box-sizing: border-box;
  width: 100%;
  font-size: 22px;
}
.tiles__panel__title:before {
  content: '';
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.tiles__panel.audio {
  background-image: url('../images/audio.png');
}
.tiles__panel.construct {
  background-image: url('../images/construct.png');
}
.tiles__panel.prepositions {
  background-image: url('../images/preposition.png');
}
.tiles__panel.find-word {
  background-image: url('../images/find-word.png');
}
.tiles__panel.write {
  background-image: url('../images/write.png');
}
.tiles__panel.quotes {
  background-image: url('../images/quotes.png');
}
.tiles__panel.verbs {
  background-image: url('../images/verbs.png');
}
.tiles__panel.complicated {
  background-image: url('../images/complicated.png');
}
.tiles__panel.album {
  background-image: url('../images/album.png');
}
.tiles__panel.sinonims {
  background-image: url('../images/sinonims.png');
}
.tiles__panel.frases {
  background-image: url('../images/frases.png');
}
.tiles__panel.mistakes {
  background-image: url('../images/mistakes.png');
}
.coming-soon:before {
  position: absolute;
  top: 20px;
  left: -1px;
  content: attr(data-label);
  color: #fff;
  height: 0;
  width: 120px;
  height: 30px;
  line-height: 0;
  box-sizing: border-box;
  border: 15px solid #339900;
  font-size: 13px;
  text-transform: uppercase;
  border-left: none;
  border-right: 7px solid transparent;
}
.exercise_carousel li {
  background-color: #ffffff;
}
.plug-btn {
  font-size: 18px;
  line-height: 45px !important;
  height: 45px;
  line-height: 45px;
  padding: 0 20px 0 60px !important;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 1.1px;
}
.plug-btn + .plug-btn {
  margin-left: 26px;
}
.plug-btn.chrome {
  background-image: url('../images/icon-chrome.png');
}
.plug-btn.safari {
  background-image: url('../images/icon-chrome.png');
}
.plug-btn.firefox {
  background-image: url('../images/icon-chrome.png');
}
.plug-btn:hover {
  background-repeat: no-repeat;
  background-position: 20px 50%;
}
.h2-title_audition {
  font-size: 60px;
  font-family: 'Open Sans', serif;
  font-weight: 100;
  height: 70px;
  text-align: center;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 100%;
  padding-left: 97px;
  margin: 40px auto;
  background-image: url('../images/audition-title.png');
  line-height: 70px;
  height: 83px;
  background-position: 0px 60%;
  margin: 22px auto 36px;
}
.wrapper__row {
  text-align: center;
  position: relative;
}
.underlined-title {
  font-size: 18px;
  line-height: 18px;
  height: 19px;
}
.underlined-title a {
  color: #383838;
  font-family: 'Open Sans', sans-serif;
  text-decoration: underline;
}
.photovoc-content .instruction {
  padding: 55px 70px;
  margin-bottom: 60px;
  padding-bottom: 40px;
}
.photovoc-content .instruction__header {
  margin-bottom: 50px;
}
.photovoc-content .instruction-list__item .text {
  line-height: 23px;
}
.photovoc-content .instruction-list__item .icon {
  margin-top: 7px;
  min-height: 173px;
}
.photovoc-content .instruction__separator {
  margin-top: 40px;
  margin-bottom: 42px;
}
.photovoc-content .instruction__bottom .btn-watch {
  text-transform: uppercase;
  letter-spacing: -0.6px;
  line-height: 20px;
}
.photovoc-content .instruction.ve {
  padding-bottom: 60px;
}
.photovoc-content .instruction.ve .instruction-list__item {
  margin-left: 0;
  margin-right: 0;
  width: 210px;
}
.photovoc-content .instruction.ve .instruction-list__item .icon {
  margin-top: 7px;
  min-height: 110px;
}
.photovoc-content .instruction.gr {
  padding-bottom: 60px;
}
.photovoc-content .instruction.gr .instruction-list__item {
  margin-left: 0;
  margin-right: 0;
  width: 210px;
}
.photovoc-content .instruction.gr .instruction-list__item .icon {
  margin-top: 7px;
  min-height: 110px;
}
.photovoc-content .photo-voc {
  font-size: 0;
}
.photovoc-content .photo-voc__exercise {
  display: none;
  margin-top: 60px;
  text-align: center;
}
.photovoc-content .photo-voc__exercise:first-child {
  display: block;
}
.photovoc-content .photo-voc__exercise.photos-word {
  margin-top: 80px;
  margin-bottom: 70px;
}
.photovoc-content .photo-voc__exercise.photos-word .photo-voc__item {
  padding: 9px;
}
.photovoc-content .photo-voc__exercise.photos-word .photo-voc__item:hover {
  border: 1px solid #3399cc;
}
.photovoc-content .photo-voc__exercise.photos-word .photo-voc__item.right {
  position: relative;
  animation-name: right_color_change_revert;
  animation-duration: 1.5s;
}
.photovoc-content .photo-voc__exercise.photos-word .photo-voc__item.right:before {
  opacity: 0;
  pointer-events: none;
  animation-name: animation_hide;
  animation-duration: 1.5s;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background-image: url('../images/icon-done.png');
}
.photovoc-content .photo-voc__exercise.photos-word .photo-voc__item.wrong {
  animation-name: wrong_color_change_revert;
  animation-duration: 0.5s;
}
.photovoc-content .photo-voc__exercise.photos-word img {
  cursor: pointer;
}
.photovoc-content .photo-voc__exercise.photos-word .photo-voc__top {
  padding-top: 9px;
}
.photovoc-content .photo-voc__exercise.photo-words .photo-voc__item.right {
  animation-name: right_color_change_revert;
  animation-duration: 0.5s;
}
.photovoc-content .photo-voc__exercise.photo-words .photo-voc__item.wrong {
  animation-name: wrong_color_change_revert;
  animation-duration: 0.5s;
}
.photovoc-content .photo-voc__exercise.photos-words .photo-voc__item__input.past {
  border: 1px solid #d1d1d1;
  border-radius: 2px;
}
.photovoc-content .photo-voc__exercise.photos-words .photo-voc__item__input.right {
  animation-name: right_color_change_revert;
  animation-duration: 0.5s;
}
.photovoc-content .photo-voc__exercise.photos-words .photo-voc__item__input.wrong {
  animation-name: wrong_color_change_revert;
  animation-duration: 0.5s;
}
.photovoc-content .photo-voc__title {
  font-size: 50px;
  font-family: 'Open Sans', serif;
  font-weight: 100;
  line-height: 60px;
  height: 60px;
  text-align: center;
  display: block;
  background-repeat: no-repeat;
  background-position: 0px 100%;
  padding-left: 0px;
  margin: 40px auto;
  background-image: url(none);
}
.photovoc-content .photo-voc__top {
  display: flex;
  justify-content: space-around;
  padding-bottom: 120px;
}
.photovoc-content .photo-voc__bottom {
  display: flex;
  justify-content: space-around;
  margin-bottom: 100px;
  min-height: 62px;
  align-items: baseline;
}
.photovoc-content .photo-voc__btn-ctrl {
  padding-bottom: 60px;
}
.photovoc-content .photo-voc__btn {
  font-size: 16px;
  border: 1px solid #999999;
  padding: 15px 30px;
  background-color: transparent;
  cursor: pointer;
  border-radius: 2px;
  padding: 10.5px 30px;
  font-family: 'Open sans', serif;
}
.photovoc-content .photo-voc__btn:hover {
  background-color: #339900;
  color: #FFFFFF;
}
.photovoc-content .photo-voc__btn + .photo-voc__btn {
  margin-left: 30px;
}
.photovoc-content .photo-voc__message {
  font-size: 30px;
  color: #33cc33;
  padding: 109px 0 56px;
  margin-top: 40px;
  background-image: url('../images/icon-done.png');
  background-repeat: no-repeat;
  background-position: 50% 45px;
}
.photovoc-content .photo-voc__item,
.photovoc-content .photo-voc__item__input {
  padding: 9px;
  box-sizing: border-box;
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  margin-bottom: 20px;
  background-color: #ffffff;
}
.photovoc-content .photo-voc__item img,
.photovoc-content .photo-voc__item__input img {
  display: block;
  max-height: 190px;
  max-width: 226px;
}
.photovoc-content .photo-voc__item__title,
.photovoc-content .photo-voc__item__input__title {
  max-width: 203px;
  margin-top: 19px;
  margin-bottom: 7px;
  font-size: 22px;
  text-align: center;
  word-wrap: break-word;
}
.photovoc-content .photo-voc__item__title .sound-icon,
.photovoc-content .photo-voc__item__input__title .sound-icon {
  margin-right: 14px;
}
.photovoc-content .photo-voc__item__title .word,
.photovoc-content .photo-voc__item__input__title .word {
  height: 23px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 55.5px);
}
.photovoc-content .photo-voc__item__input,
.photovoc-content .photo-voc__item__input__input {
  margin: 20px auto 0;
  display: inline-block;
  border-radius: 4px;
  min-width: 94px;
  min-height: 60px;
  border: 2px dashed #d1d1d1;
  box-sizing: border-box;
  font-size: 22px;
  padding: 16px;
}
.photovoc-content .photo-voc__item__input.hover,
.photovoc-content .photo-voc__item__input__input.hover {
  border: 2px dashed #3399cc;
}
.photovoc-content .photo-voc__item .add-fav__icon,
.photovoc-content .photo-voc__item__input .add-fav__icon {
  top: 22px;
  right: 22px;
}
.photovoc-content .photo-voc__item {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  text-align: center;
  word-wrap: break-word;
  white-space: nowrap;
  padding: 19px 19px 18px;
  line-height: 20px;
}
.photovoc-content .photo-voc .many-to-one .photo-voc__top {
  border-bottom: none;
  padding-bottom: 60px;
}
.photovoc-content .photo-voc .many-to-one .photo-voc__bottom {
  display: flex;
  padding: 0 76px;
}
.photovoc-content .photo-voc .many-to-one .photo-voc__bottom .photo-voc__item {
  cursor: pointer;
}
.photovoc-content .photo-voc .many-to-one .photo-voc__bottom .photo-voc__item:hover {
  border: 1px solid #3399cc;
  color: #3399cc;
}
.photovoc-content .photo-voc .many-to-one .photo-voc__item {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  text-align: center;
  word-wrap: break-word;
  white-space: nowrap;
  padding: 19px 19px 18px;
  line-height: 20px;
  box-sizing: border-box;
  background-color: #ffffff;
}
.photovoc-content .photo-voc .many-to-one .photo-voc__item.past {
  margin: 20px auto 4px;
}
.photovoc-content .photo-voc .many-to-one .photo-voc__item.hide {
  transform: translateX(-9999px);
}
.photovoc-content .photo-voc .many-to-one .photo-voc__item.chosen {
  visibility: hidden;
}
.photovoc-content .photo-voc .many-to-one .photo-voc__item + .photo-voc__item {
  margin-left: 30px;
}
.photovoc-content .photo-voc .many-to-many .photo-voc__top {
  border-bottom: none;
  padding-bottom: 59px;
}
.photovoc-content .photo-voc .many-to-many .photo-voc__bottom {
  display: flex;
  justify-content: space-around;
}
.photovoc-content .photo-voc .many-to-many .photo-voc__bottom .photo-voc__item__frame {
  background-image: url('../images/icon-move.png');
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding: 0 0 0 76px;
  transform: translateX(-38px);
}
.photovoc-content .photo-voc .many-to-many .photo-voc__bottom .photo-voc__item__frame.chosen {
  visibility: hidden;
}
.photovoc-content .photo-voc .many-to-many .photo-voc__bottom .photo-voc__item {
  cursor: move;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  text-align: center;
  word-wrap: break-word;
  white-space: nowrap;
  padding: 19px 19px 18px;
  line-height: 20px;
  box-sizing: border-box;
}
.photovoc-content .photo-voc .many-to-many .photo-voc__bottom .photo-voc__item:hover {
  border: 1px solid #3399cc;
  color: #3399cc;
}
.photovoc-content .photo-voc .many-to-many .photo-voc__bottom .photo-voc__item.hide {
  transform: translateX(-9999px);
}
.photovoc-content .photo-voc .many-to-many .photo-voc__bottom .photo-voc__item + .photo-voc__item {
  margin-left: 30px;
}
.photovoc-content .photo-voc__success {
  display: none;
  min-height: 465px;
}
.photovoc-content .photo-voc__list {
  padding-top: 60px;
  border-top: 1px solid #d1d1d1;
}
.photovoc-content .photo-voc__list__row-4 {
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap;
}
.photovoc-content .photo-voc__list__row-4 .photo-voc__item {
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 10px 11.5px;
  max-width: 225px;
}
.photovoc-content .photo-voc__list__row-4 .photo-voc__item:hover {
  border: 1px solid #3399cc;
}
.photovoc-content .photo-voc__list__row-4 .photo-voc__item:nth-child(4n) {
  margin-right: 0;
}
.photovoc-content .photo-voc__list__row-4 .photo-voc__item img {
  max-width: 200px;
}
.photovoc-content .photo-voc__list__row-4 + .photovoc-content .photo-voc__list__row-4,
.photovoc-content .photo-voc__list__row-4 + .photo-voc__list__row-3 {
  margin-top: 20px;
}
.photovoc-content .photo-voc__list__row-3 {
  display: flex;
  justify-content: space-around;
}
.photovoc-content .photo-voc__list__row-3 + .photovoc-content .photo-voc__list__row-3 {
  margin-top: 50px;
}
.photovoc-content .photo-voc__list .preloader .spinner {
  height: 50px;
}
.photovoc-content .btn_start {
  font-family: 'Open Sans', serif;
  color: #ffffff;
  border: none;
  font-size: 18px;
  padding: 20px 30px;
  background-color: #339900;
  border-radius: 2px;
  display: inline-block;
  margin: 0 auto;
  cursor: pointer;
}
.h2-title_mw {
  font-size: 60px;
  font-family: 'Open Sans', serif;
  font-weight: 100;
  line-height: 70px;
  height: 70px;
  text-align: center;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 100%;
  padding-left: 90px;
  margin: 40px auto;
  background-image: url('../images/missed-word-title.png');
  height: 80px;
  margin-bottom: 34px;
}
.wrapper__row {
  text-align: center;
}
.underlined-title {
  font-size: 18px;
  line-height: 18px;
  height: 19px;
}
.underlined-title a {
  color: #383838;
  text-decoration: underline;
}
.video-player {
  max-width: 800px;
  margin-top: 25px;
  display: inline-block;
}
.video-player__frame {
  position: relative;
}
.video-player__frame .player-play-big {
  position: absolute;
  left: calc(46%);
  top: calc(41%);
  background-image: url(../images/play-big2.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 70px;
  height: 70px;
  background-size: contain;
  cursor: pointer;
}
.video-player__frame .player-play-big:hover {
  opacity: 0.7;
}
.video-player__frame .player-next-big {
  position: absolute;
  left: calc(46%);
  top: calc(41%);
  background-image: url(../images/play-big2.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 70px;
  height: 70px;
  background-size: contain;
  cursor: pointer;
}
.video-player__frame .player-next-big:hover {
  opacity: 0.7;
}
.video-player__fav-btn {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 20px;
  right: 20px;
  background-image: url('../images/favorites/star.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.video-player__fav-btn:hover {
  background-image: url('../images/favorites/star-hover.png');
}
.video-player__fav-btn:active,
.video-player__fav-btn.active {
  background-image: url('../images/favorites/star-active.png');
}
.video-player__subs {
  position: absolute;
  bottom: 44px;
  left: 10px;
  right: 10px;
  font-size: 0;
}
.video-player__subs.missed {
  bottom: 75px;
}
.video-player__subs__item {
  position: relative;
  display: inline-block;
  margin-top: 20px;
  padding: 0 5px;
  border-radius: 2px;
  font-size: 24px;
  padding: 10px 15px;
  background-color: #ffffff;
}
.video-player__subs__item .video-player__subs__item__word {
  position: absolute;
  top: 0px;
  padding: 10px 1px;
  bottom: 0px;
  white-space: nowrap;
  left: 50%;
  background-color: #ffffff;
  z-index: -1;
  transform: translateX(-50%);
  border-radius: 2px;
  cursor: pointer;
}
.video-player__subs__item .video-player__subs__item__word:hover {
  background-color: #ffff66;
}
.video-player__subs__item.discovered .video-player__subs__item__word,
.video-player__subs__item.discovered-permanent .video-player__subs__item__word {
  z-index: 1;
}
.video-player__subs__item.discovered .video-player__subs__item__cover,
.video-player__subs__item.discovered-permanent .video-player__subs__item__cover {
  visibility: hidden;
  pointer-events: none;
}
.video-player__subs__item.warning .video-player__subs__item__word {
  color: #ff3333;
}
.video-player__subs__item.warning .video-player__subs__item__word:before {
  content: attr(data-cin);
  width: 34px;
  height: 34px;
  top: -27px;
  left: -34px;
  line-height: 34px;
  color: #fff;
  position: absolute;
  z-index: 3;
  border-radius: 50%;
  background-color: #ff3333;
}
.video-player__subs__item.warning.splited:before {
  left: -7px;
}
.video-player__subs__item__cover {
  opacity: 1;
  z-index: 2;
  padding-top: 10px;
  height: 14px;
  line-height: 3px;
  letter-spacing: 1px;
  pointer-events: none;
  overflow: hidden;
  color: #999999;
}
.video-player__subs__item__cover div {
  float: left;
}
.video-player__subs__item__cover div.star {
  margin-top: 4px;
}
.video-player__subs__item + .video-player__subs__item {
  margin-left: 10px;
}
.video-player__subs__item.splited {
  border-left: 27px solid #fff;
  margin-left: -12px;
}
.video-player__subs__group {
  vertical-align: top;
  display: inline-block;
  box-sizing: border-box;
  min-width: 45px;
  margin: 0 5px;
  padding: 0 8px;
  border-radius: 2px;
  min-height: 45px;
  line-height: 45px;
  background-color: #ffffff;
}
.video-player__subs__group .splitted-word {
  margin-top: 15px;
  box-sizing: border-box;
  background-color: #ffffff;
  padding: 0 5px;
  min-height: 45px;
  line-height: 45px;
  display: inline-block;
  vertical-align: top;
}
.video-player__subs__group .splitted-word:first-child,
.video-player__subs__group .splitted-word.first-in-row {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-left: 20px solid #fff;
}
.video-player__subs__group .splitted-word:last-child,
.video-player__subs__group .splitted-word.last-in-row {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-right: 20px solid #fff;
}
.video-player__subs__group.visible {
  font-size: 24px;
  font-family: 'Open Sans', serif;
  padding: 0 5px;
  background-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.video-player__subs__group span {
  height: 100%;
  display: inline-block;
}
.video-player__subs__group span:hover {
  background-color: #ffff66;
}
.video-player__subs__group .word {
  display: inline-block;
  font-size: 24px;
  font-family: 'Open Sans', serif;
  padding: 0 5px;
  height: 100%;
  cursor: pointer;
}
.video-player__subs__target {
  margin-top: 10px;
  display: inline-block;
  vertical-align: top;
  border-radius: 2px;
  cursor: pointer;
}
.video-player__subs__target.filed:hover {
  background-color: rgba(255, 255, 153, 0.5);
}
.video-player__subs__target .video-player__subs__group {
  opacity: .8;
  margin: 5px;
}
.video-player__subs__target span {
  display: none;
}
.video-player__subs__target span:hover {
  background-color: transparent;
}
.video-player__subs__target .video-player__subs__group.discovered {
  opacity: 1;
  font-size: 24px;
}
.video-player__subs__target .video-player__subs__group.discovered span {
  display: inline-block;
}
.video-player__subs__target .video-player__subs__group.empty {
  visibility: hidden;
  pointer-events: none;
}
.video-player__subs__symbol {
  display: inline-block;
  font-size: 32px;
  color: #fff;
  height: 36px;
  line-height: 36px;
}
.video-player__subs.assemble-phrase {
  bottom: 10px;
  position: absolute;
  margin: 26px 5px 0;
}
.video-player__subs.assemble-phrase .video-player__subs__group {
  background-color: transparent;
  height: auto;
  font-size: 0;
}
.video-player__subs.assemble-phrase .video-player__subs__group > .word {
  background-color: #fff;
}
.video-player__subs.assemble-phrase .video-player__subs__group > .word:first-child,
.video-player__subs.assemble-phrase .video-player__subs__group > .word .first-in-row {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-left: 20px solid #fff;
}
.video-player__subs.assemble-phrase .video-player__subs__group > .word:last-child,
.video-player__subs.assemble-phrase .video-player__subs__group > .word .last-in-row {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-right: 20px solid #fff;
}
.video-player__subs.assemble-phrase .video-player__subs__group > .word:hover {
  background-color: #ffff66;
}
.video-player__subs.assemble-phrase .video-player__subs__group .phrase {
  background-color: #fff;
  font-family: 'Open Sans', serif;
  padding: 0 0 0 5px;
  height: 100%;
  display: inline-block;
  font-size: 24px;
  cursor: pointer;
  border: 3px solid #2385c5;
  border-radius: 3px;
}
.video-player__subs.assemble-phrase .video-player__subs__group .phrase .target {
  background-color: #e6e6e6;
  width: 60px;
  height: 45px;
  display: inline-block;
  border-radius: 2px;
  vertical-align: top;
}
.video-player__subs.assemble-phrase .notification {
  display: none;
  position: absolute;
  bottom: calc(100% + 11px);
  left: 0;
  max-width: 685px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 2px;
  padding: 12px 21px 15px 21px;
}
.video-player__subs.assemble-phrase .notification__content {
  position: relative;
  width: 100%;
  color: #333333;
  font-size: 18px;
  font-family: 'Open Sans', serif;
}
.video-player__subs.assemble-phrase .notification__content .arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid rgba(255, 255, 255, 0.9);
  border-right: 15px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 3px solid transparent;
  bottom: -35px;
  left: 60%;
}
.video-player__controls {
  margin-top: 40px;
  padding-bottom: 25px;
  font-size: 0;
}
.video-player__controls__btn {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 18px;
  padding: 7px 12px;
  border-radius: 2px;
  border: 1px solid #999999;
  box-sizing: border-box;
  height: 35px;
  cursor: pointer;
  background-repeat: no-repeat;
  transition: opacity 0.2s;
}
.video-player__controls__btn + .video-player__controls__btn {
  margin-left: 15px;
}
.video-player__controls__btn:hover {
  background-color: #1c82c5;
  border-color: #1c82c5;
  color: #fff;
}
.video-player__controls__btn.titled {
  position: relative;
}
.video-player__controls__btn.titled:before {
  content: attr(data-title);
  position: absolute;
  right: 0;
  bottom: -25px;
  left: 0;
  font-size: 13px;
  height: 18px;
  line-height: 18px;
  pointer-events: none;
  color: #999999;
  text-align: center;
}
.video-player__controls__btn.titled:first-child:before {
  text-align: left;
}
.video-player__controls__btn.titled:last-child:before {
  text-align: right;
}
.video-player__controls__btn.slow {
  background: url('../images/icon-slow.png') 50% no-repeat, url('../images/icon-slow-white.png') 300% no-repeat;
  min-width: 56px;
}
.video-player__controls__btn.slow:hover {
  background-position: 300%, 50%;
  background-color: #339900;
  border-color: #339900;
}
.video-player__controls__btn.rewind {
  padding-left: 34px;
  background: url('../images/arrow-rewind.png') 10px 50% no-repeat, url('../images/arrow-rewind-white.png') 10px 300% no-repeat;
}
.video-player__controls__btn.rewind:hover {
  background-color: #1c82c5;
  background-position: 10px 300%, 10px 50%;
}
.video-player__controls__btn.next {
  padding-right: 34px;
  background: url('../images/arrow-next.png') calc(100% - 10px) 50% no-repeat, url('../images/arrow-next-white.png') calc(100% - 10px) 150% no-repeat;
}
.video-player__controls__btn.next:hover {
  background-position: calc(100% - 10px) -50%, calc(100% - 10px) 50%;
  background-color: #1c82c5;
}
.video-player__controls.disabled .video-player__controls__btn,
.video-player__controls__btn.disabled {
  cursor: default;
  opacity: 0.5;
  transition: opacity 0.2s;
  pointer-events: none;
}
.video-player__controls.exercise-chars-buttons .video-player__subs__group.visible {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: none;
  border: 1px solid #d1d1d1;
  opacity: 1;
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 22px;
  text-align: center;
  word-wrap: break-word;
  white-space: nowrap;
  padding-top: 12px;
  line-height: 20px;
  box-sizing: border-box;
  background-color: #ffffff;
  width: 50px;
  height: 50px;
}
.video-player__controls.exercise-chars-buttons .video-player__subs__group.visible.wrong {
  animation-name: wrong_color_change_revert;
  animation-duration: 0.5s;
  border: 1px solid #ffd4d4;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.video-player__controls.exercise-chars-buttons .video-player__subs__group.visible.right {
  animation-name: right_color_change_revert;
  animation-duration: 0.5s;
  border: 1px solid #70d51e;
  color: #fff;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.video-player__controls.exercise-chars-buttons .video-player__subs__group.visible:hover {
  border: 1px solid #3399cc;
  color: #3399cc;
}
.video-player__controls .video-player__subs__target .video-player__subs__group {
  margin: 5px 8px;
  border-radius: 2px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.6);
}
.video-player__controls .video-player__subs__target .video-player__subs__group span {
  display: block;
}
.video-player__controls__right {
  padding-top: 23px;
  display: inline-block;
  width: 50%;
  text-align: left;
  vertical-align: top;
}
.video-player__controls__left {
  padding-top: 29px;
  display: inline-block;
  width: 50%;
  text-align: right;
  vertical-align: top;
}
.video-player__controls__voice-btn {
  display: inline-block;
  width: 61px;
  height: 61px;
  margin-right: 39px;
  background-image: url('../images/voice.png');
}
.video-player__controls__voice-btn:hover {
  background-position: 100%;
}
.video-player__controls.assemble-phrase {
  margin-top: 14px;
}
.video-player__controls.assemble-phrase .video-player__subs__group {
  margin: 5px 15px;
  padding: 0 21px;
  cursor: pointer;
}
.video-player__controls.assemble-phrase .video-player__subs__group .word {
  padding: 0;
  font-size: 22px;
}
.video-player__controls.assemble-phrase .video-player__subs__group .word:hover {
  background-color: transparent;
}
.video-player__controls.assemble-phrase .video-player__subs__group.disabled {
  color: #999999;
}
.translate-options li {
  font-family: 'Open Sans', serif;
  font-size: 15px;
  height: 22px;
  line-height: 22px;
}
.translate-options li .marker {
  vertical-align: top;
  display: inline-block;
  height: 22px;
  width: 35px;
  position: relative;
  margin-right: 14px;
}
.translate-options li .marker:before {
  position: absolute;
  content: '';
  height: 8px;
  right: 0;
  top: 7px;
  left: auto;
  bottom: 7px;
  background-color: #ccc;
  width: 100%;
}
.translate-options li .marker[data-mark='1']:before {
  width: 20%;
}
.translate-options li .marker[data-mark='2']:before {
  width: 40%;
}
.translate-options li .marker[data-mark='3']:before {
  width: 60%;
}
.translate-options li .marker[data-mark='4']:before {
  width: 80%;
}
.translate-options li .marker[data-mark='5']:before {
  width: 100%;
}
.translate-options li .text {
  vertical-align: top;
  display: inline-block;
  height: 22px;
  line-height: 22px;
}
.translate-options li .text a {
  margin-left: 49px;
}
.translate-options.short li:nth-child(n+4) {
  display: none;
}
.translate-options.short li:last-child {
  display: block;
}
.exercise-level {
  font-size: 0;
  margin-top: 20px;
}
.exercise-level__title {
  width: 65px;
  height: 13px;
  font-size: 13px;
  display: inline-block;
  vertical-align: top;
}
.exercise-level__title:first-child {
  text-align: left;
}
.exercise-level__title:last-child {
  text-align: right;
}
.exercise-level__bar {
  font-size: 0;
  background-image: -webkit-linear-gradient(left, #3399cc 0%, #00cccc 52%, #66cc33 100%);
  background-image: -moz-linear-gradient(left, #3399cc 0%, #00cccc 52%, #66cc33 100%);
  background-image: -o-linear-gradient(left, #3399cc 0%, #00cccc 52%, #66cc33 100%);
  background-image: linear-gradient(to right, #3399cc 0%, #00cccc 52%, #66cc33 100%);
  height: 13px;
  border-radius: 2px;
  display: inline-block;
  width: calc(100% - 130px);
}
.exercise-level__bar.lvl-1 .exercise-level__item:first-child {
  background-color: transparent;
}
.exercise-level__bar.lvl-2 .exercise-level__item:nth-child(-1n+2) {
  background-color: transparent;
}
.exercise-level__bar.lvl-2 .exercise-level__item:nth-child(-1n+2):before {
  background-color: #ffffff;
}
.exercise-level__bar.lvl-3 .exercise-level__item:nth-child(-1n+3) {
  background-color: transparent;
}
.exercise-level__bar.lvl-3 .exercise-level__item:nth-child(-1n+3):before {
  background-color: #ffffff;
}
.exercise-level__bar.lvl-4 .exercise-level__item:nth-child(-1n+4) {
  background-color: transparent;
}
.exercise-level__bar.lvl-4 .exercise-level__item:nth-child(-1n+4):before {
  background-color: #ffffff;
}
.exercise-level__bar.lvl-5 .exercise-level__item {
  background-color: transparent;
}
.exercise-level__bar.lvl-5 .exercise-level__item:before {
  background-color: #ffffff;
}
.exercise-level__item {
  width: 20%;
  display: inline-block;
  vertical-align: top;
  height: 13px;
  background-color: #d0cfcf;
  position: relative;
}
.exercise-level__item:before {
  position: absolute;
  top: 1px;
  left: 0;
  content: '';
  display: inline-block;
  height: calc(100% - 2px);
  width: 1px;
  background-color: #d0cfcf;
}
.exercise-level__item:first-child {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.exercise-level__item:first-child:before {
  content: none;
}
.exercise-level__item:last-child {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.video-list {
  max-width: 800px;
  margin: 74px auto;
}
.video-list__item {
  border: 1px solid transparent;
  border-top: 1px solid #d1d1d1;
  padding: 34px 20px 30px 20px;
  font-size: 0;
}
.video-list__item:hover {
  border: 1px solid #1984c7;
}
.video-list__item:hover + .video-list__item {
  border-top: 1px solid transparent;
}
.video-list__item__left {
  width: 245px;
  display: inline-block;
  vertical-align: top;
}
.video-list__item__left .underlined-title {
  font-size: 14px;
  height: 18px;
  line-height: 18px;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}
.video-list__item__right {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 245px);
  padding-top: 29px;
}
.video-list__item__preview {
  cursor: pointer;
  margin-top: 18px;
  height: 140px;
  overflow: hidden;
  position: relative;
}
.video-list__item__preview img {
  margin-top: -15%;
  margin-left: -25%;
  width: 150%;
}
.video-list__item__preview a {
  position: absolute;
  left: calc(50% - 17px);
  top: calc(50% - 19px);
  background-image: url('../images/play-big.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 34px;
  height: 38px;
}
.video-list__item__preview:hover a {
  opacity: 0.7;
}
.video-list__item__description {
  font-size: 16px;
  padding-left: 43px;
  line-height: 27px;
  text-align: left;
}
.video-list__item__description span {
  cursor: pointer;
  display: inline;
}
.video-list__item__description span.incorrect {
  color: #ff3333;
}
.video-list__item__fav-btn {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0px;
  right: 18px;
  background-image: url('../images/favorites/star.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.video-list__item__fav-btn:hover {
  background-image: url('../images/favorites/star-hover.png');
}
.video-list__item__fav-btn:active,
.video-list__item__fav-btn.active {
  background-image: url('../images/favorites/star-active.png');
}
.video-list__item .underlined-title {
  font-size: 16px;
  font-family: 'Open Sans', serif;
  text-align: left;
  height: auto;
}
.video-list__item .title-word {
  font-family: 'Open Sans', serif;
  font-size: 20px;
  height: 24px;
  line-height: 24px;
  vertical-align: baseline;
  margin-right: 6px;
}
.video-list__item .translate-word {
  font-family: 'Open Sans', serif;
  font-size: 14px;
  padding-left: 14px;
  min-height: 45px;
  width: calc(100% - 40px);
  line-height: 24px;
}
.video-list__item .answer {
  font-family: 'Open Sans', serif;
  margin-top: 19px;
}
.video-list__item .answer strong {
  font-family: 'OpenSansSemibold';
}
.video-list__item.add-fav .add-fav__icon {
  top: 30px;
  right: 18px;
}
.video-list__item.assemble-phrase .video-list__item__description {
  padding-top: 10px;
}
.video-list__item.assemble-phrase .video-list__item__description .answer {
  margin-top: 15px;
  padding-right: 25px;
  line-height: 24px;
}
.play-word {
  width: 20px;
  height: 16px;
  margin-top: 4px;
  vertical-align: top;
  display: inline-block;
  background-image: url('../images/voice_small.png');
}
.play-word:hover {
  background-position: 100%;
}
.tal {
  text-align: left;
}
.tac {
  text-align: center;
}
.tar {
  text-align: right;
}
.vat {
  vertical-align: top;
}
.vam {
  vertical-align: middle;
}
.vab {
  vertical-align: bottom;
}
.pt0 {
  padding-top: 0px;
}
.pt10 {
  padding-top: 10px;
}
.pt20 {
  padding-top: 20px;
}
.pt30 {
  padding-top: 30px;
}
.pt40 {
  padding-top: 40px;
}
.pt40 {
  padding-top: 40px;
}
.pt50 {
  padding-top: 50px;
}
.pt60 {
  padding-top: 60px;
}
.pt120 {
  padding-top: 120px;
}
.pr0 {
  padding-right: 0px;
}
.pr10 {
  padding-right: 10px;
}
.pr20 {
  padding-right: 20px;
}
.pr30 {
  padding-right: 30px;
}
.pr40 {
  padding-right: 40px;
}
.pr40 {
  padding-right: 40px;
}
.pr50 {
  padding-right: 50px;
}
.pr60 {
  padding-right: 60px;
}
.pb0 {
  padding-bottom: 0px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb40 {
  padding-bottom: 40px;
}
.pb40 {
  padding-bottom: 40px;
}
.pb50 {
  padding-bottom: 50px;
}
.pb60 {
  padding-bottom: 60px;
}
.pb90 {
  padding-bottom: 90px;
}
.pb120 {
  padding-bottom: 120px;
}
.pl0 {
  padding-left: 0px;
}
.pl10 {
  padding-left: 10px;
}
.pl20 {
  padding-left: 20px;
}
.pl30 {
  padding-left: 30px;
}
.pl40 {
  padding-left: 40px;
}
.pl40 {
  padding-left: 40px;
}
.pl50 {
  padding-left: 50px;
}
.pl60 {
  padding-left: 60px;
}
.pos-rel {
  position: relative;
}
.pos-abs {
  position: absolute;
}
.main-cont {
  min-width: 960px;
  padding-top: 76px;
  overflow: hidden;
  background: url("/images/main-bg.jpg") no-repeat top center;
}
.main-cont h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 20px;
}
.main-cont p {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 6px;
}
.main-cont h2,
.main-cont p {
  color: #383838;
  position: relative;
  z-index: 11;
}
.login {
  text-align: center;
  padding-top: 110px;
  width: 368px;
  margin: 0 auto;
}
.login h1 {
  font-family: 'Open Sans', serif;
  font-size: 28px;
  text-align: center;
  margin-bottom: 37px;
}
.login .control label {
  width: 118px;
}
.login .control .input {
  margin-left: 118px;
}
.login .buttons {
  margin-top: -2px;
}
.login form {
  text-align: left;
  margin-top: 34px;
}
.login .or {
  background: url("/images/or-bg.png") repeat-x 0 8px;
  font-size: 14px;
  margin-top: 37px;
  height: 16px;
}
.login .or span {
  display: block;
  margin: 0 auto;
  width: 38px;
  text-align: center;
  background: #fff;
}
.login .forgot {
  font-size: 12px;
  margin-left: 20px;
}
.login .success {
  text-align: center;
}
.login .success p:last-child {
  margin-top: 15px;
}
.login .success p:last-child .forgot {
  margin: 0;
}
.register-page {
  width: 620px;
  margin: 0 auto;
  padding: 110px 0;
}
.register-page h1 {
  font-family: 'Open Sans', serif;
  font-size: 28px;
  text-align: center;
  margin-bottom: 29px;
  line-height: 35px;
}
.register-page .avatar {
  float: left;
  width: 241px;
}
.register-page .avatar img {
  width: 185px;
  height: 185px;
  padding: 6px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.33);
}
.register-page .avatar .upload-ajax {
  text-align: center;
  width: 197px;
  margin-top: -44px;
}
.register-page .avatar .upload-ajax .upload {
  display: inline-block;
  font-size: 12px;
  line-height: 28px;
  border: 1px solid rgba(0, 0, 0, 0.21);
  border-radius: 2px;
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  background-color: #fff;
  padding: 0 13px;
}
.register-page .avatar .upload-ajax .upload i {
  display: inline-block;
  background: url("/images/upload.png") no-repeat 0 0;
  width: 12px;
  height: 14px;
  vertical-align: middle;
  margin: -3px 0 0 13px;
}
.register-page .form {
  margin-left: 241px;
}
.register-page .form .logged-as-fb {
  background: #edecec url("/images/facebook-icon-logged.png") no-repeat 11px center;
  padding: 15px 11px 15px 60px;
  border-radius: 5px;
  margin-bottom: 25px;
}
.register-page .form .logged-as-fb span {
  font-size: 20px;
}
.register-page .form form .control label {
  width: 146px;
}
.register-page .form form .control .input {
  width: 276px;
  margin-left: 146px;
}
.register-page .form .eula {
  font-size: 12px;
  line-height: 21px;
  margin: 30px 0 34px 146px;
  width: 325px;
}
.register-page .crossroad {
  padding-top: 20px;
  text-align: center;
}
.register-page .crossroad p {
  font-size: 14px;
}
.register-page .crossroad .facebook-btn {
  margin: 22px 0 41px 0;
}
.register-page .crossroad hr {
  border: none;
  border-bottom: 1px solid #d4d4d4;
  margin: 0 0 41px 0;
}
.register-page .crossroad hr + p {
  margin-bottom: 15px;
}
.register.simple {
  width: 379px;
}
.register.simple .form {
  margin-left: 0;
}
.register.simple .form button {
  margin-left: 146px;
}
.landing {
  background: url('/images/landing-bg.jpg') repeat-x 0 0;
}
.landing .content {
  background: transparent;
  padding-top: 80px;
  text-align: center;
}
.landing .content h1 {
  font-family: 'Open Sans', sans-serif;
  font-size: 36px;
  color: #4d4c4c;
}
.landing .content h1 span {
  color: #38a3e2;
}
.landing .content .bx-wrapper {
  margin-top: 35px;
  border: 5px solid transparent;
  background-color: transparent;
}
.landing .content .bx-wrapper .bx-viewport {
  box-shadow: none;
  background: transparent;
  border: none;
}
.landing .content .bx-wrapper .bx-viewport .bxslider li {
  height: 395px;
}
.landing .content .bx-wrapper .bx-viewport .bxslider li h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 25px;
  margin-bottom: 39px;
}
.landing .content .bx-wrapper .bx-viewport .bxslider li img {
  display: inline-block;
  vertical-align: bottom;
}
.landing .content .bx-wrapper .bx-controls .bx-pager .bx-pager-link {
  background: #c5c5c5;
}
.landing .content .bx-wrapper .bx-controls .bx-pager .bx-pager-link.active {
  background: #38a3e2;
}
.landing .content .bx-wrapper .bx-controls .bx-controls-direction a {
  width: 19px;
  height: 59px;
  background: url('/images/landing-slider-controls.png') no-repeat 0 0;
}
.landing .content .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {
  background-position: 0 0;
}
.landing .content .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev:hover {
  background-position: -20px 0;
}
.landing .content .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {
  background-position: 0 -61px;
}
.landing .content .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:hover {
  background-position: -20px -61px;
}
.landing .content .green-btn,
.landing .content .black-btn,
.landing .content .gray-btn {
  line-height: 44px;
  padding: 0 27px;
}
.e404 {
  background: url("/images/404.jpg") no-repeat top center, url("/images/404-bg.png") repeat 0 0;
  height: 272px;
  text-align: center;
}
.e404 span {
  font-family: 'Open Sans', serif;
  font-size: 44px;
  color: #1984c7;
  font-weight: bold;
  text-shadow: 0 1px 0 #fff;
  display: inline-block;
  margin-top: 82px;
  line-height: 53px;
}
.err-cont {
  padding-top: 47px;
  text-align: center;
}
.err-cont p {
  font-size: 14px;
  line-height: 21px;
}
.err-cont a {
  text-decoration: underline;
}
.err-cont .search-box {
  margin-top: 41px;
}
.err-cont .search-box p {
  font-size: 20px;
  margin-bottom: 24px;
}
.err-cont .search-box .search {
  width: 490px;
  height: 42px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 25px;
  background-position: 460px 14px;
}
.err-cont .search-box .search:focus {
  background-position: 460px -24px;
}
.prempage {
  padding-top: 85px;
  /* --------------- */
  /* --------------- */
  /* --------------- */
  /* --------------- */
}
.prempage h1 {
  font-size: 22px;
}
.prempage .statictext {
  margin-left: 40px;
}
.prempage .statictext h1 {
  font-size: 32px;
}
.prempage h4 {
  font-size: 24px;
}
.prempage .counter {
  font-weight: bold;
  color: #ec042f;
}
.prempage p.green-discount {
  font-size: 28px;
  color: #4db60e;
}
.prempage #pricing-table {
  margin: 15px auto 15px auto;
  text-align: center;
  width: 900px;
  /* total computed width = 222 x 3 + 226 */
}
.prempage #pricing-table .plan {
  font: 14px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #fff;
  border: 1px solid #ddd;
  color: #333;
  padding: 20px;
  width: 230px;
  /* plan width = 180 + 20 + 20 + 1 + 1 = 222px */
  float: left;
  position: relative;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.19);
}
.prempage #pricing-table #most-popular {
  width: 230px;
  z-index: 2;
  top: -5px;
  border-width: 1px;
  padding: 24px 20px;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.19);
  /*-moz-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
		-webkit-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);*/
  /*box-shadow: 14px 0 10px 1px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);*/
}
.prempage #pricing-table h3 {
  font-size: 25px;
  padding: 20px;
  margin: -20px -20px -5px -20px;
}
.prempage #pricing-table h3 sup {
  font-size: 13px;
  position: relative;
  top: -10px;
}
.prempage #pricing-table .pdescr {
  width: 255px;
  padding: 22px 20px 21px 20px;
}
.prempage #pricing-table .pdescr h3 {
  font-size: 16px;
  color: #9c9c9c;
  text-align: left;
}
.prempage #pricing-table .pdescr ul li {
  text-align: left;
}
.prempage #pricing-table #most-popular h3 {
  margin-top: -30px;
  padding-top: 30px;
  color: #4db60e;
}
.prempage .blue-ok {
  background: url("/images/blue-ok.png") no-repeat center center;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.prempage .green-ok {
  background: url("/images/green-ok.png") no-repeat center center;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.prempage a.qtp {
  position: absolute;
  display: inline-block;
  font-size: 13px;
  color: #38a3e2;
  border: 1px solid #38a3e2;
  height: 15px;
  width: 15px;
  padding: 1px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  margin-left: 5px;
  top: -2px;
}
.prempage a.qtp:hover {
  text-decoration: none;
  font-size: 13px;
  color: #fff;
  background: #38a3e2;
}
.prempage #pricing-table ul {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
}
.prempage #pricing-table li {
  /*border-top: 1px solid #ddd;*/
  padding: 10px 0;
  height: 32px;
  position: relative;
}
.prempage #pricing-table li b {
  font-weight: bold;
}
.prempage .clear:before,
.prempage .clear:after {
  content: "";
  display: table;
}
.prempage .clear:after {
  clear: both;
}
.prempage .clear {
  zoom: 1;
}
.prem-prices {
  display: inline-block;
  font-size: 16px;
}
.arrow-discount {
  background: #4db60e;
  padding: 5px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  position: relative;
  font-size: 18px;
  font-weight: normal;
  padding-left: -10px;
  margin-left: 10px;
  top: -5px;
}
.arrow-discount::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 10px 15px 0;
  border-color: transparent #4db60e transparent transparent;
  top: 0;
  left: -10px;
}
.arrow-discount::after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 15px 10px 16px 0;
  border-color: transparent #fff transparent transparent;
  background: #4db60e;
  right: -10px;
  top: 0px;
}
.freetrans {
  font-weight: bold;
  color: #49b020;
}
.green-price {
  color: #49b020;
}
.old-price {
  text-decoration: line-through;
}
.static p.n-free-trans {
  font-size: 18px;
}
.main-example {
  margin: 0 auto;
  width: 355px;
}
.main-example .countdown-container {
  height: 60px;
}
.main-example .time {
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  position: relative;
  height: 65px;
  width: 50px;
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  -ms-perspective: 500px;
  -o-perspective: 500px;
  perspective: 500px;
}
.main-example .count {
  background: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  color: red;
  display: block;
  font-family: 'Oswald', sans-serif;
  font-size: 1.7em;
  line-height: 2.4em;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform-style: flat;
  -moz-transform-style: flat;
  -ms-transform-style: flat;
  -o-transform-style: flat;
  transform-style: flat;
}
.main-example .count.ctop {
  border-radius: 5px 5px 0 0;
  height: 50%;
  border: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.main-example .count.bottom {
  border: 1px solid #ccc;
  border-top: 1px solid #fff;
  /*border-bottom: 1px solid #000;*/
  border-radius: 0 0 5px 5px;
  line-height: 0;
  height: 50%;
  top: 50%;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.main-example .label {
  /*font-size: normal;*/
  margin-top: 5px;
  display: block;
  position: absolute;
  top: 68px;
  font-size: 10px;
  width: 100%;
  color: #9c9c9c;
  text-transform: uppercase;
}
/* Animation start */
.main-example .count.curr.ctop {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 3;
}
.main-example .count.next.bottom {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  z-index: 2;
}
/* Animation end */
.main-example .flip .count.curr.ctop {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.main-example .flip .count.next.bottom {
  -webkit-transition: all 250ms ease-in-out 250ms;
  -moz-transition: all 250ms ease-in-out 250ms;
  -ms-transition: all 250ms ease-in-out 250ms;
  -o-transition: all 250ms ease-in-out 250ms;
  transition: all 250ms ease-in-out 250ms;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.partner-page {
  font-family: 'Open Sans', serif;
}
.partner-page p {
  line-height: 56px;
}
.partner-page h1 {
  font-size: 22px;
}
.partner-page .promo-wrapper {
  background: #096daf url("/images/partner-page-bg.jpg") no-repeat top center;
  height: 340px;
  padding-top: 115px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.partner-page .promo-wrapper .promo {
  color: #fff;
  text-align: center;
  width: 760px;
  margin: 0 auto;
}
.partner-page .promo-wrapper .promo h1 {
  font-size: 36px;
  margin-bottom: 28px;
}
.partner-page .promo-wrapper .promo p {
  font-size: 18px;
  line-height: 25px;
}
.partner-page .statictext {
  margin-left: 40px;
}
.partner-page .statictext h1 {
  font-size: 32px;
}
.partner-page h4 {
  font-size: 24px;
}
.partner-page .stat-wrapper {
  border-bottom: 1px solid #dadada;
  margin-bottom: 25px;
}
.partner-page .stat-wrapper .stat-free {
  text-align: center;
  width: 960px;
  margin: 0 auto;
  padding: 18px 0 25px 0;
  font-size: 14px;
}
.partner-page .stat-wrapper .stat-free i {
  display: block;
  position: absolute;
  left: 0px;
  top: 4px;
  width: 37px;
  height: 30px;
  background-image: url("/images/partner-icons.png");
  background-repeat: no-repeat;
}
.partner-page .stat-wrapper .stat-free i.st-word-icon {
  background-position: -40px 0px;
}
.partner-page .stat-wrapper .stat-free .cnt-number {
  font-size: 22px;
  color: #1c82c5;
  font-family: 'Open Sans', serif;
  font-weight: 300;
  position: relative;
  top: 1px;
}
.partner-page .stat-wrapper .stat-free .st-item {
  text-align: left;
  padding-left: 45px;
  margin-left: 120px;
  position: relative;
  width: 400px;
  display: inline-block;
  min-height: 40px;
  font-size: 12px;
  line-height: 26px;
}
.partner-page .stat-wrapper .stat-free .st-item span {
  display: inline-block;
}
.partner-page .partner-info {
  margin-bottom: 20px;
}
.partner-page .partner-info p {
  font-size: 14px;
  line-height: 22px;
  margin: 12px auto;
  width: 100%;
}
.partner-page .partner-info input {
  width: 330px;
  box-sizing: content-box;
  height: 16px;
  font-family: Verdana;
  padding: 6px 10px 6px 10px;
  border: 1px solid #a4a4a4;
  border-radius: 3px;
  font-size: 14px;
  display: inline-block;
  margin-left: 42px;
}
.partner-page .partner-info .desc1 {
  display: inline-block;
  vertical-align: top;
  width: 380px;
  margin: 12px 88px 0 75px;
}
.partner-page .partner-info .desc2 {
  display: inline-block;
  width: 410px;
  vertical-align: top;
  position: relative;
}
.partner-page .partner-info .new_price {
  font-size: 16px;
  color: #369b20;
}
.partner-page .partner-info .share-p {
  margin: 14px 0 16px 0;
}
.payment_tabs {
  margin-top: 35px;
  font-family: 'OpenSansReg';
  border: 1px solid #eeeeee;
}
.payment_tabs__control li {
  display: inline-block;
  width: 25%;
  margin-left: -5px;
  text-align: center;
  height: 57px;
  line-height: 57px;
  border-top: 1px solid transparent;
  border-left: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fdfdfd;
  cursor: pointer;
  font-size: 16px;
  color: #373737;
}
.payment_tabs__control li a {
  color: #373737;
}
.payment_tabs__control li a:hover {
  text-decoration: none;
}
.payment_tabs__control li:first-child {
  margin-left: 0;
  border-left: none;
}
.payment_tabs__control li.active,
.payment_tabs__control li:hover {
  border-top-color: #369b20;
  border-bottom: none;
  background-color: transparent;
}
.payment_tabs__body {
  padding-bottom: 24px;
}
.payment_tabs__body > li {
  display: none;
  padding: 31px 30px 0 32px;
}
.payment_tabs__body > li.active {
  display: block;
}
.payment__list,
.fondy_payment__list,
.wayforpay_payment__list,
.g2a_payment__list {
  font-size: 0;
}
.payment__list li,
.fondy_payment__list li,
.wayforpay_payment__list li,
.g2a_payment__list li {
  display: inline-block;
  width: 201px;
  height: 205px;
  border: 1px solid #eeeeee;
  margin: 0 0 0 30px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.payment__list li.active,
.fondy_payment__list li.active,
.wayforpay_payment__list li.active,
.g2a_payment__list li.active {
  border-color: #369b20;
}
.payment__list li.active:hover,
.fondy_payment__list li.active:hover,
.wayforpay_payment__list li.active:hover,
.g2a_payment__list li.active:hover {
  border-color: #369b20;
}
.payment__list li:hover,
.fondy_payment__list li:hover,
.wayforpay_payment__list li:hover,
.g2a_payment__list li:hover {
  border-color: #cdcdcd;
}
.payment__list li:first-child,
.fondy_payment__list li:first-child,
.wayforpay_payment__list li:first-child,
.g2a_payment__list li:first-child {
  margin-left: 0;
}
.payment__list--time,
.fondy_payment__list--time,
.wayforpay_payment__list--time,
.g2a_payment__list--time {
  margin-top: 20px;
  text-align: center;
  font-size: 16px;
  color: #373737;
}
.payment__list--cost,
.fondy_payment__list--cost,
.wayforpay_payment__list--cost,
.g2a_payment__list--cost {
  margin-top: 34px;
  text-decoration: line-through;
  text-align: center;
  font-size: 20px;
  color: #383838;
}
.payment__list--sale,
.fondy_payment__list--sale,
.wayforpay_payment__list--sale,
.g2a_payment__list--sale {
  margin-top: 11px;
  text-align: center;
  font-size: 35px;
  color: #369b20;
}
.payment__list--econ,
.fondy_payment__list--econ,
.wayforpay_payment__list--econ,
.g2a_payment__list--econ {
  margin-top: 16px;
  text-align: center;
  font-size: 16px;
  color: #c0c0c0;
}
.buy-pro.center {
  text-align: center;
  margin-top: 33px;
  width: 210px;
  line-height: 35px;
  letter-spacing: 0.5px;
}
.pwidget_wrap {
  text-align: center;
  margin: 15px 0 26px 18px;
}
.messages {
  margin-top: 18px;
}
.message__item {
  font-family: 'OpenSansReg';
  font-size: 14px;
  line-height: 20px;
  color: #373737;
  margin-top: 11px;
}
.message__item:before {
  content: '!';
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-color: #369b20;
  text-align: center;
  color: #fff;
  margin-right: 7px;
  line-height: 18px;
  font-weight: bold;
  font-size: 13px;
}
.message__item:first-child {
  margin-top: 0;
}