@import url(normalize.css);
@import url(../slick/slick.css);
@import url(icons/style.css);
body {
  margin: 0;
  font-family: 'Open Sans';
  color: #222;
  font-size: 16px;
  padding-top: 90px;
}
@media (min-width: 767px) {
  body.visitor {
    padding-top: 51px;
  }
  body.visitor .logo {
    top: 8px !important;
  }
  body.visitor .main-header .wrapper {
    height: 50px;
  }
}
@media (max-width: 767px) {
  body {
    padding-top: 44px;
  }
  body.visitor #user-info-form {
    display: none;
  }
  body.visitor #user-info-form-2 {
    top: 7px;
  }
}

input,
select {
  font-size: 16px !important;
}

ul {
  margin: 0;
  padding: 0;
}

p {
  margin: 10px 0;
}

select {
  -webkit-border-radius: 0px;
}

.wrapper {
  max-width: 1170px;
  width: auto;
  margin: 0 auto;
  position: relative;
}
.wrapper:after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 1200px) {
  .wrapper {
    width: 962px;
  }
}
@media (max-width: 992px) {
  .wrapper {
    width: 737px;
  }
}
@media (max-width: 766px) {
  .wrapper {
    width: auto;
  }
}

.has-gift .present-popup .disabled {
  color: rgba(0, 0, 0, 0.9) !important;
  background: rgba(96, 125, 139, 0.8) !important;
  cursor: default;
}

.input-block {
  position: relative;
}
.input-block input {
  border: none;
  height: 34px;
  padding: 0;
  border: 2px solid #fff;
  background: rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  width: 100%;
  outline: 0px solid rgba(255, 255, 255, 0.2);
  padding-left: 12px;
  font-size: 14px;
  color: #fff;
}
.input-block input:focus {
  outline: 5px solid rgba(255, 255, 255, 0.2);
}
.input-block label {
  position: absolute;
  left: 14px;
  top: -19px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  cursor: text;
}
.input-block input:focus + label,
.input-block input:valid + label {
  top: -19px;
  color: #fff;
  font-weight: 600;
}

.select-block select {
  border: none;
  height: 34px;
  padding: 0;
  border: 2px solid #fff;
  background: rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  width: 100%;
  outline: 0px solid rgba(255, 255, 255, 0.2);
  padding-left: 12px;
  font-family: "Open Sans";
  font-size: 14px;
  color: #fff;
}

.ui-datepicker {
  z-index: 99999 !important;
}

@keyframes pulse {
  0% {
    color: rgba(229, 115, 115, 0.8);
  }
  20% {
    color: rgba(149, 117, 205, 0.8);
  }
  40% {
    color: rgba(121, 134, 203, 0.8);
  }
  60% {
    color: rgba(102, 187, 106, 0.8);
  }
  80% {
    color: rgba(255, 160, 0, 0.8);
  }
  100% {
    color: rgba(229, 115, 115, 0.8);
  }
}
@keyframes background-pulse {
  0% {
    background-color: rgba(229, 115, 115, 0.8);
  }
  20% {
    background-color: rgba(149, 117, 205, 0.8);
  }
  40% {
    background-color: rgba(121, 134, 203, 0.8);
  }
  60% {
    background-color: rgba(102, 187, 106, 0.8);
  }
  80% {
    background-color: rgba(255, 160, 0, 0.8);
  }
  100% {
    background-color: rgba(229, 115, 115, 0.8);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.row {
  box-sizing: border-box;
  margin: 0 -15px;
}
.row:after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 767px) {
  .row {
    margin: 0;
  }
}

.col-1 {
  width: 8.33333%;
  box-sizing: border-box;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

.col-2 {
  width: 16.66667%;
  box-sizing: border-box;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

.col-3 {
  width: 25%;
  box-sizing: border-box;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

.col-4 {
  width: 33.33333%;
  box-sizing: border-box;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

.col-5 {
  width: 41.66667%;
  box-sizing: border-box;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

.col-6 {
  width: 50%;
  box-sizing: border-box;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

.col-7 {
  width: 58.33333%;
  box-sizing: border-box;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

.col-8 {
  width: 66.66667%;
  box-sizing: border-box;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

.col-9 {
  width: 75%;
  box-sizing: border-box;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

.col-10 {
  width: 83.33333%;
  box-sizing: border-box;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

.col-11 {
  width: 91.66667%;
  box-sizing: border-box;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

.col-12 {
  width: 100%;
  box-sizing: border-box;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

.ui-state-disabled.btn-warn {
  opacity: 1 !important;
}

/* UI dialog */
.ui-inplace-cancel, .ui-inplace-save {
  height: 2em;
}

.collapsing {
  display: none;
}

.imail-attachment-list li {
  display: inline-block;
}
.imail-attachment-list li a {
  padding: 3px;
}

.btn-group {
  display: inline-block;
  margin: 2px 3px 2px 2px;
}
.btn-group .dropdown-menu {
  display: none;
}
.btn-group.open .dropdown-menu {
  display: inline-block !important;
  position: absolute;
  box-shadow: 10px 10px 50px #37474f;
  background: white;
  margin-top: 0;
  list-style: none;
  z-index: 2;
}
.btn-group.open .dropdown-menu a {
  text-decoration: none;
}
.btn-group.open .dropdown-menu li {
  margin: 1px;
  display: block;
  padding: 6px 10px 7px 12px;
}
.btn-group.open .dropdown-menu li:hover {
  background: #e9ecef;
}

ul.list-unstyled.list-inline {
  list-style: none;
}
ul.list-unstyled.list-inline li {
  display: inline-block;
}

.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.85);
  opacity: 1;
}

.ui-blockui .ui-helper-hidden {
  background: rgba(0, 0, 0, 0.2);
  opacity: 1;
}

.ui-blockui-content {
  margin: 0;
  box-shadow: none !important;
}

.ui-dialog-title .btn.btn-default.pull-left {
  background: none;
  border: none;
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  transition: .2s;
  text-decoration: none !important;
  text-align: center !important;
  line-height: 25px !important;
  -webkit-appearance: none;
}
.ui-dialog-title .btn.btn-default.pull-left .fa.fa-times {
  display: none;
}
.ui-dialog-title .btn.btn-default.pull-left:after {
  content: "\e90b";
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 100px;
  vertical-align: 0;
  position: relative;
  left: -37px;
  top: -37px;
  display: block;
  height: 100px;
  width: 100px;
}
.ui-dialog-title .btn.btn-default.pull-left:hover {
  background: rgba(0, 0, 0, 0.1);
}
.ui-dialog-title .btn.btn-default.pull-left:active {
  background: rgba(0, 0, 0, 0.4);
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .6em 16px .1em 2em;
}

.ui-dialog-titlebar-close {
  background: none;
  border: none !important;
  width: 25px;
  height: 25px;
  position: absolute;
  left: 14px !important;
  top: 9px !important;
  vertical-align: middle;
  cursor: pointer;
  transition: .2s;
  padding: 0 !important;
  text-decoration: none !important;
  text-align: center;
}
.ui-dialog-titlebar-close .fa.fa-times {
  display: none;
}
.ui-dialog-titlebar-close .ui-icon.ui-icon-closethick {
  display: none;
}
.ui-dialog-titlebar-close:after {
  content: "\e90b";
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 100px;
  vertical-align: 0;
  position: relative;
  left: -37px;
  top: -37px;
  display: block;
  height: 100px;
  width: 100px;
}
.ui-dialog-titlebar-close:hover {
  background: rgba(0, 0, 0, 0.1) !important;
}
.ui-dialog-titlebar-close:active {
  background: rgba(0, 0, 0, 0.4) !important;
}

.mail-message-dialog .ui-dialog-title .display-inline.pull-left {
  margin-left: 30px !important;
}

.ui-dialog-title .display-inline.pull-left {
  margin-top: 5px !important;
  display: inline-block;
  vertical-align: middle;
  color: #222;
}

.ui-dialog-title {
  color: #222;
}

.ui-dialog-titlebar-icon.ui-dialog-titlebar-close.ui-corner-all {
  float: right;
}

.ui-dialog-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-top {
  background: #eee;
  min-height: 30px;
}

.ui-dialog-content.ui-widget-content .row {
  margin: 0 -14px;
}
.ui-dialog-content.ui-widget-content fieldset {
  border: none;
}
.ui-dialog-content.ui-widget-content .form-row label {
  vertical-align: 0 !important;
}
.ui-dialog-content.ui-widget-content .ui-commandlink.ui-widget.btn.btn-default {
  color: #9575cd;
  font-weight: 600;
  transition: .2s;
  text-decoration: underline;
  cursor: pointer;
  padding-top: 0 !important;
}
.ui-dialog-content.ui-widget-content .ui-commandlink.ui-widget.btn.btn-default:hover {
  color: #603ba1;
}
.ui-dialog-content.ui-widget-content .ui-commandlink.ui-widget.btn.btn-default:active {
  color: #331f57;
}
.ui-dialog-content.ui-widget-content .ui-commandlink.ui-widget.btn.btn-default:not([id*='Confirmed']) {
  padding: 0 50px;
}
.ui-dialog-content.ui-widget-content .btn.btn-default:not(.ui-commandlink) {
  color: #90a4ae;
}
.ui-dialog-content.ui-widget-content .ui-fileupload.ui-widget .ui-fileupload-buttonbar.ui-widget-header.ui-corner-top {
  border: none;
}
.ui-dialog-content.ui-widget-content .ui-fileupload.ui-widget .ui-fileupload-content.ui-widget-content.ui-corner-bottom {
  border: none;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-draggable.ui-overlay-visible {
  margin: 0 auto;
  max-width: 500px !important;
  width: auto !important;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-draggable.ui-overlay-visible .ui-dialog-content.ui-widget-content {
  padding: 15px;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-draggable.ui-overlay-visible .ui-commandlink.ui-widget.btn.btn-primary {
  display: inline-block;
  height: 42px;
  line-height: 42px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  padding: 0 40px;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-draggable.ui-overlay-visible .ui-commandlink.ui-widget.btn.btn-primary:hover {
  background: #439747;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-draggable.ui-overlay-visible .ui-commandlink.ui-widget.btn.btn-primary:active {
  background: #2d6530;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-draggable.ui-overlay-visible .ui-commandlink.ui-widget.btn.btn-primary.ui-state-disabled:hover, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-draggable.ui-overlay-visible .ui-commandlink.ui-widget.btn.btn-primary.ui-state-disabled:active {
  background: #66bb6a;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-draggable.ui-overlay-visible .ui-commandlink.ui-widget.btn.btn-primary.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-draggable.ui-overlay-visible .ui-commandlink.ui-widget.btn.btn-primary h4 {
  margin: 0;
  font-size: 20px !important;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-draggable.ui-overlay-visible .ui-commandlink.ui-widget.btn.btn-default.pull-left {
  text-align: center;
  line-height: 25px;
  text-decoration: none;
  position: absolute;
  -webkit-appearance: none;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-draggable.ui-overlay-visible .ui-dialog-title > div {
  margin: 5px !important;
  color: #333;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-draggable.ui-overlay-visible .container.reading-confirm-container .row {
  margin: 0;
}

#readingConfirmationDialogId {
  max-width: 300px !important;
}
#readingConfirmationDialogId .container {
  text-align: center;
}
#readingConfirmationDialogId .container .centered.purple {
  color: #66bb6a;
}
#readingConfirmationDialogId small {
  font-size: 10px;
}
#readingConfirmationDialogId .spacer {
  padding-top: 10px;
}
#readingConfirmationDialogId p.caption {
  padding: 2px 20%;
}
#readingConfirmationDialogId .centered.purple + .spacer {
  border-top: 1px solid #ddd;
  padding-bottom: 16px;
}

.ui-selectonemenu-filter-container .ui-icon.ui-icon-search {
  right: 16px !important;
}

#globalWaitDialog {
  text-align: center;
  font-size: 0;
}
#globalWaitDialog .ui-dialog-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-top {
  display: none;
}

#freeCallDeniedAlert {
  background: #e57373;
  color: #fff;
  padding: 5px;
  margin-bottom: 14px;
}

.debug {
  display: none !important;
}

#putImmediateFeedbackForm h5 {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 10px;
}
#putImmediateFeedbackForm .col-xs-12 {
  text-align: left;
}

.ql-toolbar.ql-snow {
  padding: 0 !important;
}

.ui-fileupload-buttonbar, .ui-fileupload-content {
  display: inline-block;
}

.ui-dialog[id*='attachmentPreviewDialog'] .ui-dialog-title {
  float: left;
  margin: .6em 16px .1em 2em;
}

.consultantMenuStatusIndicator .dropdown-menu {
  z-index: 15;
}

#horos1 {
  width: 0;
  display: inline-block;
}

body.customer #horos1.anchor-offset-horos, body.reader #horos1.anchor-offset-horos {
  padding-top: 70px;
  margin-top: -70px;
}
@media (max-width: 767px) {
  body.customer #horos1.anchor-offset-horos, body.reader #horos1.anchor-offset-horos {
    padding-top: 20px;
    margin-top: -20px;
  }
}
body.visitor #horos1.anchor-offset-horos {
  padding-top: 20px;
  margin-top: -20px;
}
body.customer .anchor-offset, body.reader .anchor-offset {
  padding-top: 90px;
  margin-top: -90px;
}
@media (max-width: 767px) {
  body.customer .anchor-offset, body.reader .anchor-offset {
    padding-top: 20px;
    margin-top: -20px;
  }
}
body.visitor .anchor-offset {
  padding-top: 20px;
  margin-top: -20px;
}
body .debug {
  display: none;
}

.profile-reader-snippet {
  display: block;
  position: relative;
  font-size: 0;
  margin-top: 215px;
  min-height: 287px;
  /*____________________________________________________________*/
  /* STATES */
  /*____________________________________________________________*/
  /* AVA */
}
.profile-reader-snippet .duplicate-action-btns {
  display: none;
}
.profile-reader-snippet.online .online-status {
  color: #66bb6a !important;
}
.profile-reader-snippet.online .online-status:before {
  background: #66bb6a !important;
}
.profile-reader-snippet.online .online-status:after {
  content: "Online" !important;
}
.profile-reader-snippet.busy.online .online-status {
  color: #ffa000 !important;
}
.profile-reader-snippet.busy.online .online-status:before {
  background: #ffa000 !important;
}
.profile-reader-snippet.busy.online .online-status:after {
  content: "Busy" !important;
}
.profile-reader-snippet.premier .premium-status {
  display: block !important;
}
.profile-reader-snippet.favourite .favourite-link {
  color: #9575cd !important;
}
.profile-reader-snippet.favourite .favourite-link:after {
  content: "Favorite Reader" !important;
  text-decoration: none !important;
}
.profile-reader-snippet.favourite .favourite-link .icon-heart {
  display: none !important;
}
.profile-reader-snippet.favourite .favourite-link .icon-heart-full {
  display: inline !important;
}
.profile-reader-snippet.has-gift .present {
  display: block;
}
.profile-reader-snippet.not-available .call-btn,
.profile-reader-snippet.not-available .chat-btn {
  display: none !important;
}
.profile-reader-snippet.not-available .ui-commandlink.ui-widget.notify-btn {
  display: inline-block !important;
}
.profile-reader-snippet .ava-part {
  width: 370px;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  background: #000;
  min-height: 287px;
  background: 50% 50%;
  background-size: cover;
}
.profile-reader-snippet .ava-part img {
  display: none;
}
.profile-reader-snippet .ava-part .reader-zodiac {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 14px;
  color: #fff;
  box-sizing: border-box;
  padding: 30px 10px 9px;
  font-weight: bold;
  background: linear-gradient(to bottom, transparent 0%, rgba(75, 59, 103, 0.5) 100%);
}
.profile-reader-snippet .present {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 91px;
  height: 71px;
  z-index: 200;
  text-align: center;
  display: none;
}
.profile-reader-snippet .present .present-link {
  padding-top: 10px;
  font-size: 16px;
  animation: background-pulse 10s infinite;
  transition: .2s;
  font-weight: 700;
  font-size: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
}
.profile-reader-snippet .present .present-link .icon-present {
  font-size: 30px;
  display: inline-block;
  color: #fff;
  vertical-align: -6px;
}
.profile-reader-snippet .present .present-link:hover {
  cursor: pointer;
  animation-duration: 1s;
  background: rgba(0, 0, 0, 0.5);
}
.profile-reader-snippet .present .present-link:hover .icon-present {
  animation-duration: 1s;
}
.profile-reader-snippet .present-popup {
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ff5e07;
  background: radial-gradient(ellipse at center, #89cb8c 0%, #54b359 100%);
  z-index: 200;
  font-weight: 600;
  color: #fff;
  border: 2px solid #66bb6a;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
.profile-reader-snippet .present-popup .icon-cross {
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 11px;
  cursor: pointer;
  transition: .2s;
  z-index: 2;
}
.profile-reader-snippet .present-popup .icon-cross:hover {
  color: white;
  background: rgba(255, 255, 255, 0.2);
}
.profile-reader-snippet .present-popup .present-popup-content {
  position: absolute;
  top: 52%;
  transform: translateY(-50%);
  margin: auto;
  left: 0;
  right: 20px;
}
.profile-reader-snippet .present-popup .present-popup-content .message {
  padding: 0 20px 7px;
  text-align: center;
  font-size: 14px;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns {
  text-align: center;
  font-size: 14px;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success,
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #459a49;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  font-size: 14px;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:hover,
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:hover {
  background: #2f6931;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:active,
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:active {
  background: #19371a;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .profile-reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
  background: #459a49;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.disabled,
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn,
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #ff9c0b;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  font-size: 14px;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:hover,
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:hover {
  background: #c27400;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:active,
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:active {
  background: #7b4900;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .profile-reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
  background: #ff9c0b;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.disabled,
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn {
  margin-right: 5px;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn + .call-btn {
  margin-right: 0;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn .icon-phone {
  margin-right: 3px;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn .icon-bubbles2 {
  margin-right: 4px;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn .icon-bubbles2 {
  margin-right: 4px;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn {
  display: inline-block;
  height: 34px;
  line-height: 30px;
  padding: 0 20px;
  background: none;
  color: #fff;
  font-family: "Open Sans";
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  border: 2px solid #fff;
  box-sizing: border-box;
  cursor: pointer;
  display: none;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn:hover {
  border: 2px solid #dbdbdb;
  color: #dbdbdb;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn:active {
  border: 2px solid #b8b8b8;
  color: #b8b8b8;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn.disabled {
  background: #b0bec5;
  color: #4c626d;
  cursor: default;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn .icon-mail {
  font-size: 12px;
  margin-right: 4px;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .notify-btn {
  display: inline-block;
}
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .chat-btn,
.profile-reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .call-btn {
  display: none;
}
.profile-reader-snippet .info-part {
  margin-left: 370px;
  /*____________________________________________________________*/
  /* TOP INFO */
  /*____________________________________________________________*/
  /* MAJOR INFO */
}
.profile-reader-snippet .info-part .top-info {
  height: 30px;
  /* Status bar*/
  /* Reader name */
}
.profile-reader-snippet .info-part .top-info .status-bar {
  line-height: 30px;
  font-size: 14px;
  font-weight: 700;
  margin-left: 30px;
}
.profile-reader-snippet .info-part .top-info .status-bar .online-status {
  float: left;
  margin-right: 10px;
  display: inline-block;
  color: #90a4ae;
}
.profile-reader-snippet .info-part .top-info .status-bar .online-status:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #90a4ae;
  border-radius: 50%;
  margin-right: 3px;
}
.profile-reader-snippet .info-part .top-info .status-bar .online-status:after {
  content: "Offline";
}
.profile-reader-snippet .info-part .top-info .status-bar .premium-status {
  float: left;
  color: #7986CB;
  margin-right: 10px;
  margin-left: 10px;
  display: none;
}
.profile-reader-snippet .info-part .top-info .status-bar .premium-status .icon-diamond {
  margin-right: 3px;
  font-size: 13px;
}
.profile-reader-snippet .info-part .top-info .status-bar .premium-status:after {
  content: "Premier Reader";
}
.profile-reader-snippet .info-part .top-info .status-bar .favourite-status {
  float: left;
  overflow: hidden;
}
.profile-reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link {
  color: #90a4ae;
  line-height: 30px;
  display: block;
  padding: 0 10px;
  transition: .2s;
  position: relative;
  text-decoration: none;
  font-weight: 600;
}
.profile-reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:hover {
  background: #dde2e6;
  color: #8966c8;
}
.profile-reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:active {
  background: #c6cdd5;
  color: #7248bd;
}
.profile-reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:after {
  content: "Add to Favorites";
  text-decoration: underline;
}
.profile-reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart {
  margin-right: 2px;
}
.profile-reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
  display: none;
  margin-right: 3px;
}
.profile-reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart,
.profile-reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
  font-size: 12px;
}
.profile-reader-snippet .info-part .top-info .reader-name {
  position: absolute;
  left: 0;
  right: 0;
  top: -215px;
  font-size: 60px;
  font-weight: 700;
  text-align: center;
  height: 185px;
}
.profile-reader-snippet .info-part .top-info .reader-name .name-link {
  line-height: 1.3;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  text-decoration: none;
  font-family: "Open Sans Condensed";
  text-transform: uppercase;
  cursor: default;
  color: #fff;
}
.profile-reader-snippet .info-part .major-info {
  margin-left: 30px;
  /* First info */
  /* Second info */
}
.profile-reader-snippet .info-part .major-info .first-info .brief-info {
  font-weight: 700;
  font-size: 24px !important;
  line-height: 1.25 !important;
  max-height: auto !important;
  height: auto !important;
}
.profile-reader-snippet .info-part .major-info .first-info .brief-info * {
  font-weight: 700;
  font-size: 24px !important;
  line-height: 1.25 !important;
}
.profile-reader-snippet .info-part .major-info .first-info .reader-tag-list {
  font-size: 14px;
  margin-top: 12px;
}
.profile-reader-snippet .info-part .major-info .first-info .reader-tag-list .reader-tag {
  display: block;
  margin: 4px 0;
}
.profile-reader-snippet .info-part .major-info .first-info .reader-tag-list .reader-tag:before {
  content: "\2014";
  margin-right: 4px;
}
.profile-reader-snippet .info-part .major-info .second-info .info-list {
  overflow: hidden;
  padding-top: 5px;
}
.profile-reader-snippet .info-part .major-info .second-info .info-list .info-item {
  float: left;
  display: block;
  margin-right: 20px;
  font-size: 14px;
}
.profile-reader-snippet .info-part .major-info .second-info .info-list .info-item .info-number {
  font-weight: 700;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions {
  margin-top: 14px;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success,
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success:hover,
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success:hover {
  background: #439747;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success:active,
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success:active {
  background: #2d6530;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
  background: #66bb6a;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.disabled,
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn,
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #ffb74d;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:hover,
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:hover {
  background: #ff9a06;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:active,
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:active {
  background: #bd7100;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
  background: #ffb74d;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.disabled,
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn {
  margin-right: 5px;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn + .call-btn {
  margin-right: 0;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn .icon-phone {
  margin-right: 3px;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn .icon-bubbles2 {
  margin-right: 4px;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn .icon-bubbles2 {
  margin-right: 4px;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn {
  display: inline-block;
  height: 34px;
  line-height: 30px;
  padding: 0 20px;
  background: none;
  color: #66bb6a;
  font-family: "Open Sans";
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  border: 2px solid #66bb6a;
  box-sizing: border-box;
  cursor: pointer;
  display: none;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn:hover {
  border: 2px solid #439747;
  color: #439747;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn:active {
  border: 2px solid #2d6530;
  color: #2d6530;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn.disabled {
  background: #b0bec5;
  color: #4c626d;
  cursor: default;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn .icon-mail {
  font-size: 12px;
  margin-right: 4px;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns.not-available .notify-btn {
  display: inline-block;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns.not-available .chat-btn,
.profile-reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns.not-available .call-btn {
  display: none;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .actions-description {
  font-size: 14px;
  margin-top: 5px;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .actions-description .reading-price {
  display: inline-block;
  margin-right: 16px;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .actions-description .special-chat-offer {
  display: inline-block;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .reader-email {
  display: inline-block;
  height: 34px;
  line-height: 30px;
  padding: 0 20px;
  background: none;
  color: #37474f;
  font-family: "Open Sans";
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  border: 2px solid #37474f;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  margin-top: 10px;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .reader-email:hover {
  border: 2px solid #1a2125;
  color: #1a2125;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .reader-email:active {
  border: 2px solid black;
  color: black;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .reader-email.disabled {
  background: #b0bec5;
  color: #4c626d;
  cursor: default;
}
.profile-reader-snippet .info-part .major-info .second-info .major-actions .reader-email .icon-mail {
  margin-right: 4px;
  font-size: 13px;
}
@media (max-width: 992px) {
  .profile-reader-snippet .online-status {
    margin-right: 5px !important;
  }
  .profile-reader-snippet .premium-status {
    margin: 0 5px !important;
  }
  .profile-reader-snippet .favourite-link {
    padding: 0 5px !important;
  }
  .profile-reader-snippet .status-bar {
    margin-left: 20px !important;
  }
  .profile-reader-snippet .major-info {
    margin-left: 20px !important;
  }
}
@media (max-width: 767px) {
  .profile-reader-snippet {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 120px;
  }
  .profile-reader-snippet .reader-name {
    top: -120px !important;
    height: 100px !important;
  }
  .profile-reader-snippet .ava-part {
    width: 300px !important;
    min-height: 230px !important;
    display: block;
  }
  .profile-reader-snippet .online-status:after {
    font-size: 0;
  }
  .profile-reader-snippet .premium-status:after {
    font-size: 0;
  }
  .profile-reader-snippet .favourite-link:after {
    font-size: 0;
  }
  .profile-reader-snippet .status-bar {
    margin-left: 0 !important;
  }
  .profile-reader-snippet .ava-part {
    width: 370px;
    position: relative;
  }
  .profile-reader-snippet .info-part {
    margin: 0;
  }
  .profile-reader-snippet .major-info {
    margin-left: 0 !important;
  }
  .profile-reader-snippet .top-info {
    overflow: hidden;
  }
  .profile-reader-snippet .top-info .status-bar {
    font-size: 12px !important;
  }
  .profile-reader-snippet .top-info .reader-name .name-link {
    font-size: 45px !important;
  }
}

@media (min-width: 1200px) {
  .featured-reader {
    display: block;
    position: relative;
    font-size: 0;
    color: #37474f;
    /*____________________________________________________________*/
    /* STATES */
    /*____________________________________________________________*/
    /* AVA */
  }
  .featured-reader.has-gift .present {
    display: block;
  }
  .featured-reader.not-available .notify-btn {
    display: inline-block !important;
  }
  .featured-reader.not-available .chat-btn,
  .featured-reader.not-available .call-btn {
    display: none !important;
  }
  .featured-reader.online .online-status {
    color: #66bb6a !important;
  }
  .featured-reader.online .online-status:before {
    background: #66bb6a !important;
  }
  .featured-reader.online .online-status:after {
    content: "Online" !important;
  }
  .featured-reader.busy.online .online-status {
    color: #ffa000 !important;
  }
  .featured-reader.busy.online .online-status:before {
    background: #ffa000 !important;
  }
  .featured-reader.busy.online .online-status:after {
    content: "Busy" !important;
  }
  .featured-reader.premier .premium-status {
    display: block !important;
  }
  .featured-reader.favourite .favourite-link {
    color: #9575cd !important;
  }
  .featured-reader.favourite .favourite-link:after {
    content: "Favorite Reader" !important;
    text-decoration: none !important;
  }
  .featured-reader.favourite .favourite-link .icon-heart {
    display: none !important;
  }
  .featured-reader.favourite .favourite-link .icon-heart-full {
    display: inline !important;
  }
  .featured-reader .ava-part {
    width: 270px;
    font-size: 0;
    background: #000;
    min-height: 210px;
    background: 50% 50%;
    background-size: cover;
    position: relative;
    display: block;
  }
  .featured-reader .ava-part img {
    display: none;
  }
  .featured-reader .ava-part .reader-zodiac {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 14px;
    color: #fff;
    box-sizing: border-box;
    padding: 30px 10px 9px;
    font-weight: bold;
    background: linear-gradient(to bottom, transparent 0%, rgba(75, 59, 103, 0.5) 100%);
  }
  .featured-reader .present {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    height: 70px;
    z-index: 200;
    width: 270px;
  }
  .featured-reader .present .present-link {
    padding: 9px;
    font-size: 16px;
    animation: background-pulse 10s infinite;
    transition: .2s;
    font-weight: 700;
    text-align: center;
    color: #fff;
  }
  .featured-reader .present .present-link .icon-present {
    font-size: 30px;
    display: inline-block;
    margin-right: 7px;
    vertical-align: -6px;
    color: #fff;
  }
  .featured-reader .present .present-link:hover {
    cursor: pointer;
    animation-duration: 1s;
    background: rgba(0, 0, 0, 0.5);
  }
  .featured-reader .present .present-link:hover .icon-present {
    animation-duration: 1s;
  }
  .featured-reader .present-popup {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ff5e07;
    background: radial-gradient(ellipse at center, #89cb8c 0%, #54b359 100%);
    z-index: 200;
    font-weight: 600;
    color: #fff;
    border: 2px solid #66bb6a;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }
  .featured-reader .present-popup .icon-cross {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px;
    cursor: pointer;
    transition: .2s;
    z-index: 2;
  }
  .featured-reader .present-popup .icon-cross:hover {
    color: white;
    background: rgba(255, 255, 255, 0.2);
  }
  .featured-reader .present-popup .present-popup-content {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    width: 420px;
    margin: auto;
    left: 0;
    right: 0;
  }
  .featured-reader .present-popup .present-popup-content .message {
    padding: 0 40px 20px;
    text-align: center;
    font-size: 24px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns {
    text-align: center;
    font-size: 14px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #459a49;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    padding: 0 40px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:hover,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:hover {
    background: #2f6931;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:active,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:active {
    background: #19371a;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #459a49;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.disabled,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ff9c0b;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    padding: 0 40px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:hover,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:hover {
    background: #c27400;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:active,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:active {
    background: #7b4900;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ff9c0b;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.disabled,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .featured-reader .info-part {
    position: absolute;
    left: 270px;
    top: 0;
    right: 0;
    bottom: 0;
    background: #f0f2f4;
    border: 2px solid #e2e7ea;
    border-top: none;
    border-left: none;
    /*____________________________________________________________*/
    /* TOP INFO */
    /*____________________________________________________________*/
    /* MAJOR INFO */
  }
  .featured-reader .info-part .top-info {
    background: #dee3e7;
    position: relative;
    height: 30px;
    /* Status bar*/
    /* Reader name */
  }
  .featured-reader .info-part .top-info .status-bar {
    margin-left: 520px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
  }
  .featured-reader .info-part .top-info .status-bar .online-status {
    float: left;
    margin-right: 10px;
    display: inline-block;
    color: #90a4ae;
  }
  .featured-reader .info-part .top-info .status-bar .online-status:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #90a4ae;
    border-radius: 50%;
    margin-right: 3px;
  }
  .featured-reader .info-part .top-info .status-bar .online-status:after {
    content: "Offline";
  }
  .featured-reader .info-part .top-info .status-bar .premium-status {
    float: left;
    color: #7986CB;
    margin-right: 10px;
    margin-left: 10px;
    display: none;
  }
  .featured-reader .info-part .top-info .status-bar .premium-status .icon-diamond {
    margin-right: 3px;
    font-size: 13px;
  }
  .featured-reader .info-part .top-info .status-bar .premium-status:after {
    content: "Premier Reader";
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status {
    float: left;
    overflow: hidden;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link {
    color: #90a4ae;
    line-height: 30px;
    display: block;
    padding: 0 10px;
    transition: .2s;
    position: relative;
    text-decoration: none;
    font-weight: 700;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link:hover {
    background: #dde2e6;
    color: #8966c8;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link:active {
    background: #c6cdd5;
    color: #7248bd;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link:after {
    content: "Add to Favorites";
    text-decoration: underline;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart {
    margin-right: 2px;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    display: none;
    margin-right: 3px;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart,
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    font-size: 12px;
  }
  .featured-reader .info-part .top-info .reader-name {
    text-transform: uppercase;
    display: inline;
    position: absolute;
    left: -10px;
    top: 0;
    margin-left: 30px;
    font-size: 18px;
    font-weight: 700;
  }
  .featured-reader .info-part .top-info .reader-name .name-link {
    color: #9575cd;
    line-height: 30px;
    display: block;
    padding: 0 10px;
    transition: .2s;
  }
  .featured-reader .info-part .top-info .reader-name .name-link:hover {
    background: #dde2e6;
    color: #8966c8;
  }
  .featured-reader .info-part .top-info .reader-name .name-link:active {
    background: #c6cdd5;
    color: #7248bd;
  }
  .featured-reader .info-part .major-info {
    left: 30px;
    top: 50%;
    position: absolute;
    margin-top: 13px;
    transform: translateY(-50%);
    /* First info */
    /* Second info */
  }
  .featured-reader .info-part .major-info .first-info {
    width: 420px;
    float: left;
  }
  .featured-reader .info-part .major-info .first-info .brief-info {
    font-size: 18px !important;
    font-weight: 700;
    color: #37474f;
    line-height: 1.25 !important;
  }
  .featured-reader .info-part .major-info .first-info .brief-info * {
    font-size: 18px !important;
    margin: 0;
    line-height: 1.25 !important;
  }
  .featured-reader .info-part .major-info .first-info .reader-tag-list {
    font-size: 14px;
    margin-top: 12px;
  }
  .featured-reader .info-part .major-info .first-info .reader-tag-list .reader-tag {
    display: block;
    margin: 4px 0;
  }
  .featured-reader .info-part .major-info .first-info .reader-tag-list .reader-tag:before {
    content: "\2014";
    margin-right: 4px;
  }
  .featured-reader .info-part .major-info .second-info {
    margin-left: 490px;
  }
  .featured-reader .info-part .major-info .second-info .info-list {
    overflow: hidden;
    padding-top: 5px;
  }
  .featured-reader .info-part .major-info .second-info .info-list .info-item {
    float: left;
    display: block;
    margin-right: 40px;
    font-size: 14px;
  }
  .featured-reader .info-part .major-info .second-info .info-list .info-item .info-number {
    font-weight: 700;
  }
  .featured-reader .info-part .major-info .second-info .major-actions {
    margin-top: 20px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .duplicate-action-btns {
    display: none;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #66bb6a;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success:hover,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success:hover {
    background: #439747;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success:active,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success:active {
    background: #2d6530;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #66bb6a;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.disabled,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ffb74d;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:hover,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:hover {
    background: #ff9a06;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:active,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:active {
    background: #bd7100;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ffb74d;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.disabled,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #66bb6a;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #66bb6a;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn:hover {
    border: 2px solid #439747;
    color: #439747;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn:active {
    border: 2px solid #2d6530;
    color: #2d6530;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .actions-description {
    font-size: 14px;
    margin-top: 5px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .actions-description .reading-price {
    display: inline-block;
    margin-right: 16px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .actions-description .special-chat-offer {
    display: inline-block;
    font-weight: 700;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .reader-email {
    font-size: 0;
  }
}
@media (max-width: 1200px) and (min-width: 992px) {
  .featured-reader {
    display: block;
    position: relative;
    font-size: 0;
    color: #37474f;
    /*____________________________________________________________*/
    /* STATES */
    /*____________________________________________________________*/
    /* AVA */
  }
  .featured-reader.has-gift .present {
    display: block;
  }
  .featured-reader.not-available .notify-btn {
    display: inline-block !important;
  }
  .featured-reader.not-available .chat-btn,
  .featured-reader.not-available .call-btn {
    display: none !important;
  }
  .featured-reader.online .online-status {
    color: #66bb6a !important;
  }
  .featured-reader.online .online-status:before {
    background: #66bb6a !important;
  }
  .featured-reader.online .online-status:after {
    content: "Online" !important;
  }
  .featured-reader.busy.online .online-status {
    color: #ffa000 !important;
  }
  .featured-reader.busy.online .online-status:before {
    background: #ffa000 !important;
  }
  .featured-reader.busy.online .online-status:after {
    content: "Busy" !important;
  }
  .featured-reader.premier .premium-status {
    display: block !important;
  }
  .featured-reader.favourite .favourite-link {
    color: #9575cd !important;
  }
  .featured-reader.favourite .favourite-link:after {
    content: "Favorite Reader" !important;
    text-decoration: none !important;
  }
  .featured-reader.favourite .favourite-link .icon-heart {
    display: none !important;
  }
  .featured-reader.favourite .favourite-link .icon-heart-full {
    display: inline !important;
  }
  .featured-reader .ava-part {
    width: 270px;
    font-size: 0;
    background: #000;
    min-height: 210px;
    background: 50% 50%;
    background-size: cover;
    position: relative;
    display: block;
  }
  .featured-reader .ava-part img {
    display: none;
  }
  .featured-reader .ava-part .reader-zodiac {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 14px;
    color: #fff;
    box-sizing: border-box;
    padding: 30px 10px 9px;
    font-weight: bold;
    background: linear-gradient(to bottom, transparent 0%, rgba(75, 59, 103, 0.5) 100%);
  }
  .featured-reader .present {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    height: 70px;
    z-index: 200;
    width: 270px;
  }
  .featured-reader .present .present-link {
    padding: 9px;
    font-size: 16px;
    animation: background-pulse 10s infinite;
    transition: .2s;
    font-weight: 700;
    text-align: center;
    color: #fff;
  }
  .featured-reader .present .present-link .icon-present {
    font-size: 30px;
    display: inline-block;
    margin-right: 7px;
    vertical-align: -6px;
    color: #fff;
  }
  .featured-reader .present .present-link:hover {
    cursor: pointer;
    animation-duration: 1s;
    background: rgba(0, 0, 0, 0.5);
  }
  .featured-reader .present .present-link:hover .icon-present {
    animation-duration: 1s;
  }
  .featured-reader .present-popup {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ff5e07;
    background: radial-gradient(ellipse at center, #89cb8c 0%, #54b359 100%);
    z-index: 200;
    font-weight: 600;
    color: #fff;
    border: 2px solid #66bb6a;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }
  .featured-reader .present-popup .icon-cross {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px;
    cursor: pointer;
    transition: .2s;
    z-index: 2;
  }
  .featured-reader .present-popup .icon-cross:hover {
    color: white;
    background: rgba(255, 255, 255, 0.2);
  }
  .featured-reader .present-popup .present-popup-content {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    width: 420px;
    margin: auto;
    left: 0;
    right: 0;
  }
  .featured-reader .present-popup .present-popup-content .message {
    padding: 0 40px 20px;
    text-align: center;
    font-size: 24px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns {
    text-align: center;
    font-size: 14px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #459a49;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    padding: 0 40px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:hover,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:hover {
    background: #2f6931;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:active,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:active {
    background: #19371a;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #459a49;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.disabled,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ff9c0b;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    padding: 0 40px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:hover,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:hover {
    background: #c27400;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:active,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:active {
    background: #7b4900;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ff9c0b;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.disabled,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .featured-reader .info-part {
    position: absolute;
    left: 270px;
    top: 0;
    right: 0;
    bottom: 0;
    background: #f0f2f4;
    border: 2px solid #e2e7ea;
    border-top: none;
    border-left: none;
    /*____________________________________________________________*/
    /* TOP INFO */
    /*____________________________________________________________*/
    /* MAJOR INFO */
  }
  .featured-reader .info-part .top-info {
    background: #dee3e7;
    position: relative;
    height: 30px;
    /* Status bar*/
    /* Reader name */
  }
  .featured-reader .info-part .top-info .status-bar {
    margin-left: 520px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
  }
  .featured-reader .info-part .top-info .status-bar .online-status {
    float: left;
    margin-right: 10px;
    display: inline-block;
    color: #90a4ae;
  }
  .featured-reader .info-part .top-info .status-bar .online-status:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #90a4ae;
    border-radius: 50%;
    margin-right: 3px;
  }
  .featured-reader .info-part .top-info .status-bar .online-status:after {
    content: "Offline";
  }
  .featured-reader .info-part .top-info .status-bar .premium-status {
    float: left;
    color: #7986CB;
    margin-right: 10px;
    margin-left: 10px;
    display: none;
  }
  .featured-reader .info-part .top-info .status-bar .premium-status .icon-diamond {
    margin-right: 3px;
    font-size: 13px;
  }
  .featured-reader .info-part .top-info .status-bar .premium-status:after {
    content: "Premier Reader";
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status {
    float: left;
    overflow: hidden;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link {
    color: #90a4ae;
    line-height: 30px;
    display: block;
    padding: 0 10px;
    transition: .2s;
    position: relative;
    text-decoration: none;
    font-weight: 700;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link:hover {
    background: #dde2e6;
    color: #8966c8;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link:active {
    background: #c6cdd5;
    color: #7248bd;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link:after {
    content: "Add to Favorites";
    text-decoration: underline;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart {
    margin-right: 2px;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    display: none;
    margin-right: 3px;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart,
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    font-size: 12px;
  }
  .featured-reader .info-part .top-info .reader-name {
    text-transform: uppercase;
    display: inline;
    position: absolute;
    left: -10px;
    top: 0;
    margin-left: 30px;
    font-size: 18px;
    font-weight: 700;
  }
  .featured-reader .info-part .top-info .reader-name .name-link {
    color: #9575cd;
    line-height: 30px;
    display: block;
    padding: 0 10px;
    transition: .2s;
  }
  .featured-reader .info-part .top-info .reader-name .name-link:hover {
    background: #dde2e6;
    color: #8966c8;
  }
  .featured-reader .info-part .top-info .reader-name .name-link:active {
    background: #c6cdd5;
    color: #7248bd;
  }
  .featured-reader .info-part .major-info {
    left: 30px;
    top: 50%;
    position: absolute;
    margin-top: 13px;
    transform: translateY(-50%);
    /* First info */
    /* Second info */
  }
  .featured-reader .info-part .major-info .first-info {
    width: 420px;
    float: left;
  }
  .featured-reader .info-part .major-info .first-info .brief-info {
    font-size: 18px !important;
    font-weight: 700;
    color: #37474f;
    line-height: 1.25 !important;
  }
  .featured-reader .info-part .major-info .first-info .brief-info * {
    font-size: 18px !important;
    margin: 0;
    line-height: 1.25 !important;
  }
  .featured-reader .info-part .major-info .first-info .reader-tag-list {
    font-size: 14px;
    margin-top: 12px;
  }
  .featured-reader .info-part .major-info .first-info .reader-tag-list .reader-tag {
    display: block;
    margin: 4px 0;
  }
  .featured-reader .info-part .major-info .first-info .reader-tag-list .reader-tag:before {
    content: "\2014";
    margin-right: 4px;
  }
  .featured-reader .info-part .major-info .second-info {
    margin-left: 490px;
  }
  .featured-reader .info-part .major-info .second-info .info-list {
    overflow: hidden;
    padding-top: 5px;
  }
  .featured-reader .info-part .major-info .second-info .info-list .info-item {
    float: left;
    display: block;
    margin-right: 40px;
    font-size: 14px;
  }
  .featured-reader .info-part .major-info .second-info .info-list .info-item .info-number {
    font-weight: 700;
  }
  .featured-reader .info-part .major-info .second-info .major-actions {
    margin-top: 20px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .duplicate-action-btns {
    display: none;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #66bb6a;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success:hover,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success:hover {
    background: #439747;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success:active,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success:active {
    background: #2d6530;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #66bb6a;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.disabled,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ffb74d;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:hover,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:hover {
    background: #ff9a06;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:active,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:active {
    background: #bd7100;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ffb74d;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.disabled,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #66bb6a;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #66bb6a;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn:hover {
    border: 2px solid #439747;
    color: #439747;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn:active {
    border: 2px solid #2d6530;
    color: #2d6530;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .actions-description {
    font-size: 14px;
    margin-top: 5px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .actions-description .reading-price {
    display: inline-block;
    margin-right: 16px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .actions-description .special-chat-offer {
    display: inline-block;
    font-weight: 700;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .reader-email {
    font-size: 0;
  }
  .featured-reader .info-part .top-info .status-bar {
    margin-left: 0;
    display: inline-block;
  }
  .featured-reader .info-part .top-info .status-bar .online-status {
    margin-left: 16px;
    margin-right: 4px;
  }
  .featured-reader .info-part .top-info .status-bar .online-status:after {
    content: "" !important;
  }
  .featured-reader .info-part .top-info .status-bar .online-status:before {
    margin-right: 0;
  }
  .featured-reader .info-part .top-info .status-bar .premium-status {
    margin: 0;
    position: relative;
    z-index: 10;
    margin-right: 4px;
  }
  .featured-reader .info-part .top-info .status-bar .premium-status .icon-diamond {
    margin-right: 0;
  }
  .featured-reader .info-part .top-info .status-bar .premium-status:after {
    content: "";
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status {
    position: absolute;
    left: 386px;
  }
  .featured-reader .info-part .top-info .reader-name {
    display: inline-block;
    font-size: 14px;
    position: static;
    vertical-align: top;
    margin-left: 0;
  }
  .featured-reader .info-part .top-info .reader-name .name-link {
    padding: 0;
  }
  .featured-reader .info-part .major-info {
    left: 15px;
  }
  .featured-reader .info-part .major-info .first-info {
    width: 340px;
  }
  .featured-reader .info-part .major-info .first-info .brief-info {
    font-size: 18px;
  }
  .featured-reader .info-part .major-info .second-info {
    margin-left: 380px;
  }
  .featured-reader .info-part .major-info .second-info .info-list {
    overflow: hidden;
    padding-top: 2px;
  }
  .featured-reader .info-part .major-info .second-info .info-list .info-item {
    margin-right: 20px;
  }
}
@media (max-width: 992px) and (min-width: 767px) {
  .featured-reader {
    display: block;
    position: relative;
    font-size: 0;
    color: #37474f;
    /*____________________________________________________________*/
    /* STATES */
    /*____________________________________________________________*/
    /* AVA */
  }
  .featured-reader.has-gift .present {
    display: block;
  }
  .featured-reader.not-available .notify-btn {
    display: inline-block !important;
  }
  .featured-reader.not-available .chat-btn,
  .featured-reader.not-available .call-btn {
    display: none !important;
  }
  .featured-reader.online .online-status {
    color: #66bb6a !important;
  }
  .featured-reader.online .online-status:before {
    background: #66bb6a !important;
  }
  .featured-reader.online .online-status:after {
    content: "Online" !important;
  }
  .featured-reader.busy.online .online-status {
    color: #ffa000 !important;
  }
  .featured-reader.busy.online .online-status:before {
    background: #ffa000 !important;
  }
  .featured-reader.busy.online .online-status:after {
    content: "Busy" !important;
  }
  .featured-reader.premier .premium-status {
    display: block !important;
  }
  .featured-reader.favourite .favourite-link {
    color: #9575cd !important;
  }
  .featured-reader.favourite .favourite-link:after {
    content: "Favorite Reader" !important;
    text-decoration: none !important;
  }
  .featured-reader.favourite .favourite-link .icon-heart {
    display: none !important;
  }
  .featured-reader.favourite .favourite-link .icon-heart-full {
    display: inline !important;
  }
  .featured-reader .ava-part {
    width: 270px;
    font-size: 0;
    background: #000;
    min-height: 210px;
    background: 50% 50%;
    background-size: cover;
    position: relative;
    display: block;
  }
  .featured-reader .ava-part img {
    display: none;
  }
  .featured-reader .ava-part .reader-zodiac {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 14px;
    color: #fff;
    box-sizing: border-box;
    padding: 30px 10px 9px;
    font-weight: bold;
    background: linear-gradient(to bottom, transparent 0%, rgba(75, 59, 103, 0.5) 100%);
  }
  .featured-reader .present {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    height: 70px;
    z-index: 200;
    width: 270px;
  }
  .featured-reader .present .present-link {
    padding: 9px;
    font-size: 16px;
    animation: background-pulse 10s infinite;
    transition: .2s;
    font-weight: 700;
    text-align: center;
    color: #fff;
  }
  .featured-reader .present .present-link .icon-present {
    font-size: 30px;
    display: inline-block;
    margin-right: 7px;
    vertical-align: -6px;
    color: #fff;
  }
  .featured-reader .present .present-link:hover {
    cursor: pointer;
    animation-duration: 1s;
    background: rgba(0, 0, 0, 0.5);
  }
  .featured-reader .present .present-link:hover .icon-present {
    animation-duration: 1s;
  }
  .featured-reader .present-popup {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ff5e07;
    background: radial-gradient(ellipse at center, #89cb8c 0%, #54b359 100%);
    z-index: 200;
    font-weight: 600;
    color: #fff;
    border: 2px solid #66bb6a;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }
  .featured-reader .present-popup .icon-cross {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px;
    cursor: pointer;
    transition: .2s;
    z-index: 2;
  }
  .featured-reader .present-popup .icon-cross:hover {
    color: white;
    background: rgba(255, 255, 255, 0.2);
  }
  .featured-reader .present-popup .present-popup-content {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    width: 420px;
    margin: auto;
    left: 0;
    right: 0;
  }
  .featured-reader .present-popup .present-popup-content .message {
    padding: 0 40px 20px;
    text-align: center;
    font-size: 24px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns {
    text-align: center;
    font-size: 14px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #459a49;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    padding: 0 40px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:hover,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:hover {
    background: #2f6931;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:active,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:active {
    background: #19371a;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #459a49;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.disabled,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ff9c0b;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    padding: 0 40px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:hover,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:hover {
    background: #c27400;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:active,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:active {
    background: #7b4900;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ff9c0b;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.disabled,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .featured-reader .info-part {
    position: absolute;
    left: 270px;
    top: 0;
    right: 0;
    bottom: 0;
    background: #f0f2f4;
    border: 2px solid #e2e7ea;
    border-top: none;
    border-left: none;
    /*____________________________________________________________*/
    /* TOP INFO */
    /*____________________________________________________________*/
    /* MAJOR INFO */
  }
  .featured-reader .info-part .top-info {
    background: #dee3e7;
    position: relative;
    height: 30px;
    /* Status bar*/
    /* Reader name */
  }
  .featured-reader .info-part .top-info .status-bar {
    margin-left: 520px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
  }
  .featured-reader .info-part .top-info .status-bar .online-status {
    float: left;
    margin-right: 10px;
    display: inline-block;
    color: #90a4ae;
  }
  .featured-reader .info-part .top-info .status-bar .online-status:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #90a4ae;
    border-radius: 50%;
    margin-right: 3px;
  }
  .featured-reader .info-part .top-info .status-bar .online-status:after {
    content: "Offline";
  }
  .featured-reader .info-part .top-info .status-bar .premium-status {
    float: left;
    color: #7986CB;
    margin-right: 10px;
    margin-left: 10px;
    display: none;
  }
  .featured-reader .info-part .top-info .status-bar .premium-status .icon-diamond {
    margin-right: 3px;
    font-size: 13px;
  }
  .featured-reader .info-part .top-info .status-bar .premium-status:after {
    content: "Premier Reader";
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status {
    float: left;
    overflow: hidden;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link {
    color: #90a4ae;
    line-height: 30px;
    display: block;
    padding: 0 10px;
    transition: .2s;
    position: relative;
    text-decoration: none;
    font-weight: 700;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link:hover {
    background: #dde2e6;
    color: #8966c8;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link:active {
    background: #c6cdd5;
    color: #7248bd;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link:after {
    content: "Add to Favorites";
    text-decoration: underline;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart {
    margin-right: 2px;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    display: none;
    margin-right: 3px;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart,
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    font-size: 12px;
  }
  .featured-reader .info-part .top-info .reader-name {
    text-transform: uppercase;
    display: inline;
    position: absolute;
    left: -10px;
    top: 0;
    margin-left: 30px;
    font-size: 18px;
    font-weight: 700;
  }
  .featured-reader .info-part .top-info .reader-name .name-link {
    color: #9575cd;
    line-height: 30px;
    display: block;
    padding: 0 10px;
    transition: .2s;
  }
  .featured-reader .info-part .top-info .reader-name .name-link:hover {
    background: #dde2e6;
    color: #8966c8;
  }
  .featured-reader .info-part .top-info .reader-name .name-link:active {
    background: #c6cdd5;
    color: #7248bd;
  }
  .featured-reader .info-part .major-info {
    left: 30px;
    top: 50%;
    position: absolute;
    margin-top: 13px;
    transform: translateY(-50%);
    /* First info */
    /* Second info */
  }
  .featured-reader .info-part .major-info .first-info {
    width: 420px;
    float: left;
  }
  .featured-reader .info-part .major-info .first-info .brief-info {
    font-size: 18px !important;
    font-weight: 700;
    color: #37474f;
    line-height: 1.25 !important;
  }
  .featured-reader .info-part .major-info .first-info .brief-info * {
    font-size: 18px !important;
    margin: 0;
    line-height: 1.25 !important;
  }
  .featured-reader .info-part .major-info .first-info .reader-tag-list {
    font-size: 14px;
    margin-top: 12px;
  }
  .featured-reader .info-part .major-info .first-info .reader-tag-list .reader-tag {
    display: block;
    margin: 4px 0;
  }
  .featured-reader .info-part .major-info .first-info .reader-tag-list .reader-tag:before {
    content: "\2014";
    margin-right: 4px;
  }
  .featured-reader .info-part .major-info .second-info {
    margin-left: 490px;
  }
  .featured-reader .info-part .major-info .second-info .info-list {
    overflow: hidden;
    padding-top: 5px;
  }
  .featured-reader .info-part .major-info .second-info .info-list .info-item {
    float: left;
    display: block;
    margin-right: 40px;
    font-size: 14px;
  }
  .featured-reader .info-part .major-info .second-info .info-list .info-item .info-number {
    font-weight: 700;
  }
  .featured-reader .info-part .major-info .second-info .major-actions {
    margin-top: 20px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .duplicate-action-btns {
    display: none;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #66bb6a;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success:hover,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success:hover {
    background: #439747;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success:active,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success:active {
    background: #2d6530;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #66bb6a;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.disabled,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ffb74d;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:hover,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:hover {
    background: #ff9a06;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:active,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:active {
    background: #bd7100;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ffb74d;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.disabled,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #66bb6a;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #66bb6a;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn:hover {
    border: 2px solid #439747;
    color: #439747;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn:active {
    border: 2px solid #2d6530;
    color: #2d6530;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .actions-description {
    font-size: 14px;
    margin-top: 5px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .actions-description .reading-price {
    display: inline-block;
    margin-right: 16px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .actions-description .special-chat-offer {
    display: inline-block;
    font-weight: 700;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .reader-email {
    font-size: 0;
  }
  .featured-reader .info-part .top-info .status-bar {
    margin-left: 0;
    display: inline-block;
  }
  .featured-reader .info-part .top-info .status-bar .online-status {
    margin-left: 16px;
    margin-right: 4px;
  }
  .featured-reader .info-part .top-info .status-bar .online-status:after {
    content: "" !important;
  }
  .featured-reader .info-part .top-info .status-bar .online-status:before {
    margin-right: 0;
  }
  .featured-reader .info-part .top-info .status-bar .premium-status {
    margin: 0;
    position: relative;
    z-index: 10;
    margin-right: 4px;
  }
  .featured-reader .info-part .top-info .status-bar .premium-status .icon-diamond {
    margin-right: 0;
  }
  .featured-reader .info-part .top-info .status-bar .premium-status:after {
    content: "";
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status {
    position: absolute;
    left: 386px;
  }
  .featured-reader .info-part .top-info .reader-name {
    display: inline-block;
    font-size: 14px;
    position: static;
    vertical-align: top;
    margin-left: 0;
  }
  .featured-reader .info-part .top-info .reader-name .name-link {
    padding: 0;
  }
  .featured-reader .info-part .major-info {
    left: 15px;
  }
  .featured-reader .info-part .major-info .first-info {
    width: 340px;
  }
  .featured-reader .info-part .major-info .first-info .brief-info {
    font-size: 18px;
  }
  .featured-reader .info-part .major-info .second-info {
    margin-left: 380px;
  }
  .featured-reader .info-part .major-info .second-info .info-list {
    overflow: hidden;
    padding-top: 2px;
  }
  .featured-reader .info-part .major-info .second-info .info-list .info-item {
    margin-right: 20px;
  }
  .featured-reader .ava-part {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
  }
  .featured-reader .info-part {
    bottom: auto;
    position: relative;
    width: 466px;
  }
  .featured-reader .info-part .top-info .status-bar .online-status {
    margin-left: 12px;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    left: auto;
  }
  .featured-reader .info-part .major-info {
    position: relative;
    transform: none;
    top: 0;
    left: 0;
    margin-left: 12px;
    margin-right: 6px;
  }
  .featured-reader .info-part .major-info .first-info {
    width: auto;
    float: none;
  }
  .featured-reader .info-part .major-info .second-info {
    margin-left: 0;
  }
  .featured-reader .info-part .major-info .second-info .info-list {
    overflow: hidden;
    padding-top: 8px;
  }
  .featured-reader .info-part .major-info .second-info .info-list .info-item {
    margin-right: 30px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions {
    margin-top: 12px;
    padding-bottom: 14px;
  }
}
@media (max-width: 766px) {
  .featured-reader {
    display: block;
    position: relative;
    width: 300px;
    font-size: 0;
    /*____________________________________________________________*/
    /* STATES */
  }
  .featured-reader.has-gift .present {
    display: block;
  }
  .featured-reader.has-gift .top-info {
    top: 38px !important;
  }
  .featured-reader.premier .premium-status {
    font-size: 14px;
    display: inline-block !important;
  }
  .featured-reader.favourite .favourite-link {
    color: #fff !important;
    text-decoration: none !important;
  }
  .featured-reader.favourite .favourite-link .icon-heart {
    display: none !important;
  }
  .featured-reader.favourite .favourite-link .icon-heart-full {
    display: inline !important;
  }
  .featured-reader.online .online-status {
    background: #66bb6a !important;
  }
  .featured-reader.busy.online .online-status {
    background: #ffa000 !important;
  }
  .featured-reader.not-available .call-btn,
  .featured-reader.not-available .chat-btn {
    display: none !important;
  }
  .featured-reader.not-available .ui-commandlink.ui-widget.notify-btn {
    display: inline-block !important;
  }
  .featured-reader .present {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 38px;
    z-index: 200;
    display: none;
    text-align: center;
  }
  .featured-reader .present .present-link {
    padding: 9px 16px;
    font-size: 16px;
    animation: background-pulse 10s infinite;
    transition: .2s;
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
  }
  .featured-reader .present .present-link .icon-present {
    font-size: 20px;
    display: inline-block;
    color: #fff;
    vertical-align: -2px;
    padding-right: 6px;
  }
  .featured-reader .present .present-link:hover {
    cursor: pointer;
    animation-duration: 1s;
    background: rgba(0, 0, 0, 0.5);
  }
  .featured-reader .present .present-link:hover .icon-present {
    animation-duration: 1s;
  }
  .featured-reader .present-popup {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ff5e07;
    background: radial-gradient(ellipse at center, #89cb8c 0%, #54b359 100%);
    z-index: 200;
    font-weight: 600;
    color: #fff;
    border: 2px solid #66bb6a;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }
  .featured-reader .present-popup .icon-cross {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px;
    cursor: pointer;
    transition: .2s;
    z-index: 2;
  }
  .featured-reader .present-popup .icon-cross:hover {
    color: white;
    background: rgba(255, 255, 255, 0.2);
  }
  .featured-reader .present-popup .present-popup-content {
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    margin: auto;
    left: 0;
    right: 0;
  }
  .featured-reader .present-popup .present-popup-content .message {
    padding: 0 20px 20px;
    text-align: center;
    font-size: 24px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns {
    text-align: center;
    font-size: 14px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #459a49;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:hover,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:hover {
    background: #2f6931;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:active,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:active {
    background: #19371a;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #459a49;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.disabled,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ff9c0b;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:hover,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:hover {
    background: #c27400;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:active,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:active {
    background: #7b4900;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ff9c0b;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.disabled,
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns.not-available .notify-btn {
    display: inline-block;
  }
  .featured-reader .present-popup .present-popup-content .major-action-btns.not-available .chat-btn,
  .featured-reader .present-popup .present-popup-content .major-action-btns.not-available .call-btn {
    display: none;
  }
  .featured-reader .ava-part {
    width: 300px;
    font-size: 0;
    background: #000;
    min-height: 210px;
    background: url(../img/reader1.png) 50% 50%;
    background-size: cover;
    display: block;
  }
  .featured-reader .ava-part:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 90px;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 100%);
  }
  .featured-reader .ava-part img {
    display: none;
  }
  .featured-reader .info-part {
    font-size: 14px;
  }
  .featured-reader .info-part .top-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
  }
  .featured-reader .info-part .top-info .status-bar {
    font-size: 0;
    display: inline-block;
    padding-left: 8px;
  }
  .featured-reader .info-part .top-info .status-bar .online-status {
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #90a4ae;
    margin-right: 3px;
  }
  .featured-reader .info-part .top-info .status-bar .premium-status {
    color: #7986CB;
    vertical-align: 1px;
    display: none;
  }
  .featured-reader .info-part .top-info .status-bar .premium-status .icon-star {
    font-size: 14px;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link {
    color: #fff;
    text-decoration: none;
    padding: 9px;
    display: inline-block;
    position: relative;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: -10px;
    left: -20px;
  }
  .featured-reader .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    display: none;
  }
  .featured-reader .info-part .top-info .reader-name {
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
  }
  .featured-reader .info-part .top-info .reader-name .name-link {
    color: #fff;
    line-height: 30px;
  }
  .featured-reader .info-part .major-info .first-info {
    display: none;
  }
  .featured-reader .info-part .major-info .second-info {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  .featured-reader .info-part .major-info .second-info .info-list {
    display: none;
  }
  .featured-reader .info-part .major-info .second-info .major-actions {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 56px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .duplicate-action-btns {
    display: none;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns {
    font-size: 0;
    margin: 5px;
    position: absolute;
    bottom: 0;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns > *:first-child:after {
    content: "";
    position: absolute;
    display: block;
    top: -10px;
    right: -5px;
    bottom: -10px;
    left: -10px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns > *:last-child:after {
    content: "";
    position: absolute;
    display: block;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -5px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #66bb6a;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    width: 135px;
    text-align: center;
    padding: 0;
    margin: 5px;
    opacity: 1 !important;
    position: relative;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn:hover,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn:hover {
    background: #439747;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn:active,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn:active {
    background: #2d6530;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.ui-state-disabled:hover, .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.ui-state-disabled:active,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.ui-state-disabled:hover,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.ui-state-disabled:active {
    background: #66bb6a;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.disabled,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn span,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn span {
    margin-right: 3px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ffb74d;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    width: 135px;
    text-align: center;
    padding: 0;
    margin: 5px;
    opacity: 1 !important;
    position: relative;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:hover,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:hover {
    background: #ff9a06;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:active,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:active {
    background: #bd7100;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover, .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:active,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active {
    background: #ffb74d;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.disabled,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns.not-available .call-btn,
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns.not-available .chat-btn {
    display: none;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns.not-available .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    margin: 5px;
    width: 280px;
    text-align: center;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns.not-available .notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns.not-available .notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns.not-available .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .major-action-btns.not-available .notify-btn .icon-mail {
    margin-right: 4px;
    font-size: 13px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .ui-commandlink.notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    margin: 5px;
    width: 280px;
    text-align: center;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .ui-commandlink.notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .ui-commandlink.notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .ui-commandlink.notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .ui-commandlink.notify-btn .icon-mail {
    margin-right: 4px;
    font-size: 13px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .actions-description {
    color: #fff;
    padding: 10px;
    position: absolute;
    bottom: 38px;
    left: 0;
    right: 0;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .actions-description .reading-price,
  .featured-reader .info-part .major-info .second-info .major-actions .actions-description .special-chat-offer {
    float: left;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .actions-description .reading-price {
    margin-right: 70px;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .actions-description .special-chat-offer {
    font-weight: 700;
  }
  .featured-reader .info-part .major-info .second-info .major-actions .reader-email {
    font-size: 0;
  }
}

form[id="congrat:reader"] {
  margin: 0 -20px;
}

.modal-reader {
  display: block;
  position: relative;
  width: 300px;
  font-size: 0;
  /*____________________________________________________________*/
  /* STATES */
  text-align: left;
  margin: 0 auto;
}
.modal-reader.has-gift .present {
  display: block;
}
.modal-reader.has-gift .top-info {
  top: 38px !important;
}
.modal-reader.premier .premium-status {
  font-size: 14px;
  display: inline-block !important;
}
.modal-reader.favourite .favourite-link {
  color: #fff !important;
  text-decoration: none !important;
}
.modal-reader.favourite .favourite-link .icon-heart {
  display: none !important;
}
.modal-reader.favourite .favourite-link .icon-heart-full {
  display: inline !important;
}
.modal-reader.online .online-status {
  background: #66bb6a !important;
}
.modal-reader.busy.online .online-status {
  background: #ffa000 !important;
}
.modal-reader.not-available .call-btn,
.modal-reader.not-available .chat-btn {
  display: none !important;
}
.modal-reader.not-available .ui-commandlink.ui-widget.notify-btn {
  display: inline-block !important;
}
.modal-reader .present {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 38px;
  z-index: 200;
  display: none;
  text-align: center;
}
.modal-reader .present .present-link {
  padding: 9px 16px;
  font-size: 16px;
  animation: background-pulse 10s infinite;
  transition: .2s;
  color: #fff;
  font-weight: 600;
  white-space: nowrap;
}
.modal-reader .present .present-link .icon-present {
  font-size: 20px;
  display: inline-block;
  color: #fff;
  vertical-align: -2px;
  padding-right: 6px;
}
.modal-reader .present .present-link:hover {
  cursor: pointer;
  animation-duration: 1s;
  background: rgba(0, 0, 0, 0.5);
}
.modal-reader .present .present-link:hover .icon-present {
  animation-duration: 1s;
}
.modal-reader .present-popup {
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ff5e07;
  background: radial-gradient(ellipse at center, #89cb8c 0%, #54b359 100%);
  z-index: 200;
  font-weight: 600;
  color: #fff;
  border: 2px solid #66bb6a;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
.modal-reader .present-popup .icon-cross {
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 11px;
  cursor: pointer;
  transition: .2s;
  z-index: 2;
}
.modal-reader .present-popup .icon-cross:hover {
  color: white;
  background: rgba(255, 255, 255, 0.2);
}
.modal-reader .present-popup .present-popup-content {
  position: absolute;
  top: 52%;
  transform: translateY(-50%);
  margin: auto;
  left: 0;
  right: 0;
}
.modal-reader .present-popup .present-popup-content .message {
  padding: 0 20px 20px;
  text-align: center;
  font-size: 24px;
}
.modal-reader .present-popup .present-popup-content .major-action-btns {
  text-align: center;
  font-size: 14px;
}
.modal-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success,
.modal-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #459a49;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
}
.modal-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:hover,
.modal-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:hover {
  background: #2f6931;
}
.modal-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:active,
.modal-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:active {
  background: #19371a;
}
.modal-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .modal-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
.modal-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
.modal-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
  background: #459a49;
}
.modal-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.disabled,
.modal-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
.modal-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn,
.modal-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #ff9c0b;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
}
.modal-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:hover,
.modal-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:hover {
  background: #c27400;
}
.modal-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:active,
.modal-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:active {
  background: #7b4900;
}
.modal-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .modal-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
.modal-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
.modal-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
  background: #ff9c0b;
}
.modal-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.disabled,
.modal-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
.modal-reader .present-popup .present-popup-content .major-action-btns .call-btn {
  margin-right: 5px;
}
.modal-reader .present-popup .present-popup-content .major-action-btns .call-btn + .call-btn {
  margin-right: 0;
}
.modal-reader .present-popup .present-popup-content .major-action-btns .call-btn .icon-phone {
  margin-right: 3px;
}
.modal-reader .present-popup .present-popup-content .major-action-btns .call-btn .icon-bubbles2 {
  margin-right: 4px;
}
.modal-reader .present-popup .present-popup-content .major-action-btns .chat-btn .icon-bubbles2 {
  margin-right: 4px;
}
.modal-reader .present-popup .present-popup-content .major-action-btns .notify-btn {
  display: inline-block;
  height: 34px;
  line-height: 30px;
  padding: 0 20px;
  background: none;
  color: #fff;
  font-family: "Open Sans";
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  border: 2px solid #fff;
  box-sizing: border-box;
  cursor: pointer;
  display: none;
}
.modal-reader .present-popup .present-popup-content .major-action-btns .notify-btn:hover {
  border: 2px solid #dbdbdb;
  color: #dbdbdb;
}
.modal-reader .present-popup .present-popup-content .major-action-btns .notify-btn:active {
  border: 2px solid #b8b8b8;
  color: #b8b8b8;
}
.modal-reader .present-popup .present-popup-content .major-action-btns .notify-btn.disabled {
  background: #b0bec5;
  color: #4c626d;
  cursor: default;
}
.modal-reader .present-popup .present-popup-content .major-action-btns .notify-btn .icon-mail {
  font-size: 12px;
  margin-right: 4px;
}
.modal-reader .present-popup .present-popup-content .major-action-btns.not-available .notify-btn {
  display: inline-block;
}
.modal-reader .present-popup .present-popup-content .major-action-btns.not-available .chat-btn,
.modal-reader .present-popup .present-popup-content .major-action-btns.not-available .call-btn {
  display: none;
}
.modal-reader .ava-part {
  width: 300px;
  font-size: 0;
  background: #000;
  min-height: 210px;
  background: url(../img/reader1.png) 50% 50%;
  background-size: cover;
  display: block;
}
.modal-reader .ava-part:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 90px;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 100%);
}
.modal-reader .ava-part img {
  display: none;
}
.modal-reader .info-part {
  font-size: 14px;
}
.modal-reader .info-part .top-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
}
.modal-reader .info-part .top-info .status-bar {
  font-size: 0;
  display: inline-block;
  padding-left: 8px;
}
.modal-reader .info-part .top-info .status-bar .online-status {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #90a4ae;
  margin-right: 3px;
}
.modal-reader .info-part .top-info .status-bar .premium-status {
  color: #7986CB;
  vertical-align: 1px;
  display: none;
}
.modal-reader .info-part .top-info .status-bar .premium-status .icon-star {
  font-size: 14px;
}
.modal-reader .info-part .top-info .status-bar .favourite-status {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
}
.modal-reader .info-part .top-info .status-bar .favourite-status .favourite-link {
  color: #fff;
  text-decoration: none;
  padding: 9px;
  display: inline-block;
  position: relative;
}
.modal-reader .info-part .top-info .status-bar .favourite-status .favourite-link:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: -10px;
  left: -20px;
}
.modal-reader .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
  display: none;
}
.modal-reader .info-part .top-info .reader-name {
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}
.modal-reader .info-part .top-info .reader-name .name-link {
  color: #fff;
  line-height: 30px;
}
.modal-reader .info-part .major-info .first-info {
  display: none;
}
.modal-reader .info-part .major-info .second-info {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.modal-reader .info-part .major-info .second-info .info-list {
  display: none;
}
.modal-reader .info-part .major-info .second-info .major-actions {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 56px;
}
.modal-reader .info-part .major-info .second-info .major-actions .duplicate-action-btns {
  display: none;
}
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns {
  font-size: 0;
  margin: 5px;
  position: absolute;
  bottom: 0;
}
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns > *:first-child:after {
  content: "";
  position: absolute;
  display: block;
  top: -10px;
  right: -5px;
  bottom: -10px;
  left: -10px;
}
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns > *:last-child:after {
  content: "";
  position: absolute;
  display: block;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -5px;
}
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn,
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  width: 135px;
  text-align: center;
  padding: 0;
  margin: 5px;
  opacity: 1 !important;
  position: relative;
}
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn:hover,
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn:hover {
  background: #439747;
}
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn:active,
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn:active {
  background: #2d6530;
}
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.ui-state-disabled:hover, .modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.ui-state-disabled:active,
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.ui-state-disabled:hover,
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.ui-state-disabled:active {
  background: #66bb6a;
}
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.disabled,
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn span,
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn span {
  margin-right: 3px;
}
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn,
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #ffb74d;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  width: 135px;
  text-align: center;
  padding: 0;
  margin: 5px;
  opacity: 1 !important;
  position: relative;
}
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:hover,
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:hover {
  background: #ff9a06;
}
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:active,
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:active {
  background: #bd7100;
}
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover, .modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:active,
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover,
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active {
  background: #ffb74d;
}
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.disabled,
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns.not-available .call-btn,
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns.not-available .chat-btn {
  display: none;
}
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns.not-available .notify-btn {
  display: inline-block;
  height: 34px;
  line-height: 30px;
  padding: 0 20px;
  background: none;
  color: #fff;
  font-family: "Open Sans";
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  border: 2px solid #fff;
  box-sizing: border-box;
  cursor: pointer;
  margin: 5px;
  width: 280px;
  text-align: center;
}
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns.not-available .notify-btn:hover {
  border: 2px solid #dbdbdb;
  color: #dbdbdb;
}
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns.not-available .notify-btn:active {
  border: 2px solid #b8b8b8;
  color: #b8b8b8;
}
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns.not-available .notify-btn.disabled {
  background: #b0bec5;
  color: #4c626d;
  cursor: default;
}
.modal-reader .info-part .major-info .second-info .major-actions .major-action-btns.not-available .notify-btn .icon-mail {
  margin-right: 4px;
  font-size: 13px;
}
.modal-reader .info-part .major-info .second-info .major-actions .ui-commandlink.notify-btn {
  display: inline-block;
  height: 34px;
  line-height: 30px;
  padding: 0 20px;
  background: none;
  color: #fff;
  font-family: "Open Sans";
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  border: 2px solid #fff;
  box-sizing: border-box;
  cursor: pointer;
  margin: 5px;
  width: 280px;
  text-align: center;
}
.modal-reader .info-part .major-info .second-info .major-actions .ui-commandlink.notify-btn:hover {
  border: 2px solid #dbdbdb;
  color: #dbdbdb;
}
.modal-reader .info-part .major-info .second-info .major-actions .ui-commandlink.notify-btn:active {
  border: 2px solid #b8b8b8;
  color: #b8b8b8;
}
.modal-reader .info-part .major-info .second-info .major-actions .ui-commandlink.notify-btn.disabled {
  background: #b0bec5;
  color: #4c626d;
  cursor: default;
}
.modal-reader .info-part .major-info .second-info .major-actions .ui-commandlink.notify-btn .icon-mail {
  margin-right: 4px;
  font-size: 13px;
}
.modal-reader .info-part .major-info .second-info .major-actions .actions-description {
  color: #fff;
  padding: 10px;
  position: absolute;
  bottom: 38px;
  left: 0;
  right: 0;
}
.modal-reader .info-part .major-info .second-info .major-actions .actions-description .reading-price,
.modal-reader .info-part .major-info .second-info .major-actions .actions-description .special-chat-offer {
  float: left;
}
.modal-reader .info-part .major-info .second-info .major-actions .actions-description .reading-price {
  margin-right: 70px;
}
.modal-reader .info-part .major-info .second-info .major-actions .actions-description .special-chat-offer {
  font-weight: 700;
}
.modal-reader .info-part .major-info .second-info .major-actions .reader-email {
  font-size: 0;
}

@media (min-width: 767px) {
  .readers-list-widget form:nth-child(3n+1) .reader-snippet {
    margin-left: 0 !important;
  }
}
.readers-list-widget .snipets-view-change {
  background: #e9ecef;
  height: 30px;
  font-size: 0;
  position: relative;
  z-index: 5;
}
@media (max-width: 766px) {
  .readers-list-widget .snipets-view-change {
    background: none;
    margin: 0 10px;
  }
}
.readers-list-widget .snipets-view-change .compact-view:after {
  content: "Compact View";
}
@media (max-width: 767px) {
  .readers-list-widget .snipets-view-change .compact-view:after {
    content: "Compact View";
  }
}
.readers-list-widget .snipets-view-change .linear-view:after {
  content: "Full View";
}
@media (max-width: 767px) {
  .readers-list-widget .snipets-view-change .linear-view:after {
    content: "List View";
  }
}
.readers-list-widget .snipets-view-change .compact-view,
.readers-list-widget .snipets-view-change .linear-view {
  font-size: 14px;
  font-weight: 700;
  color: #9575cd;
  display: inline-block;
  line-height: 30px;
  padding: 0 12px;
  cursor: pointer;
  background: #e9ecef;
  transition: .2s;
}
.readers-list-widget .snipets-view-change .compact-view .icon-gallery,
.readers-list-widget .snipets-view-change .compact-view .icon-lines,
.readers-list-widget .snipets-view-change .linear-view .icon-gallery,
.readers-list-widget .snipets-view-change .linear-view .icon-lines {
  vertical-align: middle;
}
@media (max-width: 767px) {
  .readers-list-widget .snipets-view-change .compact-view .icon-gallery,
  .readers-list-widget .snipets-view-change .compact-view .icon-lines,
  .readers-list-widget .snipets-view-change .linear-view .icon-gallery,
  .readers-list-widget .snipets-view-change .linear-view .icon-lines {
    display: none;
  }
  .readers-list-widget .snipets-view-change .compact-view .icon-gallery:before,
  .readers-list-widget .snipets-view-change .compact-view .icon-lines:before,
  .readers-list-widget .snipets-view-change .linear-view .icon-gallery:before,
  .readers-list-widget .snipets-view-change .linear-view .icon-lines:before {
    font-size: 10px;
    vertical-align: 2px;
  }
}
.readers-list-widget .snipets-view-change .compact-view:after,
.readers-list-widget .snipets-view-change .linear-view:after {
  text-decoration: underline;
  margin-left: 6px;
}
@media (max-width: 767px) {
  .readers-list-widget .snipets-view-change .compact-view:after,
  .readers-list-widget .snipets-view-change .linear-view:after {
    margin: 0;
  }
}
.readers-list-widget .snipets-view-change .compact-view:hover,
.readers-list-widget .snipets-view-change .linear-view:hover {
  background: #dde2e6;
  color: #8966c8;
}
.readers-list-widget .snipets-view-change .compact-view.active,
.readers-list-widget .snipets-view-change .linear-view.active {
  color: #444;
  background: #cfd8dc;
  cursor: default;
}
.readers-list-widget .snipets-view-change .count {
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  padding: 0 0 0 10px;
  font-weight: 600;
  color: #607d8b;
  float: right;
}
@media (min-width: 767px) {
  .readers-list-widget .snipets-view-change .count {
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  .readers-list-widget .snipets-view-change .count {
    margin-right: 8px;
  }
}
.readers-list-widget .snipets-view-change .count:before {
  content: "\e90d";
  font-size: 16px;
  vertical-align: -1px;
  margin-right: 2px;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 767px) {
  .readers-list-widget .snipets-view-change .count:before {
    font-size: 20px;
    vertical-align: -3px;
  }
}
.readers-list-widget .snipets-view-change #refresh.refresh {
  text-decoration: none;
  color: #9575cd !important;
  border-radius: 0;
  height: 30px;
  box-sizing: border-box;
  float: right;
}
.readers-list-widget .snipets-view-change #refresh.refresh .ui-widget-overlay {
  background: #e9ecef !important;
}
@media (max-width: 767px) {
  .readers-list-widget .snipets-view-change #refresh.refresh .ui-widget-overlay {
    background: #fff !important;
  }
}
.readers-list-widget .snipets-view-change #refresh.refresh a {
  color: #9575cd !important;
  display: block;
  line-height: 30px;
  padding: 0 5px;
  margin-left: -5px;
  outline: none;
}
.readers-list-widget .snipets-view-change #refresh.refresh a:hover {
  background: #dde2e6;
}
@media (min-width: 1200px) {
  .readers-list-widget.vertical .readers-list {
    padding: 15px 0;
  }
}
@media (max-width: 1200px) and (min-width: 992px) {
  .readers-list-widget.vertical .readers-list {
    padding: 10px 0;
  }
}
@media (max-width: 992px) and (min-width: 767px) {
  .readers-list-widget.vertical .readers-list {
    padding: 7.5px 0;
  }
}
@media (min-width: 1200px) {
  .readers-list-widget.vertical .readers-list .reader-snippet {
    display: block;
    position: relative;
    font-size: 0;
    width: 370px;
    float: left;
    color: #37474f;
    /*____________________________________________________________*/
    /* STATES */
    margin: 15px 0;
    margin-left: 30px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.premier .premium-status {
    display: inline-block !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.favourite .favourite-link {
    color: #9575cd !important;
    font-weight: 700 !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.favourite .favourite-link:after {
    content: "Favorite Reader" !important;
    text-decoration: none !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.favourite .favourite-link .icon-heart {
    display: none !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.favourite .favourite-link .icon-heart-full {
    display: inline !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.not-available .notify-btn {
    display: inline-block !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.not-available .chat-btn,
  .readers-list-widget.vertical .readers-list .reader-snippet.not-available .call-btn {
    display: none !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.has-gift .present {
    display: block;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.online .online-status:before {
    background: #66bb6a !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.busy.online .online-status:before {
    background: #ffa000 !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    height: 70px;
    z-index: 200;
    width: 100%;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present .present-link {
    padding: 9px;
    font-size: 16px;
    animation: background-pulse 10s infinite;
    color: #fff;
    transition: .2s;
    text-align: center;
    font-weight: 700;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present .present-link .icon-present {
    font-size: 30px;
    display: inline-block;
    color: #fff;
    margin-right: 7px;
    vertical-align: -6px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present .present-link:hover {
    cursor: pointer;
    animation-duration: 1s;
    background: rgba(0, 0, 0, 0.5);
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present .present-link:hover .icon-present {
    animation-duration: 1s;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ff5e07;
    background: radial-gradient(ellipse at center, #89cb8c 0%, #54b359 100%);
    z-index: 200;
    font-weight: 600;
    color: #fff;
    border: 2px solid #66bb6a;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .icon-cross {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px;
    cursor: pointer;
    transition: .2s;
    z-index: 2;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .icon-cross:hover {
    color: white;
    background: rgba(255, 255, 255, 0.2);
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content {
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .message {
    padding: 0 40px 20px;
    text-align: center;
    font-size: 24px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns {
    text-align: center !important;
    font-size: 14px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #459a49;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:hover {
    background: #2f6931;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:active {
    background: #19371a;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #459a49;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.disabled,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ff9c0b;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:hover {
    background: #c27400;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:active {
    background: #7b4900;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ff9c0b;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.disabled,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .notify-btn {
    display: inline-block;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .chat-btn,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .call-btn {
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .ava-part {
    width: 270px;
    font-size: 0;
    background: #000;
    min-height: 210px;
    background: url(../img/reader1.png) 50% 50%;
    background-size: cover;
    position: relative;
    display: block;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .ava-part .reader-zodiac {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 14px;
    color: #fff;
    box-sizing: border-box;
    padding: 30px 10px 9px;
    font-weight: bold;
    background: linear-gradient(to bottom, transparent 0%, rgba(75, 59, 103, 0.5) 100%);
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .ava-part img {
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .ava-part {
    min-height: 288px;
    width: auto;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part {
    position: relative;
    width: auto;
    left: 0;
    background: #f0f2f4;
    border: 2px solid #e2e7ea;
    border-top: none;
    height: 280px;
    /*____________________________________________________________*/
    /* TOP INFO */
    /*____________________________________________________________*/
    /* MAJOR INFO */
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info {
    background: #dee3e7;
    position: relative;
    height: 30px;
    /* Status bar*/
    /* Reader name */
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .online-status {
    display: inline-block;
    margin-left: 12px;
    margin-right: 5px;
    font-size: 14px;
    line-height: 30px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .online-status:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #90a4ae;
    border-radius: 50%;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .premium-status {
    color: #7986CB;
    display: none;
    font-size: 13px;
    z-index: 100;
    vertical-align: top;
    line-height: 30px;
    margin-right: 5px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    font-size: 14px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link {
    line-height: 30px;
    display: block;
    padding: 0 10px;
    transition: .2s;
    position: relative;
    text-decoration: none;
    color: #90a4ae;
    font-weight: 600;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:hover {
    background: #dde2e6;
    color: #8966c8;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:active {
    background: #c6cdd5;
    color: #7248bd;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:after {
    content: "Add to Favorites";
    text-decoration: underline;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart {
    margin-right: 2px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    display: none;
    margin-right: 3px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    font-size: 12px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .reader-name {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .reader-name .name-link {
    color: #9575cd;
    line-height: 30px;
    display: block;
    transition: .2s;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .reader-name .name-link:hover {
    background: #dde2e6;
    color: #8966c8;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .reader-name .name-link:active {
    background: #c6cdd5;
    color: #7248bd;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info {
    margin-top: 0;
    transform: none;
    left: 0;
    right: 0;
    padding: 0 12px;
    top: 50%;
    position: absolute;
    margin-top: 13px;
    transform: translateY(-50%);
    /* First info */
    /* Second info */
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .first-info {
    width: auto;
    float: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .first-info .brief-info {
    font-size: 16px;
    font-weight: 700;
    margin-right: 30px;
    line-height: 1.25;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .first-info .reader-tag-list {
    font-size: 14px;
    margin-top: 5px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .first-info .reader-tag-list .reader-tag {
    display: block;
    margin: 4px 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .first-info .reader-tag-list .reader-tag:before {
    content: "\2014";
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info {
    margin-left: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .info-list {
    overflow: hidden;
    padding-top: 5px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .info-list .info-item {
    float: left;
    display: block;
    margin-right: 30px;
    font-size: 14px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .info-list .info-item .info-number {
    font-weight: 700;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions {
    margin-top: 10px;
    font-size: 14px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .duplicate-action-btns {
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .reader-email {
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns {
    text-align: right;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #66bb6a;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success:hover {
    background: #439747;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success:active {
    background: #2d6530;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #66bb6a;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.disabled,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ffb74d;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:hover {
    background: #ff9a06;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:active {
    background: #bd7100;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ffb74d;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.disabled,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #66bb6a;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #66bb6a;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn:hover {
    border: 2px solid #439747;
    color: #439747;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn:active {
    border: 2px solid #2d6530;
    color: #2d6530;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description {
    font-size: 14px;
    margin-top: 5px;
    text-align: right;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description .reading-price {
    display: inline-block;
    margin-right: 6px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description .special-chat-offer {
    display: inline-block;
    font-weight: 700;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .reader-email {
    font-size: 0;
  }
}
@media (max-width: 1200px) and (min-width: 992px) {
  .readers-list-widget.vertical .readers-list .reader-snippet {
    display: block;
    position: relative;
    font-size: 0;
    width: 370px;
    float: left;
    color: #37474f;
    /*____________________________________________________________*/
    /* STATES */
    width: 307px;
    margin: 10px 0;
    margin-left: 20px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.premier .premium-status {
    display: inline-block !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.favourite .favourite-link {
    color: #9575cd !important;
    font-weight: 700 !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.favourite .favourite-link:after {
    content: "Favorite Reader" !important;
    text-decoration: none !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.favourite .favourite-link .icon-heart {
    display: none !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.favourite .favourite-link .icon-heart-full {
    display: inline !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.not-available .notify-btn {
    display: inline-block !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.not-available .chat-btn,
  .readers-list-widget.vertical .readers-list .reader-snippet.not-available .call-btn {
    display: none !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.has-gift .present {
    display: block;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.online .online-status:before {
    background: #66bb6a !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.busy.online .online-status:before {
    background: #ffa000 !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    height: 70px;
    z-index: 200;
    width: 100%;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present .present-link {
    padding: 9px;
    font-size: 16px;
    animation: background-pulse 10s infinite;
    color: #fff;
    transition: .2s;
    text-align: center;
    font-weight: 700;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present .present-link .icon-present {
    font-size: 30px;
    display: inline-block;
    color: #fff;
    margin-right: 7px;
    vertical-align: -6px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present .present-link:hover {
    cursor: pointer;
    animation-duration: 1s;
    background: rgba(0, 0, 0, 0.5);
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present .present-link:hover .icon-present {
    animation-duration: 1s;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ff5e07;
    background: radial-gradient(ellipse at center, #89cb8c 0%, #54b359 100%);
    z-index: 200;
    font-weight: 600;
    color: #fff;
    border: 2px solid #66bb6a;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .icon-cross {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px;
    cursor: pointer;
    transition: .2s;
    z-index: 2;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .icon-cross:hover {
    color: white;
    background: rgba(255, 255, 255, 0.2);
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content {
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .message {
    padding: 0 40px 20px;
    text-align: center;
    font-size: 24px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns {
    text-align: center !important;
    font-size: 14px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #459a49;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:hover {
    background: #2f6931;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:active {
    background: #19371a;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #459a49;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.disabled,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ff9c0b;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:hover {
    background: #c27400;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:active {
    background: #7b4900;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ff9c0b;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.disabled,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .notify-btn {
    display: inline-block;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .chat-btn,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .call-btn {
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .ava-part {
    width: 270px;
    font-size: 0;
    background: #000;
    min-height: 210px;
    background: url(../img/reader1.png) 50% 50%;
    background-size: cover;
    position: relative;
    display: block;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .ava-part .reader-zodiac {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 14px;
    color: #fff;
    box-sizing: border-box;
    padding: 30px 10px 9px;
    font-weight: bold;
    background: linear-gradient(to bottom, transparent 0%, rgba(75, 59, 103, 0.5) 100%);
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .ava-part img {
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .ava-part {
    min-height: 288px;
    width: auto;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part {
    position: relative;
    width: auto;
    left: 0;
    background: #f0f2f4;
    border: 2px solid #e2e7ea;
    border-top: none;
    height: 280px;
    /*____________________________________________________________*/
    /* TOP INFO */
    /*____________________________________________________________*/
    /* MAJOR INFO */
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info {
    background: #dee3e7;
    position: relative;
    height: 30px;
    /* Status bar*/
    /* Reader name */
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .online-status {
    display: inline-block;
    margin-left: 12px;
    margin-right: 5px;
    font-size: 14px;
    line-height: 30px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .online-status:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #90a4ae;
    border-radius: 50%;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .premium-status {
    color: #7986CB;
    display: none;
    font-size: 13px;
    z-index: 100;
    vertical-align: top;
    line-height: 30px;
    margin-right: 5px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    font-size: 14px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link {
    line-height: 30px;
    display: block;
    padding: 0 10px;
    transition: .2s;
    position: relative;
    text-decoration: none;
    color: #90a4ae;
    font-weight: 600;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:hover {
    background: #dde2e6;
    color: #8966c8;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:active {
    background: #c6cdd5;
    color: #7248bd;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:after {
    content: "Add to Favorites";
    text-decoration: underline;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart {
    margin-right: 2px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    display: none;
    margin-right: 3px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    font-size: 12px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .reader-name {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .reader-name .name-link {
    color: #9575cd;
    line-height: 30px;
    display: block;
    transition: .2s;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .reader-name .name-link:hover {
    background: #dde2e6;
    color: #8966c8;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .reader-name .name-link:active {
    background: #c6cdd5;
    color: #7248bd;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info {
    margin-top: 0;
    transform: none;
    left: 0;
    right: 0;
    padding: 0 12px;
    top: 50%;
    position: absolute;
    margin-top: 13px;
    transform: translateY(-50%);
    /* First info */
    /* Second info */
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .first-info {
    width: auto;
    float: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .first-info .brief-info {
    font-size: 16px;
    font-weight: 700;
    margin-right: 30px;
    line-height: 1.25;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .first-info .reader-tag-list {
    font-size: 14px;
    margin-top: 5px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .first-info .reader-tag-list .reader-tag {
    display: block;
    margin: 4px 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .first-info .reader-tag-list .reader-tag:before {
    content: "\2014";
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info {
    margin-left: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .info-list {
    overflow: hidden;
    padding-top: 5px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .info-list .info-item {
    float: left;
    display: block;
    margin-right: 30px;
    font-size: 14px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .info-list .info-item .info-number {
    font-weight: 700;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions {
    margin-top: 10px;
    font-size: 14px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .duplicate-action-btns {
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .reader-email {
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns {
    text-align: right;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #66bb6a;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success:hover {
    background: #439747;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success:active {
    background: #2d6530;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #66bb6a;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.disabled,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ffb74d;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:hover {
    background: #ff9a06;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:active {
    background: #bd7100;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ffb74d;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.disabled,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #66bb6a;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #66bb6a;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn:hover {
    border: 2px solid #439747;
    color: #439747;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn:active {
    border: 2px solid #2d6530;
    color: #2d6530;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description {
    font-size: 14px;
    margin-top: 5px;
    text-align: right;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description .reading-price {
    display: inline-block;
    margin-right: 6px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description .special-chat-offer {
    display: inline-block;
    font-weight: 700;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .reader-email {
    font-size: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet:nth-child(3n+1) {
    margin-left: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .ava-part {
    min-height: 238px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part {
    height: 294px !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-item {
    margin-right: 25px !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-item:last-child {
    margin-right: 0 !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .online-status {
    margin-right: 0 !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .premium-status {
    margin-left: 5px;
    margin-right: 0 !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .favourite-status {
    position: static !important;
    display: inline-block !important;
    vertical-align: top;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .favourite-status .favourite-link {
    padding: 0 5px !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .favourite-status .favourite-link:after {
    content: "" !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .favourite-status .favourite-link span {
    margin: 0 !important;
  }
}
@media (max-width: 992px) and (min-width: 767px) {
  .readers-list-widget.vertical .readers-list .reader-snippet {
    display: block;
    position: relative;
    font-size: 0;
    width: 370px;
    float: left;
    color: #37474f;
    /*____________________________________________________________*/
    /* STATES */
    width: 307px;
    width: 236px;
    margin: 7.5px 0;
    margin-left: 14px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.premier .premium-status {
    display: inline-block !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.favourite .favourite-link {
    color: #9575cd !important;
    font-weight: 700 !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.favourite .favourite-link:after {
    content: "Favorite Reader" !important;
    text-decoration: none !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.favourite .favourite-link .icon-heart {
    display: none !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.favourite .favourite-link .icon-heart-full {
    display: inline !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.not-available .notify-btn {
    display: inline-block !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.not-available .chat-btn,
  .readers-list-widget.vertical .readers-list .reader-snippet.not-available .call-btn {
    display: none !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.has-gift .present {
    display: block;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.online .online-status:before {
    background: #66bb6a !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.busy.online .online-status:before {
    background: #ffa000 !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    height: 70px;
    z-index: 200;
    width: 100%;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present .present-link {
    padding: 9px;
    font-size: 16px;
    animation: background-pulse 10s infinite;
    color: #fff;
    transition: .2s;
    text-align: center;
    font-weight: 700;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present .present-link .icon-present {
    font-size: 30px;
    display: inline-block;
    color: #fff;
    margin-right: 7px;
    vertical-align: -6px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present .present-link:hover {
    cursor: pointer;
    animation-duration: 1s;
    background: rgba(0, 0, 0, 0.5);
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present .present-link:hover .icon-present {
    animation-duration: 1s;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ff5e07;
    background: radial-gradient(ellipse at center, #89cb8c 0%, #54b359 100%);
    z-index: 200;
    font-weight: 600;
    color: #fff;
    border: 2px solid #66bb6a;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .icon-cross {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px;
    cursor: pointer;
    transition: .2s;
    z-index: 2;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .icon-cross:hover {
    color: white;
    background: rgba(255, 255, 255, 0.2);
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content {
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .message {
    padding: 0 40px 20px;
    text-align: center;
    font-size: 24px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns {
    text-align: center !important;
    font-size: 14px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #459a49;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:hover {
    background: #2f6931;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:active {
    background: #19371a;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #459a49;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.disabled,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ff9c0b;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:hover {
    background: #c27400;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:active {
    background: #7b4900;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ff9c0b;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.disabled,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .notify-btn {
    display: inline-block;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .chat-btn,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .call-btn {
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .ava-part {
    width: 270px;
    font-size: 0;
    background: #000;
    min-height: 210px;
    background: url(../img/reader1.png) 50% 50%;
    background-size: cover;
    position: relative;
    display: block;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .ava-part .reader-zodiac {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 14px;
    color: #fff;
    box-sizing: border-box;
    padding: 30px 10px 9px;
    font-weight: bold;
    background: linear-gradient(to bottom, transparent 0%, rgba(75, 59, 103, 0.5) 100%);
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .ava-part img {
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .ava-part {
    min-height: 288px;
    width: auto;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part {
    position: relative;
    width: auto;
    left: 0;
    background: #f0f2f4;
    border: 2px solid #e2e7ea;
    border-top: none;
    height: 280px;
    /*____________________________________________________________*/
    /* TOP INFO */
    /*____________________________________________________________*/
    /* MAJOR INFO */
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info {
    background: #dee3e7;
    position: relative;
    height: 30px;
    /* Status bar*/
    /* Reader name */
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .online-status {
    display: inline-block;
    margin-left: 12px;
    margin-right: 5px;
    font-size: 14px;
    line-height: 30px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .online-status:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #90a4ae;
    border-radius: 50%;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .premium-status {
    color: #7986CB;
    display: none;
    font-size: 13px;
    z-index: 100;
    vertical-align: top;
    line-height: 30px;
    margin-right: 5px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    font-size: 14px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link {
    line-height: 30px;
    display: block;
    padding: 0 10px;
    transition: .2s;
    position: relative;
    text-decoration: none;
    color: #90a4ae;
    font-weight: 600;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:hover {
    background: #dde2e6;
    color: #8966c8;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:active {
    background: #c6cdd5;
    color: #7248bd;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:after {
    content: "Add to Favorites";
    text-decoration: underline;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart {
    margin-right: 2px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    display: none;
    margin-right: 3px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    font-size: 12px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .reader-name {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .reader-name .name-link {
    color: #9575cd;
    line-height: 30px;
    display: block;
    transition: .2s;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .reader-name .name-link:hover {
    background: #dde2e6;
    color: #8966c8;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .reader-name .name-link:active {
    background: #c6cdd5;
    color: #7248bd;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info {
    margin-top: 0;
    transform: none;
    left: 0;
    right: 0;
    padding: 0 12px;
    top: 50%;
    position: absolute;
    margin-top: 13px;
    transform: translateY(-50%);
    /* First info */
    /* Second info */
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .first-info {
    width: auto;
    float: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .first-info .brief-info {
    font-size: 16px;
    font-weight: 700;
    margin-right: 30px;
    line-height: 1.25;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .first-info .reader-tag-list {
    font-size: 14px;
    margin-top: 5px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .first-info .reader-tag-list .reader-tag {
    display: block;
    margin: 4px 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .first-info .reader-tag-list .reader-tag:before {
    content: "\2014";
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info {
    margin-left: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .info-list {
    overflow: hidden;
    padding-top: 5px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .info-list .info-item {
    float: left;
    display: block;
    margin-right: 30px;
    font-size: 14px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .info-list .info-item .info-number {
    font-weight: 700;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions {
    margin-top: 10px;
    font-size: 14px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .duplicate-action-btns {
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .reader-email {
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns {
    text-align: right;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #66bb6a;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success:hover {
    background: #439747;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success:active {
    background: #2d6530;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #66bb6a;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.disabled,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ffb74d;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:hover {
    background: #ff9a06;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:active {
    background: #bd7100;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ffb74d;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.disabled,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #66bb6a;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #66bb6a;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn:hover {
    border: 2px solid #439747;
    color: #439747;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn:active {
    border: 2px solid #2d6530;
    color: #2d6530;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description {
    font-size: 14px;
    margin-top: 5px;
    text-align: right;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description .reading-price {
    display: inline-block;
    margin-right: 6px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description .special-chat-offer {
    display: inline-block;
    font-weight: 700;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .reader-email {
    font-size: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet:nth-child(3n+1) {
    margin-left: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .ava-part {
    min-height: 238px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part {
    height: 294px !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-item {
    margin-right: 25px !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-item:last-child {
    margin-right: 0 !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .online-status {
    margin-right: 0 !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .premium-status {
    margin-left: 5px;
    margin-right: 0 !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .favourite-status {
    position: static !important;
    display: inline-block !important;
    vertical-align: top;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .favourite-status .favourite-link {
    padding: 0 5px !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .favourite-status .favourite-link:after {
    content: "" !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .favourite-status .favourite-link span {
    margin: 0 !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet:nth-child(3n+1) {
    margin-left: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .ava-part {
    min-height: 184px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .reader-name .name-link {
    font-size: 14px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part {
    height: 294px !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-list {
    overflow: hidden;
    padding-top: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-list .info-item {
    margin-right: 3px !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-list .info-item .info-title {
    display: inline;
    font-weight: 400;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-list .info-item .info-title:after {
    content: ":";
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-list .info-item .info-number {
    display: inline;
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-list .info-item .info-number:after {
    content: ";";
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .major-action-btns {
    text-align: left !important;
    font-size: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .major-action-btns .call-btn,
  .readers-list-widget.vertical .readers-list .reader-snippet .major-action-btns .chat-btn {
    padding: 0 !important;
    width: 100px;
    text-align: center;
    margin: 0 !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .major-action-btns .call-btn {
    margin-right: 6px !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .major-action-btns .call-btn + .call-btn {
    margin-right: 0 !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .major-action-btns .notify-btn {
    font-size: 14px !important;
    padding: 0 14px !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .actions-description {
    text-align: left !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .actions-description .reading-price {
    margin-right: 17px !important;
  }
}
@media (max-width: 766px) {
  .readers-list-widget.vertical .readers-list .reader-snippet {
    display: block;
    position: relative;
    width: 300px;
    font-size: 0;
    /*____________________________________________________________*/
    /* STATES */
    margin: 10px auto;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.has-gift .present {
    display: block;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.has-gift .top-info {
    top: 38px !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.premier .premium-status {
    font-size: 14px;
    display: inline-block !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.favourite .favourite-link {
    color: #fff !important;
    text-decoration: none !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.favourite .favourite-link .icon-heart {
    display: none !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.favourite .favourite-link .icon-heart-full {
    display: inline !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.online .online-status {
    background: #66bb6a !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.busy.online .online-status {
    background: #ffa000 !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.not-available .call-btn,
  .readers-list-widget.vertical .readers-list .reader-snippet.not-available .chat-btn {
    display: none !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet.not-available .ui-commandlink.ui-widget.notify-btn {
    display: inline-block !important;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 38px;
    z-index: 200;
    display: none;
    text-align: center;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present .present-link {
    padding: 9px 16px;
    font-size: 16px;
    animation: background-pulse 10s infinite;
    transition: .2s;
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present .present-link .icon-present {
    font-size: 20px;
    display: inline-block;
    color: #fff;
    vertical-align: -2px;
    padding-right: 6px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present .present-link:hover {
    cursor: pointer;
    animation-duration: 1s;
    background: rgba(0, 0, 0, 0.5);
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present .present-link:hover .icon-present {
    animation-duration: 1s;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ff5e07;
    background: radial-gradient(ellipse at center, #89cb8c 0%, #54b359 100%);
    z-index: 200;
    font-weight: 600;
    color: #fff;
    border: 2px solid #66bb6a;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .icon-cross {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px;
    cursor: pointer;
    transition: .2s;
    z-index: 2;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .icon-cross:hover {
    color: white;
    background: rgba(255, 255, 255, 0.2);
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content {
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    margin: auto;
    left: 0;
    right: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .message {
    padding: 0 20px 20px;
    text-align: center;
    font-size: 24px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns {
    text-align: center;
    font-size: 14px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #459a49;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:hover {
    background: #2f6931;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:active {
    background: #19371a;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #459a49;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.disabled,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ff9c0b;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:hover {
    background: #c27400;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:active {
    background: #7b4900;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ff9c0b;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.disabled,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .notify-btn {
    display: inline-block;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .chat-btn,
  .readers-list-widget.vertical .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .call-btn {
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .ava-part {
    width: 300px;
    font-size: 0;
    background: #000;
    min-height: 210px;
    background: url(../img/reader1.png) 50% 50%;
    background-size: cover;
    display: block;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .ava-part:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 90px;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 100%);
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .ava-part img {
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part {
    font-size: 14px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar {
    font-size: 0;
    display: inline-block;
    padding-left: 8px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .online-status {
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #90a4ae;
    margin-right: 3px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .premium-status {
    color: #7986CB;
    vertical-align: 1px;
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .premium-status .icon-star {
    font-size: 14px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link {
    color: #fff;
    text-decoration: none;
    padding: 9px;
    display: inline-block;
    position: relative;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: -10px;
    left: -20px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .reader-name {
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .top-info .reader-name .name-link {
    color: #fff;
    line-height: 30px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .first-info {
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .info-list {
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 56px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .duplicate-action-btns {
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns {
    font-size: 0;
    margin: 5px;
    position: absolute;
    bottom: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns > *:first-child:after {
    content: "";
    position: absolute;
    display: block;
    top: -10px;
    right: -5px;
    bottom: -10px;
    left: -10px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns > *:last-child:after {
    content: "";
    position: absolute;
    display: block;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -5px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #66bb6a;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    width: 135px;
    text-align: center;
    padding: 0;
    margin: 5px;
    opacity: 1 !important;
    position: relative;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn:hover {
    background: #439747;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn:active {
    background: #2d6530;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.ui-state-disabled:hover, .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.ui-state-disabled:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.ui-state-disabled:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.ui-state-disabled:active {
    background: #66bb6a;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.disabled,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn span,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn span {
    margin-right: 3px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ffb74d;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    width: 135px;
    text-align: center;
    padding: 0;
    margin: 5px;
    opacity: 1 !important;
    position: relative;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:hover {
    background: #ff9a06;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:active {
    background: #bd7100;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover, .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:active,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active {
    background: #ffb74d;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.disabled,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns.not-available .call-btn,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns.not-available .chat-btn {
    display: none;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns.not-available .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    margin: 5px;
    width: 280px;
    text-align: center;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns.not-available .notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns.not-available .notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns.not-available .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns.not-available .notify-btn .icon-mail {
    margin-right: 4px;
    font-size: 13px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .ui-commandlink.notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    margin: 5px;
    width: 280px;
    text-align: center;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .ui-commandlink.notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .ui-commandlink.notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .ui-commandlink.notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .ui-commandlink.notify-btn .icon-mail {
    margin-right: 4px;
    font-size: 13px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description {
    color: #fff;
    padding: 10px;
    position: absolute;
    bottom: 38px;
    left: 0;
    right: 0;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description .reading-price,
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description .special-chat-offer {
    float: left;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description .reading-price {
    margin-right: 70px;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description .special-chat-offer {
    font-weight: 700;
  }
  .readers-list-widget.vertical .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .reader-email {
    font-size: 0;
  }
}
@media (max-width: 766px) {
  .readers-list-widget.linear .snipets-view-change + .readers-list {
    padding: 10px 0;
  }
}
@media (min-width: 1200px) {
  .readers-list-widget.linear .readers-list .reader-snippet {
    display: block;
    position: relative;
    font-size: 0;
    color: #37474f;
    /*____________________________________________________________*/
    /* STATES */
    /*____________________________________________________________*/
    /* AVA */
    margin: 30px 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.has-gift .present {
    display: block;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.not-available .notify-btn {
    display: inline-block !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.not-available .chat-btn,
  .readers-list-widget.linear .readers-list .reader-snippet.not-available .call-btn {
    display: none !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.online .online-status {
    color: #66bb6a !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.online .online-status:before {
    background: #66bb6a !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.online .online-status:after {
    content: "Online" !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.busy.online .online-status {
    color: #ffa000 !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.busy.online .online-status:before {
    background: #ffa000 !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.busy.online .online-status:after {
    content: "Busy" !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.premier .premium-status {
    display: block !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.favourite .favourite-link {
    color: #9575cd !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.favourite .favourite-link:after {
    content: "Favorite Reader" !important;
    text-decoration: none !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.favourite .favourite-link .icon-heart {
    display: none !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.favourite .favourite-link .icon-heart-full {
    display: inline !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .ava-part {
    width: 270px;
    font-size: 0;
    background: #000;
    min-height: 210px;
    background: 50% 50%;
    background-size: cover;
    position: relative;
    display: block;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .ava-part img {
    display: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .ava-part .reader-zodiac {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 14px;
    color: #fff;
    box-sizing: border-box;
    padding: 30px 10px 9px;
    font-weight: bold;
    background: linear-gradient(to bottom, transparent 0%, rgba(75, 59, 103, 0.5) 100%);
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    height: 70px;
    z-index: 200;
    width: 270px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present .present-link {
    padding: 9px;
    font-size: 16px;
    animation: background-pulse 10s infinite;
    transition: .2s;
    font-weight: 700;
    text-align: center;
    color: #fff;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present .present-link .icon-present {
    font-size: 30px;
    display: inline-block;
    margin-right: 7px;
    vertical-align: -6px;
    color: #fff;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present .present-link:hover {
    cursor: pointer;
    animation-duration: 1s;
    background: rgba(0, 0, 0, 0.5);
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present .present-link:hover .icon-present {
    animation-duration: 1s;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ff5e07;
    background: radial-gradient(ellipse at center, #89cb8c 0%, #54b359 100%);
    z-index: 200;
    font-weight: 600;
    color: #fff;
    border: 2px solid #66bb6a;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .icon-cross {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px;
    cursor: pointer;
    transition: .2s;
    z-index: 2;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .icon-cross:hover {
    color: white;
    background: rgba(255, 255, 255, 0.2);
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    width: 420px;
    margin: auto;
    left: 0;
    right: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .message {
    padding: 0 40px 20px;
    text-align: center;
    font-size: 24px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns {
    text-align: center;
    font-size: 14px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #459a49;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    padding: 0 40px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:hover {
    background: #2f6931;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:active,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:active {
    background: #19371a;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #459a49;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.disabled,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ff9c0b;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    padding: 0 40px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:hover {
    background: #c27400;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:active,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:active {
    background: #7b4900;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ff9c0b;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.disabled,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part {
    position: absolute;
    left: 270px;
    top: 0;
    right: 0;
    bottom: 0;
    background: #f0f2f4;
    border: 2px solid #e2e7ea;
    border-top: none;
    border-left: none;
    /*____________________________________________________________*/
    /* TOP INFO */
    /*____________________________________________________________*/
    /* MAJOR INFO */
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info {
    background: #dee3e7;
    position: relative;
    height: 30px;
    /* Status bar*/
    /* Reader name */
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar {
    margin-left: 520px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .online-status {
    float: left;
    margin-right: 10px;
    display: inline-block;
    color: #90a4ae;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .online-status:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #90a4ae;
    border-radius: 50%;
    margin-right: 3px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .online-status:after {
    content: "Offline";
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .premium-status {
    float: left;
    color: #7986CB;
    margin-right: 10px;
    margin-left: 10px;
    display: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .premium-status .icon-diamond {
    margin-right: 3px;
    font-size: 13px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .premium-status:after {
    content: "Premier Reader";
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status {
    float: left;
    overflow: hidden;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link {
    color: #90a4ae;
    line-height: 30px;
    display: block;
    padding: 0 10px;
    transition: .2s;
    position: relative;
    text-decoration: none;
    font-weight: 700;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:hover {
    background: #dde2e6;
    color: #8966c8;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:active {
    background: #c6cdd5;
    color: #7248bd;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:after {
    content: "Add to Favorites";
    text-decoration: underline;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart {
    margin-right: 2px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    display: none;
    margin-right: 3px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    font-size: 12px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .reader-name {
    text-transform: uppercase;
    display: inline;
    position: absolute;
    left: -10px;
    top: 0;
    margin-left: 30px;
    font-size: 18px;
    font-weight: 700;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .reader-name .name-link {
    color: #9575cd;
    line-height: 30px;
    display: block;
    padding: 0 10px;
    transition: .2s;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .reader-name .name-link:hover {
    background: #dde2e6;
    color: #8966c8;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .reader-name .name-link:active {
    background: #c6cdd5;
    color: #7248bd;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info {
    left: 30px;
    top: 50%;
    position: absolute;
    margin-top: 13px;
    transform: translateY(-50%);
    /* First info */
    /* Second info */
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info {
    width: 420px;
    float: left;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info .brief-info {
    font-size: 18px !important;
    font-weight: 700;
    color: #37474f;
    line-height: 1.25 !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info .brief-info * {
    font-size: 18px !important;
    margin: 0;
    line-height: 1.25 !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info .reader-tag-list {
    font-size: 14px;
    margin-top: 12px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info .reader-tag-list .reader-tag {
    display: block;
    margin: 4px 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info .reader-tag-list .reader-tag:before {
    content: "\2014";
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info {
    margin-left: 490px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .info-list {
    overflow: hidden;
    padding-top: 5px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .info-list .info-item {
    float: left;
    display: block;
    margin-right: 40px;
    font-size: 14px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .info-list .info-item .info-number {
    font-weight: 700;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions {
    margin-top: 20px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .duplicate-action-btns {
    display: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #66bb6a;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success:hover {
    background: #439747;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success:active,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success:active {
    background: #2d6530;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #66bb6a;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.disabled,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ffb74d;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:hover {
    background: #ff9a06;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:active,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:active {
    background: #bd7100;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ffb74d;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.disabled,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #66bb6a;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #66bb6a;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn:hover {
    border: 2px solid #439747;
    color: #439747;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn:active {
    border: 2px solid #2d6530;
    color: #2d6530;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description {
    font-size: 14px;
    margin-top: 5px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description .reading-price {
    display: inline-block;
    margin-right: 16px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description .special-chat-offer {
    display: inline-block;
    font-weight: 700;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .reader-email {
    font-size: 0;
  }
}
@media (max-width: 1200px) and (min-width: 992px) {
  .readers-list-widget.linear .readers-list .reader-snippet {
    display: block;
    position: relative;
    font-size: 0;
    color: #37474f;
    /*____________________________________________________________*/
    /* STATES */
    /*____________________________________________________________*/
    /* AVA */
    margin: 30px 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.has-gift .present {
    display: block;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.not-available .notify-btn {
    display: inline-block !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.not-available .chat-btn,
  .readers-list-widget.linear .readers-list .reader-snippet.not-available .call-btn {
    display: none !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.online .online-status {
    color: #66bb6a !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.online .online-status:before {
    background: #66bb6a !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.online .online-status:after {
    content: "Online" !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.busy.online .online-status {
    color: #ffa000 !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.busy.online .online-status:before {
    background: #ffa000 !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.busy.online .online-status:after {
    content: "Busy" !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.premier .premium-status {
    display: block !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.favourite .favourite-link {
    color: #9575cd !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.favourite .favourite-link:after {
    content: "Favorite Reader" !important;
    text-decoration: none !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.favourite .favourite-link .icon-heart {
    display: none !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.favourite .favourite-link .icon-heart-full {
    display: inline !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .ava-part {
    width: 270px;
    font-size: 0;
    background: #000;
    min-height: 210px;
    background: 50% 50%;
    background-size: cover;
    position: relative;
    display: block;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .ava-part img {
    display: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .ava-part .reader-zodiac {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 14px;
    color: #fff;
    box-sizing: border-box;
    padding: 30px 10px 9px;
    font-weight: bold;
    background: linear-gradient(to bottom, transparent 0%, rgba(75, 59, 103, 0.5) 100%);
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    height: 70px;
    z-index: 200;
    width: 270px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present .present-link {
    padding: 9px;
    font-size: 16px;
    animation: background-pulse 10s infinite;
    transition: .2s;
    font-weight: 700;
    text-align: center;
    color: #fff;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present .present-link .icon-present {
    font-size: 30px;
    display: inline-block;
    margin-right: 7px;
    vertical-align: -6px;
    color: #fff;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present .present-link:hover {
    cursor: pointer;
    animation-duration: 1s;
    background: rgba(0, 0, 0, 0.5);
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present .present-link:hover .icon-present {
    animation-duration: 1s;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ff5e07;
    background: radial-gradient(ellipse at center, #89cb8c 0%, #54b359 100%);
    z-index: 200;
    font-weight: 600;
    color: #fff;
    border: 2px solid #66bb6a;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .icon-cross {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px;
    cursor: pointer;
    transition: .2s;
    z-index: 2;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .icon-cross:hover {
    color: white;
    background: rgba(255, 255, 255, 0.2);
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    width: 420px;
    margin: auto;
    left: 0;
    right: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .message {
    padding: 0 40px 20px;
    text-align: center;
    font-size: 24px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns {
    text-align: center;
    font-size: 14px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #459a49;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    padding: 0 40px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:hover {
    background: #2f6931;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:active,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:active {
    background: #19371a;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #459a49;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.disabled,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ff9c0b;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    padding: 0 40px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:hover {
    background: #c27400;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:active,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:active {
    background: #7b4900;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ff9c0b;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.disabled,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part {
    position: absolute;
    left: 270px;
    top: 0;
    right: 0;
    bottom: 0;
    background: #f0f2f4;
    border: 2px solid #e2e7ea;
    border-top: none;
    border-left: none;
    /*____________________________________________________________*/
    /* TOP INFO */
    /*____________________________________________________________*/
    /* MAJOR INFO */
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info {
    background: #dee3e7;
    position: relative;
    height: 30px;
    /* Status bar*/
    /* Reader name */
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar {
    margin-left: 520px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .online-status {
    float: left;
    margin-right: 10px;
    display: inline-block;
    color: #90a4ae;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .online-status:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #90a4ae;
    border-radius: 50%;
    margin-right: 3px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .online-status:after {
    content: "Offline";
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .premium-status {
    float: left;
    color: #7986CB;
    margin-right: 10px;
    margin-left: 10px;
    display: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .premium-status .icon-diamond {
    margin-right: 3px;
    font-size: 13px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .premium-status:after {
    content: "Premier Reader";
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status {
    float: left;
    overflow: hidden;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link {
    color: #90a4ae;
    line-height: 30px;
    display: block;
    padding: 0 10px;
    transition: .2s;
    position: relative;
    text-decoration: none;
    font-weight: 700;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:hover {
    background: #dde2e6;
    color: #8966c8;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:active {
    background: #c6cdd5;
    color: #7248bd;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:after {
    content: "Add to Favorites";
    text-decoration: underline;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart {
    margin-right: 2px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    display: none;
    margin-right: 3px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    font-size: 12px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .reader-name {
    text-transform: uppercase;
    display: inline;
    position: absolute;
    left: -10px;
    top: 0;
    margin-left: 30px;
    font-size: 18px;
    font-weight: 700;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .reader-name .name-link {
    color: #9575cd;
    line-height: 30px;
    display: block;
    padding: 0 10px;
    transition: .2s;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .reader-name .name-link:hover {
    background: #dde2e6;
    color: #8966c8;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .reader-name .name-link:active {
    background: #c6cdd5;
    color: #7248bd;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info {
    left: 30px;
    top: 50%;
    position: absolute;
    margin-top: 13px;
    transform: translateY(-50%);
    /* First info */
    /* Second info */
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info {
    width: 420px;
    float: left;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info .brief-info {
    font-size: 18px !important;
    font-weight: 700;
    color: #37474f;
    line-height: 1.25 !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info .brief-info * {
    font-size: 18px !important;
    margin: 0;
    line-height: 1.25 !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info .reader-tag-list {
    font-size: 14px;
    margin-top: 12px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info .reader-tag-list .reader-tag {
    display: block;
    margin: 4px 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info .reader-tag-list .reader-tag:before {
    content: "\2014";
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info {
    margin-left: 490px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .info-list {
    overflow: hidden;
    padding-top: 5px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .info-list .info-item {
    float: left;
    display: block;
    margin-right: 40px;
    font-size: 14px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .info-list .info-item .info-number {
    font-weight: 700;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions {
    margin-top: 20px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .duplicate-action-btns {
    display: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #66bb6a;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success:hover {
    background: #439747;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success:active,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success:active {
    background: #2d6530;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #66bb6a;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.disabled,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ffb74d;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:hover {
    background: #ff9a06;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:active,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:active {
    background: #bd7100;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ffb74d;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.disabled,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #66bb6a;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #66bb6a;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn:hover {
    border: 2px solid #439747;
    color: #439747;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn:active {
    border: 2px solid #2d6530;
    color: #2d6530;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description {
    font-size: 14px;
    margin-top: 5px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description .reading-price {
    display: inline-block;
    margin-right: 16px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description .special-chat-offer {
    display: inline-block;
    font-weight: 700;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .reader-email {
    font-size: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar {
    margin-left: 0;
    display: inline-block;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .online-status {
    margin-left: 16px;
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .online-status:after {
    content: "" !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .online-status:before {
    margin-right: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .premium-status {
    margin: 0;
    position: relative;
    z-index: 10;
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .premium-status .icon-diamond {
    margin-right: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .premium-status:after {
    content: "";
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status {
    position: absolute;
    left: 386px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .reader-name {
    display: inline-block;
    font-size: 14px;
    position: static;
    vertical-align: top;
    margin-left: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .reader-name .name-link {
    padding: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info {
    left: 15px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info {
    width: 340px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info .brief-info {
    font-size: 18px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info {
    margin-left: 380px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .info-list {
    overflow: hidden;
    padding-top: 2px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .info-list .info-item {
    margin-right: 20px;
  }
}
@media (max-width: 992px) and (min-width: 767px) {
  .readers-list-widget.linear .readers-list .reader-snippet {
    display: block;
    position: relative;
    font-size: 0;
    color: #37474f;
    /*____________________________________________________________*/
    /* STATES */
    /*____________________________________________________________*/
    /* AVA */
    margin: 30px 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.has-gift .present {
    display: block;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.not-available .notify-btn {
    display: inline-block !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.not-available .chat-btn,
  .readers-list-widget.linear .readers-list .reader-snippet.not-available .call-btn {
    display: none !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.online .online-status {
    color: #66bb6a !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.online .online-status:before {
    background: #66bb6a !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.online .online-status:after {
    content: "Online" !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.busy.online .online-status {
    color: #ffa000 !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.busy.online .online-status:before {
    background: #ffa000 !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.busy.online .online-status:after {
    content: "Busy" !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.premier .premium-status {
    display: block !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.favourite .favourite-link {
    color: #9575cd !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.favourite .favourite-link:after {
    content: "Favorite Reader" !important;
    text-decoration: none !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.favourite .favourite-link .icon-heart {
    display: none !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.favourite .favourite-link .icon-heart-full {
    display: inline !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .ava-part {
    width: 270px;
    font-size: 0;
    background: #000;
    min-height: 210px;
    background: 50% 50%;
    background-size: cover;
    position: relative;
    display: block;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .ava-part img {
    display: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .ava-part .reader-zodiac {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 14px;
    color: #fff;
    box-sizing: border-box;
    padding: 30px 10px 9px;
    font-weight: bold;
    background: linear-gradient(to bottom, transparent 0%, rgba(75, 59, 103, 0.5) 100%);
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    height: 70px;
    z-index: 200;
    width: 270px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present .present-link {
    padding: 9px;
    font-size: 16px;
    animation: background-pulse 10s infinite;
    transition: .2s;
    font-weight: 700;
    text-align: center;
    color: #fff;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present .present-link .icon-present {
    font-size: 30px;
    display: inline-block;
    margin-right: 7px;
    vertical-align: -6px;
    color: #fff;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present .present-link:hover {
    cursor: pointer;
    animation-duration: 1s;
    background: rgba(0, 0, 0, 0.5);
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present .present-link:hover .icon-present {
    animation-duration: 1s;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ff5e07;
    background: radial-gradient(ellipse at center, #89cb8c 0%, #54b359 100%);
    z-index: 200;
    font-weight: 600;
    color: #fff;
    border: 2px solid #66bb6a;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .icon-cross {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px;
    cursor: pointer;
    transition: .2s;
    z-index: 2;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .icon-cross:hover {
    color: white;
    background: rgba(255, 255, 255, 0.2);
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    width: 420px;
    margin: auto;
    left: 0;
    right: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .message {
    padding: 0 40px 20px;
    text-align: center;
    font-size: 24px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns {
    text-align: center;
    font-size: 14px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #459a49;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    padding: 0 40px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:hover {
    background: #2f6931;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:active,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:active {
    background: #19371a;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #459a49;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.disabled,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ff9c0b;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    padding: 0 40px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:hover {
    background: #c27400;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:active,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:active {
    background: #7b4900;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ff9c0b;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.disabled,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part {
    position: absolute;
    left: 270px;
    top: 0;
    right: 0;
    bottom: 0;
    background: #f0f2f4;
    border: 2px solid #e2e7ea;
    border-top: none;
    border-left: none;
    /*____________________________________________________________*/
    /* TOP INFO */
    /*____________________________________________________________*/
    /* MAJOR INFO */
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info {
    background: #dee3e7;
    position: relative;
    height: 30px;
    /* Status bar*/
    /* Reader name */
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar {
    margin-left: 520px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .online-status {
    float: left;
    margin-right: 10px;
    display: inline-block;
    color: #90a4ae;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .online-status:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #90a4ae;
    border-radius: 50%;
    margin-right: 3px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .online-status:after {
    content: "Offline";
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .premium-status {
    float: left;
    color: #7986CB;
    margin-right: 10px;
    margin-left: 10px;
    display: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .premium-status .icon-diamond {
    margin-right: 3px;
    font-size: 13px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .premium-status:after {
    content: "Premier Reader";
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status {
    float: left;
    overflow: hidden;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link {
    color: #90a4ae;
    line-height: 30px;
    display: block;
    padding: 0 10px;
    transition: .2s;
    position: relative;
    text-decoration: none;
    font-weight: 700;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:hover {
    background: #dde2e6;
    color: #8966c8;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:active {
    background: #c6cdd5;
    color: #7248bd;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:after {
    content: "Add to Favorites";
    text-decoration: underline;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart {
    margin-right: 2px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    display: none;
    margin-right: 3px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    font-size: 12px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .reader-name {
    text-transform: uppercase;
    display: inline;
    position: absolute;
    left: -10px;
    top: 0;
    margin-left: 30px;
    font-size: 18px;
    font-weight: 700;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .reader-name .name-link {
    color: #9575cd;
    line-height: 30px;
    display: block;
    padding: 0 10px;
    transition: .2s;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .reader-name .name-link:hover {
    background: #dde2e6;
    color: #8966c8;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .reader-name .name-link:active {
    background: #c6cdd5;
    color: #7248bd;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info {
    left: 30px;
    top: 50%;
    position: absolute;
    margin-top: 13px;
    transform: translateY(-50%);
    /* First info */
    /* Second info */
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info {
    width: 420px;
    float: left;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info .brief-info {
    font-size: 18px !important;
    font-weight: 700;
    color: #37474f;
    line-height: 1.25 !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info .brief-info * {
    font-size: 18px !important;
    margin: 0;
    line-height: 1.25 !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info .reader-tag-list {
    font-size: 14px;
    margin-top: 12px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info .reader-tag-list .reader-tag {
    display: block;
    margin: 4px 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info .reader-tag-list .reader-tag:before {
    content: "\2014";
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info {
    margin-left: 490px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .info-list {
    overflow: hidden;
    padding-top: 5px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .info-list .info-item {
    float: left;
    display: block;
    margin-right: 40px;
    font-size: 14px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .info-list .info-item .info-number {
    font-weight: 700;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions {
    margin-top: 20px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .duplicate-action-btns {
    display: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #66bb6a;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success:hover {
    background: #439747;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success:active,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success:active {
    background: #2d6530;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #66bb6a;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.disabled,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ffb74d;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:hover {
    background: #ff9a06;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:active,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:active {
    background: #bd7100;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ffb74d;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.disabled,
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #66bb6a;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #66bb6a;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn:hover {
    border: 2px solid #439747;
    color: #439747;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn:active {
    border: 2px solid #2d6530;
    color: #2d6530;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description {
    font-size: 14px;
    margin-top: 5px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description .reading-price {
    display: inline-block;
    margin-right: 16px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .actions-description .special-chat-offer {
    display: inline-block;
    font-weight: 700;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions .reader-email {
    font-size: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar {
    margin-left: 0;
    display: inline-block;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .online-status {
    margin-left: 16px;
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .online-status:after {
    content: "" !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .online-status:before {
    margin-right: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .premium-status {
    margin: 0;
    position: relative;
    z-index: 10;
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .premium-status .icon-diamond {
    margin-right: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .premium-status:after {
    content: "";
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status {
    position: absolute;
    left: 386px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .reader-name {
    display: inline-block;
    font-size: 14px;
    position: static;
    vertical-align: top;
    margin-left: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .reader-name .name-link {
    padding: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info {
    left: 15px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info {
    width: 340px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info .brief-info {
    font-size: 18px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info {
    margin-left: 380px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .info-list {
    overflow: hidden;
    padding-top: 2px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .info-list .info-item {
    margin-right: 20px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .ava-part {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part {
    bottom: auto;
    position: relative;
    width: 466px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .online-status {
    margin-left: 12px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    left: auto;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info {
    position: relative;
    transform: none;
    top: 0;
    left: 0;
    margin-left: 12px;
    margin-right: 6px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .first-info {
    width: auto;
    float: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info {
    margin-left: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .info-list {
    overflow: hidden;
    padding-top: 8px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .info-list .info-item {
    margin-right: 30px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .major-info .second-info .major-actions {
    margin-top: 12px;
    padding-bottom: 14px;
  }
}
@media (max-width: 766px) {
  .readers-list-widget.linear .readers-list .reader-snippet {
    display: block;
    position: relative;
    padding: 10px;
    border-top: 1px solid #e2e7ea;
    overflow: hidden;
    /*____________________________________________________________*/
    /* STATES */
  }
  .readers-list-widget.linear .readers-list .reader-snippet.has-gift {
    padding-top: 50px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.has-gift .present {
    display: block;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.has-gift .top-info {
    top: 67px !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.has-gift .ava-part:before {
    top: 60px !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.has-gift .ava-part:after {
    top: 77px !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.premier .premium-status {
    display: inline-block !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.favourite .favourite-link {
    color: #9575cd !important;
    text-decoration: none !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.favourite .favourite-link .icon-heart {
    display: none !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.favourite .favourite-link .icon-heart-full {
    display: inline !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.online .online-status {
    background: #66bb6a !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.busy.online .online-status {
    background: #ffa000 !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.not-available .call-btn,
  .readers-list-widget.linear .readers-list .reader-snippet.not-available .chat-btn {
    display: none !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.not-available .ui-commandlink.ui-widget.notify-btn {
    display: inline-block !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: none;
    z-index: 101;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present .present-link {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    animation: background-pulse 10s infinite;
    transition: .2s;
    font-weight: 700;
    font-size: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present .present-link .icon-present {
    font-size: 30px;
    display: inline-block;
    color: #fff;
    vertical-align: -6px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present .present-link:hover {
    cursor: pointer;
    animation-duration: 1s;
    background: rgba(0, 0, 0, 0.5);
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present .present-link:hover .icon-present {
    animation-duration: 1s;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ff5e07;
    background: radial-gradient(ellipse at center, #89cb8c 0%, #54b359 100%);
    z-index: 200;
    font-weight: 600;
    color: #fff;
    border: 2px solid #66bb6a;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .icon-cross {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px;
    cursor: pointer;
    transition: .2s;
    z-index: 2;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .icon-cross:hover {
    color: white;
    background: rgba(255, 255, 255, 0.2);
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content {
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    margin: auto;
    left: 0;
    right: 20px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .message {
    padding: 0 20px 7px;
    text-align: center;
    font-size: 14px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns {
    text-align: center;
    font-size: 14px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #459a49;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    font-size: 14px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:hover {
    background: #2f6931;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:active,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:active {
    background: #19371a;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #459a49;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.disabled,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ff9c0b;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    font-size: 14px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:hover {
    background: #c27400;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:active,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:active {
    background: #7b4900;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ff9c0b;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.disabled,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .ui-commandlink.ui-widget.notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .ui-commandlink.ui-widget.notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .ui-commandlink.ui-widget.notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .ui-commandlink.ui-widget.notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .ui-commandlink.ui-widget.notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .notify-btn {
    display: inline-block;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .chat-btn,
  .readers-list-widget.linear .readers-list .reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .call-btn {
    display: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet:last-child {
    border-bottom: 1px solid #e2e7ea;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .ava-part {
    width: 91px;
    font-size: 0;
    background: #ddd;
    height: 71px;
    background-position: 50% 50%;
    background-size: cover;
    display: block;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .ava-part img {
    display: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .ava-part:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 10px;
    top: 10px;
    background: #e9ecef;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .ava-part:after {
    content: "\e901";
    display: block;
    position: absolute;
    right: 20px;
    top: 27px;
    color: #37474f;
    z-index: 1;
    font-size: 17px;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part {
    font-size: 14px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info {
    position: absolute;
    top: 10px;
    left: 101px;
    height: 60px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar {
    font-size: 0;
    padding-left: 8px;
    padding-bottom: 3px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .online-status {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #90a4ae;
    margin-right: 3px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .premium-status {
    color: #7986CB;
    vertical-align: 1px;
    display: none;
    margin-right: 3px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .premium-status .icon-diamond {
    font-size: 12px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status {
    font-size: 12px;
    display: inline-block;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link {
    color: #9575cd;
    text-decoration: none;
    display: inline-block;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    display: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .reader-name {
    font-size: 14px;
    font-weight: 700;
    padding-left: 8px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .info-part .top-info .reader-name .name-link {
    color: #000;
    text-decoration: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .first-info {
    display: none;
    font-size: 14px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .first-info .brief-info {
    font-weight: 700;
    margin-top: 4px;
    height: auto !important;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .first-info .reader-tag-list .reader-tag {
    margin: 4px 0;
    display: block;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .first-info .reader-tag-list .reader-tag:before {
    content: "\2014";
    margin-right: 3px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .info-list {
    font-size: 0;
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    height: 89px;
    z-index: 100;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .ui-commandlink {
    display: block;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns {
    font-size: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    display: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-profile-btn {
    margin-right: 10px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-profile-btn,
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-favourite-btn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #90a4ae;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    width: 145px;
    text-align: center;
    padding: 0;
    font-size: 14px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-profile-btn:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-favourite-btn:hover {
    background: #68828f;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-profile-btn:active,
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-favourite-btn:active {
    background: #4a5c65;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-profile-btn.ui-state-disabled:hover, .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-profile-btn.ui-state-disabled:active,
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-favourite-btn.ui-state-disabled:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-favourite-btn.ui-state-disabled:active {
    background: #90a4ae;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-profile-btn.disabled,
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-favourite-btn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns {
    font-size: 0;
    margin-top: 5px;
    display: none;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn,
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #66bb6a;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    width: 145px;
    text-align: center;
    padding: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn:hover {
    background: #439747;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn:active,
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn:active {
    background: #2d6530;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn.ui-state-disabled:hover, .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn.ui-state-disabled:active,
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn.ui-state-disabled:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn.ui-state-disabled:active {
    background: #66bb6a;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn.disabled,
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn,
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ffb74d;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    width: 145px;
    text-align: center;
    padding: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:hover {
    background: #ff9a06;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:active,
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:active {
    background: #bd7100;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover, .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:active,
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover,
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active {
    background: #ffb74d;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.disabled,
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn span,
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn span {
    margin-right: 3px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn {
    margin-right: 10px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #66bb6a;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #66bb6a;
    box-sizing: border-box;
    cursor: pointer;
    width: 100%;
    text-align: center;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .notify-btn:hover {
    border: 2px solid #439747;
    color: #439747;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .notify-btn:active {
    border: 2px solid #2d6530;
    color: #2d6530;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .major-action-btns .notify-btn .icon-mail {
    margin-right: 4px;
    font-size: 13px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .actions-description {
    padding: 10px;
    position: absolute;
    top: 37px;
    left: 100px;
    right: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .actions-description .reading-price {
    margin-right: 70px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .actions-description .special-chat-offer {
    font-weight: 700;
  }
  .readers-list-widget.linear .readers-list .reader-snippet .major-info .second-info .major-actions .reader-email {
    font-size: 0;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.open {
    background: #fff8ee;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.open .ava-part:after {
    transform: rotate(180deg);
    top: 25px;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.open .major-info .first-info {
    display: block;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.open .major-info .second-info .major-actions .duplicate-action-btns {
    display: block;
  }
  .readers-list-widget.linear .readers-list .reader-snippet.open .major-info .second-info .major-actions .major-action-btns {
    display: block;
  }
}
.readers-list-widget .readers-list {
  overflow: hidden;
}
.readers-list-widget .readers-list:after {
  content: "";
  display: block;
  clear: both;
}
.readers-list-widget .view-all-block .minor-btn.view-all-btn {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  display: block;
  text-align: center;
}
.readers-list-widget .view-all-block .minor-btn.view-all-btn:hover {
  background: #439747;
}
.readers-list-widget .view-all-block .minor-btn.view-all-btn:active {
  background: #2d6530;
}
.readers-list-widget .view-all-block .minor-btn.view-all-btn.ui-state-disabled:hover, .readers-list-widget .view-all-block .minor-btn.view-all-btn.ui-state-disabled:active {
  background: #66bb6a;
}
.readers-list-widget .view-all-block .minor-btn.view-all-btn.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}

.feedback-widget .slider {
  border: 2px solid #e2e7ea;
  position: relative;
  width: 970px;
  margin: 0 auto;
  background: #f0f2f4;
}
.feedback-widget .slider .slider-item {
  min-height: 210px;
  position: relative;
  outline: none !important;
}
.feedback-widget .slider .slider-item .feedback-part {
  position: absolute;
  top: 20px;
  left: 30px;
  width: 600px;
}
.feedback-widget .slider .slider-item .feedback-part .date {
  font-size: 14px;
  font-weight: 700;
}
.feedback-widget .slider .slider-item .feedback-part .revieved {
  font-size: 14px;
}
.feedback-widget .slider .slider-item .feedback-part .stars {
  background: url(../img/rating.png) no-repeat;
  height: 16px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .feedback-widget .slider .slider-item .feedback-part .stars {
    background-position-x: 50%;
  }
}
.feedback-widget .slider .slider-item .feedback-part .stars.rating45 {
  background-position-y: -16px;
}
.feedback-widget .slider .slider-item .feedback-part .stars.rating4 {
  background-position-y: -32px;
}
.feedback-widget .slider .slider-item .feedback-part .stars.rating35 {
  background-position-y: -48px;
}
.feedback-widget .slider .slider-item .feedback-part .stars.rating3 {
  background-position-y: -64px;
}
.feedback-widget .slider .slider-item .feedback-part .stars.rating25 {
  background-position-y: -80px;
}
.feedback-widget .slider .slider-item .feedback-part .stars.rating2 {
  background-position-y: -96px;
}
.feedback-widget .slider .slider-item .feedback-part .stars.rating15 {
  background-position-y: -112px;
}
.feedback-widget .slider .slider-item .feedback-part .stars.rating1 {
  background-position-y: -128px;
}
.feedback-widget .slider .slider-item .feedback-part .stars.rating05 {
  background-position-y: -144px;
}
.feedback-widget .slider .slider-item .feedback-part .stars.rating0 {
  background-position-y: -160px;
}
.feedback-widget .slider .slider-item .feedback-part .stars .icon-star {
  display: none;
}
.feedback-widget .slider .slider-item .feedback-part .feedback-text {
  font-size: 24px;
  font-weight: 600;
  margin-top: 8px;
}
.feedback-widget .slider .slick-arrow {
  position: absolute;
  width: 98px;
  top: -2px;
  bottom: -2px;
  cursor: pointer;
  transition: .2s;
  background: none;
  border: none;
  font-size: 0;
  outline: none;
}
.feedback-widget .slider .slick-arrow:after {
  content: "";
  border-right: 2px solid #e2e7ea;
  width: 50px;
  height: 50px;
  position: absolute;
  border-top: 2px solid #e2e7ea;
  top: 50%;
  margin-top: -25px;
  transition: .2s;
}
.feedback-widget .slider .slick-arrow:hover {
  background: #f0f2f4;
}
.feedback-widget .slider .slick-arrow:hover:after {
  border-color: #b0bec5;
}
.feedback-widget .slider .slick-next {
  right: -100px;
}
.feedback-widget .slider .slick-next:after {
  transform: rotate(45deg);
  left: 7px;
}
.feedback-widget .slider .slick-prev {
  left: -100px;
}
.feedback-widget .slider .slick-prev:after {
  transform: rotate(-135deg);
  right: 10px;
}
.feedback-widget .slider .slick-dots {
  position: absolute;
  bottom: -42px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0;
}
.feedback-widget .slider .slick-dots li {
  display: inline-block;
}
.feedback-widget .slider .slick-dots li button {
  border: none;
  font-size: 0;
  padding: 0;
  padding: 15px 10px;
  background: none;
  outline: none;
  cursor: pointer;
  display: block;
}
.feedback-widget .slider .slick-dots li button:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  transition: .2s;
}
.feedback-widget .slider .slick-dots li button:hover:after {
  background: rgba(0, 0, 0, 0.45);
}
.feedback-widget .slider .slick-dots li.slick-active button:after {
  background: rgba(0, 0, 0, 0.6);
}
.feedback-widget .slider .reader-snippet {
  position: absolute !important;
  right: 0;
  top: 0;
}
@media (min-width: 993px) {
  .feedback-widget .slider .reader-snippet {
    display: block;
    position: relative;
    width: 300px;
    font-size: 0;
    /*____________________________________________________________*/
    /* STATES */
  }
  .feedback-widget .slider .reader-snippet.has-gift .present {
    display: block;
  }
  .feedback-widget .slider .reader-snippet.has-gift .top-info {
    top: 38px !important;
  }
  .feedback-widget .slider .reader-snippet.premier .premium-status {
    font-size: 14px;
    display: inline-block !important;
  }
  .feedback-widget .slider .reader-snippet.favourite .favourite-link {
    color: #fff !important;
    text-decoration: none !important;
  }
  .feedback-widget .slider .reader-snippet.favourite .favourite-link .icon-heart {
    display: none !important;
  }
  .feedback-widget .slider .reader-snippet.favourite .favourite-link .icon-heart-full {
    display: inline !important;
  }
  .feedback-widget .slider .reader-snippet.online .online-status {
    background: #66bb6a !important;
  }
  .feedback-widget .slider .reader-snippet.busy.online .online-status {
    background: #ffa000 !important;
  }
  .feedback-widget .slider .reader-snippet.not-available .call-btn,
  .feedback-widget .slider .reader-snippet.not-available .chat-btn {
    display: none !important;
  }
  .feedback-widget .slider .reader-snippet.not-available .ui-commandlink.ui-widget.notify-btn {
    display: inline-block !important;
  }
  .feedback-widget .slider .reader-snippet .present {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 38px;
    z-index: 200;
    display: none;
    text-align: center;
  }
  .feedback-widget .slider .reader-snippet .present .present-link {
    padding: 9px 16px;
    font-size: 16px;
    animation: background-pulse 10s infinite;
    transition: .2s;
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
  }
  .feedback-widget .slider .reader-snippet .present .present-link .icon-present {
    font-size: 20px;
    display: inline-block;
    color: #fff;
    vertical-align: -2px;
    padding-right: 6px;
  }
  .feedback-widget .slider .reader-snippet .present .present-link:hover {
    cursor: pointer;
    animation-duration: 1s;
    background: rgba(0, 0, 0, 0.5);
  }
  .feedback-widget .slider .reader-snippet .present .present-link:hover .icon-present {
    animation-duration: 1s;
  }
  .feedback-widget .slider .reader-snippet .present-popup {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ff5e07;
    background: radial-gradient(ellipse at center, #89cb8c 0%, #54b359 100%);
    z-index: 200;
    font-weight: 600;
    color: #fff;
    border: 2px solid #66bb6a;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }
  .feedback-widget .slider .reader-snippet .present-popup .icon-cross {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px;
    cursor: pointer;
    transition: .2s;
    z-index: 2;
  }
  .feedback-widget .slider .reader-snippet .present-popup .icon-cross:hover {
    color: white;
    background: rgba(255, 255, 255, 0.2);
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content {
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    margin: auto;
    left: 0;
    right: 0;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .message {
    padding: 0 20px 20px;
    text-align: center;
    font-size: 24px;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns {
    text-align: center;
    font-size: 14px;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #459a49;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:hover,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:hover {
    background: #2f6931;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:active,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:active {
    background: #19371a;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #459a49;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.disabled,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ff9c0b;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:hover,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:hover {
    background: #c27400;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:active,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:active {
    background: #7b4900;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ff9c0b;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.disabled,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .notify-btn {
    display: inline-block;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .chat-btn,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .call-btn {
    display: none;
  }
  .feedback-widget .slider .reader-snippet .ava-part {
    width: 300px;
    font-size: 0;
    background: #000;
    min-height: 210px;
    background: url(../img/reader1.png) 50% 50%;
    background-size: cover;
    display: block;
  }
  .feedback-widget .slider .reader-snippet .ava-part:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 90px;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 100%);
  }
  .feedback-widget .slider .reader-snippet .ava-part img {
    display: none;
  }
  .feedback-widget .slider .reader-snippet .info-part {
    font-size: 14px;
  }
  .feedback-widget .slider .reader-snippet .info-part .top-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
  }
  .feedback-widget .slider .reader-snippet .info-part .top-info .status-bar {
    font-size: 0;
    display: inline-block;
    padding-left: 8px;
  }
  .feedback-widget .slider .reader-snippet .info-part .top-info .status-bar .online-status {
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #90a4ae;
    margin-right: 3px;
  }
  .feedback-widget .slider .reader-snippet .info-part .top-info .status-bar .premium-status {
    color: #7986CB;
    vertical-align: 1px;
    display: none;
  }
  .feedback-widget .slider .reader-snippet .info-part .top-info .status-bar .premium-status .icon-star {
    font-size: 14px;
  }
  .feedback-widget .slider .reader-snippet .info-part .top-info .status-bar .favourite-status {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
  }
  .feedback-widget .slider .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link {
    color: #fff;
    text-decoration: none;
    padding: 9px;
    display: inline-block;
    position: relative;
  }
  .feedback-widget .slider .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: -10px;
    left: -20px;
  }
  .feedback-widget .slider .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    display: none;
  }
  .feedback-widget .slider .reader-snippet .info-part .top-info .reader-name {
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
  }
  .feedback-widget .slider .reader-snippet .info-part .top-info .reader-name .name-link {
    color: #fff;
    line-height: 30px;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .first-info {
    display: none;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .info-list {
    display: none;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 56px;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .duplicate-action-btns {
    display: none;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns {
    font-size: 0;
    margin: 5px;
    position: absolute;
    bottom: 0;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns > *:first-child:after {
    content: "";
    position: absolute;
    display: block;
    top: -10px;
    right: -5px;
    bottom: -10px;
    left: -10px;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns > *:last-child:after {
    content: "";
    position: absolute;
    display: block;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -5px;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn,
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #66bb6a;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    width: 135px;
    text-align: center;
    padding: 0;
    margin: 5px;
    opacity: 1 !important;
    position: relative;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn:hover,
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn:hover {
    background: #439747;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn:active,
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn:active {
    background: #2d6530;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.ui-state-disabled:hover, .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.ui-state-disabled:active,
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.ui-state-disabled:hover,
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.ui-state-disabled:active {
    background: #66bb6a;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.disabled,
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn span,
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn span {
    margin-right: 3px;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn,
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ffb74d;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    width: 135px;
    text-align: center;
    padding: 0;
    margin: 5px;
    opacity: 1 !important;
    position: relative;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:hover,
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:hover {
    background: #ff9a06;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:active,
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:active {
    background: #bd7100;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover, .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:active,
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover,
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active {
    background: #ffb74d;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.disabled,
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns.not-available .call-btn,
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns.not-available .chat-btn {
    display: none;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns.not-available .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    margin: 5px;
    width: 280px;
    text-align: center;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns.not-available .notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns.not-available .notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns.not-available .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .major-action-btns.not-available .notify-btn .icon-mail {
    margin-right: 4px;
    font-size: 13px;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .ui-commandlink.notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    margin: 5px;
    width: 280px;
    text-align: center;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .ui-commandlink.notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .ui-commandlink.notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .ui-commandlink.notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .ui-commandlink.notify-btn .icon-mail {
    margin-right: 4px;
    font-size: 13px;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .actions-description {
    color: #fff;
    padding: 10px;
    position: absolute;
    bottom: 38px;
    left: 0;
    right: 0;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .actions-description .reading-price,
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .actions-description .special-chat-offer {
    float: left;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .actions-description .reading-price {
    margin-right: 70px;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .actions-description .special-chat-offer {
    font-weight: 700;
  }
  .feedback-widget .slider .reader-snippet .info-part .major-info .second-info .major-actions .reader-email {
    font-size: 0;
  }
}
@media (max-width: 992px) {
  .feedback-widget .slider .reader-snippet {
    display: block;
    position: relative;
    padding: 10px;
    border-top: 1px solid #e2e7ea;
    overflow: hidden;
    /*____________________________________________________________*/
    /* STATES */
    position: relative !important;
    border-bottom: none !important;
  }
  .feedback-widget .slider .reader-snippet.has-gift {
    padding-top: 50px;
  }
  .feedback-widget .slider .reader-snippet.has-gift .present {
    display: block;
  }
  .feedback-widget .slider .reader-snippet.has-gift .top-info {
    top: 67px !important;
  }
  .feedback-widget .slider .reader-snippet.has-gift .ava-part:before {
    top: 60px !important;
  }
  .feedback-widget .slider .reader-snippet.has-gift .ava-part:after {
    top: 77px !important;
  }
  .feedback-widget .slider .reader-snippet.premier .premium-status {
    display: inline-block !important;
  }
  .feedback-widget .slider .reader-snippet.favourite .favourite-link {
    color: #9575cd !important;
    text-decoration: none !important;
  }
  .feedback-widget .slider .reader-snippet.favourite .favourite-link .icon-heart {
    display: none !important;
  }
  .feedback-widget .slider .reader-snippet.favourite .favourite-link .icon-heart-full {
    display: inline !important;
  }
  .feedback-widget .slider .reader-snippet.online .online-status {
    background: #66bb6a !important;
  }
  .feedback-widget .slider .reader-snippet.busy.online .online-status {
    background: #ffa000 !important;
  }
  .feedback-widget .slider .reader-snippet.not-available .call-btn,
  .feedback-widget .slider .reader-snippet.not-available .chat-btn {
    display: none !important;
  }
  .feedback-widget .slider .reader-snippet.not-available .ui-commandlink.ui-widget.notify-btn {
    display: inline-block !important;
  }
  .feedback-widget .slider .reader-snippet .present {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: none;
    z-index: 101;
  }
  .feedback-widget .slider .reader-snippet .present .present-link {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    animation: background-pulse 10s infinite;
    transition: .2s;
    font-weight: 700;
    font-size: 0;
  }
  .feedback-widget .slider .reader-snippet .present .present-link .icon-present {
    font-size: 30px;
    display: inline-block;
    color: #fff;
    vertical-align: -6px;
  }
  .feedback-widget .slider .reader-snippet .present .present-link:hover {
    cursor: pointer;
    animation-duration: 1s;
    background: rgba(0, 0, 0, 0.5);
  }
  .feedback-widget .slider .reader-snippet .present .present-link:hover .icon-present {
    animation-duration: 1s;
  }
  .feedback-widget .slider .reader-snippet .present-popup {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ff5e07;
    background: radial-gradient(ellipse at center, #89cb8c 0%, #54b359 100%);
    z-index: 200;
    font-weight: 600;
    color: #fff;
    border: 2px solid #66bb6a;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }
  .feedback-widget .slider .reader-snippet .present-popup .icon-cross {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px;
    cursor: pointer;
    transition: .2s;
    z-index: 2;
  }
  .feedback-widget .slider .reader-snippet .present-popup .icon-cross:hover {
    color: white;
    background: rgba(255, 255, 255, 0.2);
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content {
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    margin: auto;
    left: 0;
    right: 20px;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .message {
    padding: 0 20px 7px;
    text-align: center;
    font-size: 14px;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns {
    text-align: center;
    font-size: 14px;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #459a49;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    font-size: 14px;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:hover,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:hover {
    background: #2f6931;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:active,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:active {
    background: #19371a;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #459a49;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.disabled,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ff9c0b;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    font-size: 14px;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:hover,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:hover {
    background: #c27400;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:active,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:active {
    background: #7b4900;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ff9c0b;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.disabled,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn {
    margin-right: 5px;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .ui-commandlink.ui-widget.notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .ui-commandlink.ui-widget.notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .ui-commandlink.ui-widget.notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .ui-commandlink.ui-widget.notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .ui-commandlink.ui-widget.notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .notify-btn {
    display: inline-block;
  }
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .chat-btn,
  .feedback-widget .slider .reader-snippet .present-popup .present-popup-content .major-action-btns.not-available .call-btn {
    display: none;
  }
  .feedback-widget .slider .reader-snippet:last-child {
    border-bottom: 1px solid #e2e7ea;
  }
  .feedback-widget .slider .reader-snippet .ava-part {
    width: 91px;
    font-size: 0;
    background: #ddd;
    height: 71px;
    background-position: 50% 50%;
    background-size: cover;
    display: block;
  }
  .feedback-widget .slider .reader-snippet .ava-part img {
    display: none;
  }
  .feedback-widget .slider .reader-snippet .ava-part:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 10px;
    top: 10px;
    background: #e9ecef;
  }
  .feedback-widget .slider .reader-snippet .ava-part:after {
    content: "\e901";
    display: block;
    position: absolute;
    right: 20px;
    top: 27px;
    color: #37474f;
    z-index: 1;
    font-size: 17px;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .feedback-widget .slider .reader-snippet .info-part {
    font-size: 14px;
  }
  .feedback-widget .slider .reader-snippet .info-part .top-info {
    position: absolute;
    top: 10px;
    left: 101px;
    height: 60px;
  }
  .feedback-widget .slider .reader-snippet .info-part .top-info .status-bar {
    font-size: 0;
    padding-left: 8px;
    padding-bottom: 3px;
  }
  .feedback-widget .slider .reader-snippet .info-part .top-info .status-bar .online-status {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #90a4ae;
    margin-right: 3px;
  }
  .feedback-widget .slider .reader-snippet .info-part .top-info .status-bar .premium-status {
    color: #7986CB;
    vertical-align: 1px;
    display: none;
    margin-right: 3px;
  }
  .feedback-widget .slider .reader-snippet .info-part .top-info .status-bar .premium-status .icon-diamond {
    font-size: 12px;
  }
  .feedback-widget .slider .reader-snippet .info-part .top-info .status-bar .favourite-status {
    font-size: 12px;
    display: inline-block;
  }
  .feedback-widget .slider .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link {
    color: #9575cd;
    text-decoration: none;
    display: inline-block;
  }
  .feedback-widget .slider .reader-snippet .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    display: none;
  }
  .feedback-widget .slider .reader-snippet .info-part .top-info .reader-name {
    font-size: 14px;
    font-weight: 700;
    padding-left: 8px;
  }
  .feedback-widget .slider .reader-snippet .info-part .top-info .reader-name .name-link {
    color: #000;
    text-decoration: none;
  }
  .feedback-widget .slider .reader-snippet .major-info .first-info {
    display: none;
    font-size: 14px;
  }
  .feedback-widget .slider .reader-snippet .major-info .first-info .brief-info {
    font-weight: 700;
    margin-top: 4px;
    height: auto !important;
  }
  .feedback-widget .slider .reader-snippet .major-info .first-info .reader-tag-list .reader-tag {
    margin: 4px 0;
    display: block;
  }
  .feedback-widget .slider .reader-snippet .major-info .first-info .reader-tag-list .reader-tag:before {
    content: "\2014";
    margin-right: 3px;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .info-list {
    font-size: 0;
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    height: 89px;
    z-index: 100;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .ui-commandlink {
    display: block;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns {
    font-size: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    display: none;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-profile-btn {
    margin-right: 10px;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-profile-btn,
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-favourite-btn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #90a4ae;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    width: 145px;
    text-align: center;
    padding: 0;
    font-size: 14px;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-profile-btn:hover,
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-favourite-btn:hover {
    background: #68828f;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-profile-btn:active,
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-favourite-btn:active {
    background: #4a5c65;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-profile-btn.ui-state-disabled:hover, .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-profile-btn.ui-state-disabled:active,
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-favourite-btn.ui-state-disabled:hover,
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-favourite-btn.ui-state-disabled:active {
    background: #90a4ae;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-profile-btn.disabled,
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .duplicate-action-btns .dub-favourite-btn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns {
    font-size: 0;
    margin-top: 5px;
    display: none;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn,
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #66bb6a;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    width: 145px;
    text-align: center;
    padding: 0;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn:hover,
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn:hover {
    background: #439747;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn:active,
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn:active {
    background: #2d6530;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn.ui-state-disabled:hover, .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn.ui-state-disabled:active,
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn.ui-state-disabled:hover,
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn.ui-state-disabled:active {
    background: #66bb6a;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn.disabled,
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn,
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ffb74d;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    width: 145px;
    text-align: center;
    padding: 0;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:hover,
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:hover {
    background: #ff9a06;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:active,
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:active {
    background: #bd7100;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover, .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:active,
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover,
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active {
    background: #ffb74d;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.disabled,
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn span,
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .chat-btn span {
    margin-right: 3px;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn {
    margin-right: 10px;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #66bb6a;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #66bb6a;
    box-sizing: border-box;
    cursor: pointer;
    width: 100%;
    text-align: center;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .notify-btn:hover {
    border: 2px solid #439747;
    color: #439747;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .notify-btn:active {
    border: 2px solid #2d6530;
    color: #2d6530;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .major-action-btns .notify-btn .icon-mail {
    margin-right: 4px;
    font-size: 13px;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .actions-description {
    padding: 10px;
    position: absolute;
    top: 37px;
    left: 100px;
    right: 0;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .actions-description .reading-price {
    margin-right: 70px;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .actions-description .special-chat-offer {
    font-weight: 700;
  }
  .feedback-widget .slider .reader-snippet .major-info .second-info .major-actions .reader-email {
    font-size: 0;
  }
  .feedback-widget .slider .reader-snippet.open {
    background: #fff8ee;
  }
  .feedback-widget .slider .reader-snippet.open .ava-part:after {
    transform: rotate(180deg);
    top: 25px;
  }
  .feedback-widget .slider .reader-snippet.open .major-info .first-info {
    display: block;
  }
  .feedback-widget .slider .reader-snippet.open .major-info .second-info .major-actions .duplicate-action-btns {
    display: block;
  }
  .feedback-widget .slider .reader-snippet.open .major-info .second-info .major-actions .major-action-btns {
    display: block;
  }
}
@media (max-width: 1200px) {
  .feedback-widget .slider {
    width: 760px;
  }
  .feedback-widget .slider .slider-item .feedback-part {
    left: 20px;
    width: 400px;
  }
  .feedback-widget .slider .slider-item .feedback-part .feedback-text {
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  .feedback-widget .slider {
    width: 538px;
  }
  .feedback-widget .slider .slider-item .feedback-part {
    position: static;
    transform: none;
    padding: 14px 10px;
    width: auto;
  }
}
@media (max-width: 767px) {
  .feedback-widget .slider {
    width: auto;
    border-right: none;
    border-left: none;
  }
  .feedback-widget .slider .slider-item .feedback-part {
    position: static;
    transform: none;
    padding: 14px 10px;
    width: auto;
    text-align: center;
  }
  .feedback-widget .slider .slick-arrow {
    width: 50px;
    height: 50px;
    top: 10px;
    bottom: auto;
    z-index: 10;
  }
  .feedback-widget .slider .slick-arrow:after {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border-right: 2px solid #90a4ae;
    border-top: 2px solid #90a4ae;
  }
  .feedback-widget .slider .slick-arrow:hover {
    background: none;
  }
  .feedback-widget .slider .slick-arrow:hover:after {
    border-color: #607d8b;
  }
  .feedback-widget .slider .slick-next {
    right: 10px;
  }
  .feedback-widget .slider .slick-next:after {
    transform: rotate(45deg);
    left: 7px;
  }
  .feedback-widget .slider .slick-prev {
    left: 10px;
  }
  .feedback-widget .slider .slick-prev:after {
    transform: rotate(-135deg);
    right: 10px;
  }
}
.feedback-widget .feedback-snippets {
  margin-top: 30px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.feedback-widget .feedback-snippets .col-4 {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .feedback-widget .feedback-snippets .col-4 {
    width: 100% !important;
    float: none !important;
    padding: 0 10px !important;
  }
}
.feedback-widget .feedback-snippets .feedback-snippet {
  border: 2px solid #e2e7ea;
  background: #f0f2f4;
  padding: 20px;
  font-size: 14px;
  overflow: hidden;
  min-height: 100%;
  box-sizing: border-box;
}
.feedback-widget .feedback-snippets .feedback-snippet .stars {
  background: url(../img/rating.png) no-repeat;
  height: 16px;
  margin-bottom: 5px;
}
.feedback-widget .feedback-snippets .feedback-snippet .stars.rating45 {
  background-position-y: -16px;
}
.feedback-widget .feedback-snippets .feedback-snippet .stars.rating4 {
  background-position-y: -32px;
}
.feedback-widget .feedback-snippets .feedback-snippet .stars.rating35 {
  background-position-y: -48px;
}
.feedback-widget .feedback-snippets .feedback-snippet .stars.rating3 {
  background-position-y: -64px;
}
.feedback-widget .feedback-snippets .feedback-snippet .stars.rating25 {
  background-position-y: -80px;
}
.feedback-widget .feedback-snippets .feedback-snippet .stars.rating2 {
  background-position-y: -96px;
}
.feedback-widget .feedback-snippets .feedback-snippet .stars.rating15 {
  background-position-y: -112px;
}
.feedback-widget .feedback-snippets .feedback-snippet .stars.rating1 {
  background-position-y: -128px;
}
.feedback-widget .feedback-snippets .feedback-snippet .stars.rating05 {
  background-position-y: -144px;
}
.feedback-widget .feedback-snippets .feedback-snippet .stars.rating0 {
  background-position-y: -160px;
}
.feedback-widget .feedback-snippets .feedback-snippet .stars .icon-star {
  display: none;
}
.feedback-widget .feedback-snippets .feedback-snippet .date {
  font-weight: 700;
}
.feedback-widget .feedback-snippets .feedback-snippet .revieved {
  margin-bottom: 5px;
}
.feedback-widget .feedback-snippets .feedback-snippet .feedback-text {
  font-weight: 700;
}
.feedback-widget .more-readers-btn {
  height: 34px;
  line-height: 34px;
  background: #f0f2f4;
  text-align: center;
  color: #9575cd;
  display: block;
  font-weight: 700;
  font-size: 14px;
  transition: .2s;
  cursor: pointer;
  text-decoration: underline;
  margin-top: 30px !important;
}
@media (max-width: 767px) {
  .feedback-widget .more-readers-btn {
    margin: 0 10px;
  }
}
.feedback-widget .more-readers-btn:hover {
  background: #e4e8eb;
  color: #815bc4;
}
.feedback-widget .more-readers-btn:active {
  background: #d8dee3;
  color: #6d43b8;
}

.main-header {
  font-size: 14px;
  position: relative;
  z-index: 950;
  background: #fff;
  color: #37474f;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}
@media (max-width: 767px) {
  .main-header {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
  }
}
.main-header .wrapper {
  height: 90px;
  overflow: visible;
}
@media (max-width: 767px) {
  .main-header .wrapper {
    height: 44px;
  }
  .main-header .wrapper #user-info-form .profile-block .nickname {
    display: none;
  }
}
@media (min-width: 768px) {
  .main-header #user-info-form-2 {
    display: none;
  }
}
@media (max-width: 767px) {
  .main-header #user-info-form-2 {
    position: relative;
    top: 9px;
  }
  .main-header #user-info-form-2 .profile-block {
    text-align: center;
  }
  .main-header #user-info-form-2 .profile-block a {
    display: none;
  }
  .main-header #user-info-form-2 .sign-in {
    display: inline-block;
    color: #9575cd;
    font-weight: 600;
    transition: .2s;
    text-decoration: underline;
    cursor: pointer;
    padding: 0 12px;
    line-height: 30px;
    font-size: 14px;
    border-right: 1px solid #b0bec5;
  }
  .main-header #user-info-form-2 .sign-in:hover {
    color: #603ba1;
  }
  .main-header #user-info-form-2 .sign-in:active {
    color: #331f57;
  }
  .main-header #user-info-form-2 .register-btn {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 20px;
    background: #9575cd;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    font-size: 14px;
    padding: 0 14px;
    margin-left: 12px;
  }
  .main-header #user-info-form-2 .register-btn:hover {
    background: #6d43b8;
  }
  .main-header #user-info-form-2 .register-btn:active {
    background: #4e3084;
  }
  .main-header #user-info-form-2 .register-btn.ui-state-disabled:hover, .main-header #user-info-form-2 .register-btn.ui-state-disabled:active {
    background: #9575cd;
  }
  .main-header #user-info-form-2 .register-btn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  .main-header #user-info-form-2 .nickname {
    font-weight: 700;
    line-height: 26px;
    padding: 0;
    max-width: 180px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    margin-right: 4px;
  }
  .main-header #user-info-form-2 .sign-out {
    font-size: 14px;
    color: #90a4ae;
    font-weight: 600;
    transition: .2s;
    text-decoration: underline;
    cursor: pointer;
  }
  .main-header #user-info-form-2 .sign-out:hover {
    color: #5b727d;
  }
  .main-header #user-info-form-2 .sign-out:active {
    color: #303c42;
  }
}
.main-header .logo {
  position: absolute;
  top: 13px;
  left: 0;
  font-size: 0;
  display: block;
  z-index: 1;
}
.main-header .logo a {
  display: block;
}
@media (max-width: 767px) {
  .main-header .logo {
    top: 5px;
    left: 5px;
    width: 48px;
    overflow: hidden;
  }
  .main-header .logo:after {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 23px;
    right: -10px;
    top: 3px;
    background: #fff;
  }
}
.main-header .logo .logo-img {
  height: 36px;
}
@media (max-width: 767px) {
  .main-header .logo .logo-img {
    height: 36px;
  }
}
.main-header .menu-button {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 998;
  cursor: pointer;
  display: none;
  text-align: center;
}
.main-header .menu-button span {
  vertical-align: -1px;
}
@media (max-width: 767px) {
  .main-header .menu-button {
    display: block;
  }
}
.main-header .menu-overlay {
  position: fixed;
  left: -100%;
  width: 100%;
  top: 0;
  bottom: 0;
  background: transparent;
  cursor: pointer;
  transition: background .4s, left .1s .4s;
  z-index: 999;
}
@media (max-width: 767px) {
  .main-header .menu-overlay.active {
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    transition: background .4s;
  }
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks {
    width: 280px;
    position: fixed;
    left: -280px;
    top: 0;
    bottom: 0;
    z-index: 999;
    transition: .4s;
    background: #fff;
    padding-top: 128px;
    overflow-y: auto;
  }
  .main-header .main-menu-blocks.active {
    left: 0;
  }
}
.main-header .main-menu-blocks .site-navigation {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .site-navigation {
    position: static;
  }
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .site-navigation .nav-links-list {
    border-top: 1px solid #b0bec5;
  }
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item {
  display: block;
  float: left;
  position: relative;
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .site-navigation .nav-links-list .links-item {
    float: none;
  }
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item {
    position: relative;
    height: 36px;
    position: absolute;
    top: 92px;
    width: 100%;
  }
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-tubler {
  text-decoration: none;
  color: #444;
  width: 34px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-tubler {
    display: none;
  }
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-tubler .icon-cross {
  font-size: 11px;
  vertical-align: 1px;
  display: none;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-tubler:hover {
  background: #f0f2f4;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-tubler:active {
  background: #dae0e4;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-box {
  position: absolute;
  top: 32px;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: none;
  width: 274px;
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-box {
    display: block !important;
    top: 0;
    padding: 3px;
  }
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-box .search-input {
  border: none;
  height: 30px;
  padding: 0;
  border: 2px solid white;
  background: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  color: #fff;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-box .search-input input {
  width: 100%;
  display: block;
  box-sizing: border-box;
  height: 26px;
  padding-left: 10px;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-box .search-input input:focus {
  outline: none;
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-box .search-input input {
    padding-left: 8px;
  }
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-box .search-input {
    border: 2px solid #90a4ae;
    background: #fff;
  }
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-box .search-btn {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  background: #fff;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  font-size: 14px;
  color: #37474f;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-box .search-btn:hover {
  background: #dbdbdb;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-box .search-btn:active {
  background: #b8b8b8;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-box .search-btn.ui-state-disabled:hover, .main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-box .search-btn.ui-state-disabled:active {
  background: #fff;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-box .search-btn.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-box .search-btn {
    top: 3px;
    right: 3px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    background: #90a4ae;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    font-size: 14px;
    padding: 0 10px;
    font-weight: 400;
  }
  .main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-box .search-btn:hover {
    background: #68828f;
  }
  .main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-box .search-btn:active {
    background: #4a5c65;
  }
  .main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-box .search-btn.ui-state-disabled:hover, .main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-box .search-btn.ui-state-disabled:active {
    background: #90a4ae;
  }
  .main-header .main-menu-blocks .site-navigation .nav-links-list .links-item.search-item .search-box .search-btn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .page-link {
  display: block;
  color: #444;
  font-size: 14px;
  padding: 0 10px;
  border-right: 1px solid #b0bec5;
  line-height: 30px;
  cursor: pointer;
  text-decoration: none;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .page-link:hover {
  background: #f0f2f4;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .page-link:active {
  background: #dae0e4;
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .page-link {
    border-bottom: 1px solid #b0bec5;
    width: 100%;
    box-sizing: border-box;
    border-right: none;
  }
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .action-btn {
  display: block;
  font-size: 14px;
  padding: 0 10px;
  color: #37474f;
  border-right: 1px solid #b0bec5;
  line-height: 30px;
  cursor: pointer;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .action-btn:hover {
  background: #f0f2f4;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .action-btn:active {
  background: #dae0e4;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .action-btn .icon-arrow {
  font-size: 6px;
  margin-left: 4px;
  vertical-align: 2px;
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .action-btn {
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #b0bec5;
    border-right: none;
  }
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .dropdown:hover,
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .action-btn:hover + .dropdown {
  display: block;
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .dropdown:hover,
  .main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .action-btn:hover + .dropdown {
    display: none;
  }
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .dropdown {
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  background: #fff;
  width: 170px;
  border-top: 2px solid #000;
}
@media (min-width: 767px) {
  .main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .dropdown {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .dropdown {
    position: static;
    border-top: none;
    border-bottom: 1px solid #b0bec5;
    border-left: 6px solid #90a4ae;
    width: auto;
  }
  .main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .dropdown.active {
    display: block !important;
  }
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .dropdown .call-choice {
  border-bottom: 1px solid #e2e7ea;
  padding-bottom: 5px;
  padding-top: 5px;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .dropdown .call-choice .call-option table {
  width: 100%;
  border-spacing: 0;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .dropdown .call-choice .call-option table td {
  padding: 0;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .dropdown .call-choice .call-option input[type="radio"] {
  display: none;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .dropdown .call-choice .call-option label {
  display: block;
  line-height: 26px;
  padding: 0 14px;
  cursor: pointer;
  position: relative;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .dropdown .call-choice .call-option label:hover {
  background: #f0f2f4;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .dropdown .call-choice .call-option label:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #cfd8dc;
  vertical-align: -2px;
  margin-right: 4px;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .dropdown .call-choice .call-option input[type="radio"]:checked + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 17px;
  top: 8px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #37474f;
  vertical-align: -2px;
  margin-right: 4px;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .dropdown .dropdown-menu {
  padding: 5px 0;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .dropdown .dropdown-menu li {
  display: block;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .dropdown .dropdown-menu li a {
  display: block;
  line-height: 26px;
  padding: 0 14px;
  color: #37474f;
  text-decoration: none;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .dropdown .dropdown-menu li a:hover {
  background: #f0f2f4;
}
.main-header .main-menu-blocks .site-navigation .nav-links-list .links-item .dropdown .dropdown-menu li a:active {
  background: #dae0e4;
}
.main-header .main-menu-blocks .user-actions {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .user-actions {
    position: static;
  }
}
.main-header .main-menu-blocks .user-actions .action-btn .lifemail-navbar-indicator {
  display: inline-block;
  margin-right: 4px;
  padding: 0 4px;
  height: 22px;
  line-height: 22px;
  color: #fff;
  border-radius: 4px;
  background: #7986CB;
}
.main-header .main-menu-blocks .user-actions .action-btn .lifemail-navbar-indicator.no-mail {
  display: none;
}
.main-header .main-menu-blocks .user-actions .dropdown li {
  position: relative;
}
.main-header .main-menu-blocks .user-actions .dropdown .lifemail-navbar-indicator {
  position: absolute;
  padding: 0 4px;
  height: 22px;
  line-height: 22px;
  color: #fff;
  border-radius: 4px;
  background: #7986CB;
  top: 2px;
  right: 14px;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item {
  display: block;
  float: left;
  position: relative;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item:first-child a {
  white-space: nowrap;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item:first-child .dropdown {
  width: auto !important;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item:first-child .dropdown label {
  white-space: nowrap;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item:last-child .action-btn {
  border-right: none;
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .user-actions .actions-list .action-item {
    float: none;
  }
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item .action-btn {
  display: block;
  font-size: 14px;
  padding: 0 10px;
  color: #37474f;
  border-right: 1px solid #b0bec5;
  line-height: 30px;
  cursor: pointer;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item .action-btn:hover {
  background: #f0f2f4;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item .action-btn:active {
  background: #dae0e4;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item .action-btn .icon-arrow {
  font-size: 6px;
  margin-left: 4px;
  vertical-align: 2px;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item .action-btn .icon-Phone01 {
  font-size: 15px;
  vertical-align: -1px;
  margin-right: 3px;
  margin-left: -2px;
  display: none;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item .action-btn .icon-phone {
  margin-right: 4px;
  font-size: 13px;
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .user-actions .actions-list .action-item .action-btn {
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #b0bec5;
    border-right: none;
  }
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item .dropdown:hover,
.main-header .main-menu-blocks .user-actions .actions-list .action-item .action-btn:hover + .dropdown {
  display: block;
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .user-actions .actions-list .action-item .dropdown:hover,
  .main-header .main-menu-blocks .user-actions .actions-list .action-item .action-btn:hover + .dropdown {
    display: none;
  }
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item .dropdown {
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  background: #fff;
  width: 170px;
  border-top: 2px solid #000;
}
@media (min-width: 767px) {
  .main-header .main-menu-blocks .user-actions .actions-list .action-item .dropdown {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .user-actions .actions-list .action-item .dropdown {
    position: static;
    border-top: none;
    border-bottom: 1px solid #b0bec5;
    border-left: 6px solid #90a4ae;
    width: auto;
  }
  .main-header .main-menu-blocks .user-actions .actions-list .action-item .dropdown.active {
    display: block !important;
  }
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item .dropdown .call-choice {
  border-bottom: 1px solid #e2e7ea;
  padding-bottom: 5px;
  padding-top: 5px;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item .dropdown .call-choice .call-option table {
  width: 100%;
  border-spacing: 0;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item .dropdown .call-choice .call-option table td {
  padding: 0;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item .dropdown .call-choice .call-option input[type="radio"] {
  display: none;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item .dropdown .call-choice .call-option label {
  display: block;
  line-height: 26px;
  padding: 0 14px;
  cursor: pointer;
  position: relative;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item .dropdown .call-choice .call-option label:hover {
  background: #f0f2f4;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item .dropdown .call-choice .call-option label:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #cfd8dc;
  vertical-align: -2px;
  margin-right: 4px;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item .dropdown .call-choice .call-option input[type="radio"]:checked + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 17px;
  top: 8px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #37474f;
  vertical-align: -2px;
  margin-right: 4px;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item .dropdown .dropdown-menu {
  padding: 5px 0;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item .dropdown .dropdown-menu li {
  display: block;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item .dropdown .dropdown-menu li a {
  display: block;
  line-height: 26px;
  padding: 0 14px;
  color: #37474f;
  text-decoration: none;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item .dropdown .dropdown-menu li a:hover {
  background: #f0f2f4;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item .dropdown .dropdown-menu li a:active {
  background: #dae0e4;
}
.main-header .main-menu-blocks .user-actions .actions-list .action-item.history-item .dropdown {
  left: auto;
  right: 0;
}
.main-header .main-menu-blocks .user-info {
  position: absolute;
  right: 9px;
  top: 19px;
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .user-info {
    left: 9px;
  }
}
.main-header .main-menu-blocks .profile-block {
  display: inline;
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .profile-block {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.main-header .main-menu-blocks .profile-block .nickname {
  font-weight: 700;
  line-height: 26px;
  padding: 0 4px;
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .profile-block .nickname {
    padding: 0;
    padding-right: 4px;
  }
}
.main-header .main-menu-blocks .profile-block .sign-out {
  font-size: 14px;
  color: #90a4ae;
  font-weight: 600;
  transition: .2s;
  text-decoration: underline;
  cursor: pointer;
}
.main-header .main-menu-blocks .profile-block .sign-out:hover {
  color: #5b727d;
}
.main-header .main-menu-blocks .profile-block .sign-out:active {
  color: #303c42;
}
.main-header .main-menu-blocks .registration-block {
  position: absolute;
  right: 0;
  font-size: 0;
  display: none;
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .registration-block {
    right: auto;
    left: 10px;
  }
}
.main-header .main-menu-blocks .registration-block .sign-in {
  display: inline-block;
  color: #9575cd;
  font-weight: 600;
  transition: .2s;
  text-decoration: underline;
  cursor: pointer;
  padding: 0 12px;
  line-height: 30px;
  font-size: 14px;
  border-right: 1px solid #b0bec5;
}
.main-header .main-menu-blocks .registration-block .sign-in:hover {
  color: #603ba1;
}
.main-header .main-menu-blocks .registration-block .sign-in:active {
  color: #331f57;
}
.main-header .main-menu-blocks .registration-block .register-btn {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px;
  background: #9575cd;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  font-size: 14px;
  padding: 0 14px;
  margin-left: 12px;
}
.main-header .main-menu-blocks .registration-block .register-btn:hover {
  background: #6d43b8;
}
.main-header .main-menu-blocks .registration-block .register-btn:active {
  background: #4e3084;
}
.main-header .main-menu-blocks .registration-block .register-btn.ui-state-disabled:hover, .main-header .main-menu-blocks .registration-block .register-btn.ui-state-disabled:active {
  background: #9575cd;
}
.main-header .main-menu-blocks .registration-block .register-btn.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
.main-header .main-menu-blocks .funds {
  display: inline;
}
@media (max-width: 767px) {
  .main-header .main-menu-blocks .funds {
    display: block;
    position: absolute;
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
  }
}
.main-header .main-menu-blocks .funds .funds-ammount {
  font-weight: 700;
  color: #388e3c;
  line-height: 26px;
  margin-right: 6px;
}
.main-header .main-menu-blocks .funds .add-funds {
  padding: 0 4px;
  margin-right: 10px;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  font-size: 14px;
  padding: 0 14px;
}
.main-header .main-menu-blocks .funds .add-funds:hover {
  background: #439747;
}
.main-header .main-menu-blocks .funds .add-funds:active {
  background: #2d6530;
}
.main-header .main-menu-blocks .funds .add-funds.ui-state-disabled:hover, .main-header .main-menu-blocks .funds .add-funds.ui-state-disabled:active {
  background: #66bb6a;
}
.main-header .main-menu-blocks .funds .add-funds.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
@media (max-width: 767px) {
  .main-header.unregistered .search-item {
    top: 1px !important;
  }
  .main-header.unregistered .search-item .search-box {
    height: 30px !important;
    top: 0 !important;
  }
}
.main-header.unregistered .logo .logo-img {
  height: 36px;
}
@media (max-width: 767px) {
  .main-header.unregistered .main-menu-blocks {
    padding-top: 38px;
  }
}
@media (min-width: 767px) {
  .main-header.unregistered .search-box {
    top: 42px !important;
  }
  .main-header.unregistered .user-info {
    top: 0 !important;
    width: 200px !important;
  }
}
@media (max-width: 767px) {
  .main-header.unregistered .search-box {
    top: -30px !important;
  }
}
.main-header.unregistered .registration-block {
  display: block;
  margin-top: 10px;
  width: 200px;
  text-align: right;
}
@media (max-width: 767px) {
  .main-header.unregistered .registration-block {
    width: 100%;
    left: 0;
    text-align: center;
    margin-top: 0;
  }
}
@media (min-width: 767px) {
  .main-header.unregistered .register-btn {
    margin-right: 10px;
  }
}
.main-header.unregistered .site-navigation {
  left: 50%;
  bottom: 9px;
  margin-left: -195px;
}
@media (max-width: 767px) {
  .main-header.unregistered .site-navigation {
    margin-left: 0;
  }
}
.main-header.unregistered .user-actions {
  display: none;
}
.main-header.unregistered .profile-block {
  display: none;
}
.main-header.unregistered .funds {
  display: none;
}
@media (min-width: 767px) {
  .main-header.white {
    border-bottom: 1px solid #b0bec5;
  }
  .main-header.white .search-box {
    top: 33px !important;
  }
  .main-header.white .search-input {
    background: #fff !important;
    border-color: #90a4ae !important;
    color: #37474f !important;
  }
  .main-header.white .search-btn {
    color: #fff !important;
    background: #9575cd !important;
  }
  .main-header.white .search-btn:hover {
    background: #6d43b8 !important;
  }
  .main-header.white .search-btn:active {
    background: #4e3084 !important;
  }
}

.consultant .actions-list .action-item:last-child .dropdown {
  right: 0 !important;
  left: auto !important;
  width: 190px !important;
}

.main-footer {
  background: #9575cd;
  padding-top: 42px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .main-footer {
    text-align: center;
  }
}
.main-footer .pages-lists {
  padding: 0 10px;
}
.main-footer .pages-lists:after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 767px) {
  .main-footer .pages-lists {
    display: inline-block;
    text-align: left;
  }
}
.main-footer .pages-lists .pages-list-block {
  float: left;
  padding: 0 50px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  height: 290px;
}
@media (max-width: 992px) {
  .main-footer .pages-lists .pages-list-block {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .main-footer .pages-lists .pages-list-block {
    float: none;
    padding: 0 20px 30px !important;
    height: auto;
    border: none;
  }
}
.main-footer .pages-lists .pages-list-block:first-child {
  padding-left: 0;
  border-left: none;
}
.main-footer .pages-lists .pages-list-block h3 {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.9);
  margin: 0 0 10px;
}
.main-footer .pages-lists .pages-list-block .pages-list li {
  display: block;
  padding: 2px 0;
}
.main-footer .pages-lists .pages-list-block .pages-list li a {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  padding: 2px 0;
}
.main-footer .pages-lists .pages-list-block .pages-list li a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.main-footer .pages-lists .pages-list-block .pages-list li a:active {
  color: rgba(255, 255, 255, 0.9);
}
.main-footer .footer-info {
  margin-top: 20px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  text-align: left;
  padding: 0 10px;
}
.main-footer .footer-info .additional-link {
  margin-top: 6px;
}
.main-footer .footer-info .additional-link a {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  padding: 2px 0;
}
.main-footer .footer-info .additional-link a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.main-footer .footer-info .additional-link a:active {
  color: rgba(255, 255, 255, 0.9);
}
.main-footer .footer-info .add-this {
  float: right;
  margin: 5px 10px;
}
.main-footer .footer-info .add-this a {
  text-decoration: none;
}
@media (max-width: 767px) {
  .main-footer .footer-info {
    margin-top: 5px;
  }
}
.main-footer .bottom-footer {
  margin-top: 26px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  height: 58px;
  padding: 0 10px;
  text-align: left;
}
@media (max-width: 767px) {
  .main-footer .bottom-footer {
    height: auto;
  }
}
.main-footer .bottom-footer .footer-logo {
  position: absolute;
  top: 11px;
  left: 10px;
}
@media (max-width: 767px) {
  .main-footer .bottom-footer .footer-logo {
    left: 0;
  }
}
.main-footer .bottom-footer .copy {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 58px;
  margin-left: 170px;
}
@media (max-width: 767px) {
  .main-footer .bottom-footer .copy {
    margin: 0;
    line-height: 1.2;
    padding-top: 50px;
    padding-bottom: 15px;
  }
}

.modal-section {
  display: none;
}

.body-modal-styles {
  overflow: hidden;
}

.modal-opened.modal-section {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  font-size: 0;
  text-align: center;
  padding: 10px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
@media (max-width: 768px) {
  .modal-opened.modal-section {
    padding-top: 37px;
    padding-bottom: 37px;
    display: block;
  }
}
@media (max-width: 1024px) and (min-width: 1024px) {
  .modal-opened.modal-section {
    display: block;
  }
}
.modal-opened.modal-section .modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 1;
  cursor: pointer;
}
.modal-opened.modal-section .modal {
  max-width: 700px;
  box-sizing: border-box;
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: left;
  cursor: default;
  position: relative;
  z-index: 2;
  margin: auto;
}
.modal-opened.modal-section .modal .modal-cross {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  position: absolute;
  top: 0;
  right: -24px;
  line-height: 1;
  cursor: pointer;
  transition: .2s;
}
.modal-opened.modal-section .modal .modal-cross:hover {
  color: rgba(255, 255, 255, 0.8);
}
.modal-opened.modal-section .modal .modal-cross:active {
  color: white;
}
@media (max-width: 767px) {
  .modal-opened.modal-section .modal .modal-cross {
    top: -24px;
    right: 0;
  }
}

#readingConfirmationDialogId .ui-commandlink.ui-widget.btn.btn-primary {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
}
#readingConfirmationDialogId .ui-commandlink.ui-widget.btn.btn-primary:hover {
  background: #439747;
}
#readingConfirmationDialogId .ui-commandlink.ui-widget.btn.btn-primary:active {
  background: #2d6530;
}
#readingConfirmationDialogId .ui-commandlink.ui-widget.btn.btn-primary.ui-state-disabled:hover, #readingConfirmationDialogId .ui-commandlink.ui-widget.btn.btn-primary.ui-state-disabled:active {
  background: #66bb6a;
}
#readingConfirmationDialogId .ui-commandlink.ui-widget.btn.btn-primary.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#readingConfirmationDialogId .ui-commandlink.ui-widget.btn.btn-primary small {
  display: none;
}
#readingConfirmationDialogId .ui-commandlink.ui-widget.btn.btn-primary h4 {
  margin: 0;
  font-size: 20px !important;
}
#readingConfirmationDialogId [id='readingConfirmForm:callConfirmed'], #readingConfirmationDialogId [id='readingConfirmForm:chatConfirmed'] {
  display: inline-block;
  padding: 10px 20px !important;
  background: none;
  color: #7986CB;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  border: 2px solid #7986CB;
  box-sizing: border-box;
  cursor: pointer;
}
#readingConfirmationDialogId [id='readingConfirmForm:callConfirmed']:hover, #readingConfirmationDialogId [id='readingConfirmForm:chatConfirmed']:hover {
  border: 2px solid #4758b6;
  color: #4758b6;
}
#readingConfirmationDialogId [id='readingConfirmForm:callConfirmed']:active, #readingConfirmationDialogId [id='readingConfirmForm:chatConfirmed']:active {
  border: 2px solid #333f83;
  color: #333f83;
}
#readingConfirmationDialogId [id='readingConfirmForm:callConfirmed'].disabled, #readingConfirmationDialogId [id='readingConfirmForm:chatConfirmed'].disabled {
  background: #b0bec5;
  color: #4c626d;
  cursor: default;
}
#readingConfirmationDialogId #readingConfirmationDialogId_title .fa.fa-fw.fa-comment {
  margin-left: 24px;
  font-size: 0;
}

#createNewLifeMailMessageToUserDialogId [id="newLifeMailMessageToUserDialogForm:sendIMailMessageButton"],
[id="createNewMessageDialogId"] [id="newLifeMailMessageToUserDialogForm:sendIMailMessageButton"] {
  padding: 0 20px !important;
}
#createNewLifeMailMessageToUserDialogId [id="dialogForm:sendIMailMessageButton"],
[id="createNewMessageDialogId"] [id="dialogForm:sendIMailMessageButton"] {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  padding: 0 20px !important;
  text-decoration: none !important;
  color: #fff !important;
}
#createNewLifeMailMessageToUserDialogId [id="dialogForm:sendIMailMessageButton"]:hover,
[id="createNewMessageDialogId"] [id="dialogForm:sendIMailMessageButton"]:hover {
  background: #439747;
}
#createNewLifeMailMessageToUserDialogId [id="dialogForm:sendIMailMessageButton"]:active,
[id="createNewMessageDialogId"] [id="dialogForm:sendIMailMessageButton"]:active {
  background: #2d6530;
}
#createNewLifeMailMessageToUserDialogId [id="dialogForm:sendIMailMessageButton"].ui-state-disabled:hover, #createNewLifeMailMessageToUserDialogId [id="dialogForm:sendIMailMessageButton"].ui-state-disabled:active,
[id="createNewMessageDialogId"] [id="dialogForm:sendIMailMessageButton"].ui-state-disabled:hover,
[id="createNewMessageDialogId"] [id="dialogForm:sendIMailMessageButton"].ui-state-disabled:active {
  background: #66bb6a;
}
#createNewLifeMailMessageToUserDialogId [id="dialogForm:sendIMailMessageButton"].disabled,
[id="createNewMessageDialogId"] [id="dialogForm:sendIMailMessageButton"].disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#createNewLifeMailMessageToUserDialogId [id="dialogForm:sendIMailMessageButton"]:hover,
[id="createNewMessageDialogId"] [id="dialogForm:sendIMailMessageButton"]:hover {
  color: #fff !important;
}
#createNewLifeMailMessageToUserDialogId [id="dialogForm:sendIMailMessageButton"].disabled,
[id="createNewMessageDialogId"] [id="dialogForm:sendIMailMessageButton"].disabled {
  color: rgba(0, 0, 0, 0.6);
}
#createNewLifeMailMessageToUserDialogId a.link,
[id="createNewMessageDialogId"] a.link {
  padding-right: 20px !important;
}
#createNewLifeMailMessageToUserDialogId [id="dialogForm:newMessageAttachmentsPanel"],
[id="createNewMessageDialogId"] [id="dialogForm:newMessageAttachmentsPanel"] {
  padding-left: 10px;
}
#createNewLifeMailMessageToUserDialogId [id="dialogForm:newMessageAttachmentsPanel"] *,
[id="createNewMessageDialogId"] [id="dialogForm:newMessageAttachmentsPanel"] * {
  display: inline;
}
#createNewLifeMailMessageToUserDialogId [id="dialogForm:attachmentFileUploader"] .ui-fileupload-buttonbar.ui-widget-header.ui-corner-top,
[id="createNewMessageDialogId"] [id="dialogForm:attachmentFileUploader"] .ui-fileupload-buttonbar.ui-widget-header.ui-corner-top {
  padding-left: 10px;
}

.ui-dialog:not(#globalMessageDialog):not(#add-funds):not([id='replyMessageForm:iMailReplyMessageDialogId']):not(.ui-confirm-dialog) {
  max-height: 100%;
  overflow-y: auto !important;
}
.ui-dialog:not(#globalMessageDialog):not(#add-funds):not([id='replyMessageForm:iMailReplyMessageDialogId']):not(.ui-confirm-dialog) .row {
  margin: 0 !important;
}
.ui-dialog:not(#globalMessageDialog):not(#add-funds):not([id='replyMessageForm:iMailReplyMessageDialogId']):not(.ui-confirm-dialog) .ui-dialog-content.ui-widget-content {
  padding: 16px;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.ui-draggable .ui-dialog-content.ui-widget-content > div[style="padding-top: 15px;padding-left: 25px;"],
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.ui-draggable .ui-dialog-content.ui-widget-content > div[style="padding-top: 15px; padding-left: 25px"],
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.ui-draggable .ui-dialog-content.ui-widget-content > div[style="padding-top: 15px; padding-left: 25px; "] {
  padding-left: 0 !important;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.ui-draggable .ui-dialog-content.ui-widget-content > div[style="padding-top: 15px;padding-left: 25px;"] button,
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.ui-draggable .ui-dialog-content.ui-widget-content > div[style="padding-top: 15px; padding-left: 25px"] button,
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.ui-draggable .ui-dialog-content.ui-widget-content > div[style="padding-top: 15px; padding-left: 25px; "] button {
  left: 0;
}

#globalMessageDialog {
  overflow-y: hidden;
}
#globalMessageDialog .ui-dialog-content .ui-widget-content {
  padding: 5px 15px 10px 5px;
}
#globalMessageDialog .alert {
  box-shadow: 0 0 2px 0 lightgrey;
  border-radius: 2px;
  padding: 5px 5px 15px;
  margin-bottom: 7px;
}
#globalMessageDialog .alert:after {
  clear: both;
  display: block;
}
#globalMessageDialog .alert:before {
  content: "";
  clear: both;
  display: block;
}
#globalMessageDialog p {
  margin: 5px 0;
}
#globalMessageDialog h3 {
  margin-top: 0;
  margin-bottom: 2px;
}
#globalMessageDialog button.close {
  float: right;
  margin-left: 15px;
  border: 1px solid white;
  background: transparent;
}
#globalMessageDialog button.close:hover {
  border: 1px solid lightgray;
}

#readingFeedbackDialog h5 {
  margin: 0 0 10px;
  font-size: 16px;
}
#readingFeedbackDialog .ui-commandlink.ui-widget.btn.btn-default.pull-right {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  float: left !important;
  margin-top: 6px !important;
}
#readingFeedbackDialog .ui-commandlink.ui-widget.btn.btn-default.pull-right:hover {
  background: #439747;
}
#readingFeedbackDialog .ui-commandlink.ui-widget.btn.btn-default.pull-right:active {
  background: #2d6530;
}
#readingFeedbackDialog .ui-commandlink.ui-widget.btn.btn-default.pull-right.ui-state-disabled:hover, #readingFeedbackDialog .ui-commandlink.ui-widget.btn.btn-default.pull-right.ui-state-disabled:active {
  background: #66bb6a;
}
#readingFeedbackDialog .ui-commandlink.ui-widget.btn.btn-default.pull-right.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#readingFeedbackDialog textarea[name*='feedback'] {
  width: 95%;
}

#newLifeMailMessageToUserDialogForm [id*='newMessageAttachmentsPanel'] {
  padding-left: 9px;
}
#newLifeMailMessageToUserDialogForm a[id*='sendIMailMessageButton'] {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #9575cd;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
}
#newLifeMailMessageToUserDialogForm a[id*='sendIMailMessageButton']:hover {
  background: #6d43b8;
}
#newLifeMailMessageToUserDialogForm a[id*='sendIMailMessageButton']:active {
  background: #4e3084;
}
#newLifeMailMessageToUserDialogForm a[id*='sendIMailMessageButton'].ui-state-disabled:hover, #newLifeMailMessageToUserDialogForm a[id*='sendIMailMessageButton'].ui-state-disabled:active {
  background: #9575cd;
}
#newLifeMailMessageToUserDialogForm a[id*='sendIMailMessageButton'].disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}

.ui-outputpanel.ui-widget.registration-section.registration-step-4.active {
  background: url(../img/colorful-back.jpg) 50% -200px no-repeat;
}
.ui-outputpanel.ui-widget.registration-section.registration-step-4.active h1 {
  color: #fff;
  text-transform: uppercase;
  font-size: 50px;
  font-family: "Open Sans Condensed";
}
@media (max-width: 767px) {
  .ui-outputpanel.ui-widget.registration-section.registration-step-4.active h1 {
    font-size: 34px;
  }
}
.ui-outputpanel.ui-widget.registration-section.registration-step-4.active form#close-congratulation-form {
  color: rgba(255, 255, 255, 0.7);
}
.ui-outputpanel.ui-widget.registration-section.registration-step-4.active form#close-congratulation-form a {
  color: #fff;
}

[id='replyMessageForm:iMailReplyMessageDialogId'] .fw-bold {
  font-weight: bolder;
}
[id='replyMessageForm:iMailReplyMessageDialogId'] [id='replyMessageForm:replyMessageButton'] {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
}
[id='replyMessageForm:iMailReplyMessageDialogId'] [id='replyMessageForm:replyMessageButton']:hover {
  background: #439747;
}
[id='replyMessageForm:iMailReplyMessageDialogId'] [id='replyMessageForm:replyMessageButton']:active {
  background: #2d6530;
}
[id='replyMessageForm:iMailReplyMessageDialogId'] [id='replyMessageForm:replyMessageButton'].ui-state-disabled:hover, [id='replyMessageForm:iMailReplyMessageDialogId'] [id='replyMessageForm:replyMessageButton'].ui-state-disabled:active {
  background: #66bb6a;
}
[id='replyMessageForm:iMailReplyMessageDialogId'] [id='replyMessageForm:replyMessageButton'].disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}

.container.reading-confirm-container {
  text-align: center;
}
.container.reading-confirm-container h4 {
  margin: 10px 0;
}
.container.reading-confirm-container [id='callbackConfirmationDialogIdForm:confirm'] {
  margin: 5px 0;
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
}
.container.reading-confirm-container [id='callbackConfirmationDialogIdForm:confirm']:hover {
  background: #439747;
}
.container.reading-confirm-container [id='callbackConfirmationDialogIdForm:confirm']:active {
  background: #2d6530;
}
.container.reading-confirm-container [id='callbackConfirmationDialogIdForm:confirm'].ui-state-disabled:hover, .container.reading-confirm-container [id='callbackConfirmationDialogIdForm:confirm'].ui-state-disabled:active {
  background: #66bb6a;
}
.container.reading-confirm-container [id='callbackConfirmationDialogIdForm:confirm'].disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}

#createNewMessageDialogId,
#createNewLifeMailMessageToUserDialogId,
[id="replyMessageForm:iMailReplyMessageDialogId"] {
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
  #createNewMessageDialogId,
  #createNewLifeMailMessageToUserDialogId,
  [id="replyMessageForm:iMailReplyMessageDialogId"] {
    position: fixed;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%);
  }
}
@media (max-width: 1024px) and (min-width: 1024px) {
  #createNewMessageDialogId,
  #createNewLifeMailMessageToUserDialogId,
  [id="replyMessageForm:iMailReplyMessageDialogId"] {
    position: fixed;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%);
  }
}

#emailOnlineNotification .modal-dialog {
  max-width: 320px;
}
#emailOnlineNotification .modal-dialog .ui-chkbox .ui-chkbox-box {
  border-radius: 0 !important;
  border: 1px solid #37474f;
}
#emailOnlineNotification .modal-dialog .ui-icon .ui-chkbox-icon .ui-icon-checked {
  background-color: #9575cd;
}

#free-minutes-send-dialog .ui-dialog-title {
  float: left;
  margin: 0 19px 0.1em 44px;
}
#free-minutes-send-dialog .ui-dialog-title h1 {
  margin-bottom: 0;
}
#free-minutes-send-dialog .form-group div.col-sm-3 {
  display: inline-flex;
}
#free-minutes-send-dialog .form-group a.btn.btn-success {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  float: right;
  margin-top: -4px;
}
#free-minutes-send-dialog .form-group a.btn.btn-success:hover {
  background: #439747;
}
#free-minutes-send-dialog .form-group a.btn.btn-success:active {
  background: #2d6530;
}
#free-minutes-send-dialog .form-group a.btn.btn-success.ui-state-disabled:hover, #free-minutes-send-dialog .form-group a.btn.btn-success.ui-state-disabled:active {
  background: #66bb6a;
}
#free-minutes-send-dialog .form-group a.btn.btn-success.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}

.add {
  background: url(../img/colorful-back.jpg);
  background-size: cover;
  color: #fff;
  margin-bottom: 20px;
  cursor: pointer;
}
.add .main-info {
  padding: 20px;
  font-size: 18px;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
}
.add .main-info .first-line {
  font-weight: 700;
}
.add .main-info .second-line {
  font-weight: 300;
}
.add .more-info {
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  text-align: center;
}

#load-registration {
  z-index: 999;
}

#reg-modal .social-connect-block {
  text-align: center;
  padding-bottom: 30px;
  padding-top: 3px;
}

@media (max-width: 767px) {
  #reg-modal,
  #log-modal {
    padding: 0 !important;
  }
}

.registration-widget {
  background: #e9ecef;
  padding-top: 31px;
}
.registration-widget:before {
  content: "";
  background: #cfd8dc;
  display: block;
  top: 0;
  height: 31px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 0;
}
.registration-widget .reg-cross {
  background: none;
  border: none;
  width: 25px;
  height: 25px;
  border: none !important;
  position: absolute;
  right: 3px !important;
  font-size: 15px;
  top: 3px !important;
  vertical-align: middle;
  cursor: pointer;
  transition: .2s;
  padding: 0 !important;
  text-decoration: none !important;
  text-align: center;
  z-index: 1;
}
.registration-widget .reg-cross:after {
  content: "\e90b";
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 100px;
  vertical-align: 0;
  position: relative;
  left: -37px;
  top: -37px;
  display: block;
  height: 100px;
  width: 100px;
}
.registration-widget .reg-cross:hover {
  background: rgba(0, 0, 0, 0.1);
}
.registration-widget .reg-cross:active {
  background: rgba(0, 0, 0, 0.4);
}
.registration-widget .registration-section {
  background: #e9ecef;
  padding: 20px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .registration-widget .registration-section {
    padding: 5px;
  }
}
.registration-widget .registration-section .btn {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  vertical-align: middle;
}
.registration-widget .registration-section .btn:hover {
  background: #439747;
}
.registration-widget .registration-section .btn:active {
  background: #2d6530;
}
.registration-widget .registration-section .btn.ui-state-disabled:hover, .registration-widget .registration-section .btn.ui-state-disabled:active {
  background: #66bb6a;
}
.registration-widget .registration-section .btn.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
.registration-widget .registration-section .btn span.ui-button-text {
  padding: 0;
}
.registration-widget .registration-section .separation {
  border-top: 1px solid #90a4ae;
  position: relative;
}
.registration-widget .registration-section .separation:before {
  content: "OR";
  position: absolute;
  left: 50%;
  top: 50%;
  line-height: 20px;
  margin-top: -10px;
  width: 50px;
  margin-left: -25px;
  background: #e9ecef;
  text-align: center;
  color: #90a4ae;
}
.registration-widget .registration-section .registration-steps {
  overflow: hidden;
  padding-bottom: 20px;
}
.registration-widget .registration-section .registration-steps li {
  width: 33.3333%;
  float: left;
  display: block;
  position: relative;
}
.registration-widget .registration-section .registration-steps li:not(:last-child):after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  display: block;
  border-right: 12px solid #e9ecef;
  border-top: 12px solid #e9ecef;
  right: -8px;
  top: -2px;
  transform: rotate(45deg);
  z-index: 2;
}
@media (max-width: 767px) {
  .registration-widget .registration-section .registration-steps li:not(:last-child):after {
    display: none;
  }
}
.registration-widget .registration-section .registration-steps li a {
  display: block;
  line-height: 30px;
  background: #b0bec5;
  text-decoration: none;
  padding: 0 20px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  cursor: default;
}
@media (max-width: 767px) {
  .registration-widget .registration-section .registration-steps li a {
    padding: 0;
    font-size: 12px;
    text-transform: none;
    font-weight: normal;
  }
}
.registration-widget .registration-section .registration-steps li:last-child a {
  padding-right: 10px;
}
@media (max-width: 767px) {
  .registration-widget .registration-section .registration-steps li:last-child a {
    padding: 0;
  }
}
.registration-widget .registration-section .registration-steps li:first-child a {
  padding-left: 10px;
}
@media (max-width: 767px) {
  .registration-widget .registration-section .registration-steps li:first-child a {
    padding: 0;
  }
}
.registration-widget .registration-section .registration-steps li.passed a {
  background: #37474f;
}
.registration-widget .registration-section .registration-steps li.active a {
  background: #66bb6a;
}
.registration-widget .inputs-block {
  max-width: 400px;
  padding: 10px 0 10px;
  margin: 0 auto;
}
.registration-widget .inputs-block .registration-input {
  position: relative;
  margin: 30px 0;
}
.registration-widget .inputs-block .registration-input input {
  border: none;
  height: 34px;
  padding: 0;
  border: 2px solid #9575cd;
  background: #fff;
  box-sizing: border-box;
  width: 100%;
  padding-left: 12px;
  font-size: 14px;
  color: #37474f;
  position: relative;
}
.registration-widget .inputs-block .registration-input input:focus {
  outline: 5px solid rgba(149, 117, 205, 0.4);
  z-index: 1;
}
.registration-widget .inputs-block .registration-input label {
  position: absolute;
  left: 14px;
  color: rgba(55, 71, 79, 0.5);
  font-size: 14px;
  cursor: text;
  z-index: 2;
  top: -19px;
  color: #37474f;
  font-weight: 600;
}
.registration-widget .inputs-block .ui_input_invalid {
  border-color: #dd4848 !important;
}
.registration-widget .inputs-block .ui-outputlabel.ui-widget {
  top: -19px;
  font-weight: 600;
}
.registration-widget .inputs-block .ui-outputlabel.ui-widget.ui-state-error {
  color: #e57373 !important;
  background: none !important;
}
.registration-widget .social-connect-text + form {
  display: inline-block;
}
.registration-widget .social-connect-block {
  text-align: center;
  padding-bottom: 38px;
  padding-top: 34px;
}
.registration-widget .social-connect-block .social-connect {
  font-size: 0;
}
.registration-widget .social-connect-block .social-connect .social-connect-text {
  vertical-align: middle;
  margin-right: 5px;
  display: inline-block;
  text-align: right;
}
.registration-widget .social-connect-block .social-connect .social-connect-text .connect-text {
  font-size: 16px;
  font-weight: bold;
}
.registration-widget .social-connect-block .social-connect .social-connect-text .no-info-text {
  font-size: 12px;
}
.registration-widget .social-connect-block .social-connect a {
  text-decoration: none;
  font-size: 32px;
  vertical-align: middle;
  margin: 0 5px;
  transition: .2s;
}
.registration-widget .social-connect-block .social-connect a.icon-facebook2 {
  color: #3b5998;
}
.registration-widget .social-connect-block .social-connect a.icon-facebook2:hover {
  color: #1e2e4f;
}
.registration-widget .social-connect-block .social-connect a.icon-google-plus2 {
  color: #db4437;
}
.registration-widget .social-connect-block .social-connect a.icon-google-plus2:hover {
  color: #92241a;
}
.registration-widget .registration-button {
  text-align: justify;
  font-size: 0;
}
@media (max-width: 767px) {
  .registration-widget .registration-button {
    text-align: center;
  }
  .registration-widget .registration-button .btn {
    padding: 0;
    width: 100%;
  }
}
.registration-widget .registration-button:after {
  content: "";
  display: inline-block;
  width: 100%;
}
.registration-widget .registration-button .remember-checkbox {
  vertical-align: middle;
  display: inline-block;
  font-size: 14px;
  position: relative;
}
@media (max-width: 767px) {
  .registration-widget .registration-button .remember-checkbox {
    margin-top: 15px;
  }
}
.registration-widget .registration-button .remember-checkbox .remember-input {
  display: none;
}
.registration-widget .registration-button .remember-checkbox .remember-label {
  padding-right: 28px;
}
.registration-widget .registration-button .remember-checkbox .remember-label:after {
  content: "";
  height: 16px;
  width: 16px;
  background: #e2e7ea;
  display: inline-block;
  position: absolute;
  right: 0;
  top: -1px;
  border: 2px solid #66bb6a;
  background: #fff;
}
.registration-widget .registration-button .remember-checkbox .remember-input:checked + .remember-label:before {
  content: "\ea10";
  width: 20px;
  color: #66bb6a;
  display: inline-block;
  position: absolute;
  font-size: 12px;
  right: 0;
  top: 3px;
  right: 0;
  z-index: 1;
  text-align: center;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.registration-widget .security {
  padding: 30px 0;
  overflow: hidden;
}
.registration-widget .security .security-logo {
  float: left;
}
.registration-widget .security .security-text {
  font-size: 12px;
  margin-left: 110px;
  padding-top: 11px;
}
.registration-widget .forgot-option {
  text-align: center;
  padding-bottom: 10px;
}
.registration-widget .forgot-option a {
  color: #9575cd;
  font-weight: 600;
  transition: .2s;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
}
.registration-widget .forgot-option a:hover {
  color: #603ba1;
}
.registration-widget .forgot-option a:active {
  color: #331f57;
}
.registration-widget .registration-step-1 .login-option {
  font-size: 14px;
  margin-top: 15px;
  text-align: center;
  font-weight: bold;
}
.registration-widget .registration-step-1 .login-option a {
  color: #9575cd;
  font-weight: 600;
  transition: .2s;
  text-decoration: underline;
  cursor: pointer;
}
.registration-widget .registration-step-1 .login-option a:hover {
  color: #603ba1;
}
.registration-widget .registration-step-1 .login-option a:active {
  color: #331f57;
}
@media (max-width: 767px) {
  .registration-widget .registration-step-2 .registration-input {
    float: none !important;
    width: auto !important;
    margin: 30px 0 !important;
  }
}
.registration-widget .registration-step-2 .inputs-block {
  max-width: 500px;
  padding: 25px 0;
}
@media (max-width: 767px) {
  .registration-widget .registration-step-2 .inputs-block {
    padding-top: 0;
  }
}
.registration-widget .registration-step-2 .registration-input {
  margin: 15px 0;
}
.registration-widget .registration-step-2 .name-inputs:after {
  content: "";
  display: block;
  clear: both;
}
.registration-widget .registration-step-2 .name-inputs .first-name-input {
  width: 144px;
  float: left;
}
.registration-widget .registration-step-2 .name-inputs .last-name-input {
  width: 144px;
  float: left;
  margin-left: -2px;
}
.registration-widget .registration-step-2 .name-inputs .birth-input {
  width: 177px;
  float: left;
  margin-left: 37px;
}
.registration-widget .registration-step-2 .name-inputs .birth-input select {
  float: left;
  border-radius: 0;
  border: 2px solid #9575cd;
  height: 34px;
}
.registration-widget .registration-step-2 .name-inputs .birth-input select[name="reg-step-2:bdd"] {
  border-right: none;
  width: 55px;
}
.registration-widget .registration-step-2 .name-inputs .birth-input select[name="reg-step-2:bdm"] {
  border-right: none;
  width: 57px;
}
.registration-widget .registration-step-2 .name-inputs .birth-input select[name="reg-step-2:bdy"] {
  width: 64px;
}
.registration-widget .registration-step-2 .name-inputs .birth-input input {
  padding-top: 5px;
  padding-bottom: 5px;
}
.registration-widget .registration-step-2 .address-inputs:after {
  content: "";
  display: block;
  clear: both;
}
.registration-widget .registration-step-2 .address-inputs .address-input {
  width: 230px;
  float: left;
}
.registration-widget .registration-step-2 .address-inputs .country-input {
  width: 140px;
  float: left;
  margin-left: -2px;
}
.registration-widget .registration-step-2 .address-inputs .country-input .select-block select {
  border-radius: 0;
  border: none;
  height: 34px;
  padding: 0;
  border: 2px solid #9575cd;
  background: #fff;
  box-sizing: border-box;
  width: 100%;
  padding-left: 12px;
  font-family: "Open Sans";
  font-size: 14px;
  color: #37474f;
}
.registration-widget .registration-step-2 .address-inputs .postal-code-input {
  width: 100px;
  float: left;
  margin-left: 32px;
}
@media (max-width: 767px) {
  .registration-widget .registration-step-2 .phone-input-block {
    position: relative;
  }
}
.registration-widget .registration-step-2 .phone-input-block:after {
  content: "";
  display: block;
  clear: both;
}
.registration-widget .registration-step-2 .phone-input-block .dialling-code {
  height: 34px;
  line-height: 34px;
  background: #9575cd;
  color: #fff;
  float: left;
  margin: 15px 0;
  padding: 0 7px;
}
@media (max-width: 767px) {
  .registration-widget .registration-step-2 .phone-input-block .dialling-code {
    position: absolute;
    left: 0;
    z-index: 100;
    top: 0;
    margin: 0;
    width: 80px;
    text-align: center;
  }
}
.registration-widget .registration-step-2 .phone-input-block .phone-input {
  float: left;
  width: 240px;
}
@media (max-width: 767px) {
  .registration-widget .registration-step-2 .phone-input-block .phone-input {
    margin-left: 80px !important;
  }
}
.registration-widget .registration-step-2 .btn {
  margin-top: 15px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .registration-widget .registration-step-2 .btn {
    margin-top: 0;
    width: 100%;
    padding: 0;
    text-align: center;
  }
}
.registration-widget .registration-step-3 #reg-step-3 {
  text-align: center;
}
.registration-widget .registration-step-3 .payment-express {
  font-size: 14px;
  max-width: 300px;
  margin: 0 auto;
  color: #777;
}
.registration-widget .registration-step-3 .payment-express img {
  vertical-align: middle;
  width: 148px;
  height: 14px;
}
.registration-widget .registration-step-3 .billing-text {
  padding-bottom: 20px;
  text-align: left;
}
.registration-widget .registration-step-3 .billing-text p {
  margin: 0 0 5px;
  font-size: 12px;
}
.registration-widget .registration-step-3 .billing-text img {
  float: right;
  margin-left: 10px;
}
.registration-widget .registration-step-3 .separation {
  margin: 30px 0;
}
.registration-widget .registration-step-3 .inputs-block {
  padding: 5px 0 15px;
}
.registration-widget .registration-step-3 .registration-input {
  margin: 15px 0;
}
.registration-widget .registration-step-3 .card-inputs {
  position: relative;
  padding: 15px 0;
}
.registration-widget .registration-step-3 .card-inputs:after {
  content: "";
  display: block;
  clear: both;
}
.registration-widget .registration-step-3 .card-inputs .mm-and-yy-fields {
  float: left;
  width: 50%;
}
.registration-widget .registration-step-3 .card-inputs .mm-and-yy-fields .mm-input {
  width: 60px;
  float: left;
  margin-bottom: 0;
}
.registration-widget .registration-step-3 .card-inputs .mm-and-yy-fields .yy-input {
  width: 60px;
  float: left;
  margin-left: -2px;
  margin-bottom: 0;
}
.registration-widget .registration-step-3 .card-inputs .mm-and-yy-fields .error-messages {
  clear: both;
  overflow: hidden;
}
.registration-widget .registration-step-3 .card-inputs .csc-cvc-input {
  width: 85px;
  float: right;
  position: relative;
}
.registration-widget .registration-step-3 .card-inputs .csc-cvc-input:after {
  content: "";
  width: 51px;
  height: 34px;
  top: 0;
  left: -60px;
  display: block;
  position: absolute;
  background-image: url(../img/csc-cvc.png);
}
@media (max-width: 767px) {
  .registration-widget .registration-step-3 .card-inputs .csc-cvc-input:after {
    width: 39px;
    height: 25px;
    top: 4px;
    left: -42px;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
.registration-widget .registration-step-3 .card-inputs .csc-cvc-input .ui-message-error {
  float: right;
  width: 166px;
}
.registration-widget .registration-step-3 .btn {
  margin-top: 15px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .registration-widget .registration-step-3 .btn {
    width: 100%;
    padding: 0;
    text-align: center;
  }
}
.registration-widget .registration-step-3 .paypal-block {
  text-align: center;
}
.registration-widget .registration-step-3 .paypal-block .paypal-btn {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #019cde;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  line-height: 1;
  margin-bottom: 3px;
}
.registration-widget .registration-step-3 .paypal-block .paypal-btn:hover {
  background: #016a97;
}
.registration-widget .registration-step-3 .paypal-block .paypal-btn:active {
  background: #003850;
}
.registration-widget .registration-step-3 .paypal-block .paypal-btn.ui-state-disabled:hover, .registration-widget .registration-step-3 .paypal-block .paypal-btn.ui-state-disabled:active {
  background: #019cde;
}
.registration-widget .registration-step-3 .paypal-block .paypal-btn.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
.registration-widget .registration-step-3 .paypal-block .paypal-btn img {
  margin-top: 5px;
  height: 23px;
  vertical-align: middle;
}
.registration-widget .registration-step-3 .paypal-block .small-text {
  font-size: 14px;
  color: #777;
}
.registration-widget .registration-step-3 .no-billing {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 5px;
}
.registration-widget .registration-step-3 .no-billing a {
  color: #9575cd;
  font-weight: 600;
  transition: .2s;
  text-decoration: underline;
  cursor: pointer;
}
.registration-widget .registration-step-3 .no-billing a:hover {
  color: #603ba1;
}
.registration-widget .registration-step-3 .no-billing a:active {
  color: #331f57;
}
.registration-widget .pay-pal-step {
  text-align: center;
  padding: 50px 10px;
}
.registration-widget .pay-pal-step .paypal-title {
  font-size: 24px;
  font-weight: 800;
}
.registration-widget .pay-pal-step .paypal-text {
  margin: 10px auto 30px;
  font-size: 14px;
  max-width: 440px;
  font-weight: 600;
}
.registration-widget .pay-pal-step .radio-list {
  padding: 0;
  margin: 0;
}
.registration-widget .pay-pal-step .radio-list .radio {
  margin: 10px auto;
  background: url(../img/colorful-back.jpg);
  background-size: cover;
  width: 350px;
  padding-left: 45px;
  display: block;
  cursor: pointer;
  transition: .2s;
}
@media (max-width: 767px) {
  .registration-widget .pay-pal-step .radio-list .radio {
    font-size: 14px;
    padding-left: 58px;
    width: auto;
  }
}
.registration-widget .pay-pal-step .radio-list .radio:hover {
  opacity: .8;
}
.registration-widget .pay-pal-step .radio-list .radio:nth-child(1) {
  background-position-y: -70px;
}
.registration-widget .pay-pal-step .radio-list .radio:nth-child(2) {
  background-position-y: -110px;
}
@media (max-width: 767px) {
  .registration-widget .pay-pal-step .radio-list .radio:nth-child(2) {
    background-position-y: -70px;
  }
}
.registration-widget .pay-pal-step .radio-list .radio:nth-child(3) {
  background-position-y: -150px;
}
@media (max-width: 767px) {
  .registration-widget .pay-pal-step .radio-list .radio:nth-child(3) {
    background-position-y: -70px;
  }
}
.registration-widget .pay-pal-step .radio-list .radio input {
  display: none;
}
.registration-widget .pay-pal-step .radio-list .radio label {
  line-height: 40px;
  font-weight: 400;
  position: relative;
  color: #fff;
  display: block;
  cursor: pointer;
  text-align: left;
}
@media (max-width: 767px) {
  .registration-widget .pay-pal-step .radio-list .radio label {
    line-height: 18px;
    height: 36px;
    padding: 6px 0;
  }
}
.registration-widget .pay-pal-step .radio-list .radio label:before {
  content: "";
  position: absolute;
  left: -30px;
  width: 24px;
  height: 24px;
  display: block;
  background: #fff;
  border-radius: 50%;
  top: 8px;
}
@media (max-width: 767px) {
  .registration-widget .pay-pal-step .radio-list .radio label:before {
    top: 12px;
  }
}
.registration-widget .pay-pal-step .radio-list .radio label:after {
  content: "";
  position: absolute;
  left: -18px;
  width: 0;
  height: 16px;
  display: block;
  background: #419345;
  border-radius: 50%;
  top: 12px;
  transition: .2s;
}
@media (max-width: 767px) {
  .registration-widget .pay-pal-step .radio-list .radio label:after {
    top: 16px;
  }
}
.registration-widget .pay-pal-step .radio-list .radio label .save-text {
  font-weight: 800;
}
@media (max-width: 767px) {
  .registration-widget .pay-pal-step .radio-list .radio label .save-text {
    display: block;
  }
}
.registration-widget .pay-pal-step .radio-list .radio input:checked + label:after {
  content: "";
  position: absolute;
  left: -26px;
  width: 16px;
  height: 16px;
  display: block;
  background: #419345;
  border-radius: 50%;
  top: 12px;
}
@media (max-width: 767px) {
  .registration-widget .pay-pal-step .radio-list .radio input:checked + label:after {
    top: 16px;
  }
}
.registration-widget .pay-pal-step .pay-pal-btns {
  font-size: 14px;
  max-width: 395px;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 25px;
}
@media (max-width: 767px) {
  .registration-widget .pay-pal-step .pay-pal-btns {
    margin-top: 15px;
    margin-bottom: 0;
  }
}
.registration-widget .pay-pal-step .pay-pal-btns .back {
  color: #9575cd;
  font-weight: 600;
  transition: .2s;
  text-decoration: underline;
  cursor: pointer;
  float: left;
  line-height: 32px;
}
.registration-widget .pay-pal-step .pay-pal-btns .back:hover {
  color: #603ba1;
}
.registration-widget .pay-pal-step .pay-pal-btns .back:active {
  color: #331f57;
}
@media (max-width: 767px) {
  .registration-widget .pay-pal-step .pay-pal-btns .back {
    float: none;
    text-align: center;
    display: block;
  }
}
@media (max-width: 767px) {
  .registration-widget .pay-pal-step .pay-pal-btns #pay-pal-place {
    float: none !important;
  }
}
.registration-widget .pay-pal-step .pay-pal-btns .complete-btn {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  float: right;
}
.registration-widget .pay-pal-step .pay-pal-btns .complete-btn:hover {
  background: #439747;
}
.registration-widget .pay-pal-step .pay-pal-btns .complete-btn:active {
  background: #2d6530;
}
.registration-widget .pay-pal-step .pay-pal-btns .complete-btn.ui-state-disabled:hover, .registration-widget .pay-pal-step .pay-pal-btns .complete-btn.ui-state-disabled:active {
  background: #66bb6a;
}
.registration-widget .pay-pal-step .pay-pal-btns .complete-btn.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
@media (max-width: 767px) {
  .registration-widget .pay-pal-step .pay-pal-btns .complete-btn {
    float: none;
    width: 100%;
    padding: 0;
    margin-top: 7px;
  }
}
.registration-widget .registration-step-4 {
  text-align: center;
  padding: 40px 20px;
}
.registration-widget .registration-step-4 h1 {
  font-weight: 900;
  margin: 0;
}
.registration-widget .registration-step-4 h3 {
  font-weight: 400;
  margin: 20px 0;
}
.registration-widget .registration-step-4 h3 a {
  font-weight: 700;
  color: #9575cd;
}
.registration-widget .registration-step-4 h3 a:hover {
  color: #603ba1;
}
.registration-widget .registration-step-4 h3 a:active {
  color: #331f57;
}
.registration-widget .registration-step-4 .tag-list {
  font-size: 0;
  max-width: 650px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 1px;
}
@media (max-width: 767px) {
  .registration-widget .registration-step-4 .tag-list {
    text-align: center;
  }
}
.registration-widget .registration-step-4 .tag-list .tag {
  display: inline-block;
  margin: 1px;
  font-size: 14px;
}
.registration-widget .registration-step-4 .tag-list .tag .tag-link {
  display: block;
  padding: 0 20px;
  height: 26px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 700;
  background: rgba(149, 117, 205, 0.7);
  transition: .2s;
  position: relative;
}
@media (max-width: 767px) {
  .registration-widget .registration-step-4 .tag-list .tag .tag-link {
    padding: 0 10px;
  }
}
.registration-widget .registration-step-4 .tag-list .tag .tag-link:after {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
}
.registration-widget .registration-step-4 .tag-list .tag .tag-link:hover {
  color: white;
  background: rgba(149, 117, 205, 0.85);
}
.registration-widget .registration-step-4 .tag-list .tag .tag-link:active {
  color: rgba(255, 255, 255, 0.9);
  background: #9575cd;
}

.pay-pal-step .row {
  margin: 0;
}
.pay-pal-step .join-inner > h2 {
  max-width: 350px;
  margin: 0 auto 20px;
  font-size: 24px;
  font-weight: 800;
}
.pay-pal-step [id='reg-tab-view:promotion-list-form'] .ui-commandlink.ui-widget.btn.btn-primary.promo {
  margin-top: 12px;
}
.pay-pal-step [id='reg-tab-view:promotion-list-form'] > .row .ui-outputpanel.ui-widget.list-group-1.centered .row {
  color: #fff;
  position: relative;
  max-width: 350px;
  margin: 0 auto;
  text-align: left;
}
.pay-pal-step [id='reg-tab-view:promotion-list-form'] label.ui-outputlabel.ui-widget.col-xs-10.promo {
  font-size: 1em;
  width: 100%;
  display: block;
  text-align: left;
  margin: 10px auto;
  line-height: 40px;
  background: url(../img/colorful-back.jpg);
  background-size: cover;
  width: 350px;
  padding-left: 45px;
  display: block;
  cursor: pointer;
  transition: .2s;
  min-height: 28px;
}
@media (max-width: 767px) {
  .pay-pal-step [id='reg-tab-view:promotion-list-form'] label.ui-outputlabel.ui-widget.col-xs-10.promo {
    font-size: 14px;
    padding-left: 58px;
    width: auto;
    line-height: 18px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
.pay-pal-step [id='reg-tab-view:promotion-list-form'] label.ui-outputlabel.ui-widget.col-xs-10.promo > .ui-outputpanel.ui-widget:nth-child(2) {
  color: #fff !important;
  font-weight: 800;
}
@media (max-width: 767px) {
  .pay-pal-step [id='reg-tab-view:promotion-list-form'] label.ui-outputlabel.ui-widget.col-xs-10.promo > .ui-outputpanel.ui-widget:nth-child(2) {
    display: block;
  }
}
.pay-pal-step [id='reg-tab-view:promotion-list-form'] .ui-radiobutton.ui-widget.col-xs-1.promo {
  content: "";
  position: absolute;
  left: 14px;
  top: 5px;
}
.pay-pal-step [id='reg-tab-view:promotion-list-form'] .ui-radiobutton.ui-widget.col-xs-1.promo .ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default {
  width: 24px;
  height: 24px;
  display: block;
  background: #fff;
  border-radius: 50%;
  border: 0 solid;
}
.pay-pal-step [id='reg-tab-view:promotion-list-form'] .ui-radiobutton.ui-widget.col-xs-1.promo .ui-radiobutton-icon.ui-icon.ui-c.ui-icon-bullet {
  content: "";
  position: absolute;
  left: 3px;
  width: 16px;
  height: 16px;
  display: block;
  background: #419345;
  border-radius: 50%;
  top: 4px;
}
.pay-pal-step [id='reg-tab-view:promotion-list-form'] .item-description {
  color: #444;
  max-width: 350px;
  font-size: 14px;
  margin: -5px auto 15px;
  display: block;
}

#registration-widget .ui-tabs-nav.ui-helper-reset.ui-widget-header.ui-corner-all {
  padding: 0;
  background: #e9ecef;
}
#registration-widget .ui-tabs-nav.ui-helper-reset.ui-widget-header.ui-corner-all li[role="tab"] {
  margin: 0;
  border: none;
  position: static;
  background: none;
}
#registration-widget .ui-tabs-nav.ui-helper-reset.ui-widget-header.ui-corner-all li[role="tab"].ui-state-active.ui-state-hover a span {
  color: #000;
}
#registration-widget .ui-tabs-nav.ui-helper-reset.ui-widget-header.ui-corner-all li[role="tab"].ui-state-active.ui-state-hover a i {
  color: #000;
}
#registration-widget .ui-tabs-nav.ui-helper-reset.ui-widget-header.ui-corner-all li[role="tab"].ui-state-active a {
  background: #fff;
  color: #333;
}
#registration-widget .ui-tabs-nav.ui-helper-reset.ui-widget-header.ui-corner-all .ui-tabs-panel.ui-widget-content.ui-corner-bottom {
  padding: 0;
}
#registration-widget .ui-tabs.ui-widget.ui-widget-content.ui-corner-all.ui-hidden-container.ui-tabs-top {
  padding: 0;
}
#registration-widget .ui-tabs-panels .registration-section.pay-pal-step {
  padding: 20px 0 0;
  background: #fff;
}
#registration-widget .ui-tabs-panels .ui-outputpanel.ui-widget.registration-section.pay-pal-step {
  padding: 0;
}

[id*='confirm-dialog'].ui-confirm-dialog {
  overflow: hidden !important;
}
[id*='confirm-dialog'].ui-confirm-dialog .ui-dialog-content {
  max-width: 320px;
}
[id*='confirm-dialog'].ui-confirm-dialog .ui-icon {
  display: none;
}
[id*='confirm-dialog'].ui-confirm-dialog .ui-dialog-title {
  margin: .6em 16px .1em 2em !important;
}
[id*='confirm-dialog'].ui-confirm-dialog .ui-dialog-buttonpane {
  padding-left: 12px !important;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#ReconectDialog {
  position: relative;
  z-index: 99999999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(149, 117, 205, 0.3);
}
#ReconectDialog .modal-body > div {
  font-size: 14px;
  padding: 15px 0 !important;
  margin: 0 !important;
  color: #fff;
  background: #9575cd;
}
#ReconectDialog .modal-body > div:after {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  vertical-align: middle;
  margin-left: 10px;
  animation: spin 1s infinite linear;
}
@media (max-width: 767px) {
  #ReconectDialog .modal-body > div:after {
    margin-left: 2px;
  }
}
#ReconectDialog br {
  display: none;
}
#ReconectDialog img {
  display: none;
}
#ReconectDialog h2 {
  display: inline-block;
  font-size: 14px;
  margin: 0 !important;
  font-weight: 800;
}
@media (max-width: 767px) {
  #ReconectDialog h2 {
    display: block;
  }
}
#ReconectDialog h2:after {
  content: ".";
}

#ajax-status_start {
  position: fixed;
  right: 30px;
  bottom: 10px;
}
#ajax-status_start:after {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  border: 3px solid rgba(0, 0, 0, 0.4);
  border-top-color: rgba(0, 0, 0, 0.8);
  vertical-align: middle;
  margin-left: 10px;
  animation: spin 1s infinite linear;
}
@media (max-width: 767px) {
  #ajax-status_start:after {
    margin-left: 2px;
  }
}

#load.modal.fade.in:before {
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -15px 0 0 -15px;
  z-index: 99999;
  display: inline-block;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  border: 3px solid rgba(255, 255, 255, 0.4);
  border-top-color: rgba(255, 255, 255, 0.8);
  vertical-align: middle;
  animation: spin .5s infinite linear;
}

.modal.in {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  overflow-y: scroll;
  font-size: 0;
  text-align: center;
  padding: 10px;
  background: rgba(0, 0, 0, 0.85);
}
@media (max-width: 767px) {
  .modal.in {
    padding-top: 37px;
    padding-bottom: 37px;
  }
}
.modal.in .ui-button {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #9575cd;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
}
.modal.in .ui-button:hover {
  background: #6d43b8;
}
.modal.in .ui-button:active {
  background: #4e3084;
}
.modal.in .ui-button.ui-state-disabled:hover, .modal.in .ui-button.ui-state-disabled:active {
  background: #9575cd;
}
.modal.in .ui-button.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
.modal.in:before {
  content: "";
  height: 100%;
  display: inline-block;
  width: 0;
  vertical-align: middle;
}
.modal.in .modal-dialog {
  max-width: 700px;
  box-sizing: border-box;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  cursor: default;
  position: relative;
  z-index: 2;
  font-size: 14px;
  padding: 20px;
  background: #fff;
}
.modal.in .modal-dialog .modal-content {
  position: relative;
}
.modal.in .modal-dialog .close {
  font-size: 12px;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1;
  cursor: pointer;
  transition: .2s;
  border: none;
  background: none;
  color: #aaa;
  font-size: 0;
  padding: 0;
}
.modal.in .modal-dialog .close:after {
  content: "\2716";
  font-size: 18px;
}
.modal.in .modal-dialog .close:hover {
  color: #444;
}
.modal.in .modal-dialog .close:active {
  color: #000;
}
.modal.in .ui-messages-error ul {
  margin: 0;
}
.modal.in .ui-messages-error .ui-messages-error-icon {
  display: none;
}
.modal.in .ui-outputlabel.ui-widget:checked {
  background: red;
}
.modal.in fieldset {
  border: none;
  padding: 0;
}
.modal.in fieldset legend {
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 16px;
}
.modal.in fieldset legend .close {
  right: 6px;
}
.modal.in fieldset label {
  display: block;
  margin-bottom: 3px;
  font-weight: bold;
  color: #37474f;
}
.modal.in fieldset input.form-control {
  border: none;
  height: 34px;
  padding: 0;
  border: 2px solid #9575cd;
  background: rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  width: 100%;
  padding-left: 12px;
  font-size: 14px;
  color: #37474f;
  position: relative;
  display: block;
  width: 260px;
  margin-bottom: 10px;
}
.modal.in fieldset input.form-control:focus {
  outline: 5px solid rgba(149, 117, 205, 0.4);
  z-index: 1;
}
.modal.in fieldset .btn-block {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #9575cd;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
}
.modal.in fieldset .btn-block:hover {
  background: #6d43b8;
}
.modal.in fieldset .btn-block:active {
  background: #4e3084;
}
.modal.in fieldset .btn-block.ui-state-disabled:hover, .modal.in fieldset .btn-block.ui-state-disabled:active {
  background: #9575cd;
}
.modal.in fieldset .btn-block.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}

#MobileFeeModal .modal-dialog {
  width: auto;
  max-width: 300px;
}
#MobileFeeModal .modal-dialog li {
  display: block;
}

#RecoverPswdModal .modal-dialog {
  max-width: 440px;
}

#chatHistoryPanel .chat-remote-msg,
#chatHistoryPanel .chat-local-msg,
#chatHistoryPanel .chat-admin-msg,
.gwt-HTML .chat-remote-msg,
.gwt-HTML .chat-local-msg,
.gwt-HTML .chat-admin-msg {
  border-radius: 4px;
  margin: 4px 0;
  color: #fff;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 600;
}
#chatHistoryPanel .chat-remote-msg small,
#chatHistoryPanel .chat-local-msg small,
#chatHistoryPanel .chat-admin-msg small,
.gwt-HTML .chat-remote-msg small,
.gwt-HTML .chat-local-msg small,
.gwt-HTML .chat-admin-msg small {
  font-size: 12px;
  font-weight: 400;
  text-align: right;
  display: block;
}
#chatHistoryPanel .chat-admin-msg,
.gwt-HTML .chat-admin-msg {
  background: rgba(255, 160, 0, 0.3);
  color: #805000;
  margin-left: 40px;
}
#chatHistoryPanel .chat-admin-msg small,
.gwt-HTML .chat-admin-msg small {
  color: rgba(0, 0, 0, 0.2);
}
#chatHistoryPanel .chat-remote-msg,
.gwt-HTML .chat-remote-msg {
  background: rgba(149, 117, 205, 0.3);
  color: #4b3b67;
  margin-right: 40px;
}
#chatHistoryPanel .chat-remote-msg small,
.gwt-HTML .chat-remote-msg small {
  color: rgba(0, 0, 0, 0.2);
}
#chatHistoryPanel .chat-local-msg,
.gwt-HTML .chat-local-msg {
  background: rgba(200, 200, 200, 0.3);
  color: #3d4366;
  margin-left: 40px;
}
#chatHistoryPanel .chat-local-msg small,
.gwt-HTML .chat-local-msg small {
  color: rgba(0, 0, 0, 0.2);
}

.chatHistoryDialog span.ui-dialog-title div {
  max-width: 240px;
  margin-left: auto !important;
}
.chatHistoryDialog img {
  float: right;
}
@media (max-width: 480px) {
  .chatHistoryDialog {
    width: 320px !important;
  }
  .chatHistoryDialog img {
    max-width: 310px;
  }
}
.chatHistoryDialog .ui-dialog-content.ui-widget-content {
  padding: 1px 5px !important;
}

.gwt-HTML .row {
  margin: 0;
}

.container.chatWindowHeader .row.margin-lr-0 .col-xs-2.padding-lr-0.img-responsive.chat-logo-img.display-inline-block {
  float: left;
  width: 51px;
  height: 40px;
}
.container.chatWindowHeader .col-xs-8.padding-lr-5.display-inline-block {
  margin-left: 56px !important;
}
.container.chatWindowHeader .col-xs-8.padding-lr-5.display-inline-block h3 {
  margin: 0;
}
.container.chatWindowHeader .btn.btn-default.btn-sm.chat-end-btn.pull-right {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px;
  background: #90a4ae;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  position: absolute;
  top: 8px;
  font-size: 14px;
  right: 8px;
}
.container.chatWindowHeader .btn.btn-default.btn-sm.chat-end-btn.pull-right:hover {
  background: #68828f;
}
.container.chatWindowHeader .btn.btn-default.btn-sm.chat-end-btn.pull-right:active {
  background: #4a5c65;
}
.container.chatWindowHeader .btn.btn-default.btn-sm.chat-end-btn.pull-right.ui-state-disabled:hover, .container.chatWindowHeader .btn.btn-default.btn-sm.chat-end-btn.pull-right.ui-state-disabled:active {
  background: #90a4ae;
}
.container.chatWindowHeader .btn.btn-default.btn-sm.chat-end-btn.pull-right.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
.container.chatWindowHeader .row {
  margin: 0;
}

.container.chatFooter {
  padding: 8px 16px;
}
.container.chatFooter .row {
  margin: 0;
}
.container.chatFooter .row:nth-child(1) .chat-timer-area.col-xs-12 .col-xs-3 {
  display: inline;
}
.container.chatFooter .row:nth-child(1) .chat-timer-area.col-xs-12 .col-xs-3 .chat-timer-small-text.padding-r-5 {
  display: inline;
}
.container.chatFooter .row:nth-child(1) .chat-timer-area.col-xs-12 .col-xs-3 .chat-timer.display-inline {
  display: inline;
}
.container.chatFooter .row:nth-child(1) .chat-timer-area.col-xs-12 .col-xs-7 {
  float: right;
}
.container.chatFooter .row:nth-child(2) {
  position: relative;
}
.container.chatFooter .row:nth-child(2) .col-xs-10.col-md-11 {
  margin-right: 100px;
}
.container.chatFooter .row:nth-child(2) .col-xs-10.col-md-11 .chatTextArea {
  width: 100%;
  border: 2px solid #9575cd;
  margin-top: 4px;
  height: 55px;
}
.container.chatFooter .row:nth-child(2) .col-xs-2.col-md-1.padding-lr-0 {
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  margin-top: 0 !important;
}
.container.chatFooter .row:nth-child(2) .col-xs-2.col-md-1.padding-lr-0 .fa.fa-2x.chat-comment-icon.fa-comments {
  margin-bottom: 3px;
}
.container.chatFooter .row:nth-child(2) .col-xs-2.col-md-1.padding-lr-0 .fa.fa-2x.chat-comment-icon.fa-comments-o.purple.blink {
  margin-bottom: 3px;
}
.container.chatFooter .row:nth-child(2) .col-xs-2.col-md-1.padding-lr-0 button {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
}
.container.chatFooter .row:nth-child(2) .col-xs-2.col-md-1.padding-lr-0 button:hover {
  background: #439747;
}
.container.chatFooter .row:nth-child(2) .col-xs-2.col-md-1.padding-lr-0 button:active {
  background: #2d6530;
}
.container.chatFooter .row:nth-child(2) .col-xs-2.col-md-1.padding-lr-0 button.ui-state-disabled:hover, .container.chatFooter .row:nth-child(2) .col-xs-2.col-md-1.padding-lr-0 button.ui-state-disabled:active {
  background: #66bb6a;
}
.container.chatFooter .row:nth-child(2) .col-xs-2.col-md-1.padding-lr-0 button.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}

#messagesListDiv {
  margin: 0 4px;
}
#messagesListDiv .row {
  margin: 0;
}
#messagesListDiv > .gwt-HTML > .row > .col-xs-1.padding-l-0.padding-r-5 {
  float: left;
  width: 29px;
  font-size: 0;
  padding: 5px 0;
  margin-left: 4px;
}
#messagesListDiv > .gwt-HTML > .row > .col-xs-1.padding-l-0.padding-r-5 img {
  width: 100%;
}

#colorbox {
  text-align: center;
}
#colorbox .btn.btn-default {
  color: #9575cd;
  font-weight: 600;
  transition: .2s;
  text-decoration: underline;
  cursor: pointer;
}
#colorbox .btn.btn-default:hover {
  color: #603ba1;
}
#colorbox .btn.btn-default:active {
  color: #331f57;
}

.ui-growl.ui-widget .ui-growl-item-container {
  opacity: 1;
  background: rgba(149, 117, 205, 0.8);
}
.ui-growl.ui-widget .ui-growl-item-container .ui-growl-info {
  background: rgba(255, 160, 0, 0.8);
}
.ui-growl.ui-widget .ui-growl-item-container .ui-growl-item {
  color: #fff;
}
.ui-growl.ui-widget .ui-growl-item-container .ui-growl-item .ui-growl-image {
  display: none;
}
.ui-growl.ui-widget .ui-growl-item-container .ui-growl-item .ui-growl-message {
  float: none;
  width: auto;
}
.ui-growl.ui-widget .ui-growl-item-container .ui-growl-item .ui-growl-message .ui-growl-title {
  font-size: 18px;
}

#home-page .content {
  /*____________________________________________________________*/
  /* HERO SECTION */
  /*____________________________________________________________*/
  /* FEATURED READERS */
  /*____________________________________________________________*/
  /* FEATURED READERS */
  /*____________________________________________________________*/
  /* ALL READERS */
  /*____________________________________________________________*/
  /* FEEDBACK SECTION */
}
#home-page .content .hero-section {
  background-size: cover;
  background-position: 80% bottom;
}
#home-page .content .hero-section .info {
  width: 970px;
}
#home-page .content .hero-section .title-wrapper {
  padding: 80px 0;
}
@media (max-width: 767px) {
  #home-page .content .hero-section .title-wrapper {
    padding: 40px 0;
  }
}
#home-page .content .hero-section .additional-info {
  font-size: 20px;
  margin-top: 16px;
  padding: 0 10px;
  font-weight: 600;
  background: #9477CB;
  display: inline-block;
  line-height: 30px;
  color: #fff;
}
@media (max-width: 767px) {
  #home-page .content .hero-section .additional-info {
    font-size: 16px;
  }
}
#home-page .content .hero-section .title-level-1 {
  font-size: 60px;
  font-weight: 300;
  line-height: 66px;
  margin: 0;
  color: #9477CB;
}
@media (max-width: 767px) {
  #home-page .content .hero-section .title-level-1 {
    font-size: 40px;
    line-height: 48px;
  }
}
#home-page .content .hero-section .title-level-1 span {
  display: block;
}
@media (max-width: 767px) {
  #home-page .content .hero-section .title-level-1 span {
    display: inline;
  }
}
#home-page .content .hero-section .title-level-1 strong {
  display: block;
  font-weight: 700;
}
#home-page .content .hero-section ul.tag-list {
  padding: 8px 0;
  overflow: hidden;
  margin: 0;
  font-size: 14px;
}
#home-page .content .hero-section li.tag {
  float: left;
  display: block;
}
#home-page .content .hero-section li.tag a {
  color: #fff;
  padding-right: 12px;
}
@media (max-width: 767px) {
  #home-page .content .hero-section .wrapper {
    padding: 0 30px;
  }
}
#home-page .content .featured-readers-section {
  padding-bottom: 25px;
}
@media (max-width: 767px) {
  #home-page .content .featured-readers-section {
    padding-bottom: 28px;
  }
}
#home-page .content .featured-readers-section .title-level-2 {
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  margin: 0;
  margin-top: 40px;
  margin-bottom: -10px;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  #home-page .content .featured-readers-section .title-level-2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #home-page .content .featured-readers-section .title-level-2 {
    margin-top: 30px;
    margin-bottom: 0;
  }
}
#home-page .content .featured-readers-section .readers-list {
  overflow: hidden;
}
@media (min-width: 1200px) {
  #home-page .content .featured-readers-section .readers-list .featured-reader {
    margin: 30px 0;
  }
}
@media (max-width: 1200px) and (min-width: 992px) {
  #home-page .content .featured-readers-section .readers-list .featured-reader {
    margin: 30px 0;
  }
}
@media (max-width: 992px) and (min-width: 767px) {
  #home-page .content .featured-readers-section .readers-list .featured-reader {
    margin: 30px 0;
  }
}
@media (max-width: 767px) {
  #home-page .content .featured-readers-section .readers-list .featured-reader {
    margin: 10px auto;
  }
}
#home-page .content .featured-readers-section .minor-btn.view-all-btn {
  height: 34px;
  line-height: 34px;
  background: #f0f2f4;
  text-align: center;
  color: #9575cd;
  display: block;
  font-weight: 700;
  font-size: 14px;
  transition: .2s;
  cursor: pointer;
  text-decoration: underline;
  display: block;
  width: auto;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  #home-page .content .featured-readers-section .minor-btn.view-all-btn {
    margin: 0 10px;
  }
}
#home-page .content .featured-readers-section .minor-btn.view-all-btn:hover {
  background: #e4e8eb;
  color: #815bc4;
}
#home-page .content .featured-readers-section .minor-btn.view-all-btn:active {
  background: #d8dee3;
  color: #6d43b8;
}
#home-page .content .how-it-works-section {
  background-color: #e9ecef;
  overflow: hidden;
  text-align: center;
  padding-top: 40px;
}
#home-page .content .how-it-works-section .title-level-2 {
  display: none;
}
@media (max-width: 767px) {
  #home-page .content .how-it-works-section {
    padding-top: 10px;
  }
}
#home-page .content .how-it-works-section .steps-list {
  text-align: center;
  font-weight: 600;
  padding-left: 16px;
  padding: 0;
}
@media (max-width: 767px) {
  #home-page .content .how-it-works-section .steps-list {
    width: 300px;
    margin: 0 auto;
  }
}
#home-page .content .how-it-works-section .steps-list .step {
  display: inline-block;
  width: 340px;
}
@media (max-width: 1200px) {
  #home-page .content .how-it-works-section .steps-list .step {
    width: 240px;
  }
}
@media (max-width: 767px) {
  #home-page .content .how-it-works-section .steps-list .step {
    margin-top: 10px;
    width: auto;
    width: 220px;
  }
}
#home-page .content .how-it-works-section .steps-list .step .step-number {
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
  color: #fff;
  font-size: 40px;
  font-weight: 400;
  position: relative;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #home-page .content .how-it-works-section .steps-list .step .step-number {
    margin: 0;
    color: #fff;
    float: left;
    background: #9575cd;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-weight: 400;
    border: 0 solid #9575cd;
    font-size: 18px;
  }
}
#home-page .content .how-it-works-section .steps-list .step .step-number:after {
  content: "";
  display: block;
  height: 5px;
  width: 270px;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  left: 79px;
}
@media (max-width: 1200px) {
  #home-page .content .how-it-works-section .steps-list .step .step-number:after {
    width: 190px;
  }
}
@media (max-width: 767px) {
  #home-page .content .how-it-works-section .steps-list .step .step-number:after {
    display: none;
  }
}
#home-page .content .how-it-works-section .steps-list .step:last-child .step-number:after {
  display: none;
}
#home-page .content .how-it-works-section .steps-list .step .step-description {
  font-size: 18px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  #home-page .content .how-it-works-section .steps-list .step .step-description {
    text-align: left;
    margin: 4px 0 0 8px;
    float: left;
  }
}
#home-page .content .how-it-works-section .steps-list .step:nth-child(1) .step-number {
  background: url(../img/colorful-back.jpg) -800px 0;
}
#home-page .content .how-it-works-section .steps-list .step:nth-child(1) .step-number:after {
  background: url(../img/colorful-back.jpg) -830px 0;
}
#home-page .content .how-it-works-section .steps-list .step:nth-child(2) .step-number {
  background: url(../img/colorful-back.jpg) -1090px 0;
}
#home-page .content .how-it-works-section .steps-list .step:nth-child(2) .step-number:after {
  background: url(../img/colorful-back.jpg) -1120px 0;
}
#home-page .content .how-it-works-section .steps-list .step:nth-child(3) .step-number {
  background: url(../img/colorful-back.jpg) -1380px 0;
}
@media (max-width: 1200px) {
  #home-page .content .how-it-works-section .steps-list .step:nth-child(1) .step-number {
    background: url(../img/colorful-back.jpg) -800px 0;
  }
  #home-page .content .how-it-works-section .steps-list .step:nth-child(1) .step-number:after {
    background: url(../img/colorful-back.jpg) -830px 0;
  }
  #home-page .content .how-it-works-section .steps-list .step:nth-child(2) .step-number {
    background: url(../img/colorful-back.jpg) -1090px 0;
  }
  #home-page .content .how-it-works-section .steps-list .step:nth-child(2) .step-number:after {
    background: url(../img/colorful-back.jpg) -1120px 0;
  }
  #home-page .content .how-it-works-section .steps-list .step:nth-child(3) .step-number {
    background: url(../img/colorful-back.jpg) -1380px 0;
  }
}
#home-page .content .how-it-works-section .btn-success.more-info-btn {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  margin-top: 25px;
  margin-bottom: 40px;
}
#home-page .content .how-it-works-section .btn-success.more-info-btn:hover {
  background: #439747;
}
#home-page .content .how-it-works-section .btn-success.more-info-btn:active {
  background: #2d6530;
}
#home-page .content .how-it-works-section .btn-success.more-info-btn.ui-state-disabled:hover, #home-page .content .how-it-works-section .btn-success.more-info-btn.ui-state-disabled:active {
  background: #66bb6a;
}
#home-page .content .how-it-works-section .btn-success.more-info-btn.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
@media (max-width: 767px) {
  #home-page .content .how-it-works-section .btn-success.more-info-btn {
    margin-top: 15px;
    margin-bottom: 20px;
  }
}
#home-page .content .all-readers .title-level-2 {
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  margin: 0;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #home-page .content .all-readers .title-level-2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #home-page .content .all-readers .title-level-2 {
    margin-top: 30px;
    margin-bottom: 10px;
  }
}
#home-page .content .all-readers .minor-btn.view-all-btn {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  display: block;
  width: auto;
}
#home-page .content .all-readers .minor-btn.view-all-btn:hover {
  background: #439747;
}
#home-page .content .all-readers .minor-btn.view-all-btn:active {
  background: #2d6530;
}
#home-page .content .all-readers .minor-btn.view-all-btn.ui-state-disabled:hover, #home-page .content .all-readers .minor-btn.view-all-btn.ui-state-disabled:active {
  background: #66bb6a;
}
#home-page .content .all-readers .minor-btn.view-all-btn.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#home-page .content .feedback-section .title-level-2 {
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  margin: 0;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #home-page .content .feedback-section .title-level-2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #home-page .content .feedback-section .title-level-2 {
    margin-top: 30px;
    margin-bottom: 15px;
  }
}
#home-page .content .latest-articles-section {
  padding: 40px 0;
  background-color: #e9ecef;
  margin-top: 70px;
}
@media (max-width: 767px) {
  #home-page .content .latest-articles-section {
    padding: 20px 0;
    margin-top: 60px;
  }
}
#home-page .content .latest-articles-section .title-level-2 {
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  margin: 0;
  margin: 10px 0 20px;
}
@media (max-width: 767px) {
  #home-page .content .latest-articles-section .title-level-2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #home-page .content .latest-articles-section .title-level-2 {
    margin-bottom: 15px;
  }
}
#home-page .content .latest-articles-section .col-3 {
  font-size: 0;
}
#home-page .content .latest-articles-section .col-3 img {
  width: 100%;
}
#home-page .content .latest-articles-section .col-3 h3 {
  font-size: 24px;
  margin: 7px 0 7px;
}
@media (max-width: 992px) {
  #home-page .content .latest-articles-section .col-3 h3 {
    font-size: 18px;
  }
}
#home-page .content .latest-articles-section .col-3 p {
  font-size: 14px;
  margin: 0;
}
#home-page .content .latest-articles-section .col-3 p a {
  color: #9575cd;
  font-weight: 600;
  transition: .2s;
  text-decoration: underline;
  cursor: pointer;
}
#home-page .content .latest-articles-section .col-3 p a:hover {
  color: #603ba1;
}
#home-page .content .latest-articles-section .col-3 p a:active {
  color: #331f57;
}
@media (max-width: 767px) {
  #home-page .content .latest-articles-section .col-3 {
    max-width: 400px;
    margin: 0 auto 30px;
    float: none;
    width: auto;
  }
}
#home-page .content .latest-articles-section .more-articles {
  text-align: center;
  margin-top: 30px;
}
#home-page .content .latest-articles-section .more-articles a {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
}
#home-page .content .latest-articles-section .more-articles a:hover {
  background: #439747;
}
#home-page .content .latest-articles-section .more-articles a:active {
  background: #2d6530;
}
#home-page .content .latest-articles-section .more-articles a.ui-state-disabled:hover, #home-page .content .latest-articles-section .more-articles a.ui-state-disabled:active {
  background: #66bb6a;
}
#home-page .content .latest-articles-section .more-articles a.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#home-page .content .horoscope-section {
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  #home-page .content .horoscope-section {
    padding-bottom: 2px;
  }
}
#home-page .content .horoscope-section .title-level-2 {
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  margin: 0;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #home-page .content .horoscope-section .title-level-2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #home-page .content .horoscope-section .title-level-2 {
    margin-top: 30px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  #home-page .content .horoscope-section .col-6 {
    float: none;
    width: auto;
    padding: 0;
    max-width: 500px;
    margin: auto;
  }
}
#home-page .content .horoscope-section .col-3 {
  text-align: center;
  padding-bottom: 30px;
}
#home-page .content .horoscope-section .col-3 img {
  width: 100%;
}
#home-page .content .horoscope-section .col-3 .horoscope-item-name {
  font-size: 14px;
  text-align: center;
  font-weight: 700;
}
@media (max-width: 767px) {
  #home-page .content .horoscope-section .col-3 .horoscope-item-name {
    font-size: 12px;
    font-weight: 600;
  }
}
#home-page .content .horoscope-section .horoscope-form {
  background: url(../img/colorful-back.jpg) 50% 50%;
  padding: 0 50px;
  padding-bottom: 50px;
  overflow: hidden;
  background-size: cover;
}
@media (max-width: 767px) {
  #home-page .content .horoscope-section .horoscope-form {
    padding: 0 20px 30px;
  }
}
#home-page .content .horoscope-section .horoscope-form h3 {
  font-size: 24px;
  color: #fff;
  font-weight: 300;
  max-width: 360px;
  margin: 30px auto;
  text-align: center;
}
#home-page .content .horoscope-section .horoscope-form h3 b {
  font-weight: 700;
}
#home-page .content .horoscope-section .horoscope-form .input-block {
  margin-top: 36px;
}
#home-page .content .horoscope-section .horoscope-form .birthday-title {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  margin-bottom: 6px;
}
#home-page .content .horoscope-section .horoscope-form .birthday-selects .select-block {
  float: left;
  width: 33.3333%;
}
#home-page .content .horoscope-section .horoscope-form .birthday-selects .select-block:not(:last-child) select {
  border-right: none;
}
#home-page .content .horoscope-section .horoscope-form .sign-up-block {
  text-align: center;
}
#home-page .content .horoscope-section .horoscope-form .sign-up-block .btn-success {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  width: 160px;
  margin-top: 30px;
}
#home-page .content .horoscope-section .horoscope-form .sign-up-block .btn-success:hover {
  background: #439747;
}
#home-page .content .horoscope-section .horoscope-form .sign-up-block .btn-success:active {
  background: #2d6530;
}
#home-page .content .horoscope-section .horoscope-form .sign-up-block .btn-success.ui-state-disabled:hover, #home-page .content .horoscope-section .horoscope-form .sign-up-block .btn-success.ui-state-disabled:active {
  background: #66bb6a;
}
#home-page .content .horoscope-section .horoscope-form .sign-up-block .btn-success.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
@media (max-width: 767px) {
  #home-page .content .horoscope-section .horoscope-form .sign-up-block .btn-success {
    width: auto;
  }
}

#psychics-page.visitor .adds-item {
  width: 25%;
  text-align: center;
  display: inline-block;
  float: none;
 /*
	&:nth-child(3),
	&:nth-child(4) {
		display: none;
	}
	*/
}
@media (max-width: 767px) {
  #psychics-page.visitor .adds-item {
    width: auto;
    display: block;
  }
}
#psychics-page.visitor .adds-item .major-part {
  height: auto !important;
}
#psychics-page.visitor .adds-item .major-part .major-text {
  position: static !important;
  transform: none !important;
}
#psychics-page.visitor .adds-item .minor-part {
  height: auto !important;
}

#psychics-page .content {
  /*____________________________________________________________*/
  /* HERO SECTION */
  /*____________________________________________________________*/
  /* ALL READERS */
}
#psychics-page .content .hero-section {
  background: url(../img/colorful-back.jpg) 50% -200px no-repeat;
  background-color: #a1498d;
  position: relative;
  font-size: 0;
  text-align: center;
}
@media (max-width: 767px) {
  #psychics-page .content .hero-section {
    height: auto;
    background-size: cover;
    background-position: 50% 0;
  }
}
#psychics-page .content .hero-section .adds {
  padding-top: 40px;
}
@media (max-width: 767px) {
  #psychics-page .content .hero-section .adds {
    padding-top: 10px;
  }
}
#psychics-page .content .hero-section .adds .adds-item {
  text-align: left;
  color: #fff;
}
#psychics-page .content .hero-section .adds .adds-item:nth-child(1) {
  cursor: pointer;
}
#psychics-page .content .hero-section .adds .adds-item:nth-child(2) {
  cursor: pointer;
}
@media (max-width: 767px) {
  #psychics-page .content .hero-section .adds .adds-item {
    width: auto;
    float: none;
    text-align: center;
    margin-bottom: 10px;
  }
  #psychics-page .content .hero-section .adds .adds-item:nth-child(3) {
    display: none;
  }
  #psychics-page .content .hero-section .adds .adds-item:nth-child(4) {
    display: none;
  }
}
#psychics-page .content .hero-section .adds .adds-item .major-part {
  font-size: 18px;
  background: rgba(0, 0, 0, 0.2);
  padding: 10px 15px;
  height: 40px;
  font-weight: 300;
}
#psychics-page .content .hero-section .adds .adds-item .major-part strong {
  display: block;
  font-weight: 700;
}
@media (max-width: 767px) {
  #psychics-page .content .hero-section .adds .adds-item .major-part {
    font-size: 0;
    height: auto;
  }
  #psychics-page .content .hero-section .adds .adds-item .major-part strong {
    font-size: 16px;
  }
}
#psychics-page .content .hero-section .adds .adds-item .minor-part {
  font-size: 12px;
  background: rgba(0, 0, 0, 0.4);
  height: 30px;
  padding: 13px 15px;
  overflow: hidden;
}
@media (max-width: 767px) {
  #psychics-page .content .hero-section .adds .adds-item .minor-part {
    display: none;
  }
}
#psychics-page .content .hero-section .adds .adds-item .minor-part .add-btn {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  background: #9575cd;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  font-size: 14px;
  display: block;
  text-align: center;
}
#psychics-page .content .hero-section .adds .adds-item .minor-part .add-btn:hover {
  background: #6d43b8;
}
#psychics-page .content .hero-section .adds .adds-item .minor-part .add-btn:active {
  background: #4e3084;
}
#psychics-page .content .hero-section .adds .adds-item .minor-part .add-btn.ui-state-disabled:hover, #psychics-page .content .hero-section .adds .adds-item .minor-part .add-btn.ui-state-disabled:active {
  background: #9575cd;
}
#psychics-page .content .hero-section .adds .adds-item .minor-part .add-btn.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
@media (max-width: 1200px) and (min-width: 767px) {
  #psychics-page .content .hero-section .adds .adds-item .major-part {
    font-size: 16px;
    height: 36px;
  }
}
@media (max-width: 992px) and (min-width: 767px) {
  #psychics-page .content .hero-section .adds .adds-item {
    text-align: center;
  }
  #psychics-page .content .hero-section .adds .adds-item .major-part {
    height: 74px;
    position: relative;
  }
  #psychics-page .content .hero-section .adds .adds-item .major-part .major-text {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
  }
  #psychics-page .content .hero-section .adds .adds-item .minor-part {
    height: 42px;
  }
  #psychics-page .content .hero-section .adds .adds-item .minor-part .add-btn {
    margin: 6px 0;
  }
}
#psychics-page .content .hero-section .title-level-1 {
  font-size: 60px;
  font-family: "Open Sans Condensed";
  font-weight: 300;
  max-width: 720px;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  margin: 0 auto;
  color: #fff;
  text-transform: uppercase;
  margin: 30px auto;
}
@media (max-width: 767px) {
  #psychics-page .content .hero-section .title-level-1 {
    font-size: 34px;
    max-width: 540px;
    margin: 14px auto;
  }
}
#psychics-page .content .hero-section .title-level-1 strong {
  display: block;
  font-weight: 700;
}
#psychics-page .content .hero-section .topics {
  color: #fff;
}
@media (max-width: 767px) {
  #psychics-page .content .hero-section .topics {
    overflow: hidden;
  }
}
#psychics-page .content .hero-section .topics .topics-list > li {
  display: inline-block;
  font-size: 14px;
  position: relative;
  vertical-align: bottom;
}
@media (max-width: 1200px) and (min-width: 992px) {
  #psychics-page .content .hero-section .topics .topics-list > li {
    font-size: 14px;
  }
}
@media (max-width: 992px) and (min-width: 767px) {
  #psychics-page .content .hero-section .topics .topics-list > li {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  #psychics-page .content .hero-section .topics .topics-list > li {
    font-size: 14px;
    margin: 0 5px 5px;
    display: block;
  }
}
#psychics-page .content .hero-section .topics .topics-list > li:last-child > div:not(.subtopics) {
  border-right: none !important;
}
#psychics-page .content .hero-section .topics .topics-list > li > div:not(.subtopics) > span:last-child {
  display: none;
}
#psychics-page .content .hero-section .topics .topics-list > li > div:not(.subtopics),
#psychics-page .content .hero-section .topics .topics-list > li > a {
  display: block;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  transition: .2s;
  position: relative;
  text-decoration: none;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}
@media (max-width: 992px) and (min-width: 767px) {
  #psychics-page .content .hero-section .topics .topics-list > li > div:not(.subtopics),
  #psychics-page .content .hero-section .topics .topics-list > li > a {
    padding: 0 5px;
    text-transform: none;
  }
}
@media (max-width: 767px) {
  #psychics-page .content .hero-section .topics .topics-list > li > div:not(.subtopics),
  #psychics-page .content .hero-section .topics .topics-list > li > a {
    padding: 0 5px;
    height: 28px;
    line-height: 28px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    border-right: none;
  }
}
#psychics-page .content .hero-section .topics .topics-list > li > div:not(.subtopics):after,
#psychics-page .content .hero-section .topics .topics-list > li > a:after {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
}
@media (min-width: 767px) {
  #psychics-page .content .hero-section .topics .topics-list > li > div:not(.subtopics):hover,
  #psychics-page .content .hero-section .topics .topics-list > li > a:hover {
    background: rgba(255, 255, 255, 0.2);
  }
  #psychics-page .content .hero-section .topics .topics-list > li > div:not(.subtopics):hover + .subtopics,
  #psychics-page .content .hero-section .topics .topics-list > li > a:hover + .subtopics {
    display: block !important;
  }
}
#psychics-page .content .hero-section .topics .topics-list > li.active > div:not(.subtopics) {
  background: rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  #psychics-page .content .hero-section .topics .topics-list > li.active > div:not(.subtopics) {
    background: rgba(0, 0, 0, 0.8);
  }
}
#psychics-page .content .hero-section .topics .topics-list > li.active > div:not(.subtopics) > span:last-child {
  display: inline;
}
#psychics-page .content .hero-section .topics .topics-list > li.active > div:not(.subtopics) > span:last-child:before {
  content: ">";
  margin: 0 4px;
}
#psychics-page .content .hero-section .topics .subtopics {
  display: none;
  position: absolute;
  left: 0;
  top: 30px;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  border-top: 2px solid #000;
}
@media (max-width: 767px) {
  #psychics-page .content .hero-section .topics .subtopics {
    width: auto !important;
  }
}
@media (min-width: 767px) {
  #psychics-page .content .hero-section .topics .subtopics {
    width: 180px !important;
    height: auto !important;
    opacity: 1 !important;
    padding-right: 1px !important;
  }
  #psychics-page .content .hero-section .topics .subtopics:hover {
    display: block !important;
  }
}
#psychics-page .content .hero-section .topics .subtopics .wrapper {
  width: auto;
}
@media (max-width: 1200px) {
  #psychics-page .content .hero-section .topics .subtopics {
    top: 30px;
  }
}
@media (max-width: 767px) {
  #psychics-page .content .hero-section .topics .subtopics {
    position: static;
    display: none;
    top: 28px;
    background: rgba(255, 255, 255, 0.2);
  }
}
#psychics-page .content .hero-section .topics .subtopics .subtopics-list {
  font-size: 0;
}
#psychics-page .content .hero-section .topics .subtopics .subtopics-list li {
  font-size: 14px;
  display: block;
  text-align: left;
}
@media (max-width: 767px) {
  #psychics-page .content .hero-section .topics .subtopics .subtopics-list li {
    display: block;
    text-align: center;
  }
}
#psychics-page .content .hero-section .topics .subtopics .subtopics-list li:first-child a {
  border-top: none !important;
}
#psychics-page .content .hero-section .topics .subtopics .subtopics-list li a {
  display: block;
  line-height: 16px;
  color: #37474f;
  transition: .2s;
  position: relative;
  text-transform: none;
  text-decoration: none;
  padding: 5px 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 767px) {
  #psychics-page .content .hero-section .topics .subtopics .subtopics-list li a {
    padding: 0 10px;
    width: auto;
    line-height: 30px;
    color: #fff;
  }
}
#psychics-page .content .hero-section .topics .subtopics .subtopics-list li a:after {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
}
#psychics-page .content .hero-section .topics .subtopics .subtopics-list li a:hover {
  color: #37474f;
  background: #f0f2f4;
}
#psychics-page .content .hero-section .topics .subtopics .subtopics-list li a:active {
  background: #b5bfc9;
}
@media (max-width: 767px) {
  #psychics-page .content .hero-section .topics .subtopics .subtopics-list li a:active {
    background: #000;
  }
}
#psychics-page .content .hero-section .topics .subtopics .subtopics-list li.active a {
  color: #37474f;
  text-decoration: none;
  background: #f0f2f4;
}
#psychics-page .content .all-readers {
  margin-top: 30px;
}
#psychics-page .content .all-readers .title-level-2 {
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  margin: 0;
  margin-top: 50px;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  #psychics-page .content .all-readers .title-level-2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #psychics-page .content .all-readers .title-level-2 {
    margin-top: 30px;
    margin-bottom: 10px;
  }
}
#psychics-page .content .feedback-section {
  padding-bottom: 70px;
}
#psychics-page .content .feedback-section .title-level-2 {
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  margin: 0;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #psychics-page .content .feedback-section .title-level-2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #psychics-page .content .feedback-section .title-level-2 {
    margin-top: 30px;
    margin-bottom: 15px;
  }
}

#article-page .content .article-col {
  padding-top: 70px;
}
@media (max-width: 767px) {
  #article-page .content .article-col {
    width: auto;
    float: none;
    padding-top: 25px;
  }
}
#article-page .content .article-col .author-block {
  font-size: 0;
}
#article-page .content .article-col .author-block .author-img {
  width: 45px;
  height: 45px;
  background-size: cover;
  overflow: hidden;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}
#article-page .content .article-col .author-block .reader-name {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}
#article-page .content .article-col .author-block .reader-name a {
  color: #9575cd;
  font-weight: 600;
  transition: .2s;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
}
#article-page .content .article-col .author-block .reader-name a:hover {
  color: #603ba1;
}
#article-page .content .article-col .author-block .reader-name a:active {
  color: #331f57;
}
#article-page .content .article-col .article-title {
  font-size: 60px;
  font-family: "Open Sans Condensed";
  text-transform: uppercase;
  margin: 5px 0 20px;
}
@media (max-width: 767px) {
  #article-page .content .article-col .article-title {
    font-size: 42px;
    margin: 5px 0 8px;
  }
}
#article-page .content .article-col .article-image img {
  width: 100%;
}
#article-page .content .article-col p {
  font-size: 16px;
  margin: 15px 0;
  line-height: 1.35;
}
@media (min-width: 1200px) {
  #article-page .content .article-col .article-reader {
    display: block;
    position: relative;
    font-size: 0;
    color: #37474f;
    /*____________________________________________________________*/
    /* STATES */
    /*____________________________________________________________*/
    /* AVA */
    width: 100% !important;
    margin-bottom: 70px !important;
  }
  #article-page .content .article-col .article-reader.has-gift .present {
    display: block;
  }
  #article-page .content .article-col .article-reader.not-available .notify-btn {
    display: inline-block !important;
  }
  #article-page .content .article-col .article-reader.not-available .chat-btn,
  #article-page .content .article-col .article-reader.not-available .call-btn {
    display: none !important;
  }
  #article-page .content .article-col .article-reader.online .online-status {
    color: #66bb6a !important;
  }
  #article-page .content .article-col .article-reader.online .online-status:before {
    background: #66bb6a !important;
  }
  #article-page .content .article-col .article-reader.online .online-status:after {
    content: "Online" !important;
  }
  #article-page .content .article-col .article-reader.busy.online .online-status {
    color: #ffa000 !important;
  }
  #article-page .content .article-col .article-reader.busy.online .online-status:before {
    background: #ffa000 !important;
  }
  #article-page .content .article-col .article-reader.busy.online .online-status:after {
    content: "Busy" !important;
  }
  #article-page .content .article-col .article-reader.premier .premium-status {
    display: block !important;
  }
  #article-page .content .article-col .article-reader.favourite .favourite-link {
    color: #9575cd !important;
  }
  #article-page .content .article-col .article-reader.favourite .favourite-link:after {
    content: "Favorite Reader" !important;
    text-decoration: none !important;
  }
  #article-page .content .article-col .article-reader.favourite .favourite-link .icon-heart {
    display: none !important;
  }
  #article-page .content .article-col .article-reader.favourite .favourite-link .icon-heart-full {
    display: inline !important;
  }
  #article-page .content .article-col .article-reader .ava-part {
    width: 270px;
    font-size: 0;
    background: #000;
    min-height: 210px;
    background: 50% 50%;
    background-size: cover;
    position: relative;
    display: block;
  }
  #article-page .content .article-col .article-reader .ava-part img {
    display: none;
  }
  #article-page .content .article-col .article-reader .ava-part .reader-zodiac {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 14px;
    color: #fff;
    box-sizing: border-box;
    padding: 30px 10px 9px;
    font-weight: bold;
    background: linear-gradient(to bottom, transparent 0%, rgba(75, 59, 103, 0.5) 100%);
  }
  #article-page .content .article-col .article-reader .present {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    height: 70px;
    z-index: 200;
    width: 270px;
  }
  #article-page .content .article-col .article-reader .present .present-link {
    padding: 9px;
    font-size: 16px;
    animation: background-pulse 10s infinite;
    transition: .2s;
    font-weight: 700;
    text-align: center;
    color: #fff;
  }
  #article-page .content .article-col .article-reader .present .present-link .icon-present {
    font-size: 30px;
    display: inline-block;
    margin-right: 7px;
    vertical-align: -6px;
    color: #fff;
  }
  #article-page .content .article-col .article-reader .present .present-link:hover {
    cursor: pointer;
    animation-duration: 1s;
    background: rgba(0, 0, 0, 0.5);
  }
  #article-page .content .article-col .article-reader .present .present-link:hover .icon-present {
    animation-duration: 1s;
  }
  #article-page .content .article-col .article-reader .present-popup {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ff5e07;
    background: radial-gradient(ellipse at center, #89cb8c 0%, #54b359 100%);
    z-index: 200;
    font-weight: 600;
    color: #fff;
    border: 2px solid #66bb6a;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }
  #article-page .content .article-col .article-reader .present-popup .icon-cross {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px;
    cursor: pointer;
    transition: .2s;
    z-index: 2;
  }
  #article-page .content .article-col .article-reader .present-popup .icon-cross:hover {
    color: white;
    background: rgba(255, 255, 255, 0.2);
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    width: 420px;
    margin: auto;
    left: 0;
    right: 0;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .message {
    padding: 0 40px 20px;
    text-align: center;
    font-size: 24px;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns {
    text-align: center;
    font-size: 14px;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #459a49;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    padding: 0 40px;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:hover,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:hover {
    background: #2f6931;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:active,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:active {
    background: #19371a;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #459a49;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.disabled,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ff9c0b;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    padding: 0 40px;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:hover,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:hover {
    background: #c27400;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:active,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:active {
    background: #7b4900;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ff9c0b;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.disabled,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn {
    margin-right: 5px;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  #article-page .content .article-col .article-reader .info-part {
    position: absolute;
    left: 270px;
    top: 0;
    right: 0;
    bottom: 0;
    background: #f0f2f4;
    border: 2px solid #e2e7ea;
    border-top: none;
    border-left: none;
    /*____________________________________________________________*/
    /* TOP INFO */
    /*____________________________________________________________*/
    /* MAJOR INFO */
  }
  #article-page .content .article-col .article-reader .info-part .top-info {
    background: #dee3e7;
    position: relative;
    height: 30px;
    /* Status bar*/
    /* Reader name */
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar {
    margin-left: 520px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .online-status {
    float: left;
    margin-right: 10px;
    display: inline-block;
    color: #90a4ae;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .online-status:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #90a4ae;
    border-radius: 50%;
    margin-right: 3px;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .online-status:after {
    content: "Offline";
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .premium-status {
    float: left;
    color: #7986CB;
    margin-right: 10px;
    margin-left: 10px;
    display: none;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .premium-status .icon-diamond {
    margin-right: 3px;
    font-size: 13px;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .premium-status:after {
    content: "Premier Reader";
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .favourite-status {
    float: left;
    overflow: hidden;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .favourite-status .favourite-link {
    color: #90a4ae;
    line-height: 30px;
    display: block;
    padding: 0 10px;
    transition: .2s;
    position: relative;
    text-decoration: none;
    font-weight: 700;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .favourite-status .favourite-link:hover {
    background: #dde2e6;
    color: #8966c8;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .favourite-status .favourite-link:active {
    background: #c6cdd5;
    color: #7248bd;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .favourite-status .favourite-link:after {
    content: "Add to Favorites";
    text-decoration: underline;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart {
    margin-right: 2px;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    display: none;
    margin-right: 3px;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart,
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    font-size: 12px;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .reader-name {
    text-transform: uppercase;
    display: inline;
    position: absolute;
    left: -10px;
    top: 0;
    margin-left: 30px;
    font-size: 18px;
    font-weight: 700;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .reader-name .name-link {
    color: #9575cd;
    line-height: 30px;
    display: block;
    padding: 0 10px;
    transition: .2s;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .reader-name .name-link:hover {
    background: #dde2e6;
    color: #8966c8;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .reader-name .name-link:active {
    background: #c6cdd5;
    color: #7248bd;
  }
  #article-page .content .article-col .article-reader .info-part .major-info {
    left: 30px;
    top: 50%;
    position: absolute;
    margin-top: 13px;
    transform: translateY(-50%);
    /* First info */
    /* Second info */
  }
  #article-page .content .article-col .article-reader .info-part .major-info .first-info {
    width: 420px;
    float: left;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .first-info .brief-info {
    font-size: 18px !important;
    font-weight: 700;
    color: #37474f;
    line-height: 1.25 !important;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .first-info .brief-info * {
    font-size: 18px !important;
    margin: 0;
    line-height: 1.25 !important;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .first-info .reader-tag-list {
    font-size: 14px;
    margin-top: 12px;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .first-info .reader-tag-list .reader-tag {
    display: block;
    margin: 4px 0;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .first-info .reader-tag-list .reader-tag:before {
    content: "\2014";
    margin-right: 4px;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info {
    margin-left: 490px;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .info-list {
    overflow: hidden;
    padding-top: 5px;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .info-list .info-item {
    float: left;
    display: block;
    margin-right: 40px;
    font-size: 14px;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .info-list .info-item .info-number {
    font-weight: 700;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions {
    margin-top: 20px;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .duplicate-action-btns {
    display: none;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success,
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #66bb6a;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success:hover,
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success:hover {
    background: #439747;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success:active,
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success:active {
    background: #2d6530;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #66bb6a;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-success.disabled,
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn,
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ffb74d;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:hover,
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:hover {
    background: #ff9a06;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:active,
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:active {
    background: #bd7100;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ffb74d;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.disabled,
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn {
    margin-right: 5px;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #66bb6a;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #66bb6a;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn:hover {
    border: 2px solid #439747;
    color: #439747;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn:active {
    border: 2px solid #2d6530;
    color: #2d6530;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .actions-description {
    font-size: 14px;
    margin-top: 5px;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .actions-description .reading-price {
    display: inline-block;
    margin-right: 16px;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .actions-description .special-chat-offer {
    display: inline-block;
    font-weight: 700;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions .reader-email {
    font-size: 0;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar {
    margin-left: 0;
    display: inline-block;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .online-status {
    margin-left: 16px;
    margin-right: 4px;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .online-status:after {
    content: "" !important;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .online-status:before {
    margin-right: 0;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .premium-status {
    margin: 0;
    position: relative;
    z-index: 10;
    margin-right: 4px;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .premium-status .icon-diamond {
    margin-right: 0;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .premium-status:after {
    content: "";
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .favourite-status {
    position: absolute;
    left: 386px;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .reader-name {
    display: inline-block;
    font-size: 14px;
    position: static;
    vertical-align: top;
    margin-left: 0;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .reader-name .name-link {
    padding: 0;
  }
  #article-page .content .article-col .article-reader .info-part .major-info {
    left: 15px;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .first-info {
    width: 340px;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .first-info .brief-info {
    font-size: 18px;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info {
    margin-left: 380px;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .info-list {
    overflow: hidden;
    padding-top: 2px;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .info-list .info-item {
    margin-right: 20px;
  }
  #article-page .content .article-col .article-reader .ava-part {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
  }
  #article-page .content .article-col .article-reader .info-part {
    bottom: auto;
    position: relative;
    width: 466px;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .online-status {
    margin-left: 12px;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .favourite-status {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    left: auto;
  }
  #article-page .content .article-col .article-reader .info-part .major-info {
    position: relative;
    transform: none;
    top: 0;
    left: 0;
    margin-left: 12px;
    margin-right: 6px;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .first-info {
    width: auto;
    float: none;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info {
    margin-left: 0;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .info-list {
    overflow: hidden;
    padding-top: 8px;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .info-list .info-item {
    margin-right: 30px;
  }
  #article-page .content .article-col .article-reader .info-part .major-info .second-info .major-actions {
    margin-top: 12px;
    padding-bottom: 14px;
  }
  #article-page .content .article-col .article-reader .info-part {
    left: 0 !important;
    margin-left: 270px !important;
    width: auto !important;
  }
}
@media (max-width: 1200px) {
  #article-page .content .article-col .article-reader {
    display: block;
    position: relative;
    padding: 10px;
    border-top: 1px solid #e2e7ea;
    overflow: hidden;
    /*____________________________________________________________*/
    /* STATES */
    margin-bottom: 50px !important;
  }
  #article-page .content .article-col .article-reader.has-gift {
    padding-top: 50px;
  }
  #article-page .content .article-col .article-reader.has-gift .present {
    display: block;
  }
  #article-page .content .article-col .article-reader.has-gift .top-info {
    top: 67px !important;
  }
  #article-page .content .article-col .article-reader.has-gift .ava-part:before {
    top: 60px !important;
  }
  #article-page .content .article-col .article-reader.has-gift .ava-part:after {
    top: 77px !important;
  }
  #article-page .content .article-col .article-reader.premier .premium-status {
    display: inline-block !important;
  }
  #article-page .content .article-col .article-reader.favourite .favourite-link {
    color: #9575cd !important;
    text-decoration: none !important;
  }
  #article-page .content .article-col .article-reader.favourite .favourite-link .icon-heart {
    display: none !important;
  }
  #article-page .content .article-col .article-reader.favourite .favourite-link .icon-heart-full {
    display: inline !important;
  }
  #article-page .content .article-col .article-reader.online .online-status {
    background: #66bb6a !important;
  }
  #article-page .content .article-col .article-reader.busy.online .online-status {
    background: #ffa000 !important;
  }
  #article-page .content .article-col .article-reader.not-available .call-btn,
  #article-page .content .article-col .article-reader.not-available .chat-btn {
    display: none !important;
  }
  #article-page .content .article-col .article-reader.not-available .ui-commandlink.ui-widget.notify-btn {
    display: inline-block !important;
  }
  #article-page .content .article-col .article-reader .present {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: none;
    z-index: 101;
  }
  #article-page .content .article-col .article-reader .present .present-link {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    animation: background-pulse 10s infinite;
    transition: .2s;
    font-weight: 700;
    font-size: 0;
  }
  #article-page .content .article-col .article-reader .present .present-link .icon-present {
    font-size: 30px;
    display: inline-block;
    color: #fff;
    vertical-align: -6px;
  }
  #article-page .content .article-col .article-reader .present .present-link:hover {
    cursor: pointer;
    animation-duration: 1s;
    background: rgba(0, 0, 0, 0.5);
  }
  #article-page .content .article-col .article-reader .present .present-link:hover .icon-present {
    animation-duration: 1s;
  }
  #article-page .content .article-col .article-reader .present-popup {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ff5e07;
    background: radial-gradient(ellipse at center, #89cb8c 0%, #54b359 100%);
    z-index: 200;
    font-weight: 600;
    color: #fff;
    border: 2px solid #66bb6a;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }
  #article-page .content .article-col .article-reader .present-popup .icon-cross {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px;
    cursor: pointer;
    transition: .2s;
    z-index: 2;
  }
  #article-page .content .article-col .article-reader .present-popup .icon-cross:hover {
    color: white;
    background: rgba(255, 255, 255, 0.2);
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content {
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    margin: auto;
    left: 0;
    right: 20px;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .message {
    padding: 0 20px 7px;
    text-align: center;
    font-size: 14px;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns {
    text-align: center;
    font-size: 14px;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #459a49;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    font-size: 14px;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:hover,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:hover {
    background: #2f6931;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success:active,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success:active {
    background: #19371a;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:hover, #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.ui-state-disabled:active,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:hover,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.ui-state-disabled:active {
    background: #459a49;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-success.disabled,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-success.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ff9c0b;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    font-size: 14px;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:hover,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:hover {
    background: #c27400;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn:active,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn:active {
    background: #7b4900;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover, #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.ui-state-disabled:active {
    background: #ff9c0b;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn.btn-warn.disabled,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn {
    margin-right: 5px;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn .icon-phone {
    margin-right: 3px;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .call-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .chat-btn .icon-bubbles2 {
    margin-right: 4px;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .ui-commandlink.ui-widget.notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .ui-commandlink.ui-widget.notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .ui-commandlink.ui-widget.notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .ui-commandlink.ui-widget.notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .ui-commandlink.ui-widget.notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .notify-btn:hover {
    border: 2px solid #dbdbdb;
    color: #dbdbdb;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .notify-btn:active {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns .notify-btn .icon-mail {
    font-size: 12px;
    margin-right: 4px;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns.not-available .notify-btn {
    display: inline-block;
  }
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns.not-available .chat-btn,
  #article-page .content .article-col .article-reader .present-popup .present-popup-content .major-action-btns.not-available .call-btn {
    display: none;
  }
  #article-page .content .article-col .article-reader:last-child {
    border-bottom: 1px solid #e2e7ea;
  }
  #article-page .content .article-col .article-reader .ava-part {
    width: 91px;
    font-size: 0;
    background: #ddd;
    height: 71px;
    background-position: 50% 50%;
    background-size: cover;
    display: block;
  }
  #article-page .content .article-col .article-reader .ava-part img {
    display: none;
  }
  #article-page .content .article-col .article-reader .ava-part:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 10px;
    top: 10px;
    background: #e9ecef;
  }
  #article-page .content .article-col .article-reader .ava-part:after {
    content: "\e901";
    display: block;
    position: absolute;
    right: 20px;
    top: 27px;
    color: #37474f;
    z-index: 1;
    font-size: 17px;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  #article-page .content .article-col .article-reader .info-part {
    font-size: 14px;
  }
  #article-page .content .article-col .article-reader .info-part .top-info {
    position: absolute;
    top: 10px;
    left: 101px;
    height: 60px;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar {
    font-size: 0;
    padding-left: 8px;
    padding-bottom: 3px;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .online-status {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #90a4ae;
    margin-right: 3px;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .premium-status {
    color: #7986CB;
    vertical-align: 1px;
    display: none;
    margin-right: 3px;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .premium-status .icon-diamond {
    font-size: 12px;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .favourite-status {
    font-size: 12px;
    display: inline-block;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .favourite-status .favourite-link {
    color: #9575cd;
    text-decoration: none;
    display: inline-block;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .status-bar .favourite-status .favourite-link .icon-heart-full {
    display: none;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .reader-name {
    font-size: 14px;
    font-weight: 700;
    padding-left: 8px;
  }
  #article-page .content .article-col .article-reader .info-part .top-info .reader-name .name-link {
    color: #000;
    text-decoration: none;
  }
  #article-page .content .article-col .article-reader .major-info .first-info {
    display: none;
    font-size: 14px;
  }
  #article-page .content .article-col .article-reader .major-info .first-info .brief-info {
    font-weight: 700;
    margin-top: 4px;
    height: auto !important;
  }
  #article-page .content .article-col .article-reader .major-info .first-info .reader-tag-list .reader-tag {
    margin: 4px 0;
    display: block;
  }
  #article-page .content .article-col .article-reader .major-info .first-info .reader-tag-list .reader-tag:before {
    content: "\2014";
    margin-right: 3px;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .info-list {
    font-size: 0;
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    height: 89px;
    z-index: 100;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .ui-commandlink {
    display: block;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .duplicate-action-btns {
    font-size: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    display: none;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .duplicate-action-btns .dub-profile-btn {
    margin-right: 10px;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .duplicate-action-btns .dub-profile-btn,
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .duplicate-action-btns .dub-favourite-btn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #90a4ae;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    width: 145px;
    text-align: center;
    padding: 0;
    font-size: 14px;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .duplicate-action-btns .dub-profile-btn:hover,
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .duplicate-action-btns .dub-favourite-btn:hover {
    background: #68828f;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .duplicate-action-btns .dub-profile-btn:active,
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .duplicate-action-btns .dub-favourite-btn:active {
    background: #4a5c65;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .duplicate-action-btns .dub-profile-btn.ui-state-disabled:hover, #article-page .content .article-col .article-reader .major-info .second-info .major-actions .duplicate-action-btns .dub-profile-btn.ui-state-disabled:active,
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .duplicate-action-btns .dub-favourite-btn.ui-state-disabled:hover,
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .duplicate-action-btns .dub-favourite-btn.ui-state-disabled:active {
    background: #90a4ae;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .duplicate-action-btns .dub-profile-btn.disabled,
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .duplicate-action-btns .dub-favourite-btn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns {
    font-size: 0;
    margin-top: 5px;
    display: none;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .call-btn,
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .chat-btn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #66bb6a;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    width: 145px;
    text-align: center;
    padding: 0;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .call-btn:hover,
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .chat-btn:hover {
    background: #439747;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .call-btn:active,
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .chat-btn:active {
    background: #2d6530;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .call-btn.ui-state-disabled:hover, #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .call-btn.ui-state-disabled:active,
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .chat-btn.ui-state-disabled:hover,
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .chat-btn.ui-state-disabled:active {
    background: #66bb6a;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .call-btn.disabled,
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .chat-btn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn,
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #ffb74d;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    width: 145px;
    text-align: center;
    padding: 0;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:hover,
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:hover {
    background: #ff9a06;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn:active,
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn:active {
    background: #bd7100;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:hover, #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.ui-state-disabled:active,
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:hover,
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.ui-state-disabled:active {
    background: #ffb74d;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .call-btn.btn-warn.disabled,
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .chat-btn.btn-warn.disabled {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(144, 164, 174, 0.9);
    cursor: default;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .call-btn span,
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .chat-btn span {
    margin-right: 3px;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .call-btn {
    margin-right: 10px;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .call-btn + .call-btn {
    margin-right: 0;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .notify-btn {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 20px;
    background: none;
    color: #66bb6a;
    font-family: "Open Sans";
    text-decoration: none;
    transition: .2s;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #66bb6a;
    box-sizing: border-box;
    cursor: pointer;
    width: 100%;
    text-align: center;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .notify-btn:hover {
    border: 2px solid #439747;
    color: #439747;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .notify-btn:active {
    border: 2px solid #2d6530;
    color: #2d6530;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .notify-btn.disabled {
    background: #b0bec5;
    color: #4c626d;
    cursor: default;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .major-action-btns .notify-btn .icon-mail {
    margin-right: 4px;
    font-size: 13px;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .actions-description {
    padding: 10px;
    position: absolute;
    top: 37px;
    left: 100px;
    right: 0;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .actions-description .reading-price {
    margin-right: 70px;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .actions-description .special-chat-offer {
    font-weight: 700;
  }
  #article-page .content .article-col .article-reader .major-info .second-info .major-actions .reader-email {
    font-size: 0;
  }
  #article-page .content .article-col .article-reader.open {
    background: #fff8ee;
  }
  #article-page .content .article-col .article-reader.open .ava-part:after {
    transform: rotate(180deg);
    top: 25px;
  }
  #article-page .content .article-col .article-reader.open .major-info .first-info {
    display: block;
  }
  #article-page .content .article-col .article-reader.open .major-info .second-info .major-actions .duplicate-action-btns {
    display: block;
  }
  #article-page .content .article-col .article-reader.open .major-info .second-info .major-actions .major-action-btns {
    display: block;
  }
}
#article-page .content .aside-col {
  padding-top: 80px;
}
@media (max-width: 767px) {
  #article-page .content .aside-col {
    width: auto;
    float: none;
    padding-top: 0;
    padding-bottom: 50px;
  }
}
#article-page .content .aside-col .search-block {
  position: relative;
}
#article-page .content .aside-col .search-block input {
  border: none;
  height: 34px;
  padding: 0;
  border: 2px solid #90a4ae;
  background: #fff;
  box-sizing: border-box;
  width: 100%;
  padding-left: 12px;
  font-size: 14px;
  color: #fff;
}
#article-page .content .aside-col .search-block input:focus {
  outline: 5px solid rgba(149, 117, 205, 0.4);
}
#article-page .content .aside-col .search-block .search-btn {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #9575cd;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
}
#article-page .content .aside-col .search-block .search-btn:hover {
  background: #6d43b8;
}
#article-page .content .aside-col .search-block .search-btn:active {
  background: #4e3084;
}
#article-page .content .aside-col .search-block .search-btn.ui-state-disabled:hover, #article-page .content .aside-col .search-block .search-btn.ui-state-disabled:active {
  background: #9575cd;
}
#article-page .content .aside-col .search-block .search-btn.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#article-page .content .aside-col .links-block {
  background: #e9ecef;
  padding: 30px 20px;
  margin-top: 20px;
}
#article-page .content .aside-col .links-block .links-category {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
}
#article-page .content .aside-col .links-block .link-list:not(:last-child) {
  margin-bottom: 20px;
}
#article-page .content .aside-col .links-block .link-list li {
  display: block;
}
#article-page .content .aside-col .links-block .link-list li a {
  color: #9575cd;
  font-weight: 600;
  transition: .2s;
  text-decoration: underline;
  cursor: pointer;
  display: block;
  padding: 4px 20px;
}
#article-page .content .aside-col .links-block .link-list li a:hover {
  color: #603ba1;
}
#article-page .content .aside-col .links-block .link-list li a:active {
  color: #331f57;
}
@media (max-width: 992px) {
  #article-page .content .aside-col .links-block .link-list li a {
    padding: 4px 0;
  }
}
#article-page .content .aside-col .add-widget {
  margin-top: 20px;
}

#reader-profile-page .content {
  overflow: hidden;
  position: relative;
}
#reader-profile-page .content:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 185px;
  z-index: -1;
  background: url(../img/colorful-back.jpg);
  background-size: cover;
}
@media (max-width: 767px) {
  #reader-profile-page .content:after {
    height: 100px;
  }
}
#reader-profile-page .content .full-reader-info {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 50px;
  background: #eee;
}
@media (max-width: 767px) {
  #reader-profile-page .content .full-reader-info {
    width: auto;
    float: none;
  }
}
#reader-profile-page .content .full-reader-info .video-part {
  margin-bottom: 20px;
}
#reader-profile-page .content .full-reader-info .video-part iframe {
  width: 770px;
  height: 433px;
}
@media (max-width: 1200px) and (min-width: 992px) {
  #reader-profile-page .content .full-reader-info .video-part iframe {
    width: 631px;
    height: 374px;
  }
}
@media (max-width: 992px) and (min-width: 767px) {
  #reader-profile-page .content .full-reader-info .video-part iframe {
    width: 482px;
    height: 271px;
  }
}
@media (max-width: 767px) {
  #reader-profile-page .content .full-reader-info .video-part iframe {
    width: 290px;
    height: 163px;
  }
}
#reader-profile-page .content .full-reader-info .full-info-subtitle {
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  margin: 0;
  margin: 0 !important;
  text-align: left;
  line-height: 1.3 !important;
}
@media (max-width: 767px) {
  #reader-profile-page .content .full-reader-info .full-info-subtitle {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #reader-profile-page .content .full-reader-info .full-info-subtitle {
    margin-top: 30px;
    margin-bottom: 10px;
  }
}
#reader-profile-page .content .full-reader-info .experience-info {
  background: #e9ecef;
  padding: 30px;
}
#reader-profile-page .content .full-reader-info .experience-info .full-info-subtitle {
  margin-top: 10px;
  line-height: 70px;
}
#reader-profile-page .content .full-reader-info .experience-info ul li {
  display: block;
  margin: 0 0 6px 0;
}
#reader-profile-page .content .full-reader-info .experience-info ul li:before {
  content: "\2014";
  margin-right: 4px;
}
#reader-profile-page .content .aside-col {
  padding-top: 50px;
}
@media (max-width: 767px) {
  #reader-profile-page .content .aside-col {
    width: auto;
    float: none;
    padding-top: 20px;
  }
}
#reader-profile-page .content .aside-col .feedback-widget .row.feedback-snippets {
  margin-top: 0;
}
#reader-profile-page .content .aside-col .feedback-widget .row.feedback-snippets .col-4 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 15px;
}
#reader-profile-page .content .feedback-section {
  padding-bottom: 70px;
}
#reader-profile-page .content .feedback-section .feedback-title {
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  margin: 0;
  margin-top: 50px;
  margin-bottom: 20px;
  line-height: 1.3 !important;
}
@media (max-width: 767px) {
  #reader-profile-page .content .feedback-section .feedback-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #reader-profile-page .content .feedback-section .feedback-title {
    margin-top: 30px;
    margin-bottom: 10px;
  }
}

#horoscopes-page .content .all-readers {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  #horoscopes-page .content .all-readers {
    padding: 0 0 30px;
  }
}
#horoscopes-page .content .hero-section {
  overflow: hidden;
  background: url(../img/colorful-back.jpg) 50% 50% no-repeat;
  color: #fff;
}
#horoscopes-page .content .hero-section .horoscopes-title {
  font-size: 60px;
  font-family: "Open Sans Condensed";
  font-weight: 300;
  max-width: 800px;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  margin: 0 auto;
  text-transform: uppercase;
  margin: 50px auto;
  text-align: center;
}
@media (max-width: 767px) {
  #horoscopes-page .content .hero-section .horoscopes-title {
    font-size: 45px;
    max-width: 540px;
    margin: 20px auto;
  }
}
#horoscopes-page .content .hero-section .horoscopes-title strong {
  display: block;
  font-weight: 700;
}
#horoscopes-page .content .horoscopes-section {
  background-size: 1280px;
}
#horoscopes-page .content .horoscopes-section .wrapper {
  padding: 60px 0 0;
}
@media (max-width: 767px) {
  #horoscopes-page .content .horoscopes-section .wrapper .col-8 {
    width: 100%;
  }
  #horoscopes-page .content .horoscopes-section .wrapper .col-4 {
    width: 100%;
  }
  #horoscopes-page .content .horoscopes-section .wrapper .add-widget {
    margin-top: 20px;
  }
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu {
  padding: 0;
  border-left: 1px solid #e2e7ea;
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu:after {
  content: "";
  display: block;
  clear: both;
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li {
  display: block;
  float: left;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  width: 16.666%;
}
@media (max-width: 1200px) {
  #horoscopes-page .content .horoscopes-section .horoscopes-menu li {
    width: 25%;
  }
}
@media (max-width: 992px) {
  #horoscopes-page .content .horoscopes-section .horoscopes-menu li {
    width: 33.333%;
  }
}
@media (max-width: 767px) {
  #horoscopes-page .content .horoscopes-section .horoscopes-menu li {
    width: 50%;
  }
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(1) a {
  background-image: url("../img/horoscope 2 tr.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(1).active a {
  background-image: url("../img/horoscope 2 wh.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(2) a {
  background-image: url("../img/horoscope 3 tr.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(2).active a {
  background-image: url("../img/horoscope 3 wh.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(3) a {
  background-image: url("../img/horoscope 4 tr.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(3).active a {
  background-image: url("../img/horoscope 4 wh.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(4) a {
  background-image: url("../img/horoscope 5 tr.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(4).active a {
  background-image: url("../img/horoscope 5 wh.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(5) a {
  background-image: url("../img/horoscope 6 tr.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(5).active a {
  background-image: url("../img/horoscope 6 wh.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(6) a {
  background-image: url("../img/horoscope 7 tr.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(6).active a {
  background-image: url("../img/horoscope 7 wh.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(7) a {
  background-image: url("../img/horoscope 8 tr.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(7).active a {
  background-image: url("../img/horoscope 8 wh.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(8) a {
  background-image: url("../img/horoscope 9 tr.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(8).active a {
  background-image: url("../img/horoscope 9 wh.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(9) a {
  background-image: url("../img/horoscope 10 tr.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(9).active a {
  background-image: url("../img/horoscope 10 wh.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(10) a {
  background-image: url("../img/horoscope 11 tr.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(10).active a {
  background-image: url("../img/horoscope 11 wh.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(11) a {
  background-image: url("../img/horoscope 12 tr.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(11).active a {
  background-image: url("../img/horoscope 12 wh.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(12) a {
  background-image: url("../img/horoscope 1 tr.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li:nth-child(12).active a {
  background-image: url("../img/horoscope 1 wh.png");
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li.active {
  z-index: 1;
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li.active a {
  box-shadow: 0 0 30px black inset;
  background-color: #333333;
  color: #fff;
  cursor: default;
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li.active a .horoscope-item-name {
  text-decoration: none;
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li.active a:hover {
  color: #fff;
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li a {
  color: #9575cd;
  font-weight: 600;
  transition: .2s;
  text-decoration: underline;
  cursor: pointer;
  display: block;
  background-size: 40px;
  line-height: 50px;
  padding-left: 48px;
  padding-right: 15px;
  text-decoration: none;
  background-repeat: no-repeat;
  border-top: 1px solid #e2e7ea;
  border-right: 1px solid #e2e7ea;
  background-position: 5px 5px;
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li a:hover {
  color: #603ba1;
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li a:active {
  color: #331f57;
}
@media (max-width: 767px) {
  #horoscopes-page .content .horoscopes-section .horoscopes-menu li a {
    padding-left: 55px;
  }
}
#horoscopes-page .content .horoscopes-section .horoscopes-menu li a .horoscope-item-name {
  font-size: 14px;
  text-decoration: underline;
}
#horoscopes-page .content .horoscopes-section .horoscope-text {
  position: relative;
  padding: 20px;
  background: #e9ecef;
  line-height: 1.45;
}
#horoscopes-page .content .horoscopes-section .horoscope-text .period-menu {
  padding: 0;
  margin: 0;
  border-top: none;
  font-size: 0;
  margin-bottom: 2px;
}
#horoscopes-page .content .horoscopes-section .horoscope-text .period-menu:after {
  content: "";
  display: block;
  clear: both;
}
#horoscopes-page .content .horoscopes-section .horoscope-text .period-menu li {
  display: inline-block;
  text-align: center;
  position: relative;
  margin: 0 8px 10px 0;
  background: #fff;
}
@media (max-width: 992px) {
  #horoscopes-page .content .horoscopes-section .horoscope-text .period-menu li {
    width: 212px;
  }
}
@media (max-width: 767px) {
  #horoscopes-page .content .horoscopes-section .horoscope-text .period-menu li {
    width: auto;
    display: block;
    margin-right: 0;
  }
}
#horoscopes-page .content .horoscopes-section .horoscope-text .period-menu li.active a {
  text-decoration: none !important;
  color: #fff !important;
  cursor: default;
  box-shadow: 0 0 20px black inset;
  background: #404040;
}
#horoscopes-page .content .horoscopes-section .horoscope-text .period-menu li a {
  color: #9575cd;
  font-weight: 600;
  transition: .2s;
  text-decoration: underline;
  cursor: pointer;
  display: block;
  padding: 0 20px;
  font-size: 14px;
  background: #a089c7;
  color: #fff !important;
  line-height: 28px;
}
#horoscopes-page .content .horoscopes-section .horoscope-text .period-menu li a:hover {
  color: #603ba1;
}
#horoscopes-page .content .horoscopes-section .horoscope-text .period-menu li a:active {
  color: #331f57;
}
#horoscopes-page .content .horoscopes-section .horoscope-text .period-menu li a img {
  width: 50px;
}
#horoscopes-page .content .horoscopes-section .horoscope-text .period-menu li a .horoscope-item-name {
  font-size: 14px;
  margin-bottom: 8px;
}
#horoscopes-page .content .horoscopes-section .horoscope-text .smaller-period-menu {
  overflow: hidden;
  margin-left: -7px;
}
#horoscopes-page .content .horoscopes-section .horoscope-text .smaller-period-menu li {
  float: left;
  display: block;
}
#horoscopes-page .content .horoscopes-section .horoscope-text .smaller-period-menu li a {
  color: #9575cd;
  font-weight: 600;
  transition: .2s;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
  padding: 2px 7px;
  display: inline-block;
}
#horoscopes-page .content .horoscopes-section .horoscope-text .smaller-period-menu li a:hover {
  color: #603ba1;
}
#horoscopes-page .content .horoscopes-section .horoscope-text .smaller-period-menu li a:active {
  color: #331f57;
}
#horoscopes-page .content .horoscopes-section .horoscope-text .smaller-period-menu li a p {
  margin: 0 !important;
}
#horoscopes-page .content .horoscopes-section .horoscope-text .smaller-period-menu li.active a {
  cursor: default;
  background: #404040;
  color: #fff;
  text-decoration: none;
}
#horoscopes-page .content .horoscopes-section .horoscope-text .horoscope-text-date {
  font-size: 14px;
  font-weight: 700;
}
#horoscopes-page .content .horoscopes-section .horoscope-text .horoscope-text-header {
  font-size: 24px;
  font-weight: 800;
}
#horoscopes-page .content .horoscopes-section .horoscope-text .horoscope-text-author {
  font-size: 14px;
  font-weight: 700;
}
#horoscopes-page .content .horoscopes-section .horoscope-text p {
  margin: 10px 0;
}
@media (max-width: 767px) {
  #horoscopes-page .content .all-readers {
    margin-bottom: 10px;
    padding-bottom: 0;
  }
}
#horoscopes-page .content .all-readers .title-level-2 {
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  margin: 0;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #horoscopes-page .content .all-readers .title-level-2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #horoscopes-page .content .all-readers .title-level-2 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
}

#how-it-works-page .content {
  overflow: hidden;
}
#how-it-works-page .content:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 999px;
  z-index: -1;
  display: block;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%), url(../img/colorful-back.jpg) 50% 0 no-repeat;
  background-size: 100% 1000px;
}
#how-it-works-page .content .how-it-works-section .page-title {
  color: #fff;
  font-size: 60px;
  font-family: "Open Sans Condensed";
  font-weight: 300;
  max-width: 720px;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  margin: 0 auto;
  text-transform: uppercase;
  margin: 50px auto;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 767px) {
  #how-it-works-page .content .how-it-works-section .page-title {
    font-size: 45px;
    max-width: 540px;
    margin: 20px auto;
  }
}
@media (max-width: 767px) {
  #how-it-works-page .content .how-it-works-section .col-3,
  #how-it-works-page .content .how-it-works-section .col-6 {
    width: auto;
    float: none;
  }
}
#how-it-works-page .content .how-it-works-section .subtitle {
  font-size: 24px;
  margin-top: 40px;
  font-weight: 800;
  margin-bottom: 10px;
  text-align: left;
}
@media (max-width: 767px) {
  #how-it-works-page .content .how-it-works-section .subtitle {
    margin-top: 20px;
    margin-bottom: 0;
  }
}
#how-it-works-page .content .how-it-works-section .how-it-works-section {
  background-color: #e9ecef;
  overflow: hidden;
  text-align: center;
  padding-bottom: 55px;
}
@media (max-width: 767px) {
  #how-it-works-page .content .how-it-works-section .how-it-works-section {
    padding-bottom: 35px;
  }
}
#how-it-works-page .content .how-it-works-section .how-it-works-section .title-level-2 {
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  margin: 0;
  margin-top: 50px;
  margin-bottom: 30px;
  font-weight: 300;
}
@media (max-width: 767px) {
  #how-it-works-page .content .how-it-works-section .how-it-works-section .title-level-2 {
    font-size: 30px;
  }
}
#how-it-works-page .content .how-it-works-section .how-it-works-section .title-level-2 strong {
  font-weight: 700;
  display: block;
}
@media (max-width: 767px) {
  #how-it-works-page .content .how-it-works-section .how-it-works-section .title-level-2 {
    margin-top: 30px;
    margin-bottom: 5px;
  }
}
#how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list {
  text-align: center;
  font-weight: 600;
  padding-left: 16px;
  padding: 0;
}
@media (max-width: 767px) {
  #how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list {
    width: 300px;
    margin: 0 auto;
  }
}
#how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list .step {
  display: inline-block;
  width: 340px;
}
@media (max-width: 1200px) {
  #how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list .step {
    width: 240px;
  }
}
@media (max-width: 767px) {
  #how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list .step {
    margin-top: 10px;
    width: auto;
  }
}
#how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list .step .step-number {
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
  color: #fff;
  font-size: 40px;
  font-weight: 400;
  position: relative;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list .step .step-number {
    margin: 0;
    color: #fff;
    float: left;
    background: #9575cd;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-weight: 400;
    border: 0 solid #9575cd;
    font-size: 18px;
  }
}
#how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list .step .step-number:after {
  content: "";
  display: block;
  height: 5px;
  width: 270px;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  left: 79px;
}
@media (max-width: 1200px) {
  #how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list .step .step-number:after {
    width: 190px;
  }
}
@media (max-width: 767px) {
  #how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list .step .step-number:after {
    display: none;
  }
}
#how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list .step:last-child .step-number:after {
  display: none;
}
#how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list .step .step-description {
  font-size: 18px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  #how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list .step .step-description {
    text-align: left;
    margin: 4px 0 0 8px;
    float: left;
  }
}
#how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list .step:nth-child(1) .step-number {
  background: url(../img/colorful-back.jpg) -800px 0;
}
#how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list .step:nth-child(1) .step-number:after {
  background: url(../img/colorful-back.jpg) -830px 0;
}
#how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list .step:nth-child(2) .step-number {
  background: url(../img/colorful-back.jpg) -1090px 0;
}
#how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list .step:nth-child(2) .step-number:after {
  background: url(../img/colorful-back.jpg) -1120px 0;
}
#how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list .step:nth-child(3) .step-number {
  background: url(../img/colorful-back.jpg) -1380px 0;
}
@media (max-width: 1200px) {
  #how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list .step:nth-child(1) .step-number {
    background: url(../img/colorful-back.jpg) -800px 0;
  }
  #how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list .step:nth-child(1) .step-number:after {
    background: url(../img/colorful-back.jpg) -830px 0;
  }
  #how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list .step:nth-child(2) .step-number {
    background: url(../img/colorful-back.jpg) -1090px 0;
  }
  #how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list .step:nth-child(2) .step-number:after {
    background: url(../img/colorful-back.jpg) -1120px 0;
  }
  #how-it-works-page .content .how-it-works-section .how-it-works-section .steps-list .step:nth-child(3) .step-number {
    background: url(../img/colorful-back.jpg) -1380px 0;
  }
}
#how-it-works-page .content .all-readers {
  padding: 0 0 50px;
}
@media (max-width: 767px) {
  #how-it-works-page .content .all-readers {
    padding: 0 0 30px;
  }
}
#how-it-works-page .content .all-readers .readers-title {
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  margin: 0;
  margin-top: 50px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #how-it-works-page .content .all-readers .readers-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #how-it-works-page .content .all-readers .readers-title {
    margin-top: 30px;
    margin-bottom: 10px;
  }
}

#landing-page {
  padding-top: 0;
}

#landing-page .content {
  /*____________________________________________________________*/
  /* HERO SECTION */
  /*____________________________________________________________*/
  /* FEATURED READERS */
  /*____________________________________________________________*/
  /* FEATURED READERS */
  /*____________________________________________________________*/
  /* ALL READERS */
  /*____________________________________________________________*/
  /* FEEDBACK SECTION */
  /*____________________________________________________________*/
  /* FEEDBACK SECTION */
}
#landing-page .content .hero-section {
  background: url(../img/landing-hero.jpg) 50% 50% no-repeat !important;
  background-color: #59588f;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  #landing-page .content .hero-section {
    height: auto;
  }
}
#landing-page .content .hero-section .wrapper {
  overflow: hidden;
  height: 500px;
}
@media (max-width: 767px) {
  #landing-page .content .hero-section .wrapper {
    height: auto;
  }
}
#landing-page .content .hero-section .hero-title {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  #landing-page .content .hero-section .hero-title {
    transform: none;
    position: static;
  }
}
#landing-page .content .hero-section .hero-title .hero-logo {
  padding: 0 0 3px;
}
@media (max-width: 767px) {
  #landing-page .content .hero-section .hero-title .hero-logo {
    padding: 40px 20px 0;
  }
}
#landing-page .content .hero-section .hero-title .title-level-1 {
  font-size: 60px;
  font-family: "Open Sans Condensed";
  font-weight: 300;
  max-width: 720px;
  width: 100%;
  box-sizing: border-box;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 992px) and (min-width: 767px) {
  #landing-page .content .hero-section .hero-title .title-level-1 {
    font-size: 50px;
    max-width: 500px;
  }
}
@media (max-width: 767px) {
  #landing-page .content .hero-section .hero-title .title-level-1 {
    padding: 0 20px;
    font-size: 40px;
  }
}
#landing-page .content .hero-section .hero-title .title-level-1 strong {
  display: block;
  font-weight: 700;
}
#landing-page .content .hero-section .hero-title p {
  color: #fff;
  font-size: 20px;
  font-weight: 100;
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  #landing-page .content .hero-section .hero-title p {
    padding: 0 20px;
    font-size: 16px;
  }
}
#landing-page .content .hero-section .hero-title .choose-reader-btn {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
}
#landing-page .content .hero-section .hero-title .choose-reader-btn:hover {
  background: #439747;
}
#landing-page .content .hero-section .hero-title .choose-reader-btn:active {
  background: #2d6530;
}
#landing-page .content .hero-section .hero-title .choose-reader-btn.ui-state-disabled:hover, #landing-page .content .hero-section .hero-title .choose-reader-btn.ui-state-disabled:active {
  background: #66bb6a;
}
#landing-page .content .hero-section .hero-title .choose-reader-btn.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
@media (max-width: 767px) {
  #landing-page .content .hero-section .hero-title .choose-reader-btn {
    margin-left: 20px;
  }
}
#landing-page .content .hero-section .hero-info {
  width: 400px;
  margin: 0 0 0 auto;
  color: #fff;
  padding: 50px 0;
}
@media (max-width: 992px) {
  #landing-page .content .hero-section .hero-info {
    width: 300px;
  }
}
@media (max-width: 767px) {
  #landing-page .content .hero-section .hero-info {
    width: auto;
    margin: auto 20px;
    padding-top: 30px;
  }
}
#landing-page .content .hero-section .hero-info h2 {
  font-size: 32px;
  margin: 0 0 20px 0;
  font-weight: 800;
}
#landing-page .content .hero-section .hero-info p {
  font-weight: 300;
}
#landing-page .content .hero-section .hero-info ul li {
  display: block;
  font-weight: 600;
  margin: 6px 0;
}
#landing-page .content .hero-section .hero-info ul li:before {
  content: "\2014";
  margin-right: 4px;
}
#landing-page .content .hero-section .hero-add {
  right: 0;
  font-size: 0;
  text-align: center;
  padding: 0 10px;
  font-weight: 300;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  #landing-page .content .hero-section .hero-add {
    transform: none;
    height: auto;
    padding: 10px 20px;
    position: static;
    text-align: center;
    display: block;
  }
}
#landing-page .content .hero-section .hero-add .offer {
  font-size: 16px;
  line-height: 1.4;
  color: #fff;
  padding: 8px 14px;
  background: rgba(255, 255, 255, 0.2);
  margin: 10px 0;
}
@media (max-width: 767px) {
  #landing-page .content .hero-section .hero-add .offer {
    line-height: 1.4;
    font-size: 14px;
  }
}
#landing-page .content .hero-section .hero-add .offer strong {
  font-weight: 800;
  display: block;
}
#landing-page .content .hero-section .hero-add .offer a {
  color: #fff;
  font-weight: 600;
  transition: .2s;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 700;
}
#landing-page .content .hero-section .hero-add .offer a:hover {
  color: #e6e6e6;
}
#landing-page .content .hero-section .hero-add .offer a:active {
  color: #cccccc;
}
#landing-page .content .start-now-section {
  text-align: center;
}
#landing-page .content .start-now-section .centering-block {
  text-align: left;
  overflow: hidden;
  position: relative;
}
#landing-page .content .start-now-section .hero-info {
  margin-left: 220px;
}
@media (max-width: 767px) {
  #landing-page .content .start-now-section .hero-info {
    margin-left: 0;
    padding: 0 14px;
    text-align: center;
  }
}
#landing-page .content .start-now-section .hero-info h2 {
  font-size: 24px;
  font-weight: 800;
  margin: 60px 0 5px;
}
@media (max-width: 767px) {
  #landing-page .content .start-now-section .hero-info h2 {
    margin-top: 25px;
  }
}
#landing-page .content .start-now-section .hero-info p {
  margin: 0;
}
#landing-page .content .start-now-section .hero-info .choose-reader-btn {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  margin-top: 15px;
  margin-bottom: 60px;
}
#landing-page .content .start-now-section .hero-info .choose-reader-btn:hover {
  background: #439747;
}
#landing-page .content .start-now-section .hero-info .choose-reader-btn:active {
  background: #2d6530;
}
#landing-page .content .start-now-section .hero-info .choose-reader-btn.ui-state-disabled:hover, #landing-page .content .start-now-section .hero-info .choose-reader-btn.ui-state-disabled:active {
  background: #66bb6a;
}
#landing-page .content .start-now-section .hero-info .choose-reader-btn.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
@media (max-width: 767px) {
  #landing-page .content .start-now-section .hero-info .choose-reader-btn {
    margin-top: 15px;
    margin-bottom: 25px;
  }
}
#landing-page .content .start-now-section .five-star-readings {
  text-align: center;
  padding: 70px 0;
}
@media (max-width: 767px) {
  #landing-page .content .start-now-section .five-star-readings {
    position: static;
    margin: 25px auto 0;
    text-align: center;
    width: 320px;
  }
}
#landing-page .content .start-now-section .five-star-readings .stars .icon-star {
  font-size: 0;
  margin: 0 4px;
  display: inline-block;
  color: #ffa000;
}
@media (max-width: 767px) {
  #landing-page .content .start-now-section .five-star-readings .stars .icon-star {
    margin: 0 2px;
  }
}
#landing-page .content .start-now-section .five-star-readings .stars .icon-star:before {
  font-size: 48px;
}
@media (max-width: 767px) {
  #landing-page .content .start-now-section .five-star-readings .stars .icon-star:before {
    font-size: 32px;
  }
}
#landing-page .content .start-now-section .five-star-readings .review-number {
  font-weight: 700;
  text-align: center;
}
#landing-page .content .start-now-section .five-star-readings .review-label {
  margin-top: 15px;
  font-weight: 100;
}
@media (max-width: 767px) {
  #landing-page .content .start-now-section .five-star-readings .review-label {
    margin-top: 10px;
  }
}
#landing-page .content .featured-readers-section {
  padding-bottom: 35px;
}
@media (max-width: 767px) {
  #landing-page .content .featured-readers-section {
    padding-bottom: 28px;
  }
}
#landing-page .content .featured-readers-section .title-level-2 {
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  margin: 0;
  margin-top: 50px;
  margin-bottom: -10px;
}
@media (max-width: 767px) {
  #landing-page .content .featured-readers-section .title-level-2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #landing-page .content .featured-readers-section .title-level-2 {
    margin-top: 30px;
    margin-bottom: 10px;
  }
}
#landing-page .content .featured-readers-section .readers-list {
  overflow: hidden;
}
@media (min-width: 1200px) {
  #landing-page .content .featured-readers-section .readers-list .featured-reader {
    margin: 30px 0;
  }
}
@media (max-width: 1200px) and (min-width: 992px) {
  #landing-page .content .featured-readers-section .readers-list .featured-reader {
    margin: 30px 0;
  }
}
@media (max-width: 992px) and (min-width: 767px) {
  #landing-page .content .featured-readers-section .readers-list .featured-reader {
    margin: 30px 0;
  }
}
@media (max-width: 767px) {
  #landing-page .content .featured-readers-section .readers-list .featured-reader {
    margin: 10px auto;
  }
}
#landing-page .content .featured-readers-section .minor-btn.view-all-btn {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  display: block;
  width: auto;
  text-align: center;
}
#landing-page .content .featured-readers-section .minor-btn.view-all-btn:hover {
  background: #439747;
}
#landing-page .content .featured-readers-section .minor-btn.view-all-btn:active {
  background: #2d6530;
}
#landing-page .content .featured-readers-section .minor-btn.view-all-btn.ui-state-disabled:hover, #landing-page .content .featured-readers-section .minor-btn.view-all-btn.ui-state-disabled:active {
  background: #66bb6a;
}
#landing-page .content .featured-readers-section .minor-btn.view-all-btn.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
@media (max-width: 767px) {
  #landing-page .content .featured-readers-section .minor-btn.view-all-btn {
    margin: 0 10px;
  }
}
#landing-page .content .how-it-works-section {
  background-color: #e9ecef;
  overflow: hidden;
  text-align: center;
}
#landing-page .content .how-it-works-section .title-level-2 {
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  margin: 0;
  margin-top: 60px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  #landing-page .content .how-it-works-section .title-level-2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #landing-page .content .how-it-works-section .title-level-2 {
    margin-top: 30px;
    margin-bottom: 5px;
  }
}
#landing-page .content .how-it-works-section .steps-list {
  text-align: center;
  font-weight: 600;
  padding-left: 16px;
  padding: 0;
}
@media (max-width: 767px) {
  #landing-page .content .how-it-works-section .steps-list {
    width: 300px;
    margin: 0 auto;
  }
}
#landing-page .content .how-it-works-section .steps-list .step {
  display: inline-block;
  width: 340px;
}
@media (max-width: 1200px) {
  #landing-page .content .how-it-works-section .steps-list .step {
    width: 240px;
  }
}
@media (max-width: 767px) {
  #landing-page .content .how-it-works-section .steps-list .step {
    margin-top: 10px;
    width: auto;
    width: 220px;
  }
}
#landing-page .content .how-it-works-section .steps-list .step .step-number {
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
  color: #fff;
  font-size: 40px;
  font-weight: 400;
  position: relative;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #landing-page .content .how-it-works-section .steps-list .step .step-number {
    margin: 0;
    color: #fff;
    float: left;
    background: #9575cd;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-weight: 400;
    border: 0 solid #9575cd;
    font-size: 18px;
  }
}
#landing-page .content .how-it-works-section .steps-list .step .step-number:after {
  content: "";
  display: block;
  height: 5px;
  width: 270px;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  left: 79px;
}
@media (max-width: 1200px) {
  #landing-page .content .how-it-works-section .steps-list .step .step-number:after {
    width: 190px;
  }
}
@media (max-width: 767px) {
  #landing-page .content .how-it-works-section .steps-list .step .step-number:after {
    display: none;
  }
}
#landing-page .content .how-it-works-section .steps-list .step:last-child .step-number:after {
  display: none;
}
#landing-page .content .how-it-works-section .steps-list .step .step-description {
  font-size: 18px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  #landing-page .content .how-it-works-section .steps-list .step .step-description {
    text-align: left;
    margin: 4px 0 0 8px;
    float: left;
  }
}
#landing-page .content .how-it-works-section .steps-list .step:nth-child(1) .step-number {
  background: url(../img/colorful-back.jpg) -800px 0;
}
#landing-page .content .how-it-works-section .steps-list .step:nth-child(1) .step-number:after {
  background: url(../img/colorful-back.jpg) -830px 0;
}
#landing-page .content .how-it-works-section .steps-list .step:nth-child(2) .step-number {
  background: url(../img/colorful-back.jpg) -1090px 0;
}
#landing-page .content .how-it-works-section .steps-list .step:nth-child(2) .step-number:after {
  background: url(../img/colorful-back.jpg) -1120px 0;
}
#landing-page .content .how-it-works-section .steps-list .step:nth-child(3) .step-number {
  background: url(../img/colorful-back.jpg) -1380px 0;
}
@media (max-width: 1200px) {
  #landing-page .content .how-it-works-section .steps-list .step:nth-child(1) .step-number {
    background: url(../img/colorful-back.jpg) -800px 0;
  }
  #landing-page .content .how-it-works-section .steps-list .step:nth-child(1) .step-number:after {
    background: url(../img/colorful-back.jpg) -830px 0;
  }
  #landing-page .content .how-it-works-section .steps-list .step:nth-child(2) .step-number {
    background: url(../img/colorful-back.jpg) -1090px 0;
  }
  #landing-page .content .how-it-works-section .steps-list .step:nth-child(2) .step-number:after {
    background: url(../img/colorful-back.jpg) -1120px 0;
  }
  #landing-page .content .how-it-works-section .steps-list .step:nth-child(3) .step-number {
    background: url(../img/colorful-back.jpg) -1380px 0;
  }
}
#landing-page .content .how-it-works-section .btn-success.more-info-btn {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  margin-top: 35px;
  margin-bottom: 60px;
}
#landing-page .content .how-it-works-section .btn-success.more-info-btn:hover {
  background: #439747;
}
#landing-page .content .how-it-works-section .btn-success.more-info-btn:active {
  background: #2d6530;
}
#landing-page .content .how-it-works-section .btn-success.more-info-btn.ui-state-disabled:hover, #landing-page .content .how-it-works-section .btn-success.more-info-btn.ui-state-disabled:active {
  background: #66bb6a;
}
#landing-page .content .how-it-works-section .btn-success.more-info-btn.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
@media (max-width: 767px) {
  #landing-page .content .how-it-works-section .btn-success.more-info-btn {
    margin-top: 15px;
    margin-bottom: 35px;
  }
}
#landing-page .content .all-readers .title-level-2 {
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  margin: 0;
  margin-top: 50px;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  #landing-page .content .all-readers .title-level-2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #landing-page .content .all-readers .title-level-2 {
    margin-top: 30px;
    margin-bottom: 10px;
  }
}
#landing-page .content .feedback-section {
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  #landing-page .content .feedback-section {
    margin-bottom: 80px;
  }
}
#landing-page .content .feedback-section .title-level-2 {
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  margin: 0;
  margin-top: 50px;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  #landing-page .content .feedback-section .title-level-2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #landing-page .content .feedback-section .title-level-2 {
    margin-top: 30px;
    margin-bottom: 15px;
  }
}
#landing-page .content .present-section {
  background: #e9ecef;
  overflow: hidden;
}
#landing-page .content .present-section .present-text {
  padding: 90px 0;
  padding-left: 300px;
  position: relative;
  max-width: 680px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #landing-page .content .present-section .present-text {
    padding: 30px;
    text-align: center;
  }
}
#landing-page .content .present-section .present-text .icon-present {
  font-size: 160px;
  animation: pulse 10s infinite;
  position: absolute;
  top: 50%;
  left: 100px;
  margin-top: 5px;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  #landing-page .content .present-section .present-text .icon-present {
    position: static;
    transform: none;
    font-size: 120px;
  }
}
#landing-page .content .present-section .present-text .title-level-2 {
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  margin: 0;
  text-align: left;
}
@media (max-width: 767px) {
  #landing-page .content .present-section .present-text .title-level-2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #landing-page .content .present-section .present-text .title-level-2 {
    text-align: center;
    margin-top: 20px;
  }
}
#landing-page .content .present-section .present-text p {
  font-size: 24px;
  margin: 0;
}
@media (max-width: 767px) {
  #landing-page .content .present-section .present-text p {
    font-size: 18px;
  }
}
#landing-page .content .present-section .present-text .present-btn {
  margin-top: 30px;
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
}
#landing-page .content .present-section .present-text .present-btn:hover {
  background: #439747;
}
#landing-page .content .present-section .present-text .present-btn:active {
  background: #2d6530;
}
#landing-page .content .present-section .present-text .present-btn.ui-state-disabled:hover, #landing-page .content .present-section .present-text .present-btn.ui-state-disabled:active {
  background: #66bb6a;
}
#landing-page .content .present-section .present-text .present-btn.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}

#account-details .registration.content-section.container .row {
  max-width: 1170px;
  width: auto;
  margin: 0 auto;
  position: relative;
}
#account-details .registration.content-section.container .row:after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 1200px) {
  #account-details .registration.content-section.container .row {
    width: 962px;
  }
}
@media (max-width: 992px) {
  #account-details .registration.content-section.container .row {
    width: 737px;
  }
}
@media (max-width: 767px) {
  #account-details .registration.content-section.container .row {
    width: auto;
  }
}
#account-details .registration.content-section.container .row .join-inner {
  padding: 0 10px;
}
#account-details .registration.content-section.container .row .join-inner h3.purple {
  margin-top: 18px;
  margin-bottom: 4px;
}
#account-details .registration.content-section.container .row .join-inner .ui-accordion .ui-accordion-header {
  background: #b29adb;
  color: #fff;
}
#account-details .registration.content-section.container .row .join-inner .ui-accordion .ui-accordion-content {
  padding: 0;
  background: #f2f2f2;
}
#account-details .registration.content-section.container .row .join-inner .form-row {
  margin: 0 !important;
  border: 1px solid #ddd;
  border-top: none;
  border-left: 0;
  border-right: 0;
  padding: 10px 12px;
}
#account-details .registration.content-section.container .row .join-inner .form-row label {
  font-size: 14px;
  display: block !important;
  font-weight: bold;
}
#account-details .registration.content-section.container .row .join-inner h4 {
  margin-bottom: 2px;
  padding-left: 12px;
}
#account-details .registration.content-section.container .row .join-inner h4.pull-left {
  float: none;
}
#account-details .registration.content-section.container .row .join-inner h4 + .form-row {
  border-top: 1px solid #ddd;
}
#account-details .registration.content-section.container .row .join-inner .btn.btn-default.btn-block.pull-left {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  padding: 0 14px;
  font-size: 14px;
  margin: 10px 12px;
}
#account-details .registration.content-section.container .row .join-inner .btn.btn-default.btn-block.pull-left:hover {
  background: #439747;
}
#account-details .registration.content-section.container .row .join-inner .btn.btn-default.btn-block.pull-left:active {
  background: #2d6530;
}
#account-details .registration.content-section.container .row .join-inner .btn.btn-default.btn-block.pull-left.ui-state-disabled:hover, #account-details .registration.content-section.container .row .join-inner .btn.btn-default.btn-block.pull-left.ui-state-disabled:active {
  background: #66bb6a;
}
#account-details .registration.content-section.container .row .join-inner .btn.btn-default.btn-block.pull-left.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}

#credit-card .registration.content-section.container .row {
  max-width: 1170px;
  width: auto !important;
  margin: 0 auto;
  position: relative;
}
#credit-card .registration.content-section.container .row:after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 1200px) {
  #credit-card .registration.content-section.container .row {
    width: 962px;
  }
}
@media (max-width: 992px) {
  #credit-card .registration.content-section.container .row {
    width: 737px;
  }
}
@media (max-width: 767px) {
  #credit-card .registration.content-section.container .row {
    width: auto;
  }
}
#credit-card .registration.content-section.container .row .join-inner {
  padding: 0 10px;
  position: relative;
}
#credit-card .registration.content-section.container .row .join-inner .btn.btn-success {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #42c0fb;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  position: absolute;
  right: 10px;
  top: 50px;
}
#credit-card .registration.content-section.container .row .join-inner .btn.btn-success:hover {
  background: #05a5f1;
}
#credit-card .registration.content-section.container .row .join-inner .btn.btn-success:active {
  background: #0475ab;
}
#credit-card .registration.content-section.container .row .join-inner .btn.btn-success.ui-state-disabled:hover, #credit-card .registration.content-section.container .row .join-inner .btn.btn-success.ui-state-disabled:active {
  background: #42c0fb;
}
#credit-card .registration.content-section.container .row .join-inner .btn.btn-success.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
@media (max-width: 767px) {
  #credit-card .registration.content-section.container .row .join-inner .btn.btn-success {
    position: static;
  }
}
#credit-card .registration.content-section.container .row .join-inner .btn.btn-success .fa.fa-fw.fa-paypal {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 3px;
  -webkit-font-smoothing: antialiased;
}
#credit-card .registration.content-section.container .row .join-inner .btn.btn-success .fa.fa-fw.fa-paypal:before {
  content: "\ead8";
}
#credit-card .registration.content-section.container .row .join-inner .registration-form > h3 {
  margin-bottom: 6px;
}
#credit-card .registration.content-section.container .row .join-inner .hidden {
  display: none;
}
#credit-card .registration.content-section.container .row .join-inner h1 {
  margin: 0;
}
#credit-card .registration.content-section.container .row .join-inner .registration-form > fieldset {
  border: none;
  margin: 0;
  padding: 2px 0;
}
#credit-card .registration.content-section.container .row .join-inner .registration-form > fieldset label {
  margin-right: 10px;
  color: #607d8b;
}
#credit-card .registration.content-section.container .row .join-inner .registration-form > fieldset:first-child {
  padding-top: 20px;
}
#credit-card .registration.content-section.container .row .join-inner .registration-form > fieldset:last-child {
  padding-bottom: 20px;
}
#credit-card .registration.content-section.container .row .join-inner fieldset {
  font-size: 14px;
}
#credit-card .registration.content-section.container .row .join-inner fieldset label {
  font-weight: bold;
  margin-bottom: 2px;
}
#credit-card .registration.content-section.container .row .join-inner a.row {
  font-size: 0;
}
#credit-card .registration.content-section.container .row .join-inner a.row + .alert {
  color: #66bb6a;
  margin: 20px 0;
  font-weight: bold;
}
#credit-card .registration.content-section.container .row .join-inner .alert.alert-success {
  margin-top: 20px;
  background: rgba(102, 187, 106, 0.2);
  padding: 20px;
  max-width: 450px;
}
#credit-card .registration.content-section.container .row .join-inner .alert.alert-success h3 {
  margin: 0;
}
#credit-card .registration.content-section.container .row .join-inner .alert.alert-success fieldset {
  border: none;
  padding: 0;
}
#credit-card .registration.content-section.container .row .join-inner .alert.alert-success input {
  padding: 8px 12px;
  border: 2px solid #607d8b;
  width: 100%;
  box-sizing: border-box;
}
#credit-card .registration.content-section.container .row .join-inner .alert.alert-success input[type="submit"] {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  border: none;
  color: #fff;
  width: auto;
  margin-top: 15px;
}
#credit-card .registration.content-section.container .row .join-inner .alert.alert-success input[type="submit"]:hover {
  background: #439747;
}
#credit-card .registration.content-section.container .row .join-inner .alert.alert-success input[type="submit"]:active {
  background: #2d6530;
}
#credit-card .registration.content-section.container .row .join-inner .alert.alert-success input[type="submit"].ui-state-disabled:hover, #credit-card .registration.content-section.container .row .join-inner .alert.alert-success input[type="submit"].ui-state-disabled:active {
  background: #66bb6a;
}
#credit-card .registration.content-section.container .row .join-inner .alert.alert-success input[type="submit"].disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#credit-card .registration.content-section.container .row .join-inner .alert.alert-success select {
  display: inline-block;
  border: 2px solid #607d8b;
  padding: 8px 20px;
}
#credit-card .registration.content-section.container .row .join-inner .alert.alert-success #cardZipLabel .toltip {
  display: none !important;
}
#credit-card .registration.content-section.container .row .join-inner .form-row {
  margin: 20px 0 !important;
}
#credit-card .registration.content-section.container .row .join-inner .form-row .pull-left {
  display: inline-block;
}
#credit-card .registration.content-section.container .row .join-inner .form-row label {
  font-size: 14px;
  display: block !important;
  font-weight: bold;
}
#credit-card .registration.content-section.container .row .join-inner h4 {
  margin-bottom: 2px;
}
#credit-card .registration.content-section.container .row .join-inner h4 + .form-row {
  border-top: 1px solid #ddd;
}
#credit-card .registration.content-section.container .row .join-inner .btn.btn-default.btn-block.pull-left {
  color: #9575cd;
  font-weight: 600;
  transition: .2s;
  text-decoration: underline;
  cursor: pointer;
  padding-left: 11px;
  font-size: 14px;
}
#credit-card .registration.content-section.container .row .join-inner .btn.btn-default.btn-block.pull-left:hover {
  color: #603ba1;
}
#credit-card .registration.content-section.container .row .join-inner .btn.btn-default.btn-block.pull-left:active {
  color: #331f57;
}

#add-funds {
  max-height: 100%;
  overflow-y: auto;
}
#add-funds > .ui-dialog-titlebar {
  background: #419345;
}
#add-funds > .ui-dialog-titlebar .ui-dialog-titlebar-icon:after {
  color: #fff;
}
#add-funds .ui-dialog-content.ui-widget-content {
  padding: 0;
}
#add-funds form#payment-provider-form {
  background: #66bb6a;
  padding: 0 24px;
  margin: 0 !important;
  display: block !important;
}
#add-funds form#payment-provider-form h1 {
  color: #fff;
}
#add-funds form#payment-provider-form h1 .fa.fa-fw.fa-credit-card {
  display: none;
}
#add-funds form#payment-provider-form > .ui-outputpanel.ui-widget {
  position: relative;
  bottom: -1px;
}
#add-funds form#payment-provider-form > .ui-outputpanel.ui-widget > div label h2 {
  font-size: 16px;
  color: #2a5e2c;
}
#add-funds form#payment-provider-form > .ui-outputpanel.ui-widget > div > .ui-radiobutton.ui-widget {
  margin: 0;
}
#add-funds form#payment-provider-form > .ui-outputpanel.ui-widget > div > .ui-radiobutton.ui-widget[id="payment-provider-form:opt2"] .ui-radiobutton-box {
  width: 117px !important;
}
#add-funds form#payment-provider-form > .ui-outputpanel.ui-widget > div > .ui-radiobutton.ui-widget > .ui-radiobutton-box {
  width: 132px;
  height: 30px;
  border-radius: 0;
  border: none;
  color: #fff;
  background: none;
}
#add-funds form#payment-provider-form > .ui-outputpanel.ui-widget > div > .ui-radiobutton.ui-widget > .ui-radiobutton-box .ui-radiobutton-icon {
  display: none;
}
#add-funds form#payment-provider-form > .ui-outputpanel.ui-widget > div > .ui-radiobutton.ui-widget > .ui-radiobutton-box.ui-state-active {
  background: #fff;
  color: #37474f;
}
#add-funds #customerBalanceForm {
  border-top: none !important;
  margin-top: 0 !important;
}
#add-funds #customerBalanceForm .ui-inputswitch.ui-widget.ui-widget-content.ui-corner-all {
  float: right;
  margin-right: 24px;
}
#add-funds #customerBalanceForm .ui-inputswitch.ui-widget.ui-widget-content.ui-corner-all .ui-inputswitch-off {
  padding-top: 0;
  height: 24px;
  line-height: 24px;
  font-weight: 400;
  color: #444;
  background: #f0f2f4;
}
#add-funds #customerBalanceForm .ui-inputswitch.ui-widget.ui-widget-content.ui-corner-all .ui-inputswitch-on.ui-state-active {
  padding-top: 0;
  height: 24px;
  line-height: 24px;
  font-weight: 400;
  color: #444;
  background: #f0f2f4;
}
#add-funds #customerBalanceForm .ui-inputswitch.ui-widget.ui-widget-content.ui-corner-all .ui-inputswitch-on.ui-state-active[style="width: 0px;"] + div {
  background: #e57373;
}
#add-funds #customerBalanceForm .ui-inputswitch.ui-widget.ui-widget-content.ui-corner-all .ui-inputswitch-on.ui-state-active[style="width: 43px;"] + div, #add-funds #customerBalanceForm .ui-inputswitch.ui-widget.ui-widget-content.ui-corner-all .ui-inputswitch-on.ui-state-active[style="width: 44px;"] + div {
  background: #66bb6a;
}
#add-funds #customerBalanceForm .ui-inputswitch.ui-widget.ui-widget-content.ui-corner-all .ui-inputswitch-handle.ui-state-default {
  border: none !important;
}
#add-funds #customerBalanceForm > fieldset.row {
  padding: 0 24px !important;
}
#add-funds #customerBalanceForm > fieldset.purple {
  padding: 24px !important;
}
#add-funds #customerBalanceForm > div.row {
  padding: 24px 24px 34px;
}
#add-funds .container .row {
  margin: 0 !important;
  width: auto !important;
}
#add-funds .container h1 {
  margin: 20px 0 !important;
}
#add-funds .container [id="payment-provider-form:payment-provider"] + div {
  float: none !important;
  display: block !important;
}
#add-funds .container [id="payment-provider-form:payment-provider"] + div div {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
#add-funds .container [id="payment-provider-form:payment-provider"] + div label {
  display: block;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
#add-funds .container [id="payment-provider-form:payment-provider"] + div .ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default {
  width: 22px;
  height: 22px;
  background: #ddd;
  border-radius: 50%;
  margin-right: 4px;
}
#add-funds .container [id="payment-provider-form:payment-provider"] + div .ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active .ui-icon-bullet {
  width: 16px;
  height: 16px;
  margin: 3px;
  background: #9575cd;
  border-radius: 50%;
}
#add-funds .container .ui-radiobutton {
  margin-right: 12px;
}
#add-funds .container h1 {
  display: inline-block !important;
}
#add-funds .container .join-inner {
  padding: 0 !important;
}
#add-funds .container .spacer-noline-5 {
  margin-top: 10px;
}
#add-funds .container .col-4 {
  width: auto;
  float: none;
  padding: 0;
}
#add-funds .container .spacer-noline-5 {
  margin-top: 5px;
}
#add-funds .container #customerBalanceForm > fieldset.row {
  margin: 0;
}
#add-funds .container [id="customerBalanceForm:promoList"] label {
  display: block;
  line-height: 30px;
  margin-left: 40px;
  cursor: pointer;
}
#add-funds .container [id="customerBalanceForm:promoList"] > div:not(.paypal-hint) {
  float: left;
  margin: 0 !important;
  margin-top: -30px !important;
  height: 30px;
  cursor: pointer;
}
#add-funds .container [id="customerBalanceForm:promoList"] > div:not(.paypal-hint) .ui-radiobutton-box {
  width: 22px;
  height: 22px;
  margin: 4px 0;
  border-radius: 50%;
  background: #ddd;
  overflow: hidden;
  border: none;
}
#add-funds .container [id="customerBalanceForm:promoList"] > div:not(.paypal-hint) .ui-radiobutton-box span {
  width: 14px;
  height: 14px;
  margin: 4px;
  border-radius: 50%;
  background: #f57e2d;
  display: none;
}
#add-funds .container [id="customerBalanceForm:promoList"] > div:not(.paypal-hint) .ui-radiobutton-box.ui-state-active span {
  display: block;
}
#add-funds .container [id="customerBalanceForm:promoList"] #paypal-button {
  margin: 10px 0 0 !important;
}
#add-funds .container #customerBalanceForm {
  border-top: 1px solid #b0bec5;
  margin-top: 34px;
  padding-top: 30px;
}
#add-funds .container #customerBalanceForm input[name="customerBalanceForm"] + h3 {
  margin-bottom: 14px;
  padding-left: 24px;
}
#add-funds .container #customerBalanceForm input[name="customerBalanceForm"] + h3 + a {
  font-size: 14px;
  margin-left: 15px;
  padding: 0 10px;
  margin-right: 24px;
}
#add-funds .container #customerBalanceForm input[name="customerBalanceForm"] + h3 + a.btn-success {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
}
#add-funds .container #customerBalanceForm input[name="customerBalanceForm"] + h3 + a.btn-success:hover {
  background: #439747;
}
#add-funds .container #customerBalanceForm input[name="customerBalanceForm"] + h3 + a.btn-success:active {
  background: #2d6530;
}
#add-funds .container #customerBalanceForm input[name="customerBalanceForm"] + h3 + a.btn-success.ui-state-disabled:hover, #add-funds .container #customerBalanceForm input[name="customerBalanceForm"] + h3 + a.btn-success.ui-state-disabled:active {
  background: #66bb6a;
}
#add-funds .container #customerBalanceForm input[name="customerBalanceForm"] + h3 + a.btn-success.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#add-funds .container #customerBalanceForm input[name="customerBalanceForm"] + h3 + a.btn-lr-warning {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 20px;
  background: #ffb74d;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
}
#add-funds .container #customerBalanceForm input[name="customerBalanceForm"] + h3 + a.btn-lr-warning:hover {
  background: #ff9a06;
}
#add-funds .container #customerBalanceForm input[name="customerBalanceForm"] + h3 + a.btn-lr-warning:active {
  background: #bd7100;
}
#add-funds .container #customerBalanceForm input[name="customerBalanceForm"] + h3 + a.btn-lr-warning.ui-state-disabled:hover, #add-funds .container #customerBalanceForm input[name="customerBalanceForm"] + h3 + a.btn-lr-warning.ui-state-disabled:active {
  background: #ffb74d;
}
#add-funds .container #customerBalanceForm input[name="customerBalanceForm"] + h3 + a.btn-lr-warning.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#add-funds .container #customerBalanceForm [data-toggle="tooltip"] {
  display: none;
}
#add-funds .container #customerBalanceForm fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
#add-funds .container #customerBalanceForm fieldset.row > div {
  margin: 0 !important;
}
#add-funds .container #customerBalanceForm fieldset.purple {
  border: 1px solid #b0bec5;
  border-right: none;
  border-left: none;
  padding: 15px 0;
  margin: 16px 0 0 !important;
}
#add-funds .container #customerBalanceForm fieldset.purple > div {
  font-weight: 800;
  color: #66bb6a;
}
#add-funds .container #customerBalanceForm fieldset.purple > div label {
  font-weight: 400;
}
#add-funds .container #customerBalanceForm fieldset.purple + .row h2 {
  margin-top: 0 0 8px !important;
}
#add-funds .container #customerBalanceForm .col-md-4.col-sm-12 > h2 {
  margin: 0 0 7px !important;
}
#add-funds .container #customerBalanceForm [id="customerBalanceForm:addFundsButton2"] {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  margin-top: 12px;
}
#add-funds .container #customerBalanceForm [id="customerBalanceForm:addFundsButton2"]:hover {
  background: #439747;
}
#add-funds .container #customerBalanceForm [id="customerBalanceForm:addFundsButton2"]:active {
  background: #2d6530;
}
#add-funds .container #customerBalanceForm [id="customerBalanceForm:addFundsButton2"].ui-state-disabled:hover, #add-funds .container #customerBalanceForm [id="customerBalanceForm:addFundsButton2"].ui-state-disabled:active {
  background: #66bb6a;
}
#add-funds .container #customerBalanceForm [id="customerBalanceForm:addFundsButton2"].disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#add-funds .paypal-hint {
  clear: both;
  padding-top: 5px;
  max-width: 350px;
}

body > .content-section.container {
  max-width: 1170px;
  width: auto !important;
  margin: 0 auto;
  position: relative;
  padding: 50px 10px;
}
body > .content-section.container:after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 1200px) {
  body > .content-section.container {
    width: 962px !important;
  }
}
@media (max-width: 992px) {
  body > .content-section.container {
    width: 737px !important;
  }
}
@media (max-width: 767px) {
  body > .content-section.container {
    width: auto !important;
  }
}
body > .content-section.container .row {
  margin: 0;
}
body > .content-section.container h1 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 42px;
  font-weight: 800;
}
body > .content-section.container p {
  text-align: left !important;
}
body > .content-section.container p > i {
  padding: 3px 12px;
  background: #f0f2f4;
}
body > .content-section.container > div > b {
  margin: 20px 0 0;
  font-size: 24px;
  display: block;
}
body > .content-section.container > .row > .col-xs-12 > b {
  margin: 20px 0 0;
  font-size: 24px;
  display: block;
}
body > .content-section.container ol, body > .content-section.container ul {
  margin: 10px 0;
}
body > .content-section.container a {
  color: #9575cd;
  font-weight: 600;
  transition: .2s;
  text-decoration: underline;
  cursor: pointer;
}
body > .content-section.container a:hover {
  color: #603ba1;
}
body > .content-section.container a:active {
  color: #331f57;
}

body#billing-history [id="customerBillingHistoryForm:billingHistoryList"] ul {
  list-style-type: none;
  margin: 0;
}

#become-reader .pull-right {
  float: none;
}
#become-reader .img-responsive.pull-left.padding-r-10 {
  width: 185px;
  height: 144px;
}
#become-reader > .row {
  max-width: 1170px;
  width: auto !important;
  margin: 0 auto;
  position: relative;
  padding: 70px 10px 100px;
}
#become-reader > .row:after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 1200px) {
  #become-reader > .row {
    width: 962px !important;
  }
}
@media (max-width: 992px) {
  #become-reader > .row {
    width: 737px !important;
  }
}
@media (max-width: 767px) {
  #become-reader > .row {
    width: auto !important;
  }
}
#become-reader > .row .col-xs-12:first-child h2 {
  margin-top: 0;
}
#become-reader > .row .col-xs-12:first-child h2 + p {
  text-align: center;
}
#become-reader > .row .col-xs-12:nth-child(3) a {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #9575cd;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
}
#become-reader > .row .col-xs-12:nth-child(3) a:hover {
  background: #6d43b8;
}
#become-reader > .row .col-xs-12:nth-child(3) a:active {
  background: #4e3084;
}
#become-reader > .row .col-xs-12:nth-child(3) a.ui-state-disabled:hover, #become-reader > .row .col-xs-12:nth-child(3) a.ui-state-disabled:active {
  background: #9575cd;
}
#become-reader > .row .col-xs-12:nth-child(3) a.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#become-reader > .row .col-xs-12:nth-child(5) {
  background: #f0f2f4;
  padding: 30px 0;
  text-align: center;
  margin: 40px 0;
}
#become-reader > .row .col-xs-12:nth-child(5) h4 {
  margin: 0;
  font-size: 24px;
}
#become-reader > .row .col-xs-12:nth-child(5) a {
  color: #9575cd;
  font-weight: 600;
  transition: .2s;
  text-decoration: underline;
  cursor: pointer;
}
#become-reader > .row .col-xs-12:nth-child(5) a:hover {
  color: #603ba1;
}
#become-reader > .row .col-xs-12:nth-child(5) a:active {
  color: #331f57;
}
#become-reader .ui-accordion .ui-accordion-header {
  background: #b29adb;
  color: #fff;
}
#become-reader .ui-accordion .ui-accordion-content {
  background: #f2f2f2;
}
#become-reader h2 {
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  margin: 0;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #become-reader h2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #become-reader h2 {
    margin-top: 30px;
    margin-bottom: 15px;
  }
}
#become-reader blockquote {
  overflow: hidden;
  background: #f0f2f4;
}
#become-reader blockquote img {
  float: left;
  margin-right: 20px;
}
@media (max-width: 767px) {
  #become-reader blockquote {
    padding: 15px;
  }
  #become-reader blockquote img {
    float: none;
  }
}

#reader-registration-1 .container span[id="readerProfileRegisterForm:pricingTable"] > .row,
#reader-registration-2 .container span[id="readerProfileRegisterForm:pricingTable"] > .row {
  margin: 0 !important;
}
#reader-registration-1 .container input[name="readerStartRegisterForm"] + div + .row + div > .form-row > .row.padding-l-10,
#reader-registration-2 .container input[name="readerStartRegisterForm"] + div + .row + div > .form-row > .row.padding-l-10 {
  margin-left: 0;
}
#reader-registration-1 .container .ui-fileupload-buttonbar.ui-widget-header.ui-corner-top,
#reader-registration-2 .container .ui-fileupload-buttonbar.ui-widget-header.ui-corner-top {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 5.6px !important;
}
#reader-registration-1 .container label,
#reader-registration-2 .container label {
  display: block;
  color: #9575cd;
  font-weight: bold;
}
#reader-registration-1 .container img[id="readerProfileRegisterForm:profileImgPreviewS"],
#reader-registration-2 .container img[id="readerProfileRegisterForm:profileImgPreviewS"] {
  margin-left: 20px;
}
#reader-registration-1 .container textarea,
#reader-registration-2 .container textarea {
  width: 100%;
  border: none;
  height: 34px;
  padding: 0;
  border: 2px solid #607d8b;
  background: rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  width: 100%;
  padding-left: 12px;
  font-size: 14px;
  color: #37474f;
  position: relative;
}
#reader-registration-1 .container textarea:focus,
#reader-registration-2 .container textarea:focus {
  outline: 5px solid rgba(96, 125, 139, 0.4);
  z-index: 1;
}
#reader-registration-1 .container .spacer-noline-10,
#reader-registration-2 .container .spacer-noline-10 {
  width: 100%;
  height: 1px;
  margin: 10px 0;
  display: inline-block;
}
#reader-registration-1 .container .row,
#reader-registration-2 .container .row {
  margin-left: -20px;
  *zoom: 1;
}
#reader-registration-1 .container .row:before,
#reader-registration-1 .container .row:after,
#reader-registration-2 .container .row:before,
#reader-registration-2 .container .row:after {
  display: table;
  line-height: 0;
  content: "";
}
#reader-registration-1 .container .row:after,
#reader-registration-2 .container .row:after {
  clear: both;
}
#reader-registration-1 .container .ui-chkbox-box,
#reader-registration-2 .container .ui-chkbox-box {
  border: 1px solid;
}
#reader-registration-1 .container .input-text.form-control,
#reader-registration-2 .container .input-text.form-control {
  border: none;
  height: 34px;
  padding: 0;
  border: 2px solid #607d8b;
  background: rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  width: 100%;
  padding-left: 12px;
  font-size: 14px;
  color: #37474f;
  position: relative;
}
#reader-registration-1 .container .input-text.form-control:focus,
#reader-registration-2 .container .input-text.form-control:focus {
  outline: 5px solid rgba(96, 125, 139, 0.4);
  z-index: 1;
}
#reader-registration-1 .container fieldset,
#reader-registration-2 .container fieldset {
  border: none !important;
  padding: 0 !important;
  margin: 10px 0 !important;
}
#reader-registration-1 .container .tooltip,
#reader-registration-2 .container .tooltip {
  position: absolute;
  font-size: 14px;
  padding: 12px;
  background: #9575cd;
  color: #fff;
}
#reader-registration-1 .container ul,
#reader-registration-2 .container ul {
  list-style: none;
}
#reader-registration-1 .container input[id="readerProfileRegisterForm:submit"],
#reader-registration-1 .container a[type="button"],
#reader-registration-2 .container input[id="readerProfileRegisterForm:submit"],
#reader-registration-2 .container a[type="button"] {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  color: #fff !important;
  text-decoration: none !important;
}
#reader-registration-1 .container input[id="readerProfileRegisterForm:submit"]:hover,
#reader-registration-1 .container a[type="button"]:hover,
#reader-registration-2 .container input[id="readerProfileRegisterForm:submit"]:hover,
#reader-registration-2 .container a[type="button"]:hover {
  background: #439747;
}
#reader-registration-1 .container input[id="readerProfileRegisterForm:submit"]:active,
#reader-registration-1 .container a[type="button"]:active,
#reader-registration-2 .container input[id="readerProfileRegisterForm:submit"]:active,
#reader-registration-2 .container a[type="button"]:active {
  background: #2d6530;
}
#reader-registration-1 .container input[id="readerProfileRegisterForm:submit"].ui-state-disabled:hover, #reader-registration-1 .container input[id="readerProfileRegisterForm:submit"].ui-state-disabled:active,
#reader-registration-1 .container a[type="button"].ui-state-disabled:hover,
#reader-registration-1 .container a[type="button"].ui-state-disabled:active,
#reader-registration-2 .container input[id="readerProfileRegisterForm:submit"].ui-state-disabled:hover,
#reader-registration-2 .container input[id="readerProfileRegisterForm:submit"].ui-state-disabled:active,
#reader-registration-2 .container a[type="button"].ui-state-disabled:hover,
#reader-registration-2 .container a[type="button"].ui-state-disabled:active {
  background: #66bb6a;
}
#reader-registration-1 .container input[id="readerProfileRegisterForm:submit"].disabled,
#reader-registration-1 .container a[type="button"].disabled,
#reader-registration-2 .container input[id="readerProfileRegisterForm:submit"].disabled,
#reader-registration-2 .container a[type="button"].disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#reader-registration-1 .container .ui-selectonebutton.ui-buttonset.ui-widget.ui-corner-all.ui-buttonset-5,
#reader-registration-2 .container .ui-selectonebutton.ui-buttonset.ui-widget.ui-corner-all.ui-buttonset-5 {
  margin-top: 10px;
  outline: 2px solid;
  padding: 2px 2px 3px;
}

#reader-registration-1 .container,
#reader-registration-2 .container {
  /*!
   * Bootstrap v3.3.7 (http://getbootstrap.com)
   */
}
#reader-registration-1 .container html,
#reader-registration-2 .container html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
#reader-registration-1 .container body,
#reader-registration-2 .container body {
  margin: 0;
}
#reader-registration-1 .container article,
#reader-registration-1 .container aside,
#reader-registration-1 .container details,
#reader-registration-1 .container figcaption,
#reader-registration-1 .container figure,
#reader-registration-1 .container footer,
#reader-registration-1 .container header,
#reader-registration-1 .container hgroup,
#reader-registration-1 .container main,
#reader-registration-1 .container menu,
#reader-registration-1 .container nav,
#reader-registration-1 .container section,
#reader-registration-1 .container summary,
#reader-registration-2 .container article,
#reader-registration-2 .container aside,
#reader-registration-2 .container details,
#reader-registration-2 .container figcaption,
#reader-registration-2 .container figure,
#reader-registration-2 .container footer,
#reader-registration-2 .container header,
#reader-registration-2 .container hgroup,
#reader-registration-2 .container main,
#reader-registration-2 .container menu,
#reader-registration-2 .container nav,
#reader-registration-2 .container section,
#reader-registration-2 .container summary {
  display: block;
}
#reader-registration-1 .container audio,
#reader-registration-1 .container canvas,
#reader-registration-1 .container progress,
#reader-registration-1 .container video,
#reader-registration-2 .container audio,
#reader-registration-2 .container canvas,
#reader-registration-2 .container progress,
#reader-registration-2 .container video {
  display: inline-block;
  vertical-align: baseline;
}
#reader-registration-1 .container audio:not([controls]),
#reader-registration-2 .container audio:not([controls]) {
  display: none;
  height: 0;
}
#reader-registration-1 .container [hidden],
#reader-registration-1 .container template,
#reader-registration-2 .container [hidden],
#reader-registration-2 .container template {
  display: none;
}
#reader-registration-1 .container a,
#reader-registration-2 .container a {
  background-color: transparent;
}
#reader-registration-1 .container a:active,
#reader-registration-1 .container a:hover,
#reader-registration-2 .container a:active,
#reader-registration-2 .container a:hover {
  outline: 0;
}
#reader-registration-1 .container abbr[title],
#reader-registration-2 .container abbr[title] {
  border-bottom: 1px dotted;
}
#reader-registration-1 .container b,
#reader-registration-1 .container strong,
#reader-registration-2 .container b,
#reader-registration-2 .container strong {
  font-weight: bold;
}
#reader-registration-1 .container dfn,
#reader-registration-2 .container dfn {
  font-style: italic;
}
#reader-registration-1 .container h1,
#reader-registration-2 .container h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
#reader-registration-1 .container mark,
#reader-registration-2 .container mark {
  background: #ff0;
  color: #000;
}
#reader-registration-1 .container small,
#reader-registration-2 .container small {
  font-size: 80%;
}
#reader-registration-1 .container sub,
#reader-registration-1 .container sup,
#reader-registration-2 .container sub,
#reader-registration-2 .container sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
#reader-registration-1 .container sup,
#reader-registration-2 .container sup {
  top: -0.5em;
}
#reader-registration-1 .container sub,
#reader-registration-2 .container sub {
  bottom: -0.25em;
}
#reader-registration-1 .container img,
#reader-registration-2 .container img {
  border: 0;
}
#reader-registration-1 .container svg:not(:root),
#reader-registration-2 .container svg:not(:root) {
  overflow: hidden;
}
#reader-registration-1 .container figure,
#reader-registration-2 .container figure {
  margin: 1em 40px;
}
#reader-registration-1 .container hr,
#reader-registration-2 .container hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
#reader-registration-1 .container pre,
#reader-registration-2 .container pre {
  overflow: auto;
}
#reader-registration-1 .container code,
#reader-registration-1 .container kbd,
#reader-registration-1 .container pre,
#reader-registration-1 .container samp,
#reader-registration-2 .container code,
#reader-registration-2 .container kbd,
#reader-registration-2 .container pre,
#reader-registration-2 .container samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
#reader-registration-1 .container button,
#reader-registration-1 .container input,
#reader-registration-1 .container optgroup,
#reader-registration-1 .container select,
#reader-registration-1 .container textarea,
#reader-registration-2 .container button,
#reader-registration-2 .container input,
#reader-registration-2 .container optgroup,
#reader-registration-2 .container select,
#reader-registration-2 .container textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
#reader-registration-1 .container button,
#reader-registration-2 .container button {
  overflow: visible;
}
#reader-registration-1 .container button,
#reader-registration-1 .container select,
#reader-registration-2 .container button,
#reader-registration-2 .container select {
  text-transform: none;
}
#reader-registration-1 .container button,
#reader-registration-1 .container html input[type="button"],
#reader-registration-1 .container input[type="reset"],
#reader-registration-1 .container input[type="submit"],
#reader-registration-2 .container button,
#reader-registration-2 .container html input[type="button"],
#reader-registration-2 .container input[type="reset"],
#reader-registration-2 .container input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
#reader-registration-1 .container button[disabled],
#reader-registration-1 .container html input[disabled],
#reader-registration-2 .container button[disabled],
#reader-registration-2 .container html input[disabled] {
  cursor: default;
}
#reader-registration-1 .container button::-moz-focus-inner,
#reader-registration-1 .container input::-moz-focus-inner,
#reader-registration-2 .container button::-moz-focus-inner,
#reader-registration-2 .container input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
#reader-registration-1 .container input,
#reader-registration-2 .container input {
  line-height: normal;
}
#reader-registration-1 .container input[type="checkbox"],
#reader-registration-1 .container input[type="radio"],
#reader-registration-2 .container input[type="checkbox"],
#reader-registration-2 .container input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
#reader-registration-1 .container input[type="number"]::-webkit-inner-spin-button,
#reader-registration-1 .container input[type="number"]::-webkit-outer-spin-button,
#reader-registration-2 .container input[type="number"]::-webkit-inner-spin-button,
#reader-registration-2 .container input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
#reader-registration-1 .container input[type="search"],
#reader-registration-2 .container input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#reader-registration-1 .container input[type="search"]::-webkit-search-cancel-button,
#reader-registration-1 .container input[type="search"]::-webkit-search-decoration,
#reader-registration-2 .container input[type="search"]::-webkit-search-cancel-button,
#reader-registration-2 .container input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
#reader-registration-1 .container fieldset,
#reader-registration-2 .container fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
#reader-registration-1 .container legend,
#reader-registration-2 .container legend {
  border: 0;
  padding: 0;
}
#reader-registration-1 .container textarea,
#reader-registration-2 .container textarea {
  overflow: auto;
}
#reader-registration-1 .container optgroup,
#reader-registration-2 .container optgroup {
  font-weight: bold;
}
#reader-registration-1 .container table,
#reader-registration-2 .container table {
  border-collapse: collapse;
  border-spacing: 0;
}
#reader-registration-1 .container td,
#reader-registration-1 .container th,
#reader-registration-2 .container td,
#reader-registration-2 .container th {
  padding: 0;
}
#reader-registration-1 .container *,
#reader-registration-2 .container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#reader-registration-1 .container *:before,
#reader-registration-1 .container *:after,
#reader-registration-2 .container *:before,
#reader-registration-2 .container *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#reader-registration-1 .container html,
#reader-registration-2 .container html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
}
#reader-registration-1 .container body,
#reader-registration-2 .container body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
#reader-registration-1 .container input,
#reader-registration-1 .container button,
#reader-registration-1 .container select,
#reader-registration-1 .container textarea,
#reader-registration-2 .container input,
#reader-registration-2 .container button,
#reader-registration-2 .container select,
#reader-registration-2 .container textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
#reader-registration-1 .container a,
#reader-registration-2 .container a {
  color: #337ab7;
  text-decoration: none;
}
#reader-registration-1 .container a:hover,
#reader-registration-1 .container a:focus,
#reader-registration-2 .container a:hover,
#reader-registration-2 .container a:focus {
  color: #23527c;
  text-decoration: underline;
}
#reader-registration-1 .container a:focus,
#reader-registration-2 .container a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#reader-registration-1 .container figure,
#reader-registration-2 .container figure {
  margin: 0;
}
#reader-registration-1 .container img,
#reader-registration-2 .container img {
  vertical-align: middle;
}
#reader-registration-1 .container .img-responsive,
#reader-registration-2 .container .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
#reader-registration-1 .container .img-rounded,
#reader-registration-2 .container .img-rounded {
  border-radius: 6px;
}
#reader-registration-1 .container .img-thumbnail,
#reader-registration-2 .container .img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
#reader-registration-1 .container .img-circle,
#reader-registration-2 .container .img-circle {
  border-radius: 50%;
}
#reader-registration-1 .container hr,
#reader-registration-2 .container hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
#reader-registration-1 .container .sr-only,
#reader-registration-2 .container .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
#reader-registration-1 .container .sr-only-focusable:active,
#reader-registration-1 .container .sr-only-focusable:focus,
#reader-registration-2 .container .sr-only-focusable:active,
#reader-registration-2 .container .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
#reader-registration-1 .container [role="button"],
#reader-registration-2 .container [role="button"] {
  cursor: pointer;
}
#reader-registration-1 .container .container,
#reader-registration-2 .container .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 767px) {
  #reader-registration-1 .container .container,
  #reader-registration-2 .container .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  #reader-registration-1 .container .container,
  #reader-registration-2 .container .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  #reader-registration-1 .container .container,
  #reader-registration-2 .container .container {
    width: 1170px;
  }
}
#reader-registration-1 .container .container-fluid,
#reader-registration-2 .container .container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
#reader-registration-1 .container .row,
#reader-registration-2 .container .row {
  margin-left: -15px;
  margin-right: -15px;
}
#reader-registration-1 .container .col-xs-1, #reader-registration-1 .container .col-sm-1, #reader-registration-1 .container .col-md-1, #reader-registration-1 .container .col-lg-1, #reader-registration-1 .container .col-xs-2, #reader-registration-1 .container .col-sm-2, #reader-registration-1 .container .col-md-2, #reader-registration-1 .container .col-lg-2, #reader-registration-1 .container .col-xs-3, #reader-registration-1 .container .col-sm-3, #reader-registration-1 .container .col-md-3, #reader-registration-1 .container .col-lg-3, #reader-registration-1 .container .col-xs-4, #reader-registration-1 .container .col-sm-4, #reader-registration-1 .container .col-md-4, #reader-registration-1 .container .col-lg-4, #reader-registration-1 .container .col-xs-5, #reader-registration-1 .container .col-sm-5, #reader-registration-1 .container .col-md-5, #reader-registration-1 .container .col-lg-5, #reader-registration-1 .container .col-xs-6, #reader-registration-1 .container .col-sm-6, #reader-registration-1 .container .col-md-6, #reader-registration-1 .container .col-lg-6, #reader-registration-1 .container .col-xs-7, #reader-registration-1 .container .col-sm-7, #reader-registration-1 .container .col-md-7, #reader-registration-1 .container .col-lg-7, #reader-registration-1 .container .col-xs-8, #reader-registration-1 .container .col-sm-8, #reader-registration-1 .container .col-md-8, #reader-registration-1 .container .col-lg-8, #reader-registration-1 .container .col-xs-9, #reader-registration-1 .container .col-sm-9, #reader-registration-1 .container .col-md-9, #reader-registration-1 .container .col-lg-9, #reader-registration-1 .container .col-xs-10, #reader-registration-1 .container .col-sm-10, #reader-registration-1 .container .col-md-10, #reader-registration-1 .container .col-lg-10, #reader-registration-1 .container .col-xs-11, #reader-registration-1 .container .col-sm-11, #reader-registration-1 .container .col-md-11, #reader-registration-1 .container .col-lg-11, #reader-registration-1 .container .col-xs-12, #reader-registration-1 .container .col-sm-12, #reader-registration-1 .container .col-md-12, #reader-registration-1 .container .col-lg-12,
#reader-registration-2 .container .col-xs-1,
#reader-registration-2 .container .col-sm-1,
#reader-registration-2 .container .col-md-1,
#reader-registration-2 .container .col-lg-1,
#reader-registration-2 .container .col-xs-2,
#reader-registration-2 .container .col-sm-2,
#reader-registration-2 .container .col-md-2,
#reader-registration-2 .container .col-lg-2,
#reader-registration-2 .container .col-xs-3,
#reader-registration-2 .container .col-sm-3,
#reader-registration-2 .container .col-md-3,
#reader-registration-2 .container .col-lg-3,
#reader-registration-2 .container .col-xs-4,
#reader-registration-2 .container .col-sm-4,
#reader-registration-2 .container .col-md-4,
#reader-registration-2 .container .col-lg-4,
#reader-registration-2 .container .col-xs-5,
#reader-registration-2 .container .col-sm-5,
#reader-registration-2 .container .col-md-5,
#reader-registration-2 .container .col-lg-5,
#reader-registration-2 .container .col-xs-6,
#reader-registration-2 .container .col-sm-6,
#reader-registration-2 .container .col-md-6,
#reader-registration-2 .container .col-lg-6,
#reader-registration-2 .container .col-xs-7,
#reader-registration-2 .container .col-sm-7,
#reader-registration-2 .container .col-md-7,
#reader-registration-2 .container .col-lg-7,
#reader-registration-2 .container .col-xs-8,
#reader-registration-2 .container .col-sm-8,
#reader-registration-2 .container .col-md-8,
#reader-registration-2 .container .col-lg-8,
#reader-registration-2 .container .col-xs-9,
#reader-registration-2 .container .col-sm-9,
#reader-registration-2 .container .col-md-9,
#reader-registration-2 .container .col-lg-9,
#reader-registration-2 .container .col-xs-10,
#reader-registration-2 .container .col-sm-10,
#reader-registration-2 .container .col-md-10,
#reader-registration-2 .container .col-lg-10,
#reader-registration-2 .container .col-xs-11,
#reader-registration-2 .container .col-sm-11,
#reader-registration-2 .container .col-md-11,
#reader-registration-2 .container .col-lg-11,
#reader-registration-2 .container .col-xs-12,
#reader-registration-2 .container .col-sm-12,
#reader-registration-2 .container .col-md-12,
#reader-registration-2 .container .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
#reader-registration-1 .container .col-xs-1, #reader-registration-1 .container .col-xs-2, #reader-registration-1 .container .col-xs-3, #reader-registration-1 .container .col-xs-4, #reader-registration-1 .container .col-xs-5, #reader-registration-1 .container .col-xs-6, #reader-registration-1 .container .col-xs-7, #reader-registration-1 .container .col-xs-8, #reader-registration-1 .container .col-xs-9, #reader-registration-1 .container .col-xs-10, #reader-registration-1 .container .col-xs-11, #reader-registration-1 .container .col-xs-12,
#reader-registration-2 .container .col-xs-1,
#reader-registration-2 .container .col-xs-2,
#reader-registration-2 .container .col-xs-3,
#reader-registration-2 .container .col-xs-4,
#reader-registration-2 .container .col-xs-5,
#reader-registration-2 .container .col-xs-6,
#reader-registration-2 .container .col-xs-7,
#reader-registration-2 .container .col-xs-8,
#reader-registration-2 .container .col-xs-9,
#reader-registration-2 .container .col-xs-10,
#reader-registration-2 .container .col-xs-11,
#reader-registration-2 .container .col-xs-12 {
  float: left;
}
#reader-registration-1 .container .col-xs-12,
#reader-registration-2 .container .col-xs-12 {
  width: 100%;
}
#reader-registration-1 .container .col-xs-11,
#reader-registration-2 .container .col-xs-11 {
  width: 91.66666667%;
}
#reader-registration-1 .container .col-xs-10,
#reader-registration-2 .container .col-xs-10 {
  width: 83.33333333%;
}
#reader-registration-1 .container .col-xs-9,
#reader-registration-2 .container .col-xs-9 {
  width: 75%;
}
#reader-registration-1 .container .col-xs-8,
#reader-registration-2 .container .col-xs-8 {
  width: 66.66666667%;
}
#reader-registration-1 .container .col-xs-7,
#reader-registration-2 .container .col-xs-7 {
  width: 58.33333333%;
}
#reader-registration-1 .container .col-xs-6,
#reader-registration-2 .container .col-xs-6 {
  width: 50%;
}
#reader-registration-1 .container .col-xs-5,
#reader-registration-2 .container .col-xs-5 {
  width: 41.66666667%;
}
#reader-registration-1 .container .col-xs-4,
#reader-registration-2 .container .col-xs-4 {
  width: 33.33333333%;
}
#reader-registration-1 .container .col-xs-3,
#reader-registration-2 .container .col-xs-3 {
  width: 25%;
}
#reader-registration-1 .container .col-xs-2,
#reader-registration-2 .container .col-xs-2 {
  width: 16.66666667%;
}
#reader-registration-1 .container .col-xs-1,
#reader-registration-2 .container .col-xs-1 {
  width: 8.33333333%;
}
#reader-registration-1 .container .col-xs-pull-12,
#reader-registration-2 .container .col-xs-pull-12 {
  right: 100%;
}
#reader-registration-1 .container .col-xs-pull-11,
#reader-registration-2 .container .col-xs-pull-11 {
  right: 91.66666667%;
}
#reader-registration-1 .container .col-xs-pull-10,
#reader-registration-2 .container .col-xs-pull-10 {
  right: 83.33333333%;
}
#reader-registration-1 .container .col-xs-pull-9,
#reader-registration-2 .container .col-xs-pull-9 {
  right: 75%;
}
#reader-registration-1 .container .col-xs-pull-8,
#reader-registration-2 .container .col-xs-pull-8 {
  right: 66.66666667%;
}
#reader-registration-1 .container .col-xs-pull-7,
#reader-registration-2 .container .col-xs-pull-7 {
  right: 58.33333333%;
}
#reader-registration-1 .container .col-xs-pull-6,
#reader-registration-2 .container .col-xs-pull-6 {
  right: 50%;
}
#reader-registration-1 .container .col-xs-pull-5,
#reader-registration-2 .container .col-xs-pull-5 {
  right: 41.66666667%;
}
#reader-registration-1 .container .col-xs-pull-4,
#reader-registration-2 .container .col-xs-pull-4 {
  right: 33.33333333%;
}
#reader-registration-1 .container .col-xs-pull-3,
#reader-registration-2 .container .col-xs-pull-3 {
  right: 25%;
}
#reader-registration-1 .container .col-xs-pull-2,
#reader-registration-2 .container .col-xs-pull-2 {
  right: 16.66666667%;
}
#reader-registration-1 .container .col-xs-pull-1,
#reader-registration-2 .container .col-xs-pull-1 {
  right: 8.33333333%;
}
#reader-registration-1 .container .col-xs-pull-0,
#reader-registration-2 .container .col-xs-pull-0 {
  right: auto;
}
#reader-registration-1 .container .col-xs-push-12,
#reader-registration-2 .container .col-xs-push-12 {
  left: 100%;
}
#reader-registration-1 .container .col-xs-push-11,
#reader-registration-2 .container .col-xs-push-11 {
  left: 91.66666667%;
}
#reader-registration-1 .container .col-xs-push-10,
#reader-registration-2 .container .col-xs-push-10 {
  left: 83.33333333%;
}
#reader-registration-1 .container .col-xs-push-9,
#reader-registration-2 .container .col-xs-push-9 {
  left: 75%;
}
#reader-registration-1 .container .col-xs-push-8,
#reader-registration-2 .container .col-xs-push-8 {
  left: 66.66666667%;
}
#reader-registration-1 .container .col-xs-push-7,
#reader-registration-2 .container .col-xs-push-7 {
  left: 58.33333333%;
}
#reader-registration-1 .container .col-xs-push-6,
#reader-registration-2 .container .col-xs-push-6 {
  left: 50%;
}
#reader-registration-1 .container .col-xs-push-5,
#reader-registration-2 .container .col-xs-push-5 {
  left: 41.66666667%;
}
#reader-registration-1 .container .col-xs-push-4,
#reader-registration-2 .container .col-xs-push-4 {
  left: 33.33333333%;
}
#reader-registration-1 .container .col-xs-push-3,
#reader-registration-2 .container .col-xs-push-3 {
  left: 25%;
}
#reader-registration-1 .container .col-xs-push-2,
#reader-registration-2 .container .col-xs-push-2 {
  left: 16.66666667%;
}
#reader-registration-1 .container .col-xs-push-1,
#reader-registration-2 .container .col-xs-push-1 {
  left: 8.33333333%;
}
#reader-registration-1 .container .col-xs-push-0,
#reader-registration-2 .container .col-xs-push-0 {
  left: auto;
}
#reader-registration-1 .container .col-xs-offset-12,
#reader-registration-2 .container .col-xs-offset-12 {
  margin-left: 100%;
}
#reader-registration-1 .container .col-xs-offset-11,
#reader-registration-2 .container .col-xs-offset-11 {
  margin-left: 91.66666667%;
}
#reader-registration-1 .container .col-xs-offset-10,
#reader-registration-2 .container .col-xs-offset-10 {
  margin-left: 83.33333333%;
}
#reader-registration-1 .container .col-xs-offset-9,
#reader-registration-2 .container .col-xs-offset-9 {
  margin-left: 75%;
}
#reader-registration-1 .container .col-xs-offset-8,
#reader-registration-2 .container .col-xs-offset-8 {
  margin-left: 66.66666667%;
}
#reader-registration-1 .container .col-xs-offset-7,
#reader-registration-2 .container .col-xs-offset-7 {
  margin-left: 58.33333333%;
}
#reader-registration-1 .container .col-xs-offset-6,
#reader-registration-2 .container .col-xs-offset-6 {
  margin-left: 50%;
}
#reader-registration-1 .container .col-xs-offset-5,
#reader-registration-2 .container .col-xs-offset-5 {
  margin-left: 41.66666667%;
}
#reader-registration-1 .container .col-xs-offset-4,
#reader-registration-2 .container .col-xs-offset-4 {
  margin-left: 33.33333333%;
}
#reader-registration-1 .container .col-xs-offset-3,
#reader-registration-2 .container .col-xs-offset-3 {
  margin-left: 25%;
}
#reader-registration-1 .container .col-xs-offset-2,
#reader-registration-2 .container .col-xs-offset-2 {
  margin-left: 16.66666667%;
}
#reader-registration-1 .container .col-xs-offset-1,
#reader-registration-2 .container .col-xs-offset-1 {
  margin-left: 8.33333333%;
}
#reader-registration-1 .container .col-xs-offset-0,
#reader-registration-2 .container .col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 767px) {
  #reader-registration-1 .container .col-sm-1, #reader-registration-1 .container .col-sm-2, #reader-registration-1 .container .col-sm-3, #reader-registration-1 .container .col-sm-4, #reader-registration-1 .container .col-sm-5, #reader-registration-1 .container .col-sm-6, #reader-registration-1 .container .col-sm-7, #reader-registration-1 .container .col-sm-8, #reader-registration-1 .container .col-sm-9, #reader-registration-1 .container .col-sm-10, #reader-registration-1 .container .col-sm-11, #reader-registration-1 .container .col-sm-12,
  #reader-registration-2 .container .col-sm-1,
  #reader-registration-2 .container .col-sm-2,
  #reader-registration-2 .container .col-sm-3,
  #reader-registration-2 .container .col-sm-4,
  #reader-registration-2 .container .col-sm-5,
  #reader-registration-2 .container .col-sm-6,
  #reader-registration-2 .container .col-sm-7,
  #reader-registration-2 .container .col-sm-8,
  #reader-registration-2 .container .col-sm-9,
  #reader-registration-2 .container .col-sm-10,
  #reader-registration-2 .container .col-sm-11,
  #reader-registration-2 .container .col-sm-12 {
    float: left;
  }
  #reader-registration-1 .container .col-sm-12,
  #reader-registration-2 .container .col-sm-12 {
    width: 100%;
  }
  #reader-registration-1 .container .col-sm-11,
  #reader-registration-2 .container .col-sm-11 {
    width: 91.66666667%;
  }
  #reader-registration-1 .container .col-sm-10,
  #reader-registration-2 .container .col-sm-10 {
    width: 83.33333333%;
  }
  #reader-registration-1 .container .col-sm-9,
  #reader-registration-2 .container .col-sm-9 {
    width: 75%;
  }
  #reader-registration-1 .container .col-sm-8,
  #reader-registration-2 .container .col-sm-8 {
    width: 66.66666667%;
  }
  #reader-registration-1 .container .col-sm-7,
  #reader-registration-2 .container .col-sm-7 {
    width: 58.33333333%;
  }
  #reader-registration-1 .container .col-sm-6,
  #reader-registration-2 .container .col-sm-6 {
    width: 50%;
  }
  #reader-registration-1 .container .col-sm-5,
  #reader-registration-2 .container .col-sm-5 {
    width: 41.66666667%;
  }
  #reader-registration-1 .container .col-sm-4,
  #reader-registration-2 .container .col-sm-4 {
    width: 33.33333333%;
  }
  #reader-registration-1 .container .col-sm-3,
  #reader-registration-2 .container .col-sm-3 {
    width: 25%;
  }
  #reader-registration-1 .container .col-sm-2,
  #reader-registration-2 .container .col-sm-2 {
    width: 16.66666667%;
  }
  #reader-registration-1 .container .col-sm-1,
  #reader-registration-2 .container .col-sm-1 {
    width: 8.33333333%;
  }
  #reader-registration-1 .container .col-sm-pull-12,
  #reader-registration-2 .container .col-sm-pull-12 {
    right: 100%;
  }
  #reader-registration-1 .container .col-sm-pull-11,
  #reader-registration-2 .container .col-sm-pull-11 {
    right: 91.66666667%;
  }
  #reader-registration-1 .container .col-sm-pull-10,
  #reader-registration-2 .container .col-sm-pull-10 {
    right: 83.33333333%;
  }
  #reader-registration-1 .container .col-sm-pull-9,
  #reader-registration-2 .container .col-sm-pull-9 {
    right: 75%;
  }
  #reader-registration-1 .container .col-sm-pull-8,
  #reader-registration-2 .container .col-sm-pull-8 {
    right: 66.66666667%;
  }
  #reader-registration-1 .container .col-sm-pull-7,
  #reader-registration-2 .container .col-sm-pull-7 {
    right: 58.33333333%;
  }
  #reader-registration-1 .container .col-sm-pull-6,
  #reader-registration-2 .container .col-sm-pull-6 {
    right: 50%;
  }
  #reader-registration-1 .container .col-sm-pull-5,
  #reader-registration-2 .container .col-sm-pull-5 {
    right: 41.66666667%;
  }
  #reader-registration-1 .container .col-sm-pull-4,
  #reader-registration-2 .container .col-sm-pull-4 {
    right: 33.33333333%;
  }
  #reader-registration-1 .container .col-sm-pull-3,
  #reader-registration-2 .container .col-sm-pull-3 {
    right: 25%;
  }
  #reader-registration-1 .container .col-sm-pull-2,
  #reader-registration-2 .container .col-sm-pull-2 {
    right: 16.66666667%;
  }
  #reader-registration-1 .container .col-sm-pull-1,
  #reader-registration-2 .container .col-sm-pull-1 {
    right: 8.33333333%;
  }
  #reader-registration-1 .container .col-sm-pull-0,
  #reader-registration-2 .container .col-sm-pull-0 {
    right: auto;
  }
  #reader-registration-1 .container .col-sm-push-12,
  #reader-registration-2 .container .col-sm-push-12 {
    left: 100%;
  }
  #reader-registration-1 .container .col-sm-push-11,
  #reader-registration-2 .container .col-sm-push-11 {
    left: 91.66666667%;
  }
  #reader-registration-1 .container .col-sm-push-10,
  #reader-registration-2 .container .col-sm-push-10 {
    left: 83.33333333%;
  }
  #reader-registration-1 .container .col-sm-push-9,
  #reader-registration-2 .container .col-sm-push-9 {
    left: 75%;
  }
  #reader-registration-1 .container .col-sm-push-8,
  #reader-registration-2 .container .col-sm-push-8 {
    left: 66.66666667%;
  }
  #reader-registration-1 .container .col-sm-push-7,
  #reader-registration-2 .container .col-sm-push-7 {
    left: 58.33333333%;
  }
  #reader-registration-1 .container .col-sm-push-6,
  #reader-registration-2 .container .col-sm-push-6 {
    left: 50%;
  }
  #reader-registration-1 .container .col-sm-push-5,
  #reader-registration-2 .container .col-sm-push-5 {
    left: 41.66666667%;
  }
  #reader-registration-1 .container .col-sm-push-4,
  #reader-registration-2 .container .col-sm-push-4 {
    left: 33.33333333%;
  }
  #reader-registration-1 .container .col-sm-push-3,
  #reader-registration-2 .container .col-sm-push-3 {
    left: 25%;
  }
  #reader-registration-1 .container .col-sm-push-2,
  #reader-registration-2 .container .col-sm-push-2 {
    left: 16.66666667%;
  }
  #reader-registration-1 .container .col-sm-push-1,
  #reader-registration-2 .container .col-sm-push-1 {
    left: 8.33333333%;
  }
  #reader-registration-1 .container .col-sm-push-0,
  #reader-registration-2 .container .col-sm-push-0 {
    left: auto;
  }
  #reader-registration-1 .container .col-sm-offset-12,
  #reader-registration-2 .container .col-sm-offset-12 {
    margin-left: 100%;
  }
  #reader-registration-1 .container .col-sm-offset-11,
  #reader-registration-2 .container .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  #reader-registration-1 .container .col-sm-offset-10,
  #reader-registration-2 .container .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  #reader-registration-1 .container .col-sm-offset-9,
  #reader-registration-2 .container .col-sm-offset-9 {
    margin-left: 75%;
  }
  #reader-registration-1 .container .col-sm-offset-8,
  #reader-registration-2 .container .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  #reader-registration-1 .container .col-sm-offset-7,
  #reader-registration-2 .container .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  #reader-registration-1 .container .col-sm-offset-6,
  #reader-registration-2 .container .col-sm-offset-6 {
    margin-left: 50%;
  }
  #reader-registration-1 .container .col-sm-offset-5,
  #reader-registration-2 .container .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  #reader-registration-1 .container .col-sm-offset-4,
  #reader-registration-2 .container .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  #reader-registration-1 .container .col-sm-offset-3,
  #reader-registration-2 .container .col-sm-offset-3 {
    margin-left: 25%;
  }
  #reader-registration-1 .container .col-sm-offset-2,
  #reader-registration-2 .container .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  #reader-registration-1 .container .col-sm-offset-1,
  #reader-registration-2 .container .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  #reader-registration-1 .container .col-sm-offset-0,
  #reader-registration-2 .container .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  #reader-registration-1 .container .col-md-1, #reader-registration-1 .container .col-md-2, #reader-registration-1 .container .col-md-3, #reader-registration-1 .container .col-md-4, #reader-registration-1 .container .col-md-5, #reader-registration-1 .container .col-md-6, #reader-registration-1 .container .col-md-7, #reader-registration-1 .container .col-md-8, #reader-registration-1 .container .col-md-9, #reader-registration-1 .container .col-md-10, #reader-registration-1 .container .col-md-11, #reader-registration-1 .container .col-md-12,
  #reader-registration-2 .container .col-md-1,
  #reader-registration-2 .container .col-md-2,
  #reader-registration-2 .container .col-md-3,
  #reader-registration-2 .container .col-md-4,
  #reader-registration-2 .container .col-md-5,
  #reader-registration-2 .container .col-md-6,
  #reader-registration-2 .container .col-md-7,
  #reader-registration-2 .container .col-md-8,
  #reader-registration-2 .container .col-md-9,
  #reader-registration-2 .container .col-md-10,
  #reader-registration-2 .container .col-md-11,
  #reader-registration-2 .container .col-md-12 {
    float: left;
  }
  #reader-registration-1 .container .col-md-12,
  #reader-registration-2 .container .col-md-12 {
    width: 100%;
  }
  #reader-registration-1 .container .col-md-11,
  #reader-registration-2 .container .col-md-11 {
    width: 91.66666667%;
  }
  #reader-registration-1 .container .col-md-10,
  #reader-registration-2 .container .col-md-10 {
    width: 83.33333333%;
  }
  #reader-registration-1 .container .col-md-9,
  #reader-registration-2 .container .col-md-9 {
    width: 75%;
  }
  #reader-registration-1 .container .col-md-8,
  #reader-registration-2 .container .col-md-8 {
    width: 66.66666667%;
  }
  #reader-registration-1 .container .col-md-7,
  #reader-registration-2 .container .col-md-7 {
    width: 58.33333333%;
  }
  #reader-registration-1 .container .col-md-6,
  #reader-registration-2 .container .col-md-6 {
    width: 50%;
  }
  #reader-registration-1 .container .col-md-5,
  #reader-registration-2 .container .col-md-5 {
    width: 41.66666667%;
  }
  #reader-registration-1 .container .col-md-4,
  #reader-registration-2 .container .col-md-4 {
    width: 33.33333333%;
  }
  #reader-registration-1 .container .col-md-3,
  #reader-registration-2 .container .col-md-3 {
    width: 25%;
  }
  #reader-registration-1 .container .col-md-2,
  #reader-registration-2 .container .col-md-2 {
    width: 16.66666667%;
  }
  #reader-registration-1 .container .col-md-1,
  #reader-registration-2 .container .col-md-1 {
    width: 8.33333333%;
  }
  #reader-registration-1 .container .col-md-pull-12,
  #reader-registration-2 .container .col-md-pull-12 {
    right: 100%;
  }
  #reader-registration-1 .container .col-md-pull-11,
  #reader-registration-2 .container .col-md-pull-11 {
    right: 91.66666667%;
  }
  #reader-registration-1 .container .col-md-pull-10,
  #reader-registration-2 .container .col-md-pull-10 {
    right: 83.33333333%;
  }
  #reader-registration-1 .container .col-md-pull-9,
  #reader-registration-2 .container .col-md-pull-9 {
    right: 75%;
  }
  #reader-registration-1 .container .col-md-pull-8,
  #reader-registration-2 .container .col-md-pull-8 {
    right: 66.66666667%;
  }
  #reader-registration-1 .container .col-md-pull-7,
  #reader-registration-2 .container .col-md-pull-7 {
    right: 58.33333333%;
  }
  #reader-registration-1 .container .col-md-pull-6,
  #reader-registration-2 .container .col-md-pull-6 {
    right: 50%;
  }
  #reader-registration-1 .container .col-md-pull-5,
  #reader-registration-2 .container .col-md-pull-5 {
    right: 41.66666667%;
  }
  #reader-registration-1 .container .col-md-pull-4,
  #reader-registration-2 .container .col-md-pull-4 {
    right: 33.33333333%;
  }
  #reader-registration-1 .container .col-md-pull-3,
  #reader-registration-2 .container .col-md-pull-3 {
    right: 25%;
  }
  #reader-registration-1 .container .col-md-pull-2,
  #reader-registration-2 .container .col-md-pull-2 {
    right: 16.66666667%;
  }
  #reader-registration-1 .container .col-md-pull-1,
  #reader-registration-2 .container .col-md-pull-1 {
    right: 8.33333333%;
  }
  #reader-registration-1 .container .col-md-pull-0,
  #reader-registration-2 .container .col-md-pull-0 {
    right: auto;
  }
  #reader-registration-1 .container .col-md-push-12,
  #reader-registration-2 .container .col-md-push-12 {
    left: 100%;
  }
  #reader-registration-1 .container .col-md-push-11,
  #reader-registration-2 .container .col-md-push-11 {
    left: 91.66666667%;
  }
  #reader-registration-1 .container .col-md-push-10,
  #reader-registration-2 .container .col-md-push-10 {
    left: 83.33333333%;
  }
  #reader-registration-1 .container .col-md-push-9,
  #reader-registration-2 .container .col-md-push-9 {
    left: 75%;
  }
  #reader-registration-1 .container .col-md-push-8,
  #reader-registration-2 .container .col-md-push-8 {
    left: 66.66666667%;
  }
  #reader-registration-1 .container .col-md-push-7,
  #reader-registration-2 .container .col-md-push-7 {
    left: 58.33333333%;
  }
  #reader-registration-1 .container .col-md-push-6,
  #reader-registration-2 .container .col-md-push-6 {
    left: 50%;
  }
  #reader-registration-1 .container .col-md-push-5,
  #reader-registration-2 .container .col-md-push-5 {
    left: 41.66666667%;
  }
  #reader-registration-1 .container .col-md-push-4,
  #reader-registration-2 .container .col-md-push-4 {
    left: 33.33333333%;
  }
  #reader-registration-1 .container .col-md-push-3,
  #reader-registration-2 .container .col-md-push-3 {
    left: 25%;
  }
  #reader-registration-1 .container .col-md-push-2,
  #reader-registration-2 .container .col-md-push-2 {
    left: 16.66666667%;
  }
  #reader-registration-1 .container .col-md-push-1,
  #reader-registration-2 .container .col-md-push-1 {
    left: 8.33333333%;
  }
  #reader-registration-1 .container .col-md-push-0,
  #reader-registration-2 .container .col-md-push-0 {
    left: auto;
  }
  #reader-registration-1 .container .col-md-offset-12,
  #reader-registration-2 .container .col-md-offset-12 {
    margin-left: 100%;
  }
  #reader-registration-1 .container .col-md-offset-11,
  #reader-registration-2 .container .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  #reader-registration-1 .container .col-md-offset-10,
  #reader-registration-2 .container .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  #reader-registration-1 .container .col-md-offset-9,
  #reader-registration-2 .container .col-md-offset-9 {
    margin-left: 75%;
  }
  #reader-registration-1 .container .col-md-offset-8,
  #reader-registration-2 .container .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  #reader-registration-1 .container .col-md-offset-7,
  #reader-registration-2 .container .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  #reader-registration-1 .container .col-md-offset-6,
  #reader-registration-2 .container .col-md-offset-6 {
    margin-left: 50%;
  }
  #reader-registration-1 .container .col-md-offset-5,
  #reader-registration-2 .container .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  #reader-registration-1 .container .col-md-offset-4,
  #reader-registration-2 .container .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  #reader-registration-1 .container .col-md-offset-3,
  #reader-registration-2 .container .col-md-offset-3 {
    margin-left: 25%;
  }
  #reader-registration-1 .container .col-md-offset-2,
  #reader-registration-2 .container .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  #reader-registration-1 .container .col-md-offset-1,
  #reader-registration-2 .container .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  #reader-registration-1 .container .col-md-offset-0,
  #reader-registration-2 .container .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  #reader-registration-1 .container .col-lg-1, #reader-registration-1 .container .col-lg-2, #reader-registration-1 .container .col-lg-3, #reader-registration-1 .container .col-lg-4, #reader-registration-1 .container .col-lg-5, #reader-registration-1 .container .col-lg-6, #reader-registration-1 .container .col-lg-7, #reader-registration-1 .container .col-lg-8, #reader-registration-1 .container .col-lg-9, #reader-registration-1 .container .col-lg-10, #reader-registration-1 .container .col-lg-11, #reader-registration-1 .container .col-lg-12,
  #reader-registration-2 .container .col-lg-1,
  #reader-registration-2 .container .col-lg-2,
  #reader-registration-2 .container .col-lg-3,
  #reader-registration-2 .container .col-lg-4,
  #reader-registration-2 .container .col-lg-5,
  #reader-registration-2 .container .col-lg-6,
  #reader-registration-2 .container .col-lg-7,
  #reader-registration-2 .container .col-lg-8,
  #reader-registration-2 .container .col-lg-9,
  #reader-registration-2 .container .col-lg-10,
  #reader-registration-2 .container .col-lg-11,
  #reader-registration-2 .container .col-lg-12 {
    float: left;
  }
  #reader-registration-1 .container .col-lg-12,
  #reader-registration-2 .container .col-lg-12 {
    width: 100%;
  }
  #reader-registration-1 .container .col-lg-11,
  #reader-registration-2 .container .col-lg-11 {
    width: 91.66666667%;
  }
  #reader-registration-1 .container .col-lg-10,
  #reader-registration-2 .container .col-lg-10 {
    width: 83.33333333%;
  }
  #reader-registration-1 .container .col-lg-9,
  #reader-registration-2 .container .col-lg-9 {
    width: 75%;
  }
  #reader-registration-1 .container .col-lg-8,
  #reader-registration-2 .container .col-lg-8 {
    width: 66.66666667%;
  }
  #reader-registration-1 .container .col-lg-7,
  #reader-registration-2 .container .col-lg-7 {
    width: 58.33333333%;
  }
  #reader-registration-1 .container .col-lg-6,
  #reader-registration-2 .container .col-lg-6 {
    width: 50%;
  }
  #reader-registration-1 .container .col-lg-5,
  #reader-registration-2 .container .col-lg-5 {
    width: 41.66666667%;
  }
  #reader-registration-1 .container .col-lg-4,
  #reader-registration-2 .container .col-lg-4 {
    width: 33.33333333%;
  }
  #reader-registration-1 .container .col-lg-3,
  #reader-registration-2 .container .col-lg-3 {
    width: 25%;
  }
  #reader-registration-1 .container .col-lg-2,
  #reader-registration-2 .container .col-lg-2 {
    width: 16.66666667%;
  }
  #reader-registration-1 .container .col-lg-1,
  #reader-registration-2 .container .col-lg-1 {
    width: 8.33333333%;
  }
  #reader-registration-1 .container .col-lg-pull-12,
  #reader-registration-2 .container .col-lg-pull-12 {
    right: 100%;
  }
  #reader-registration-1 .container .col-lg-pull-11,
  #reader-registration-2 .container .col-lg-pull-11 {
    right: 91.66666667%;
  }
  #reader-registration-1 .container .col-lg-pull-10,
  #reader-registration-2 .container .col-lg-pull-10 {
    right: 83.33333333%;
  }
  #reader-registration-1 .container .col-lg-pull-9,
  #reader-registration-2 .container .col-lg-pull-9 {
    right: 75%;
  }
  #reader-registration-1 .container .col-lg-pull-8,
  #reader-registration-2 .container .col-lg-pull-8 {
    right: 66.66666667%;
  }
  #reader-registration-1 .container .col-lg-pull-7,
  #reader-registration-2 .container .col-lg-pull-7 {
    right: 58.33333333%;
  }
  #reader-registration-1 .container .col-lg-pull-6,
  #reader-registration-2 .container .col-lg-pull-6 {
    right: 50%;
  }
  #reader-registration-1 .container .col-lg-pull-5,
  #reader-registration-2 .container .col-lg-pull-5 {
    right: 41.66666667%;
  }
  #reader-registration-1 .container .col-lg-pull-4,
  #reader-registration-2 .container .col-lg-pull-4 {
    right: 33.33333333%;
  }
  #reader-registration-1 .container .col-lg-pull-3,
  #reader-registration-2 .container .col-lg-pull-3 {
    right: 25%;
  }
  #reader-registration-1 .container .col-lg-pull-2,
  #reader-registration-2 .container .col-lg-pull-2 {
    right: 16.66666667%;
  }
  #reader-registration-1 .container .col-lg-pull-1,
  #reader-registration-2 .container .col-lg-pull-1 {
    right: 8.33333333%;
  }
  #reader-registration-1 .container .col-lg-pull-0,
  #reader-registration-2 .container .col-lg-pull-0 {
    right: auto;
  }
  #reader-registration-1 .container .col-lg-push-12,
  #reader-registration-2 .container .col-lg-push-12 {
    left: 100%;
  }
  #reader-registration-1 .container .col-lg-push-11,
  #reader-registration-2 .container .col-lg-push-11 {
    left: 91.66666667%;
  }
  #reader-registration-1 .container .col-lg-push-10,
  #reader-registration-2 .container .col-lg-push-10 {
    left: 83.33333333%;
  }
  #reader-registration-1 .container .col-lg-push-9,
  #reader-registration-2 .container .col-lg-push-9 {
    left: 75%;
  }
  #reader-registration-1 .container .col-lg-push-8,
  #reader-registration-2 .container .col-lg-push-8 {
    left: 66.66666667%;
  }
  #reader-registration-1 .container .col-lg-push-7,
  #reader-registration-2 .container .col-lg-push-7 {
    left: 58.33333333%;
  }
  #reader-registration-1 .container .col-lg-push-6,
  #reader-registration-2 .container .col-lg-push-6 {
    left: 50%;
  }
  #reader-registration-1 .container .col-lg-push-5,
  #reader-registration-2 .container .col-lg-push-5 {
    left: 41.66666667%;
  }
  #reader-registration-1 .container .col-lg-push-4,
  #reader-registration-2 .container .col-lg-push-4 {
    left: 33.33333333%;
  }
  #reader-registration-1 .container .col-lg-push-3,
  #reader-registration-2 .container .col-lg-push-3 {
    left: 25%;
  }
  #reader-registration-1 .container .col-lg-push-2,
  #reader-registration-2 .container .col-lg-push-2 {
    left: 16.66666667%;
  }
  #reader-registration-1 .container .col-lg-push-1,
  #reader-registration-2 .container .col-lg-push-1 {
    left: 8.33333333%;
  }
  #reader-registration-1 .container .col-lg-push-0,
  #reader-registration-2 .container .col-lg-push-0 {
    left: auto;
  }
  #reader-registration-1 .container .col-lg-offset-12,
  #reader-registration-2 .container .col-lg-offset-12 {
    margin-left: 100%;
  }
  #reader-registration-1 .container .col-lg-offset-11,
  #reader-registration-2 .container .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  #reader-registration-1 .container .col-lg-offset-10,
  #reader-registration-2 .container .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  #reader-registration-1 .container .col-lg-offset-9,
  #reader-registration-2 .container .col-lg-offset-9 {
    margin-left: 75%;
  }
  #reader-registration-1 .container .col-lg-offset-8,
  #reader-registration-2 .container .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  #reader-registration-1 .container .col-lg-offset-7,
  #reader-registration-2 .container .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  #reader-registration-1 .container .col-lg-offset-6,
  #reader-registration-2 .container .col-lg-offset-6 {
    margin-left: 50%;
  }
  #reader-registration-1 .container .col-lg-offset-5,
  #reader-registration-2 .container .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  #reader-registration-1 .container .col-lg-offset-4,
  #reader-registration-2 .container .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  #reader-registration-1 .container .col-lg-offset-3,
  #reader-registration-2 .container .col-lg-offset-3 {
    margin-left: 25%;
  }
  #reader-registration-1 .container .col-lg-offset-2,
  #reader-registration-2 .container .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  #reader-registration-1 .container .col-lg-offset-1,
  #reader-registration-2 .container .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  #reader-registration-1 .container .col-lg-offset-0,
  #reader-registration-2 .container .col-lg-offset-0 {
    margin-left: 0%;
  }
}
#reader-registration-1 .container .clearfix:before,
#reader-registration-1 .container .clearfix:after,
#reader-registration-1 .container .container:before,
#reader-registration-1 .container .container:after,
#reader-registration-1 .container .container-fluid:before,
#reader-registration-1 .container .container-fluid:after,
#reader-registration-1 .container .row:before,
#reader-registration-1 .container .row:after,
#reader-registration-2 .container .clearfix:before,
#reader-registration-2 .container .clearfix:after,
#reader-registration-2 .container .container:before,
#reader-registration-2 .container .container:after,
#reader-registration-2 .container .container-fluid:before,
#reader-registration-2 .container .container-fluid:after,
#reader-registration-2 .container .row:before,
#reader-registration-2 .container .row:after {
  content: " ";
  display: table;
}
#reader-registration-1 .container .clearfix:after,
#reader-registration-1 .container .container:after,
#reader-registration-1 .container .container-fluid:after,
#reader-registration-1 .container .row:after,
#reader-registration-2 .container .clearfix:after,
#reader-registration-2 .container .container:after,
#reader-registration-2 .container .container-fluid:after,
#reader-registration-2 .container .row:after {
  clear: both;
}
#reader-registration-1 .container .center-block,
#reader-registration-2 .container .center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#reader-registration-1 .container .pull-right,
#reader-registration-2 .container .pull-right {
  float: right !important;
}
#reader-registration-1 .container .pull-left,
#reader-registration-2 .container .pull-left {
  float: left !important;
}
#reader-registration-1 .container .hide,
#reader-registration-2 .container .hide {
  display: none !important;
}
#reader-registration-1 .container .show,
#reader-registration-2 .container .show {
  display: block !important;
}
#reader-registration-1 .container .invisible,
#reader-registration-2 .container .invisible {
  visibility: hidden;
}
#reader-registration-1 .container .text-hide,
#reader-registration-2 .container .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
#reader-registration-1 .container .hidden,
#reader-registration-2 .container .hidden {
  display: none !important;
}
#reader-registration-1 .container .affix,
#reader-registration-2 .container .affix {
  position: fixed;
}

#sitemap .a-reader {
  background-size: 40px;
  padding: 0 0 0 50px;
  background-repeat: no-repeat;
  display: block;
  line-height: 31px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 31px;
  margin-bottom: 6px;
}
#sitemap > .row {
  max-width: 1170px;
  width: auto !important;
  margin: 0 auto;
  position: relative;
  padding: 70px 10px 100px;
}
#sitemap > .row:after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 1200px) {
  #sitemap > .row {
    width: 962px !important;
  }
}
@media (max-width: 992px) {
  #sitemap > .row {
    width: 737px !important;
  }
}
@media (max-width: 767px) {
  #sitemap > .row {
    width: auto !important;
  }
}
#sitemap .row a {
  color: #9575cd;
  font-weight: 600;
  transition: .2s;
  text-decoration: underline;
  cursor: pointer;
  font-weight: normal !important;
  line-height: 22px;
}
#sitemap .row a:hover {
  color: #603ba1;
}
#sitemap .row a:active {
  color: #331f57;
}
#sitemap li {
  display: block;
}
#sitemap h2.col-xs-12 {
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  margin: 0;
  clear: both;
  margin-top: 40px;
  margin-bottom: 20px;
  clear: both;
}
@media (max-width: 767px) {
  #sitemap h2.col-xs-12 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #sitemap h2.col-xs-12 {
    margin-top: 30px;
    margin-bottom: 15px;
  }
}
#sitemap .spacer-noline-5 {
  height: 16px;
}
#sitemap .list-unstyled.list-inline a {
  font-size: 14px;
}
#sitemap .list-unstyled.list-inline .col-xs-12:not(.col-md-4) {
  padding: 0 5px;
  clear: both;
}
#sitemap .list-unstyled.list-inline .col-xs-12:not(.col-md-4) a {
  font-weight: bold !important;
}
#sitemap .list-unstyled.list-inline .col-xs-12.col-sm-6.col-md-4 {
  width: 33.3333333%;
  float: left;
  padding: 0 5px;
  box-sizing: border-box;
}
#sitemap .col-xs-12 + h2 + .col-xs-12 > ul > li {
  width: 25% !important;
}
@media (max-width: 767px) {
  #sitemap .col-xs-12 + h2 + .col-xs-12 > ul > li {
    width: 50% !important;
  }
}

.user-info > .col-xs-5.col-sm-6 {
  display: inline-block;
  vertical-align: top;
}
.user-info [id="user-info-form:SelfBusyButton"] {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
  background: #9575cd;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  width: 120px;
  -webkit-appearance: none;
  font-size: 14px;
  margin-right: 7px;
}
.user-info [id="user-info-form:SelfBusyButton"]:hover {
  background: #6d43b8;
}
.user-info [id="user-info-form:SelfBusyButton"]:active {
  background: #4e3084;
}
.user-info [id="user-info-form:SelfBusyButton"].ui-state-disabled:hover, .user-info [id="user-info-form:SelfBusyButton"].ui-state-disabled:active {
  background: #9575cd;
}
.user-info [id="user-info-form:SelfBusyButton"].disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
@media (max-width: 767px) {
  .user-info [id="user-info-form:SelfBusyButton"] {
    position: relative;
    top: 28px;
  }
}
.user-info .dropdown {
  position: relative;
}
.user-info .dropdown .fa {
  font-size: 17px !important;
  line-height: 18px !important;
  margin: 4px 2px;
  width: 20px !important;
  text-align: center;
  vertical-align: 0;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.user-info .dropdown .fa.fa-lg {
  border: none;
  line-height: 20px !important;
}
.user-info .dropdown .fa-ban,
.user-info .dropdown .label-default {
  color: #fff;
}
.user-info .dropdown .fa-ban i,
.user-info .dropdown .label-default i {
  background: #e57373;
  color: #fff;
}
.user-info .dropdown .label-success,
.user-info .dropdown .fa-check {
  color: #fff;
}
.user-info .dropdown .label-success i,
.user-info .dropdown .fa-check i {
  background: #66bb6a;
  color: #fff;
}
.user-info .dropdown .dropdown-menu {
  display: none;
  position: absolute;
  top: 28px;
  right: 0;
}
.user-info .dropdown .dropdown-menu li {
  display: block;
  background: #66bb6a;
  border-top: 1px solid #e2e7ea;
  font-size: 0;
  cursor: pointer;
}
.user-info .dropdown .dropdown-menu li:nth-child(4) {
  background: #e57373;
}
.user-info .dropdown .dropdown-menu li:last-child {
  padding: 0;
  background: #f0f2f4;
}
.user-info .dropdown .dropdown-menu li:last-child a {
  font-size: 14px;
  padding: 0;
  text-align: center;
}
.user-info .dropdown .dropdown-menu li:hover {
  background: darker(#f0f2f4, 5%);
}
.user-info .dropdown .dropdown-menu li .label {
  display: inline;
}
.user-info .dropdown .dropdown-menu li a {
  text-decoration: none;
  display: block;
  padding: 0 10px;
}
.user-info .dropdown.open > .dropdown-menu {
  display: block;
}
.user-info .dropdown #onlineStateMenu {
  display: block;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
  background: #e57373;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  text-decoration: none;
  color: #fff;
  -webkit-appearance: none;
  line-height: 1.15;
  padding: 0 10px;
  font-size: 0;
}
.user-info .dropdown #onlineStateMenu:hover {
  background: #da3737;
}
.user-info .dropdown #onlineStateMenu:active {
  background: #aa2020;
}
.user-info .dropdown #onlineStateMenu.ui-state-disabled:hover, .user-info .dropdown #onlineStateMenu.ui-state-disabled:active {
  background: #e57373;
}
.user-info .dropdown #onlineStateMenu.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
.user-info .dropdown #onlineStateMenu.enabled {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  line-height: 1.15;
  padding: 0 10px;
  font-size: 0;
}
.user-info .dropdown #onlineStateMenu.enabled:hover {
  background: #439747;
}
.user-info .dropdown #onlineStateMenu.enabled:active {
  background: #2d6530;
}
.user-info .dropdown #onlineStateMenu.enabled.ui-state-disabled:hover, .user-info .dropdown #onlineStateMenu.enabled.ui-state-disabled:active {
  background: #66bb6a;
}
.user-info .dropdown #onlineStateMenu.enabled.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
.user-info .dropdown #onlineStateMenu .label {
  display: inline;
}
.user-info .dropdown #onlineStateMenu.btn-lr-warning.enabled {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
  background: #ffb74d;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  line-height: 1.15;
  padding: 0 10px;
  font-size: 0;
}
.user-info .dropdown #onlineStateMenu.btn-lr-warning.enabled:hover {
  background: #ff9a06;
}
.user-info .dropdown #onlineStateMenu.btn-lr-warning.enabled:active {
  background: #bd7100;
}
.user-info .dropdown #onlineStateMenu.btn-lr-warning.enabled.ui-state-disabled:hover, .user-info .dropdown #onlineStateMenu.btn-lr-warning.enabled.ui-state-disabled:active {
  background: #ffb74d;
}
.user-info .dropdown #onlineStateMenu.btn-lr-warning.enabled.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}

#SoundTestModal .modal-dialog {
  width: 280px;
  text-align: center;
}
#SoundTestModal .modal-body {
  margin: 10px 0 15px;
}

#free-minutes .ui-inputswitch.ui-widget.ui-widget-content.ui-corner-all .ui-inputswitch-handle.ui-state-default,
#customer-history .ui-inputswitch.ui-widget.ui-widget-content.ui-corner-all .ui-inputswitch-handle.ui-state-default {
  background: #9575cd;
}
#free-minutes .ui-inputswitch.ui-widget.ui-widget-content.ui-corner-all .ui-inputswitch-on.ui-state-active,
#customer-history .ui-inputswitch.ui-widget.ui-widget-content.ui-corner-all .ui-inputswitch-on.ui-state-active {
  line-height: 24px !important;
  display: block !important;
  height: 24px !important;
  background: #ddd !important;
  color: #9575cd !important;
  padding-top: 0 !important;
}
#free-minutes .ui-inputswitch.ui-widget.ui-widget-content.ui-corner-all .ui-inputswitch-off,
#customer-history .ui-inputswitch.ui-widget.ui-widget-content.ui-corner-all .ui-inputswitch-off {
  line-height: 24px !important;
  display: block !important;
  height: 24px !important;
  background: #ddd !important;
  padding-top: 0 !important;
}
#free-minutes .ui-state-default.ui-sortable-column.ui-state-active,
#customer-history .ui-state-default.ui-sortable-column.ui-state-active {
  color: #fff;
}
#free-minutes .ui-datatable.ui-widget th input,
#customer-history .ui-datatable.ui-widget th input {
  border: none;
  height: 34px;
  padding: 0;
  border: 2px solid #9575cd;
  background: rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  width: 100%;
  padding-left: 12px;
  font-size: 14px;
  color: #37474f;
  position: relative;
  margin-top: 4px;
  height: 26px;
  padding-left: 6px;
}
#free-minutes .ui-datatable.ui-widget th input:focus,
#customer-history .ui-datatable.ui-widget th input:focus {
  outline: 5px solid rgba(149, 117, 205, 0.4);
  z-index: 1;
}

#free-minutes .ui-state-default.ui-sortable-column.ui-state-active {
  color: #fff;
}
#free-minutes .ui-state-default.ui-sortable-column.ui-state-active {
  color: #fff;
}
#free-minutes .form-group {
  background: #f4f4f4;
  padding: 8px 14px;
  margin: 4px 0;
}
#free-minutes .ui-commandlink.ui-widget.btn.btn-default.btn-avail {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
  background: #9575cd;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  margin-bottom: 20px;
  margin-top: 8px;
}
#free-minutes .ui-commandlink.ui-widget.btn.btn-default.btn-avail:hover {
  background: #6d43b8;
}
#free-minutes .ui-commandlink.ui-widget.btn.btn-default.btn-avail:active {
  background: #4e3084;
}
#free-minutes .ui-commandlink.ui-widget.btn.btn-default.btn-avail.ui-state-disabled:hover, #free-minutes .ui-commandlink.ui-widget.btn.btn-default.btn-avail.ui-state-disabled:active {
  background: #9575cd;
}
#free-minutes .ui-commandlink.ui-widget.btn.btn-default.btn-avail.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#free-minutes h2 .ui-commandlink.ui-widget.btn.btn-success {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
  background: #9575cd;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
}
#free-minutes h2 .ui-commandlink.ui-widget.btn.btn-success:hover {
  background: #6d43b8;
}
#free-minutes h2 .ui-commandlink.ui-widget.btn.btn-success:active {
  background: #4e3084;
}
#free-minutes h2 .ui-commandlink.ui-widget.btn.btn-success.ui-state-disabled:hover, #free-minutes h2 .ui-commandlink.ui-widget.btn.btn-success.ui-state-disabled:active {
  background: #9575cd;
}
#free-minutes h2 .ui-commandlink.ui-widget.btn.btn-success.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}

#billing .ui-state-default.ui-tabs-selected.ui-state-active.ui-corner-top a {
  color: #fff;
}
#billing .ui-tabs-nav {
  padding: 0;
  margin: 0;
}
#billing .ui-tabs-panels {
  border: 1px solid #c8c8c8;
}
#billing .row {
  overflow: hidden;
}
#billing .col-xs-3 {
  width: 25%;
  padding: 13px 0;
  float: left;
  box-sizing: border-box;
}
#billing .col-xs-6.centered {
  width: 50%;
  padding: 10px 15px;
  float: left;
  box-sizing: border-box;
  text-align: center;
}
#billing .ui-panel-content.ui-widget-content p {
  margin: 0;
}

#email-notification-settings h1 .fa.fa-fw.fa-envelope-alt {
  display: none;
}

#availability-calendar [id="selectedIntervalForm:j_idt773"] {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
  background: #9575cd;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  float: left;
  margin: 0 0 14px;
}
#availability-calendar [id="selectedIntervalForm:j_idt773"]:hover {
  background: #6d43b8;
}
#availability-calendar [id="selectedIntervalForm:j_idt773"]:active {
  background: #4e3084;
}
#availability-calendar [id="selectedIntervalForm:j_idt773"].ui-state-disabled:hover, #availability-calendar [id="selectedIntervalForm:j_idt773"].ui-state-disabled:active {
  background: #9575cd;
}
#availability-calendar [id="selectedIntervalForm:j_idt773"].disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#availability-calendar #defaultScheduleForm,
#availability-calendar #selectedIntervalWrapperDiv {
  margin: 35px 0;
}
#availability-calendar .yui-skin-sam {
  border: 1px solid #e2e7ea;
}
#availability-calendar .ui-fieldset.ui-widget.ui-widget-content.ui-corner-all.ui-hidden-container {
  border: 1px solid #e2e7ea;
}
#availability-calendar .ui-fieldset.ui-widget.ui-widget-content.ui-corner-all.ui-hidden-container .ui-commandlink.ui-widget.btn.btn-default {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
  background: #9575cd;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  padding: 0 10px;
  margin-bottom: 15px;
}
#availability-calendar .ui-fieldset.ui-widget.ui-widget-content.ui-corner-all.ui-hidden-container .ui-commandlink.ui-widget.btn.btn-default:hover {
  background: #6d43b8;
}
#availability-calendar .ui-fieldset.ui-widget.ui-widget-content.ui-corner-all.ui-hidden-container .ui-commandlink.ui-widget.btn.btn-default:active {
  background: #4e3084;
}
#availability-calendar .ui-fieldset.ui-widget.ui-widget-content.ui-corner-all.ui-hidden-container .ui-commandlink.ui-widget.btn.btn-default.ui-state-disabled:hover, #availability-calendar .ui-fieldset.ui-widget.ui-widget-content.ui-corner-all.ui-hidden-container .ui-commandlink.ui-widget.btn.btn-default.ui-state-disabled:active {
  background: #9575cd;
}
#availability-calendar .ui-fieldset.ui-widget.ui-widget-content.ui-corner-all.ui-hidden-container .ui-commandlink.ui-widget.btn.btn-default.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#availability-calendar .ui-accordion .ui-accordion-header {
  background: #b29adb;
  color: #fff;
}
#availability-calendar .ui-accordion .ui-accordion-content {
  background: #f2f2f2;
}
#availability-calendar [id="selectedIntervalForm:selectedIntervalTypeCodeHidden"] + div {
  text-align: left !important;
}

#profile-settings .list-unstyled.padding-l-10 {
  display: block;
}
#profile-settings #descriptionSection h3 {
  margin-top: 15px;
  margin-bottom: 0;
}
#profile-settings #descriptionSection p {
  margin-bottom: 15px;
}
#profile-settings .remark li {
  display: block;
}
#profile-settings .remark li:before {
  content: "\2014";
  margin-right: 4px;
}
#profile-settings .form-row {
  border: none;
  padding: 0;
  padding: 10px 0;
}
#profile-settings .form-row > label {
  display: block;
  font-weight: bold;
  margin-bottom: 4px;
}
#profile-settings .form-row .bs-callout.bs-callout-info {
  border-left: 2px solid #7986CB;
  padding: 16px;
  background: rgba(121, 134, 203, 0.1);
  margin: 5px 0;
}
#profile-settings .form-row .bs-callout.bs-callout-info h4 {
  margin: 0;
}
#profile-settings .form-row .bs-callout.bs-callout-info p {
  margin: 0;
}
#profile-settings .row {
  overflow: hidden;
}
#profile-settings .col-md-6 {
  width: 50%;
  padding: 0 15px;
  box-sizing: border-box;
  float: left;
}
#profile-settings .row.alert {
  background: rgba(121, 134, 203, 0.1);
  padding: 20px 5px;
  margin: 20px 0;
}
#profile-settings .row.alert .col-xs-12 {
  padding: 0 15px;
}
#profile-settings .row.alert .ui-commandlink.ui-widget.btn.btn-default.pull-right {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
  background: #9575cd;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  float: left;
  padding: 0 10px;
  margin: 10px 0;
}
#profile-settings .row.alert .ui-commandlink.ui-widget.btn.btn-default.pull-right:hover {
  background: #6d43b8;
}
#profile-settings .row.alert .ui-commandlink.ui-widget.btn.btn-default.pull-right:active {
  background: #4e3084;
}
#profile-settings .row.alert .ui-commandlink.ui-widget.btn.btn-default.pull-right.ui-state-disabled:hover, #profile-settings .row.alert .ui-commandlink.ui-widget.btn.btn-default.pull-right.ui-state-disabled:active {
  background: #9575cd;
}
#profile-settings .row.alert .ui-commandlink.ui-widget.btn.btn-default.pull-right.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#profile-settings .row.alert .list-unstyled.row li {
  padding: 0 30px 0 0 !important;
  display: block;
}
#profile-settings .list-unstyled.row .col-xs-12.col-sm-6.col-md-4.col-lg-3 {
  width: 25%;
  padding: 0 15px;
  box-sizing: border-box;
  float: left;
}
#profile-settings #imageDiv > .row > .col-md-6 {
  padding: 0;
}
#profile-settings #imageDiv > .row > .col-md-6 .padding-lr-10 {
  padding-right: 10px;
}
#profile-settings [id="readerProfileUpdateForm:pricingTable"] .main > strong {
  display: block;
  border-bottom: 1px solid #ddd;
}

#account-settings h4.purple {
  margin-bottom: 10px;
  margin-top: 30px;
}
#account-settings .form-row {
  border: none;
  padding: 10px 0;
}
#account-settings .form-row > label {
  display: block;
  font-weight: bold;
  margin-bottom: 4px;
}
#account-settings .pull-left {
  float: none;
}
#account-settings h3.purple {
  margin-top: 20px;
  margin-bottom: 5px;
}
#account-settings .ui-accordion .ui-accordion-header {
  background: #b29adb;
  color: #fff;
}
#account-settings .ui-accordion .ui-accordion-content {
  background: #f2f2f2;
}
#account-settings .ui-commandlink.ui-widget.btn.btn-default.btn-block.pull-left {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
  background: #9575cd;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  float: left;
  padding: 0 10px;
  margin: 10px 0;
}
#account-settings .ui-commandlink.ui-widget.btn.btn-default.btn-block.pull-left:hover {
  background: #6d43b8;
}
#account-settings .ui-commandlink.ui-widget.btn.btn-default.btn-block.pull-left:active {
  background: #4e3084;
}
#account-settings .ui-commandlink.ui-widget.btn.btn-default.btn-block.pull-left.ui-state-disabled:hover, #account-settings .ui-commandlink.ui-widget.btn.btn-default.btn-block.pull-left.ui-state-disabled:active {
  background: #9575cd;
}
#account-settings .ui-commandlink.ui-widget.btn.btn-default.btn-block.pull-left.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}

#lifemail .content-section .fa.fa-minus.fa-lg, #lifemail .content-section .fa.fa-plus.fa-lg {
  color: #9575cd;
}
#lifemail .content-section .collapse {
  display: none;
}
#lifemail .content-section [id="iMailMessagesForm:createNewMessageButton"] #iMailMessagesForm {
  text-align: center;
}
@media (max-width: 767px) {
  #lifemail .content-section [id="iMailMessagesForm:createNewMessageButton"] {
    display: block;
    margin: 10px auto;
    float: none;
  }
}
#lifemail .content-section a {
  color: #37474f;
  text-decoration: none !important;
}
#lifemail .content-section a .container {
  width: auto !important;
  padding: 8px !important;
}
#lifemail .content-section .ui-selectonemenu-filter.ui-inputfield.ui-inputtext {
  width: 100%;
}
#lifemail .content-section .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
  right: 12px;
}
#lifemail .content-section .col-lg-1 {
  width: 80px;
  float: left;
  font-size: 0;
}
#lifemail .content-section .col-lg-1 img {
  margin: 0 !important;
}
#lifemail .content-section .col-lg-11 {
  margin-left: 88px;
  overflow: hidden;
}
#lifemail .content-section .col-xs-4 {
  padding-right: 20px;
  float: left;
}
#lifemail .content-section .row:after {
  content: "";
  display: block;
  clear: both;
}
#lifemail .content-section .dropdown-toggle {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
  background: #9575cd;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  padding: 0 10px;
}
#lifemail .content-section .dropdown-toggle:hover {
  background: #6d43b8;
}
#lifemail .content-section .dropdown-toggle:active {
  background: #4e3084;
}
#lifemail .content-section .dropdown-toggle.ui-state-disabled:hover, #lifemail .content-section .dropdown-toggle.ui-state-disabled:active {
  background: #9575cd;
}
#lifemail .content-section .dropdown-toggle.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#lifemail .content-section #conversationDeleteForm {
  position: relative;
}
#lifemail .content-section .dropdown-toggle:hover + .dropdown-menu,
#lifemail .content-section .dropdown-menu:hover {
  display: block;
}
#lifemail .content-section .ui-datalist-content.ui-widget-content .row.margin-lr-0 > div {
  max-width: auto !important;
  overflow: hidden !important;
}

#lifemail-settings .checkbox-label.fw-bold {
  display: inline;
}

#callbacks .checkbox-label {
  display: inline;
}
#callbacks .ui-datatable.ui-widget {
  margin-top: 20px;
}

#billing-activity-export #content {
  max-width: 1170px;
  width: auto !important;
  margin: 0 auto;
  position: relative;
  padding: 50px 10px;
}
#billing-activity-export #content:after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 1200px) {
  #billing-activity-export #content {
    width: 962px !important;
  }
}
@media (max-width: 992px) {
  #billing-activity-export #content {
    width: 737px !important;
  }
}
@media (max-width: 767px) {
  #billing-activity-export #content {
    width: auto !important;
  }
}
#billing-activity-export #content .ui-button-text.ui-c {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
  background: #9575cd;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  padding: 0 10px;
}
#billing-activity-export #content .ui-button-text.ui-c:hover {
  background: #6d43b8;
}
#billing-activity-export #content .ui-button-text.ui-c:active {
  background: #4e3084;
}
#billing-activity-export #content .ui-button-text.ui-c.ui-state-disabled:hover, #billing-activity-export #content .ui-button-text.ui-c.ui-state-disabled:active {
  background: #9575cd;
}
#billing-activity-export #content .ui-button-text.ui-c.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}

#chatInformerDialog {
  width: 300px !important;
}
#chatInformerDialog .ui-dialog-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-top {
  display: none;
}
#chatInformerDialog #chatCustomerNameIcon {
  display: none;
}
#chatInformerDialog #readingRequestAlertTimerPanel {
  width: 100px;
  margin: 0 auto 24px;
  border-radius: 4px;
  background: #e9ecef;
  color: #37474f;
}
#chatInformerDialog .col-xs-12.centered {
  text-align: center;
}
#chatInformerDialog .col-xs-12.centered h2 {
  font-size: 24px;
  font-weight: bold;
}
#chatInformerDialog .col-xs-12.centered p {
  display: inline;
}
#chatInformerDialog .col-xs-12.centered #chatCustomerName {
  display: inline;
}
#chatInformerDialog .ui-commandlink.ui-widget.btn.btn-success.btn-lg {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
}
#chatInformerDialog .ui-commandlink.ui-widget.btn.btn-success.btn-lg:hover {
  background: #439747;
}
#chatInformerDialog .ui-commandlink.ui-widget.btn.btn-success.btn-lg:active {
  background: #2d6530;
}
#chatInformerDialog .ui-commandlink.ui-widget.btn.btn-success.btn-lg.ui-state-disabled:hover, #chatInformerDialog .ui-commandlink.ui-widget.btn.btn-success.btn-lg.ui-state-disabled:active {
  background: #66bb6a;
}
#chatInformerDialog .ui-commandlink.ui-widget.btn.btn-success.btn-lg.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#chatInformerDialog .ui-commandlink.ui-widget.btn.btn-default.btn-sm {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #cfd8dc;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
}
#chatInformerDialog .ui-commandlink.ui-widget.btn.btn-default.btn-sm:hover {
  background: #a6b6be;
}
#chatInformerDialog .ui-commandlink.ui-widget.btn.btn-default.btn-sm:active {
  background: #7c95a0;
}
#chatInformerDialog .ui-commandlink.ui-widget.btn.btn-default.btn-sm.ui-state-disabled:hover, #chatInformerDialog .ui-commandlink.ui-widget.btn.btn-default.btn-sm.ui-state-disabled:active {
  background: #cfd8dc;
}
#chatInformerDialog .ui-commandlink.ui-widget.btn.btn-default.btn-sm.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#chatInformerDialog #incomeInformerForm {
  padding: 20px 0;
}
#chatInformerDialog #incomeInformerForm > .container .row:nth-child(1) h2.purple {
  margin-bottom: 0;
  margin-top: 0;
}
#chatInformerDialog #incomeInformerForm > .container .row:nth-child(2) .col-xs-12.centered {
  margin-bottom: 20px;
}
#chatInformerDialog #incomeInformerForm > .container .row:nth-child(3) {
  margin-bottom: 10px;
}
#chatInformerDialog #incomeInformerForm > .container .row:nth-child(4) {
  text-align: center;
}
#chatInformerDialog #incomeInformerForm > .container .row:nth-child(4) * {
  display: inline;
}
#chatInformerDialog #incomeInformerForm > .container .row:nth-child(4) .col-xs-12.centered {
  text-align: center;
}
#chatInformerDialog #incomeInformerForm > .container .row:nth-child(4) .col-xs-12.centered .ui-commandlink.btn {
  vertical-align: top;
  display: inline-block !important;
  font-size: 16px !important;
}

#balance-add-funds > .container,
#credit-card > .container,
#email-notification-settings > .container,
#lifemail > .container,
#lifemail-settings > .container,
#recent-readers > .container,
#reading-history > .container,
#billing-history > .container,
#free-minutes > .container,
body#help > .container,
body#contact > .container {
  max-width: 1170px;
  width: auto !important;
  margin: 0 auto;
  position: relative;
  padding: 50px 10px;
}
#balance-add-funds > .container:after,
#credit-card > .container:after,
#email-notification-settings > .container:after,
#lifemail > .container:after,
#lifemail-settings > .container:after,
#recent-readers > .container:after,
#reading-history > .container:after,
#billing-history > .container:after,
#free-minutes > .container:after,
body#help > .container:after,
body#contact > .container:after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 1200px) {
  #balance-add-funds > .container,
  #credit-card > .container,
  #email-notification-settings > .container,
  #lifemail > .container,
  #lifemail-settings > .container,
  #recent-readers > .container,
  #reading-history > .container,
  #billing-history > .container,
  #free-minutes > .container,
  body#help > .container,
  body#contact > .container {
    width: 962px !important;
  }
}
@media (max-width: 992px) {
  #balance-add-funds > .container,
  #credit-card > .container,
  #email-notification-settings > .container,
  #lifemail > .container,
  #lifemail-settings > .container,
  #recent-readers > .container,
  #reading-history > .container,
  #billing-history > .container,
  #free-minutes > .container,
  body#help > .container,
  body#contact > .container {
    width: 737px !important;
  }
}
@media (max-width: 767px) {
  #balance-add-funds > .container,
  #credit-card > .container,
  #email-notification-settings > .container,
  #lifemail > .container,
  #lifemail-settings > .container,
  #recent-readers > .container,
  #reading-history > .container,
  #billing-history > .container,
  #free-minutes > .container,
  body#help > .container,
  body#contact > .container {
    width: auto !important;
  }
}
#balance-add-funds > .container .row,
#credit-card > .container .row,
#email-notification-settings > .container .row,
#lifemail > .container .row,
#lifemail-settings > .container .row,
#recent-readers > .container .row,
#reading-history > .container .row,
#billing-history > .container .row,
#free-minutes > .container .row,
body#help > .container .row,
body#contact > .container .row {
  margin: 0;
}
#balance-add-funds .all-readers,
#credit-card .all-readers,
#email-notification-settings .all-readers,
#lifemail .all-readers,
#lifemail-settings .all-readers,
#recent-readers .all-readers,
#reading-history .all-readers,
#billing-history .all-readers,
#free-minutes .all-readers,
body#help .all-readers,
body#contact .all-readers {
  max-width: 1170px;
  width: auto !important;
  margin: 0 auto;
  position: relative;
}
#balance-add-funds .all-readers:after,
#credit-card .all-readers:after,
#email-notification-settings .all-readers:after,
#lifemail .all-readers:after,
#lifemail-settings .all-readers:after,
#recent-readers .all-readers:after,
#reading-history .all-readers:after,
#billing-history .all-readers:after,
#free-minutes .all-readers:after,
body#help .all-readers:after,
body#contact .all-readers:after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 1200px) {
  #balance-add-funds .all-readers,
  #credit-card .all-readers,
  #email-notification-settings .all-readers,
  #lifemail .all-readers,
  #lifemail-settings .all-readers,
  #recent-readers .all-readers,
  #reading-history .all-readers,
  #billing-history .all-readers,
  #free-minutes .all-readers,
  body#help .all-readers,
  body#contact .all-readers {
    width: 962px;
  }
}
@media (max-width: 992px) {
  #balance-add-funds .all-readers,
  #credit-card .all-readers,
  #email-notification-settings .all-readers,
  #lifemail .all-readers,
  #lifemail-settings .all-readers,
  #recent-readers .all-readers,
  #reading-history .all-readers,
  #billing-history .all-readers,
  #free-minutes .all-readers,
  body#help .all-readers,
  body#contact .all-readers {
    width: 737px;
  }
}
@media (max-width: 767px) {
  #balance-add-funds .all-readers,
  #credit-card .all-readers,
  #email-notification-settings .all-readers,
  #lifemail .all-readers,
  #lifemail-settings .all-readers,
  #recent-readers .all-readers,
  #reading-history .all-readers,
  #billing-history .all-readers,
  #free-minutes .all-readers,
  body#help .all-readers,
  body#contact .all-readers {
    width: auto;
  }
}

body#lifemail .iMailConversationList,
body#lifemail .iMailConversationList a,
body#lifemail .iMailConversationList a:hover,
body#lifemail .iMailConversationList a:focus {
  color: #333333;
}
body#lifemail .iMailConversationList a:hover > div {
  background: rgba(121, 134, 203, 0.05);
}
body#lifemail .img-responsive {
  max-width: 80px;
}
body#lifemail .message-item {
  font-weight: 100;
  cursor: pointer;
  padding: 5px;
  border-bottom: solid 1px #eeeeee;
}
body#lifemail .message-item.unread {
  font-weight: 700;
  background: rgba(121, 134, 203, 0.05);
}
body#lifemail .message-item.unread:hover {
  background: rgba(121, 134, 203, 0.1);
}
body#lifemail .message-item.unread sub.count {
  font-style: italic;
  margin-left: -4px;
}

#error-page .content img {
  display: block;
  margin: auto;
}
#error-page .content > div {
  text-align: center;
}
#error-page .content > div > a {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  text-align: center;
  margin: 20px;
}
#error-page .content > div > a:hover {
  background: #439747;
}
#error-page .content > div > a:active {
  background: #2d6530;
}
#error-page .content > div > a.ui-state-disabled:hover, #error-page .content > div > a.ui-state-disabled:active {
  background: #66bb6a;
}
#error-page .content > div > a.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#error-page .content .hero-section {
  background: url(../img/colorful-back.jpg) 50% -200px no-repeat;
  background-color: #a1498d;
  position: relative;
  font-size: 0;
  text-align: center;
}
@media (max-width: 767px) {
  #error-page .content .hero-section {
    height: auto;
    background-size: cover;
    background-position: 50% 0;
  }
}
#error-page .content .hero-section .title-level-1 {
  font-size: 60px;
  font-family: "Open Sans Condensed";
  font-weight: 300;
  max-width: 720px;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  margin: 0 auto;
  color: #fff;
  text-transform: uppercase;
  margin: 30px auto;
}
@media (max-width: 767px) {
  #error-page .content .hero-section .title-level-1 {
    font-size: 34px;
    max-width: 540px;
    margin: 14px auto;
  }
}
#error-page .content .hero-section .title-level-1 strong {
  display: block;
  font-weight: 700;
}

#email-notification-settings .container .col-xs-12 .col-xs-12 {
  line-height: 30px;
}
#email-notification-settings .container h2 {
  margin-bottom: 0;
}
#email-notification-settings .container .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default:not(.ui-state-active) {
  background: none;
  position: relative;
}
#email-notification-settings .container .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default:not(.ui-state-active) span {
  background: none;
}
#email-notification-settings .container .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default:not(.ui-state-active) span:after {
  content: "";
  height: 16px;
  width: 16px;
  background: #e2e7ea;
  display: inline-block;
  position: absolute;
  right: 0;
  top: -1px;
  border: 2px solid #66bb6a;
  background: #fff;
}
#email-notification-settings .container .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active {
  background: none;
  position: relative;
}
#email-notification-settings .container .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active span {
  background: none;
  text-indent: 0;
}
#email-notification-settings .container .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active span:after {
  content: "";
  height: 16px;
  width: 16px;
  background: #e2e7ea;
  display: inline-block;
  position: absolute;
  right: 0;
  top: -1px;
  border: 2px solid #66bb6a;
  background: #fff;
}
#email-notification-settings .container .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active span:before {
  content: "\ea10";
  width: 20px;
  color: #66bb6a;
  display: inline-block;
  position: absolute;
  font-size: 12px;
  right: 0;
  top: 3px;
  right: 0;
  z-index: 1;
  text-align: center;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#email-notification-settings .container form {
  display: inline-block;
  margin: 0 3px;
  cursor: pointer;
}
#email-notification-settings .container .checkbox-label {
  display: inline-block;
  vertical-align: 2px;
}

#reading-history .container [id="customerReadingsHistoryForm:customerReadingHistoryList_paginator_top"],
#reading-history .container [id="customerReadingsHistoryForm:customerReadingHistoryList_paginator_bottom"] {
  border-radius: 0;
}
#reading-history .container [id="customerReadingsHistoryForm:customerReadingHistoryList_content"] {
  border-bottom: none;
}
#reading-history .container [id="customerReadingsHistoryForm:customerReadingHistoryList_content"] .container {
  padding: 0 10px;
}
#reading-history .container [id="customerReadingsHistoryForm:customerReadingHistoryList_content"] .container .row {
  overflow: hidden;
}
#reading-history .container [id="customerReadingsHistoryForm:customerReadingHistoryList_content"] .container .col-sm-7,
#reading-history .container [id="customerReadingsHistoryForm:customerReadingHistoryList_content"] .container .col-sm-5 {
  overflow: hidden;
}
#reading-history .container [id="customerReadingsHistoryForm:customerReadingHistoryList_content"] .container .col-sm-7 .pull-right,
#reading-history .container [id="customerReadingsHistoryForm:customerReadingHistoryList_content"] .container .col-sm-5 .pull-right {
  float: right;
}
#reading-history .container [id="customerReadingsHistoryForm:customerReadingHistoryList_content"] .container .col-sm-7 .pull-left,
#reading-history .container [id="customerReadingsHistoryForm:customerReadingHistoryList_content"] .container .col-sm-5 .pull-left {
  float: left;
}
#reading-history .container [id="customerReadingsHistoryForm:customerReadingHistoryList_content"] .container .col-sm-6 {
  width: 50%;
  float: left;
}
#reading-history .container [id="customerReadingsHistoryForm:customerReadingHistoryList_content"] .container .col-sm-6 .btn-default.btn-xs {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 20px;
  background: #9575cd;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  font-size: 14px;
  padding: 0 10px;
  -webkit-appearance: none;
}
#reading-history .container [id="customerReadingsHistoryForm:customerReadingHistoryList_content"] .container .col-sm-6 .btn-default.btn-xs:hover {
  background: #6d43b8;
}
#reading-history .container [id="customerReadingsHistoryForm:customerReadingHistoryList_content"] .container .col-sm-6 .btn-default.btn-xs:active {
  background: #4e3084;
}
#reading-history .container [id="customerReadingsHistoryForm:customerReadingHistoryList_content"] .container .col-sm-6 .btn-default.btn-xs.ui-state-disabled:hover, #reading-history .container [id="customerReadingsHistoryForm:customerReadingHistoryList_content"] .container .col-sm-6 .btn-default.btn-xs.ui-state-disabled:active {
  background: #9575cd;
}
#reading-history .container [id="customerReadingsHistoryForm:customerReadingHistoryList_content"] .container .col-sm-6 .btn-default.btn-xs.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#reading-history .container .strikethrough {
  color: #333 !important;
  cursor: text !important;
}
#reading-history .container h1.col-xs-12.purple {
  margin: 5px 0;
}
#reading-history .container .ui-commandlink.ui-widget.btn.btn-default.btn-xs.purple {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 20px;
  background: #66bb6a;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  font-size: 14px;
  padding: 0 10px;
  -webkit-appearance: none;
}
#reading-history .container .ui-commandlink.ui-widget.btn.btn-default.btn-xs.purple:hover {
  background: #439747;
}
#reading-history .container .ui-commandlink.ui-widget.btn.btn-default.btn-xs.purple:active {
  background: #2d6530;
}
#reading-history .container .ui-commandlink.ui-widget.btn.btn-default.btn-xs.purple.ui-state-disabled:hover, #reading-history .container .ui-commandlink.ui-widget.btn.btn-default.btn-xs.purple.ui-state-disabled:active {
  background: #66bb6a;
}
#reading-history .container .ui-commandlink.ui-widget.btn.btn-default.btn-xs.purple.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#reading-history .container .ui-commandlink.ui-widget.btn.btn-default.btn-xs.purple span {
  margin-left: 5px !important;
}
#reading-history .container .btn.btn-default.btn-sm {
  font-size: 14px;
  -webkit-appearance: none;
}
#reading-history .container .strikethrough {
  text-decoration: line-through !important;
}
#reading-history .container .fa.fa-fw.fa-user + a {
  margin-bottom: 10px;
  color: #9575cd;
  font-weight: 700;
}
#reading-history .container .container .col-xs-12 {
  margin: 4px 0;
}
#reading-history .container .col-xs-12.col-sm-6 .pull-right > span {
  display: none !important;
}
#reading-history .container img.col-xs-8.pull-right.responsive {
  display: none;
}
#reading-history .ui-dialog-content.ui-widget-content .row {
  margin: 0;
}
#reading-history .ui-dialog-footer {
  overflow: hidden;
  padding: 10px;
}
#reading-history .ui-dialog-footer button {
  display: none;
}
#reading-history #FeedbackViewPanel p {
  border-radius: 4px;
  margin: 4px 0;
  color: #fff;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 600;
  background: #66bb6a;
}

#billing-history .container .purple.padding-l-15 + .pull-right {
  margin-right: 4px !important;
  float: right !important;
}
#billing-history .container .ui-outputpanel .ui-accordion-header {
  background-color: #cec;
  border-bottom: 1px solid #c8c8c8;
}
#billing-history .container h1.col-xs-12.purple {
  display: block !important;
  margin: 0;
}
@media (max-width: 767px) {
  #billing-history .container h1.col-xs-12.purple {
    float: none;
  }
}
#billing-history .container h1.col-xs-12.purple + div {
  text-align: right;
  height: 42px;
  line-height: 42px;
  display: block;
  margin-top: -25px;
  float: none;
}
@media (max-width: 767px) {
  #billing-history .container h1.col-xs-12.purple + div {
    text-align: left;
    margin: 6px 0;
  }
}
#billing-history .container h1.col-xs-12.purple + div span {
  margin-right: 0 !important;
}
#billing-history .container h1.col-xs-12.purple + div + div {
  display: none !important;
}
#billing-history .container .ui-datalist-header {
  border-radius: 0;
}
#billing-history .container .ui-accordion-content {
  padding: 1em 22px !important;
}
#billing-history .container .ui-accordion-header {
  border: none;
  margin-top: 0;
}
#billing-history .container .ui-accordion-header.ui-state-active {
  background: #9575cd;
  color: #fff;
}
#billing-history .container .ui-accordion-header .row + div > div {
  display: none !important;
}
#billing-history .container .ui-accordion {
  border-bottom: 1px solid #c8c8c8;
}
#billing-history .container .ui-accordion:last-child {
  border-bottom: none;
}
#billing-history .container .ui-widget-header {
  border-radius: 0;
}

#free-minutes .all-readers {
  margin: 50px auto 30px;
}
#free-minutes .title-level-2 {
  font-size: 32px;
  max-width: 600px;
  margin: 0 auto 20px;
  text-align: center;
  padding: 0 20px;
}

#recent-readers .container h2.col-xs-12.purple {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 42px;
  font-weight: 800;
}
#recent-readers .container .grid_page {
  border-bottom: 1px solid #c8c8c8;
}
#recent-readers .container .grid_page .grid-box {
  border: 1px solid #c8c8c8;
  border-bottom: none;
  padding: 20px;
}
#recent-readers .container .grid_page .grid-box .buttons .col-xs-4 {
  display: inline-block;
}
#recent-readers .container .grid_page .grid-box .buttons .col-xs-4 .btn-block {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px;
  background: #9575cd;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  -webkit-appearance: none;
  font-size: 14px;
}
#recent-readers .container .grid_page .grid-box .buttons .col-xs-4 .btn-block:hover {
  background: #6d43b8;
}
#recent-readers .container .grid_page .grid-box .buttons .col-xs-4 .btn-block:active {
  background: #4e3084;
}
#recent-readers .container .grid_page .grid-box .buttons .col-xs-4 .btn-block.ui-state-disabled:hover, #recent-readers .container .grid_page .grid-box .buttons .col-xs-4 .btn-block.ui-state-disabled:active {
  background: #9575cd;
}
#recent-readers .container .grid_page .grid-box .buttons .col-xs-4 .btn-block.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
#recent-readers .container .grid_page .grid-box .reader_grid_profile .row {
  overflow: hidden;
}
#recent-readers .container .grid_page .grid-box .reader_grid_profile .row .col-xs-4.avatar {
  width: 140px;
  float: left;
}
#recent-readers .container .grid_page .grid-box .reader_grid_profile .row .col-xs-8.content {
  margin-left: 155px;
}
#recent-readers .container .grid_page .grid-box .online_state {
  font-size: 14px;
}
#recent-readers .container .grid_page .grid-box .online_state a {
  text-decoration: none;
}
#recent-readers .container .grid_page .grid-box .online_state.of a {
  color: #ffb74d;
}
#recent-readers .container .grid_page .grid-box .online_state.btn-lr-avail a {
  color: #66bb6a;
}

body#help > .col-xs-12 {
  max-width: 1170px;
  width: auto !important;
  margin: 0 auto;
  position: relative;
  padding: 50px 10px;
}
body#help > .col-xs-12:after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 1200px) {
  body#help > .col-xs-12 {
    width: 962px;
  }
}
@media (max-width: 992px) {
  body#help > .col-xs-12 {
    width: 737px;
  }
}
@media (max-width: 767px) {
  body#help > .col-xs-12 {
    width: auto;
  }
}
body#help .ui-accordion .ui-accordion-header {
  background: #b29adb;
  color: #fff;
}
body#help .ui-accordion .ui-accordion-content {
  background: #f2f2f2;
}

body#contact .row {
  margin: 0 auto;
}
body#contact > .row {
  max-width: 1170px;
  width: auto !important;
  margin: 0 auto;
  position: relative;
  padding: 50px 10px;
}
body#contact > .row:after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 1200px) {
  body#contact > .row {
    width: 962px;
  }
}
@media (max-width: 992px) {
  body#contact > .row {
    width: 737px;
  }
}
@media (max-width: 767px) {
  body#contact > .row {
    width: auto;
  }
}
body#contact > .row .ui-commandlink {
  margin-top: 10px;
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #9575cd;
  color: #fff;
  text-decoration: none;
  transition: .2s;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
}
body#contact > .row .ui-commandlink:hover {
  background: #6d43b8;
}
body#contact > .row .ui-commandlink:active {
  background: #4e3084;
}
body#contact > .row .ui-commandlink.ui-state-disabled:hover, body#contact > .row .ui-commandlink.ui-state-disabled:active {
  background: #9575cd;
}
body#contact > .row .ui-commandlink.disabled {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(144, 164, 174, 0.9);
  cursor: default;
}
body#contact > .row h3 {
  margin-top: 0;
}
body#contact .form-row {
  margin: 0 0px -1px;
  font-size: 14px;
  font-weight: 600;
}
body#contact .form-row label + div {
  display: inline;
}
body#contact .form-row input,
body#contact .form-row textarea {
  margin-top: 3px;
  display: block;
  border: none;
  height: 34px;
  max-width: 500px;
  padding: 0;
  border: 2px solid #9575cd;
  box-sizing: border-box;
  width: 100%;
  outline: 0px solid #9575cd;
  padding-left: 12px;
  font-size: 14px;
  color: #444;
}
body#contact .form-row input:focus,
body#contact .form-row textarea:focus {
  outline: 5px solid rgba(255, 255, 255, 0.2);
}
body#contact .form-row textarea {
  height: 100px;
  padding: 8px 12px;
}

/*# sourceMappingURL=style.css.map */