.s4ypp {
  margin: 0 auto 1.07143em auto;
  max-width: 100%;
  width: 320px; }
  .s4ypp.no-animate .s4ypp-count {
    opacity: 1; }

.s4ypp-question {
  font-size: 1.28571em;
  font-weight: bold;
  line-height: 1.2; }
  .s4ypp-question:empty {
    display: none; }

.s4ypp-answer {
  border-bottom: 1px solid #ddd;
  display: block;
  position: relative; }
  .s4ypp-answer + .s4ypp-answer {
    border-top: 0; }
  .s4ypp-answer.s4ypp-flat {
    border-bottom-width: 0;
    overflow: hidden;
    margin-top: 1.07143em;
    border-radius: 3px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
  .s4ypp-answer:hover .s4ypp-input {
    transform: translateX(3px); }

.s4ypp-input[type=checkbox],
.s4ypp-input[type=radio] {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0.07143em;
  -webkit-transition: transform .15s;
  transition: transform .15s;
  z-index: 3; }
  .s4ypp-flat .s4ypp-input[type=checkbox], .s4ypp-flat
  .s4ypp-input[type=radio] {
    left: 0.71429em; }

.s4ypp-content {
  border: 0 solid transparent;
  border-width: 1em 0;
  display: block;
  position: relative; }
  .s4ypp-content:empty {
    display: none; }
  .s4ypp-content.s4ypp-count-right {
    padding-right: 3.57143em; }
  .s4ypp-input:not(.s4ypp-hidden) ~ .s4ypp-content {
    padding-left: 1.64286em; }
  .s4ypp-flat .s4ypp-content {
    border-width: 0.71429em;
    z-index: 2; }
    .s4ypp-flat .s4ypp-content img {
      background-color: #fff;
      border-radius: 3px;
      box-sizing: content-box;
      padding: 2px; }

.s4ypp-count {
  opacity: 0; }
  .s4ypp-count-bottom .s4ypp-count {
    display: block; }
  .s4ypp-count-next-to .s4ypp-count {
    margin-left: 0.28571em; }
    .s4ypp-count-next-to .s4ypp-count:before {
      content: '('; }
    .s4ypp-count-next-to .s4ypp-count:after {
      content: ')'; }
  .s4ypp-count-right .s4ypp-count {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }

.s4ypp-video {
  display: block;
  padding-bottom: 56.25%;
  position: relative; }
  .s4ypp-video iframe, .s4ypp-video video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

.s4ypp-progress {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute; }
  .s4ypp-progress.s4ypp-striped {
    background: transparent url(https://www.slickmotive.com/wp-content/plugins/smart4y-poll-pro/public/css/images/strip.png) left center repeat-x; }
  .s4ypp-flat .s4ypp-progress {
    background-color: rgba(0, 0, 0, 0.15) !important;
    bottom: 0 !important;
    height: 100% !important;
    top: 0 !important; }

.s4ypp-p + .s4ypp-p {
  margin-top: 0.71429em; }
  .s4ypp-question .s4ypp-p + .s4ypp-p {
    margin-top: 0.55556em; }
.s4ypp-p audio {
  vertical-align: top;
  width: 100%; }

.s4ypp-center {
  text-align: center; }

.s4ypp-left {
  text-align: left; }

.s4ypp-right {
  text-align: right; }

.s4ypp-info {
  margin-top: 1.42857em;
  text-align: center; }
  .s4ypp-info:empty {
    display: none; }
  .s4ypp-info p {
    margin: 0; }

.s4ypp-voted {
  color: #777;
  font-size: 0.78571em; }
  .s4ypp-voted:empty {
    display: none; }
  .s4ypp-btn + .s4ypp-voted, p + .s4ypp-voted {
    padding-top: 0.71429em; }

.s4ypp-btn {
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.3);
  cursor: pointer;
  font-size: inherit;
  height: auto;
  margin: 0;
  padding: 0.71429em 1.78571em;
  -webkit-transition: all .2s;
  transition: all .2s; }
  .s4ypp-btn:empty {
    display: none; }
  .s4ypp-btn:after {
    background-image: url(https://www.slickmotive.com/wp-content/plugins/smart4y-poll-pro/public/css/images/loader.gif);
    content: ''; }
  .s4ypp-btn[disabled] {
    box-shadow: none !important;
    cursor: default;
    opacity: .5; }
  .s4ypp-btn.loading {
    background: transparent url(https://www.slickmotive.com/wp-content/plugins/smart4y-poll-pro/public/css/images/loader.gif) center center no-repeat !important;
    background-size: contain !important;
    border-color: transparent !important;
    color: transparent !important;
    opacity: 1 !important; }
  .s4ypp-btn:hover {
    box-shadow: inset 0 -1.35714em 0 0 rgba(0, 0, 0, 0.1); }

.s4ypp-hidden {
  display: none; }

.s4ypp-invisible {
  opacity: 0; }

.s4ypp-answers {
  margin-top: .5em; }
  .s4ypp-answers.s4ypp-flat {
    margin-top: 1.5em; }

.s4ypp-list-item {
  box-shadow: inset 0 -1px 0 0 #ddd;
  overflow: hidden;
  position: relative; }
  .s4ypp-list-item.last {
    box-shadow: none; }
  .s4ypp-list-item .s4ypp {
    margin: 1.07143em auto; }

.s4ypp-archive-a {
  display: block;
  padding: 0.57143em 3.57143em 0.57143em 0.57143em; }
  .s4ypp-archive-a.loading:before {
    border-top: 1px solid;
    border-color: inherit;
    bottom: 0;
    content: '';
    left: -30%;
    position: absolute;
    width: 50%;
    -webkit-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite; }

.s4ypp-list-count {
  position: absolute;
  padding: 0.57143em;
  right: 0;
  top: 0; }

.s4ypp-pagination {
  margin-top: 15px;
  text-align: center; }

.s4ypp-pagination-item {
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.15);
  display: inline-block;
  line-height: 34px;
  margin: 0 2px;
  min-width: 34px;
  text-decoration: none !important;
  -webkit-transition: box-shadow .2s;
  transition: box-shadow .2s; }
  .s4ypp-pagination-item[href]:hover {
    box-shadow: inset 0 -17px 0 0 rgba(0, 0, 0, 0.1); }
  .s4ypp-pagination-item.loading {
    background: transparent url(https://www.slickmotive.com/wp-content/plugins/smart4y-poll-pro/public/css/images/loader.gif) center center no-repeat !important;
    background-size: contain !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: transparent !important; }

@-webkit-keyframes loading {
  from {
    width: 30%; }
  50% {
    width: 30%; }
  70% {
    width: 70%; }
  80% {
    left: 50%; }
  to {
    left: 120%; } }
@keyframes loading {
  from {
    width: 30%; }
  50% {
    width: 30%; }
  70% {
    width: 70%; }
  80% {
    left: 50%; }
  to {
    left: 120%; } }

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