/**
 * /* reset
 *
 * @format
 */

html,
body,
div,
span,
object,
iframe,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}
a {
  background: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 700;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  border: 0;
  border-top: 1px solid #ccc;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
}

* {
  box-sizing: border-box;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 40px white inset, 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  border-color: #fff !important;
}

input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 40px white inset, 0 0 10px 0 rgba(65, 153, 255, 0.45) !important;
  border-color: #0e19d2 !important;
}

::selection {
  background: #dbdeea;
  color: #fff;
}

.logbtn {
  -webkit-border-radius: 35;
  -moz-border-radius: 35;
  border-radius: 35px;
  font-family: Arial;
  color: #ffffff;
  font-size: 25px;
  background: #0e19d2;
  padding: 12px 40px 15px 39px;
  text-decoration: none;
}

.logbtn:hover {
  background: #10ba00;
  text-decoration: none;
}

::-moz-selection {
  background: #dbdeea;
  color: #fff;
}

::-moz-focus-inner {
  border: 0;
  margin: 0;
  padding: 0;
}

a,
a:visited {
  color: #2e2e2e;
  outline: none;
  text-decoration: none;
  transition: background 0.5s ease, color 0.5s ease;
}

a:hover {
  color: #666;
  outline: none;
  text-decoration: none;
}

button {
  transition: background 0.5s ease;
  font-family: "Inter", sans-serif;
}
input,
textarea,
.redactor-editor {
  transition: border 0.5s ease, color 0.5s ease;
}

h1,
h2,
h3 {
  -webkit-font-smoothing: antialiased;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
}

body {
  -webkit-font-smoothing: antialiased;
  background-color: #fafafa;
  color: #2d2d2d;
  font-family: "Inter", sans-serif;
  line-height: 1;
  word-wrap: break-word;
  margin: 0;
  padding: 0;
  transition: background-color 0.5s ease;
  overflow-x: hidden;
}

img {
  width: 100%;
  height: auto;
}

body.no-scroll {
  overflow: hidden;
}

header {
  float: left;
  width: 100%;
}

main {
  float: left;
  width: 100%;
  padding: 100px 0px;
}

main.poll-main {
  padding: 30px 0px 0px 0px;
}

.poll-outer-wrapper {
  float: left;
  width: 100%;
  padding: 0px 0px 70px 0px;
}

.inner-wrapper {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.inner-wrapper.x-lrg {
  width: 1144px;
}

.inner-wrapper.lrg {
  width: 1024px;
}

.inner-wrapper.sml {
  width: 850px;
}

.inner-wrapper.x-sml {
  width: 650px;
}

.inner-wrapper.xx-sml {
  width: 400px;
}

main.profile-polls {
  padding: 90px 0px 90px 0px;
}

main.home-page {
  background-color: #fff;
  padding: 0px;
  overflow: hidden;
}

.v-space-lrg {
  padding: 80px 0px;
}

.m-t-md {
  margin-top: 15px;
}

/* Nav */

nav {
  float: left;
  width: 100%;
  background-color: #fff;
  padding: 27px 25px;
}

nav .left {
  width: 50%;
  float: left;
}

nav .left a.logo {
  width: 161px;
  height: 36px;
  float: left;
  background-image: url("../brand-assets/ballox\ logo\ org.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin: 7px 0px 5px 0px;
  transition: background 0s ease, opacity 0.5s ease;
}

nav .left a.logo:hover {
  opacity: 0.7;
}

nav .mid {
  position: absolute;
  left: 50%;
  width: 400px;
  margin-left: -200px;
  text-align: center;
}

nav .mid .nav-mid-links {
  width: 100%;
  text-align: center;
}

nav .mid .nav-mid-links a {
  font-weight: 600;
  font-size: 16px;
  color: #666f7a;
  letter-spacing: -0.26px;
  padding: 16px;
  display: inline-block;
  margin: 0px 4px;
}

nav .mid .nav-mid-links a.nav-link-teams span {
  float: left;
}

nav .mid .nav-mid-links a.nav-link-teams::after {
  background-color: #ff946b;
  font-size: 9px;
  color: #ffffff;
  letter-spacing: -0.15px;
  text-align: center;
  padding: 3px 4px;
  border-radius: 3px;
  text-transform: uppercase;
  margin-top: 1px;
  float: right;
  margin-left: 7px;
  transition: background 0.5s ease;
  content: "new";
  font-weight: 700;
}

nav .mid .nav-mid-links a.nav-link-poll {
  color: #4ad97f;
}
nav .mid .nav-mid-links a:hover {
  color: #444;
}

nav .mid .nav-mid-links a.nav-link-poll:hover {
  color: #34b363;
}

nav .right {
  width: 50%;
  float: right;
}

nav .right .nav-links {
  float: right;
}

nav .right .nav-links a.teams-dashboard-nav-link {
  color: #ff946b;
}

nav .right .nav-links a.teams-dashboard-nav-link:hover {
  color: #ffac8d;
}

nav .right .nav-links a {
  padding: 16px;
  display: inline-block;
  font-weight: 600;
  border-radius: 4px;
  margin-right: 14px;
  float: left;
  font-size: 16px;
  color: #666f7a;
  letter-spacing: -0.26px;
}

nav .right .nav-links a:hover {
  color: #444;
}

nav .right .nav-links a.signup-button {
  background-color: #0e19d2;
  color: #fff;
  padding: 16px 20px;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  border-radius: 4px;
  float: left;
  margin-right: 0px;
}

nav .right .nav-links a.signup-button:hover {
  background-color: #0e19d2;
}

/* Footer */

.footer-divide {
  float: left;
  width: 100%;
  border-bottom: solid 1.5px #f9f9f9;
}

footer {
  float: left;
  width: 100%;
  background-color: #ffffff;
  padding: 50px 0px;
  z-index: 50;
  position: relative;
}

footer .left {
  width: 20%;
  float: left;
}

footer .left a.fast-poll-icon {
  width: 36px;
  height: 36px;
  float: left;
  background-image: url("../brand-assets/favicon-32x32.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin: 7px 0px 5px 0px;
}

footer .left .social-icons {
  float: left;
  width: 100%;
  margin-top: 70px;
}

footer .left .social-icons a {
  float: left;
  width: 28px;
  height: 28px;
  margin-right: 12px;
  background-repeat: no-repeat;
  transition: opacity 0.5s ease;
}

footer .left .social-icons a.twitter-icon {
  background-image: url("../img/icon-twitter-footer.svg");
}

footer .left .social-icons a.facebook-icon {
  background-image: url("../img/icon-facebook-footer.svg");
}

footer .left .social-icons a:hover {
  opacity: 0.7;
}

footer .left p.copyright {
  float: left;
  clear: both;
  margin-top: 30px;
  font-size: 13px;
  color: #c9c9c9;
  letter-spacing: -0.21px;
}

footer .right {
  width: 80%;
  float: right;
}

footer .right .right-columns {
  float: right;
}

footer .right .right-columns .footer-column {
  float: left;
  margin-left: 50px;
  width: 130px;
}

footer .right .right-columns .footer-column p {
  font-size: 12px;
  text-transform: uppercase;
  color: #555;
  font-weight: 700;
  float: left;
  width: 100%;
  margin-bottom: 14px;
}

footer .right .right-columns .footer-column a {
  font-size: 14.5px;
  color: #b1b1b1;
  float: left;
  clear: both;
  font-weight: 400;
  margin-bottom: 16px;
}

footer .right .right-columns .footer-column a:hover {
  color: #40db7b;
}

footer .right .right-columns .footer-column a.footer-new-badge::after {
  background-color: #ff946b;
  font-size: 9px;
  color: #ffffff;
  letter-spacing: -0.15px;
  text-align: center;
  font-weight: 600;
  padding: 3px 4px;
  border-radius: 3px;
  text-transform: uppercase;
  margin-top: 1px;
  float: right;
  margin-left: 7px;
  transition: background 0.5s ease;
  content: "new";
}

/* Home */

.home-fixed-nav {
  position: fixed;
  top: 0px;
  background-color: #fff;
  z-index: 50;
  width: 100%;
  box-shadow: 0 7px 7px 0 rgba(0, 0, 0, 0.03);
  padding: 15px 20px;
  display: none;
}

.home-fixed-nav .left a.logo {
  width: 34px;
  height: 34px;
  float: left;
  background-image: url("../img/logo.png");
  background-size: 160px;
  background-repeat: no-repeat;
  background-position: left;
  margin: 5px 0px;
  transition: opacity 0.5s ease;
}

.home-fixed-nav .left a.logo:hover {
  opacity: 0.7;
}

.home-fixed-nav .right {
  float: right;
}

.home-fixed-nav .right a.signup-button {
  background-color: #0e19d2;
  color: #fff;
  padding: 14px 16px;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  border-radius: 4px;
  float: left;
  transition: background-color 0.5s ease, color 0s ease;
  margin-left: 15px;
}

.home-fixed-nav .right a.signup-button:hover {
  background-color: #357dd0;
}

.home-fixed-nav .right a.create-poll-button {
  background-color: #4ad97f;
  color: #fff;
  padding: 14px 46px 14px 16px;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: top 12px right 15px;
  background-size: 17px;
  transition: background-color 0.5s ease, color 0s ease;
  float: left;
  background-image: url("../img/create-poll-icon.svg");
}

.home-fixed-nav .right a.create-poll-button:hover {
  background-color: #3bbd6c;
}

main.home-page nav {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 50;
}

body.no-scroll main.home-page nav {
  z-index: auto;
}

main.home-page nav .mid a.create-poll-button {
  display: none;
}

header.home-header .home-header-wrapper {
  max-height: 1150px;
  min-height: 520px;
  height: 100vh;
  padding: 0px;
  width: 100%;
  position: relative;
}

header.home-header .home-header-inner {
  text-align: center;
  width: 820px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

header.home-header .home-header-inner h1 {
  font-size: 64px;
  line-height: 70px;
  color: #222222;
}

header.home-header .home-header-inner h1 span.green {
  color: #4ad97f;
}

header.home-header .home-header-inner h1 span.change {
  position: relative;
  display: inline-block;
}
header.home-header .home-header-inner h1 .change:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  height: 7px;
  background-color: #fff69b;
  z-index: -1;
  transform: rotate(178deg) skew(25deg);
  border-radius: 20px;
}

.typelighted {
  background: #dbdeea;
  color: #fff;
}

header.home-header .home-header-inner a.action-button {
  background-color: #49d97f;
  color: #fff;
  margin: 35px 0px;
  display: inline-block;
  padding: 22px 36px;
  font-size: 22px;
  color: #ffffff;
  letter-spacing: -0.36px;
  text-align: center;
  font-weight: 600;
  border-radius: 5px;
}

header.home-header .home-header-inner a.action-button:hover {
  background-color: #3bbd6c;
}

header.home-header .home-header-inner p.sub {
  font-size: 14px;
  color: #b9b8b8;
  line-height: 20px;
}

header.home-header .logos {
  float: left;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 60px;
}

header.home-header .logos .logos-title {
  font-size: 14px;
  color: #c8c8c8;
  letter-spacing: -0.23px;
  text-align: center;
  font-weight: 500;
  padding-bottom: 25px;
}

header.home-header .logos p {
  width: 127px;
  height: 32px;
  display: inline-flex;
  vertical-align: middle;
  margin: 0px 30px;
}

header.home-header .logos p.linkedin {
  width: 106px;
}

header.home-header .logos p.amazon {
  width: 97px;
}

header.home-header .logos p.amazon img {
  margin-top: 5px;
  height: 32px;
}

header.home-header .logos p.htc {
  width: 70px;
}

main.p-top-none {
  padding-top: 0px;
}

main.p-none {
  padding: 0px;
}

main.home-page section {
  float: left;
  width: 100%;
  margin-top: 230px;
}

main.home-page section .home-wrapper {
  width: 1220px;
  margin-left: auto;
  margin-right: auto;
}

.section-heading {
  float: left;
  width: 65%;
  padding: 0px 0px 50px 40px;
}

.section-heading h2 {
  font-size: 58px;
  color: #222222;
  letter-spacing: -0.99px;
  line-height: 64px;
  width: 100%;
  float: left;
}

.section-heading p {
  font-size: 19px;
  color: #919191;
  letter-spacing: -0.31px;
  line-height: 29px;
  font-weight: 400;
  float: left;
  width: 100%;
  padding: 30px 0px 0px 0px;
}

main.home-page section .home-wrapper .browser-window {
  float: left;
  width: 100%;
  position: relative;
}

main.home-page section .home-wrapper .browser-window img {
  z-index: 5;
  position: relative;
}

main.home-page section.home-realtime .home-wrapper .browser-window:after {
  background-image: url("../img/home-shape-1.svg");
  background-repeat: no-repeat;
  background-size: 840px;
  position: absolute;
  width: 840px;
  height: 840px;
  top: -170px;
  right: -20%;
  z-index: 1;
  content: "";
}

main.home-page section.home-control .home-wrapper .browser-window:after {
  background-image: url("../img/home-shape-2.svg");
  background-repeat: no-repeat;
  background-size: 840px;
  position: absolute;
  width: 840px;
  height: 840px;
  top: -170px;
  right: -20%;
  z-index: 1;
  content: "";
}

main.home-page section .home-wrapper .left {
  width: 35%;
  float: left;
  padding: 270px 0px;
}

main.home-page section .home-wrapper .left h2 {
  font-size: 60px;
  color: #222222;
  letter-spacing: -0.99px;
  line-height: 60px;
}

main.home-page section .home-wrapper .left p {
  font-size: 19px;
  color: #919191;
  letter-spacing: -0.31px;
  line-height: 29px;
  font-weight: 400;
  margin-top: 15px;
}

main.home-page section .home-wrapper .right {
  width: 47%;
  float: right;
  position: relative;
}

main.home-page section .home-wrapper .right img {
  position: relative;
  z-index: 5;
}

section.home-audience {
  position: relative;
}

section.home-audience .right-full-section {
  position: absolute;
  width: 55%;
  right: 0px;
  top: -60px;
}

section.home-audience .right-full-section img {
  width: 858px;
}

main.home-page section.home-sharing .home-wrapper .right:after {
  background-image: url("../img/home-shape-3.svg");
  background-repeat: no-repeat;
  background-size: 840px;
  position: absolute;
  width: 840px;
  height: 840px;
  top: -70px;
  left: -50px;
  z-index: 1;
  content: "";
}

section.home-icons {
  float: left;
  width: 100%;
}

section.home-icons .home-icons-wrapper {
  float: left;
  width: 100%;
  padding: 50px 0px 20px 0px;
}

section.home-icons .home-icons-wrapper .home-icon-block {
  width: 274px;
  margin-right: 160px;
  float: left;
  margin-bottom: 110px;
}

section.home-icons .home-icons-wrapper .home-icon-block:nth-child(3n) {
  margin-right: 0px;
}

section.home-icons .home-icons-wrapper .home-icon-block p.home-icon {
  float: left;
  width: 34px;
  height: 34px;
  background-position: left bottom;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}

section.home-icons .home-icons-wrapper .home-icon-block h3 {
  font-size: 20px;
  color: #333333;
  line-height: 22px;
  font-weight: 600;
  float: left;
  width: 100%;
  margin-bottom: 6px;
}

section.home-icons .home-icons-wrapper .home-icon-block p {
  float: left;
  width: 100%;
  font-size: 16.5px;
  font-weight: 400;
  color: #808080;
  line-height: 24px;
}

section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.poll-list {
  background-image: url("../img/home-icon-1.svg");
}

section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.secure {
  background-image: url("../img/home-icon-2.svg");
}

section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.profile {
  background-image: url("../img/home-icon-3.svg");
}

section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.public-polls {
  background-image: url("../img/home-icon-4.svg");
}

section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.share-polls {
  background-image: url("../img/home-icon-5.svg");
}

section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.account {
  background-image: url("../img/home-icon-6.svg");
}

section.home-icons .home-icons-wrapper .home-icon-block p.poll-comments {
  background-image: url("../img/home-icon-7.svg");
}

section.home-icons .home-icons-wrapper .home-icon-block p.poll-close-voting {
  background-image: url("../img/home-icon-8.svg");
}

section.home-icons .home-icons-wrapper .home-icon-block p.poll-qr-code-access {
  background-image: url("../img/home-icon-9.svg");
}

section.home-icons .home-icons-wrapper .home-icon-block p.custom-branding {
  background-image: url("../img/team-icon-1.svg");
}

main.home-page section.home-cta {
  margin-top: 40px;
  text-align: center;
  padding: 100px;
  background-color: #f9f7ff;
}

main.home-page section.home-cta h4 {
  font-size: 60px;
  color: #232b35;
  letter-spacing: -0.99px;
  line-height: 60px;
}

main.home-page section.home-cta p {
  font-size: 19px;
  color: #a198bb;
  letter-spacing: -0.31px;
  line-height: 29px;
  padding: 18px 0px 28px 0px;
  font-weight: 500;
}

main.home-page section.home-cta a.action-button {
  background-color: #0e19d2;
  display: inline-block;
  padding: 22px 36px;
  font-size: 22px;
  color: #ffffff;
  letter-spacing: -0.36px;
  text-align: center;
  font-weight: 600;
  border-radius: 5px;
}

main.home-page section.home-cta a.action-button:hover {
  background-color: #357dd0;
}

main.home-page section.home-pro {
  margin-top: 40px;
}

.home-pro-wrapper {
  float: left;
  width: 100%;
  background-color: #ffe8db;
  box-shadow: 0px 12px 34px rgba(237, 212, 203, 0.4);
  border-radius: 10px;
  overflow: hidden;
  height: 636px;
  position: relative;
  margin-bottom: 100px;
  background-image: url("../img/pro-shape-1.svg");
  background-repeat: no-repeat;
  background-size: 950px;
  background-position: right -80px top -260px;
}

.home-pro-left {
  width: 500px;
  float: left;
  padding: 110px 0px 0px 70px;
}

.home-pro-left p.sml-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.33px;
  color: #d6967e;
  margin-top: 0px;
}

.home-pro-left h3 {
  font-weight: bold;
  font-size: 72px;
  letter-spacing: -0.99px;
  color: #2e0f06;
  margin-top: 15px;
  float: left;
  width: 100%;
}

.home-pro-left p {
  float: left;
  width: 100%;
  margin-top: 18px;
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
  letter-spacing: -0.2805px;
  color: #c59c8d;
}

.home-pro-left a {
  background-color: #ff8358;
  color: #fff;
  font-weight: 700;
  font-size: 17px;
  padding: 17px 24px;
  border-radius: 6px;
  float: left;
  margin-top: 30px;
}

.home-pro-right {
  width: 950px;
  float: right;
  position: absolute;
  right: -220px;
  top: 30px;
}

/* Form */

main .inner-wrapper .form-wrapper {
  float: left;
  width: 100%;
}

.form-wrapper header.form-header {
  float: left;
  width: 100%;
  margin-bottom: 50px;
}

.form-wrapper header.form-header h1 {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  font-size: 38px;
  color: #333;
}

.form-wrapper header.form-header p {
  float: left;
  width: 100%;
  color: #b1b1b1;
  font-size: 16px;
  font-weight: 500;
}
.form-wrapper form {
  float: left;
  width: 100%;
}

.form-wrapper form .input-group {
  float: left;
  width: 100%;
  margin-bottom: 35px;
}

.form-wrapper form .input-group:last-child {
  margin-bottom: 0px;
}

.form-wrapper form .poll-options .input-group:last-child {
  margin-bottom: 35px;
}

.form-wrapper form .input-group label {
  font-size: 15px;
  color: #929292;
  font-weight: 600;
  margin-bottom: 8px;
  float: left;
}

.form-wrapper form .input-group:hover a.delete-option-button,
.form-wrapper form .input-group:hover a.delete-option-button-inline {
  opacity: 1;
}

.form-wrapper form .input-group a.delete-option-button,
.form-wrapper form .input-group a.delete-option-button-inline {
  font-size: 13px;
  color: #ff5252;
  letter-spacing: -0.21px;
  text-align: right;
  float: right;
  font-weight: 600;
  opacity: 0;
  transition: opacity 0.5s ease, color 0.5s ease;
}

.form-wrapper form .input-group a.delete-option-button:hover,
.form-wrapper form .input-group a.delete-option-button-inline:hover {
  color: #ff0f0f;
}

.form-wrapper form .input-group a.info-icon {
  background-image: url("../img/icon-grey-info.svg");
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  display: inline-block;
  margin: 0px 0px -2px 5px;
  cursor: pointer;
  transition: opacity 0.5s ease;
  float: left;
}

.form-wrapper form .input-group label.label-info-icon span.info-icon:hover {
  opacity: 0.7;
}

.form-wrapper form .input-group input {
  width: 100%;
  float: left;
  border: none;
  padding: 22px 20px 20px 20px;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500;
  background-color: #fff;
  color: #333;
  outline: none;
  -webkit-appearance: none;
  font-family: "Inter", sans-serif;
  border: solid 2px transparent;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.form-wrapper form .poll-options .input-group input.colour_input {
  width: 100px;
  padding: 5px;
  font-size: 12px;
  border: none;
  margin-top: 10px;
  padding-right: 0px;
  visibility: hidden;
  position: absolute;
}

.form-wrapper form .poll-options .input-group input {
  padding-right: 150px;
}

.form-wrapper form .poll-options .input-group {
  position: relative;
}
.form-wrapper form .poll-options .input-group .input-group-field {
  float: left;
  width: 100%;
  position: relative;
}
.colour-menu-overlay {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(52, 136, 255, 0.13);
  z-index: 500;
  display: none;
}

.form-wrapper form .poll-options .input-group .poll-option-group {
  position: absolute;
  right: 25px;
  top: 21px;
}

.form-wrapper form .poll-options .input-group .poll-option-group .upload-image-button {
  float: left;
  padding-right: 15px;
}

.upload-image-button a {
  float: left;
  background-color: #d9eeff;
  height: 26px;
  border-radius: 5px;
  padding: 5px 8px;
  font-weight: bold;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #597da7;
}
.poll-colour-dropdown-wrapper {
  float: left;
}

.poll-colour-dropdown-wrapper a#colour-block-button {
  width: 26px;
  height: 26px;
  background-color: #ccc;
  border-radius: 5px;
  float: right;
  background-color: rgba(255, 82, 82, 0.6);
}

.poll-colour-dropdown-wrapper a#colour-block-button svg path {
  transition: stroke 0.5s ease;
}

.poll-colour-dropdown-wrapper a#colour-block-button:hover svg path {
  stroke: #666;
}

.poll-colour-dropdown-wrapper a.option-emoji-button {
  position: absolute;
  right: 56px;
  top: 20px;
}

.poll-colour-dropdown-wrapper a.option-emoji-button svg path {
  transition: fill 0.5s ease;
}

.poll-colour-dropdown-wrapper a.option-emoji-button:hover svg path {
  fill: #6970ff;
}

.poll-colour-dropdown {
  position: absolute;
  right: -24px;
  bottom: 45px;
  width: 205px;
  background-color: #fff;
  background: #fff;
  box-shadow: 0 4px 21px 0 rgba(49, 49, 49, 0.2);
  padding: 20px 20px 10px 20px;
  overflow: visible;
  border-radius: 5px;
  z-index: 5000;
  display: none;
  -webkit-transform: translate3d(0, 0, 1px);
  transform: translate3d(0, 0, 1px);
}

.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-dropdown-copy {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}

.poll-colour-dropdown-wrapper .poll-colour-dropdown h4 {
  font-size: 14.5px;
  font-weight: 700;
  color: #333333;
  letter-spacing: 0;
  float: left;
  width: 100%;
}

.poll-colour-dropdown-wrapper .poll-colour-dropdown p {
  font-size: 12px;
  font-weight: 500;
  color: #afafaf;
  letter-spacing: 0;
  line-height: 16px;
  margin-top: 5px;
  float: left;
  width: 100%;
}

.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares-hidden {
  display: none;
}

.poll-colour-dropdown-wrapper .poll-colour-dropdown a.colour-squares-more-button {
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 11px;
  margin: 5px 0px;
  background-color: #0e19d2;
  border-radius: 8px;
  width: 100%;
  float: left;
}

.poll-colour-dropdown-wrapper .poll-colour-dropdown a.colour-squares-more-button:hover {
  background-color: #357dd0;
}

.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares {
  float: left;
  width: 100%;
  margin-top: 10px;
}

.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square {
  height: 22px;
  width: 22px;
  float: left;
  background-color: #ccc;
  margin: 0px 13px 10px 0px;
  border-radius: 25px;
  transition: opacity 0.3s ease;
}

.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square:hover {
  opacity: 0.7;
}

.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square:nth-child(5n) {
  margin-right: 0px;
}

a#colour-block-button span {
  width: 12px;
  height: 12px;
  float: left;
  border-radius: 50px;
  margin-left: 7px;
  margin-top: 7px;
  background-color: #000;
  transition: background 0.2s ease;
}

a#colour-block-button.red span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.red {
  background-color: #ff5252;
}
.poll-colour-dropdown-wrapper a#colour-block-button.red {
  background-color: rgba(255, 82, 82, 0.4);
}

a#colour-block-button.green span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.green {
  background-color: #00de74;
}
.poll-colour-dropdown-wrapper a#colour-block-button.green {
  background-color: rgba(74, 217, 127, 0.4);
}

a#colour-block-button.orange span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.orange {
  background-color: #ff9e72;
}
.poll-colour-dropdown-wrapper a#colour-block-button.orange {
  background-color: rgba(255, 158, 114, 0.4);
}

a#colour-block-button.blue span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.blue {
  background-color: #0e19d2;
}
.poll-colour-dropdown-wrapper a#colour-block-button.blue {
  background-color: rgba(65, 153, 255, 0.4);
}

a#colour-block-button.yellow span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.yellow {
  background-color: #ffd06e;
}
.poll-colour-dropdown-wrapper a#colour-block-button.yellow {
  background-color: rgba(255, 208, 110, 0.4);
}

a#colour-block-button.purple span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.purple {
  background-color: #6e76ff;
}
.poll-colour-dropdown-wrapper a#colour-block-button.purple {
  background-color: rgba(110, 118, 255, 0.4);
}

a#colour-block-button.turquoise span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.turquoise {
  background-color: #76ece9;
}
.poll-colour-dropdown-wrapper a#colour-block-button.turquoise {
  background-color: rgba(118, 236, 233, 0.4);
}

a#colour-block-button.pink span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.pink {
  background-color: #ff96e0;
}
.poll-colour-dropdown-wrapper a#colour-block-button.pink {
  background-color: rgba(255, 150, 224, 0.4);
}

a#colour-block-button.light-blue span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.light-blue {
  background-color: #96d4ff;
}
.poll-colour-dropdown-wrapper a#colour-block-button.light-blue {
  background-color: rgba(150, 212, 255, 0.4);
}

a#colour-block-button.grey span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.grey {
  background-color: #bdc3c7;
}
.poll-colour-dropdown-wrapper a#colour-block-button.grey {
  background-color: rgba(189, 195, 199, 0.4);
}

a#colour-block-button.pale-purple span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.pale-purple {
  background-color: #b5b9ff;
}
.poll-colour-dropdown-wrapper a#colour-block-button.pale-purple {
  background-color: rgba(181, 185, 255, 0.4);
}

a#colour-block-button.bright-pink span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.bright-pink {
  background-color: #f53b86;
}
.poll-colour-dropdown-wrapper a#colour-block-button.bright-pink {
  background-color: rgba(245, 59, 134, 0.4);
}

a#colour-block-button.dark-grey span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.dark-grey {
  background-color: #808e9b;
}
.poll-colour-dropdown-wrapper a#colour-block-button.dark-grey {
  background-color: rgba(128, 142, 155, 0.4);
}

a#colour-block-button.bright-orange span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.bright-orange {
  background-color: #fd7272;
}
.poll-colour-dropdown-wrapper a#colour-block-button.bright-orange {
  background-color: rgba(253, 114, 114, 0.4);
}

a#colour-block-button.dark-blue span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.dark-blue {
  background-color: #62a5db;
}
.poll-colour-dropdown-wrapper a#colour-block-button.dark-blue {
  background-color: rgba(98, 165, 219, 0.4);
}

a#colour-block-button.true-purple span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.true-purple {
  background-color: #9031df;
}
.poll-colour-dropdown-wrapper a#colour-block-button.true-purple {
  background-color: rgba(144, 49, 223, 0.4);
}

a#colour-block-button.jet-blue span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.jet-blue {
  background-color: #005cc7;
}
.poll-colour-dropdown-wrapper a#colour-block-button.jet-blue {
  background-color: rgba(0, 92, 199, 0.4);
}

a#colour-block-button.smashed-pumpkin span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.smashed-pumpkin {
  background-color: #e3500d;
}
.poll-colour-dropdown-wrapper a#colour-block-button.smashed-pumpkin {
  background-color: rgba(227, 80, 13, 0.3);
}

a#colour-block-button.madder-lake span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.madder-lake {
  background-color: #ff2b2b;
}
.poll-colour-dropdown-wrapper a#colour-block-button.madder-lake {
  background-color: rgba(255, 44, 43, 0.4);
}

a#colour-block-button.offset-purple span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.offset-purple {
  background-color: #c287e8;
}
.poll-colour-dropdown-wrapper a#colour-block-button.offset-purple {
  background-color: rgba(194, 135, 235, 0.4);
}

a#colour-block-button.fiery-rose span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.fiery-rose {
  background-color: #ff5576;
}
.poll-colour-dropdown-wrapper a#colour-block-button.fiery-rose {
  background-color: rgba(255, 85, 118, 0.4);
}

a#colour-block-button.eggshell span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.eggshell {
  background-color: #fecca0;
}
.poll-colour-dropdown-wrapper a#colour-block-button.eggshell {
  background-color: rgba(254, 204, 160, 0.4);
}

a#colour-block-button.sonic-silver span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.sonic-silver {
  background-color: #746e76;
}
.poll-colour-dropdown-wrapper a#colour-block-button.sonic-silver {
  background-color: rgba(116, 110, 118, 0.4);
}

a#colour-block-button.sunset-blue span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.sunset-blue {
  background-color: #94e1ff;
}
.poll-colour-dropdown-wrapper a#colour-block-button.sunset-blue {
  background-color: rgba(148, 225, 255, 0.4);
}

a#colour-block-button.rajah span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.rajah {
  background-color: #f7b267;
}
.poll-colour-dropdown-wrapper a#colour-block-button.rajah {
  background-color: rgba(247, 178, 103, 0.4);
}

a#colour-block-button.light-coral span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.light-coral {
  background-color: #f67e7d;
}
.poll-colour-dropdown-wrapper a#colour-block-button.light-coral {
  background-color: rgba(246, 126, 125, 0.4);
}

a#colour-block-button.mustard span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.v {
  background-color: #ffc857;
}
.poll-colour-dropdown-wrapper a#colour-block-button.mustard {
  background-color: rgba(255, 200, 87, 0.4);
}

a#colour-block-button.metallic-seaweed span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.metallic-seaweed {
  background-color: #177e8a;
}
.poll-colour-dropdown-wrapper a#colour-block-button.metallic-seaweed {
  background-color: rgba(23, 126, 138, 0.4);
}

a#colour-block-button.sea-green span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.sea-green {
  background-color: #8ad3a0;
}
.poll-colour-dropdown-wrapper a#colour-block-button.sea-green {
  background-color: rgba(138, 211, 160, 0.4);
}

a#colour-block-button.japanese-violet span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.japanese-violet {
  background-color: #58344e;
}
.poll-colour-dropdown-wrapper a#colour-block-button.japanese-violet {
  background-color: rgba(88, 52, 78, 0.4);
}

.poll-colour-dropdown-wrapper a#colour-block-button.red svg path {
  stroke: #ff5252;
}
.poll-colour-dropdown-wrapper a#colour-block-button.green svg path {
  stroke: #4ad97f;
}
.poll-colour-dropdown-wrapper a#colour-block-button.orange svg path {
  stroke: #ff9e72;
}
.poll-colour-dropdown-wrapper a#colour-block-button.blue svg path {
  stroke: #0e19d2;
}
.poll-colour-dropdown-wrapper a#colour-block-button.yellow svg path {
  stroke: #ffd06e;
}
.poll-colour-dropdown-wrapper a#colour-block-button.purple svg path {
  stroke: #6e76ff;
}
.poll-colour-dropdown-wrapper a#colour-block-button.turquoise svg path {
  stroke: #76ece9;
}
.poll-colour-dropdown-wrapper a#colour-block-button.pink svg path {
  stroke: #ff96e0;
}
.poll-colour-dropdown-wrapper a#colour-block-button.light-blue svg path {
  stroke: #96d4ff;
}
.poll-colour-dropdown-wrapper a#colour-block-button.grey svg path {
  stroke: #bdc3c7;
}
.poll-colour-dropdown-wrapper a#colour-block-button.pale-purple svg path {
  stroke: #b5b9ff;
}
.poll-colour-dropdown-wrapper a#colour-block-button.bright-pink svg path {
  stroke: #f53b86;
}
.poll-colour-dropdown-wrapper a#colour-block-button.dark-grey svg path {
  stroke: #808e9b;
}
.poll-colour-dropdown-wrapper a#colour-block-button.bright-orange svg path {
  stroke: #fd7272;
}
.poll-colour-dropdown-wrapper a#colour-block-button.dark-blue svg path {
  stroke: #62a5db;
}

.poll-colour-dropdown-wrapper a#colour-block-button.true-purple svg path {
  stroke: #9030df;
}
.poll-colour-dropdown-wrapper a#colour-block-button.jet-blue svg path {
  stroke: #005bc6;
}
.poll-colour-dropdown-wrapper a#colour-block-button.smashed-pumpkin svg path {
  stroke: #e2500e;
}
.poll-colour-dropdown-wrapper a#colour-block-button.madder-lake svg path {
  stroke: #ff2b2b;
}
.poll-colour-dropdown-wrapper a#colour-block-button.offset-purple svg path {
  stroke: #c287e8;
}
.poll-colour-dropdown-wrapper a#colour-block-button.fiery-rose svg path {
  stroke: #ff5476;
}
.poll-colour-dropdown-wrapper a#colour-block-button.eggshell svg path {
  stroke: #fdcca0;
}
.poll-colour-dropdown-wrapper a#colour-block-button.sonic-silver svg path {
  stroke: #746d75;
}
.poll-colour-dropdown-wrapper a#colour-block-button.sunset-blue svg path {
  stroke: #93e1ff;
}
.poll-colour-dropdown-wrapper a#colour-block-button.rajah svg path {
  stroke: #f7b267;
}
.poll-colour-dropdown-wrapper a#colour-block-button.light-coral svg path {
  stroke: #f67e7d;
}
.poll-colour-dropdown-wrapper a#colour-block-button.mustard svg path {
  stroke: #ffc857;
}
.poll-colour-dropdown-wrapper a#colour-block-button.metallic-seaweed svg path {
  stroke: #177e89;
}
.poll-colour-dropdown-wrapper a#colour-block-button.sea-green svg path {
  stroke: #8ad2a0;
}
.poll-colour-dropdown-wrapper a#colour-block-button.japanese-violet svg path {
  stroke: #58344e;
}

.form-wrapper form .poll-options .input-group .poll-colour-option-wrapper {
  width: 26px;
  height: 20px;
  float: right;
}
.form-wrapper form .poll-options .input-group .poll-colour-option-wrapper svg {
  position: absolute;
  right: 25px;
  top: 44px;
}

.image-upload-wrapper {
  width: 100%;
  float: left;
  padding: 0px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  margin-bottom: 20px;
  border-radius: 5px;
  display: none;
  padding: 30px 0px;
}

.image-upload-wrapper.visible {
  display: block;
}

.slim.poll-new input[type="file"] {
  margin-bottom: 0px !important;
}

.slim.poll-new {
  width: 740px;
  height: 600px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
}

.slim.poll-new .slim-area .slim-result {
  display: flex;
  justify-content: center;
  align-items: center;
}

.slim.poll-new .slim-area .slim-result img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  left: auto;
  top: auto;
  border-radius: 6px;
}

.slim.poll-new .slim-area .slim-result .out {
  opacity: 0 !important;
}

.slim.poll-new .slim-btn-group {
  text-align: center;
  padding: 20px 0px;
}

.slim.poll-new .slim[data-state*="empty"] .slim-label {
  font-size: 20px;
  font-weight: 600;
}

.slim.poll-new .slim[data-state*="empty"]:hover {
  background-color: #fdfeff;
}

.slim.poll-new .slim-label {
  color: #6d6d6d;
}

.slim.poll-new .slim-area .slim-loader .custom-loading {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  border: 3.2px solid rgb(232, 232, 232);
  border-top-color: #009aff;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
  position: absolute;
  top: 2px;
  right: 2px;
  background-color: transparent;
}

.slim.poll-new .slim-btn-group button.slim-btn {
  height: auto;
  width: auto;
  background-color: #d9eeff;
  height: 26px;
  border-radius: 5px;
  padding: 5px 8px;
  font-weight: bold;
  font-size: 11.5px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  background-image: none;
  transition: background 0.5s ease;
  float: none;
}

.slim.poll-new .slim-btn:before {
  border: none;
  -webkit-transform: none;
  transform: none;
}

.slim.poll-new button.slim-btn.slim-btn-edit {
  background-color: #0e19d2;
}

.slim.poll-new button.slim-btn.slim-btn-edit:hover {
  background-color: #3684df;
}

.slim.poll-new button.slim-btn.slim-btn-remove {
  background-color: #ff394a;
}

.slim.poll-new button.slim-btn.slim-btn-remove:hover {
  background-color: #e13543;
}

.slim.poll-new .slim-area .slim-upload-status {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  white-space: nowrap;
  height: 26px;
  border-radius: 5px;
  padding: 5px 8px;
  font-weight: bold;
  font-size: 11.5px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  box-shadow: none;
}

.slim.poll-new .slim-upload-status[data-state="success"] .slim-upload-status-icon {
  display: none;
}

.slim.poll-new .slim-upload-status[data-state="success"] {
  background-color: #00de74;
  color: #ffffff;
}

.slim.poll-new .slim-area .slim-loader {
  right: 0px;
  top: 0px;
}
.slim.poll-new .slim-area .slim-upload-status {
  right: 0px;
  top: 0px;
}

.form-wrapper form .poll-options .slim .slim-area .slim-result img.out {
  display: none !important;
}

.form-wrapper form .poll-options .slim .slim-area .slim-result {
  text-align: center;
}

.form-wrapper form .input-group input.error,
.form-wrapper form .input-group select.error {
  background-color: #fff;
  border-color: #ff1336;
}

.form-wrapper form .input-group input.error:focus,
.form-wrapper form .input-group textarea.error:focus,
.form-wrapper form .input-group select.error:focus,
.comments .comments-inner .comment-textarea .right textarea.error:focus {
  background-color: #fff;
  border-color: #ff1336;
  box-shadow: 0 0 10px 0 rgba(255, 64, 63, 0.25);
}

.comments .comments-inner .comment-textarea .right label.error {
  width: 100%;
  margin-bottom: 20px;
  font-size: 15px;
  color: #ff4040;
  float: left;
  clear: both;
  font-weight: 600;
}

.form-wrapper form .input-group input.twitter-field {
  background-image: url("../img/icon-twitter.svg");
  background-size: 28px;
  background-repeat: no-repeat;
  background-position: right 20px top 21px;
  padding-right: 60px;
}

.form-wrapper form .input-group input.instagram-field {
  background-image: url("../img/icon-instagram.svg");
  background-size: 28px;
  background-repeat: no-repeat;
  background-position: right 20px top 18px;
  padding-right: 60px;
}

.form-wrapper form .input-group input.facebook-field {
  background-image: url("../img/icon-facebook.svg");
  background-size: 28px;
  background-repeat: no-repeat;
  background-position: right 20px top 18px;
  padding-right: 60px;
}

.form-wrapper form .input-group input.producthunt-field {
  background-image: url("../img/icon-producthunt.svg");
  background-size: 28px;
  background-repeat: no-repeat;
  background-position: right 20px top 18px;
  padding-right: 60px;
}

.form-wrapper form .input-group p.settings-username-badge {
  float: left;
  margin: 20px 0px 10px 0px;
  background-color: #fdffc0;
  padding: 12px 17px;
  border-radius: 5px;
  font-size: 13.5px;
  color: #989a6e;
  clear: both;
}
.form-wrapper form .input-group .username-response {
  float: left;
  clear: both;
}

.form-wrapper form .input-group .username-response p.settings-username-response {
  font-size: 15px;
  color: #555;
  float: left;
  clear: both;
  margin-top: 15px;
  font-weight: 600;
  margin-bottom: 8px;
}

.form-wrapper form .input-group .username-response p.settings-username-response.green {
  color: #4ad97f;
}
.form-wrapper form .input-group .username-response p.settings-username-response.red {
  color: #ff5252;
}

.session-input-group input#username.username-success,
.session-input-group input#team_username.username-success {
  background-image: url("../img/icon-green-tick.svg");
  background-repeat: no-repeat;
  background-position: right 21px top 19px;
}

.form-wrapper form .input-group input#username.username-success {
  background-image: url("../img/icon-green-tick.svg");
  background-repeat: no-repeat;
  background-position: right 21px top 23px;
  background-size: 22px;
}

.form-wrapper form .input-group input#username.username-error {
  background-image: url("../img/icon-username-cross.svg");
  background-repeat: no-repeat;
  background-position: right 20px top 24px;
  background-size: 15px;
}

.form-wrapper form#signup-form .input-group input#username.username-error {
  background-image: none;
}

.form-wrapper form .input-group p.private-poll-saved-notice {
  float: left;
  width: 100%;
  line-height: 22px;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 5px;
  color: #8a8a8a;
  font-size: 15px;
}

.form-wrapper form .input-group p.settings-username-badge span {
  color: #6f714d;
  font-weight: 600;
}

.form-wrapper form .input-group select {
  width: 400px;
  float: left;
  border: none;
  padding: 18px 20px 17px 20px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  background-color: #fff;
  color: #333;
  outline: none;
  -webkit-appearance: none;
  font-family: "Inter", sans-serif;
  border: solid 2px transparent;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  -webkit-appearance: none;
  background-image: url("../img/icon-chevron-down.svg");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: right 20px top 24px;
  border: solid 2px #fff;
}

.form-wrapper form .input-group.full-width-select select {
  width: 100%;
}

.form-wrapper form .input-group a.poll-status-label-hint {
  font-weight: 500;
  font-size: 12px;
  color: #ababab;
  letter-spacing: -0.2px;
  float: right;
}

.form-wrapper form .input-group a.poll-status-label-hint:hover {
  color: #777;
}

.form-wrapper form .input-group:hover a.input-label-hint-hidden {
  opacity: 1;
}

.form-wrapper form .input-group a.input-label-hint-hidden {
  font-weight: 500;
  font-size: 12px;
  color: #ababab;
  letter-spacing: -0.2px;
  float: right;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.form-wrapper form .input-group a.input-label-hint-hidden:hover {
  color: #777;
}

.form-wrapper form .input-group select:focus {
  border: solid 2px #0e19d2;
  color: #0e19d2;
  box-shadow: 0 0 10px 0 rgba(65, 153, 255, 0.45);
  background-image: url("../img/icon-chevron-down-active.svg");
}

.form-wrapper form .input-group.split-field-left {
  width: 50%;
  padding-right: 15px;
}

.form-wrapper form .input-group.split-field-right {
  width: 50%;
  padding-left: 15px;
}

.form-wrapper form .input-group textarea {
  width: 100%;
  float: left;
  border: none;
  padding: 22px 20px 20px 20px;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500;
  background-color: #fff;
  color: #333;
  outline: none;
  -webkit-appearance: none;
  font-family: "Inter", sans-serif;
  border: solid 2px transparent;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  height: 120px;
  resize: none;
}

.form-wrapper form .input-group input:focus,
.form-wrapper form .input-group textarea:focus {
  border: solid 2px #0e19d2;
  color: #0e19d2;
  box-shadow: 0 0 10px 0 rgba(65, 153, 255, 0.45);
}

.form-wrapper form .input-group textarea.error {
  background-color: #fff;
  border-color: #ff1336;
}

.form-wrapper form .input-group h3 {
  font-size: 15px;
  color: #929292;
}

.form-wrapper form .input-group .radio-buttons {
  float: left;
  width: 100%;
  padding-top: 20px;
}

.radio-buttons.check strong {
  color: #333;
}

.form-wrapper form .input-group .radio-buttons.check [type="checkbox"]:checked + label,
.form-wrapper form .input-group .radio-buttons.check [type="checkbox"]:not(:checked) + label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  color: #9d9d9d;
  padding-left: 52px;
  height: auto;
  line-height: 20px;
  padding: 17px 22px 17px 53px;
  margin-top: 0px;
  margin-bottom: 0px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  font-size: 15px;
  font-weight: 600;
}

.team-dashboard-wrapper .form-wrapper form .input-group .radio-buttons.check [type="checkbox"]:checked + label,
.team-dashboard-wrapper .form-wrapper form .input-group .radio-buttons.check [type="checkbox"]:not(:checked) + label {
  background-color: #fff;
}

.form-wrapper form .input-group [type="radio"]:checked,
.form-wrapper form .input-group [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.form-wrapper form .input-group [type="radio"]:checked + label strong,
.form-wrapper form .input-group [type="radio"]:not(:checked) + label strong {
  color: #333;
}

.form-wrapper form .input-group [type="radio"]:checked + label,
.form-wrapper form .input-group [type="radio"]:not(:checked) + label {
  position: relative;
  padding: 2px 0px 0px 38px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #9a9a9a;
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 24px;
}
.form-wrapper form .input-group [type="radio"]:checked + label:before,
.form-wrapper form .input-group [type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background-image: url("../img/radio-button.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.form-wrapper form .input-group [type="radio"]:checked + label:after,
.form-wrapper form .input-group [type="radio"]:not(:checked) + label:after {
  content: "";
  width: 30px;
  height: 30px;
  top: 0px;
  left: 0px;
  position: absolute;
  border-radius: 100%;
  background-image: url("../img/radio-button-active.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.form-wrapper form .input-group [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.form-wrapper form .input-group [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.form-wrapper form .input-group [type="checkbox"]:checked,
.form-wrapper form .input-group [type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.form-wrapper form .input-group [type="checkbox"]:checked + label,
.form-wrapper form .input-group [type="checkbox"]:not(:checked) + label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  color: #9d9d9d;
  font-weight: 500;
  padding-left: 52px;
  height: 39px;
  padding: 11px 0px 0px 40px;
  margin-top: -10px;
  margin-bottom: 0px;
  background-color: transparent;
  -webkit-transition: all 0.5s ease;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.form-wrapper form .input-group [type="checkbox"]:checked + label:before,
.form-wrapper form .input-group [type="checkbox"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 15px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("../img/create-poll-checkbox.svg");
}
.form-wrapper form .input-group [type="checkbox"]:checked + label:after,
.form-wrapper form .input-group [type="checkbox"]:not(:checked) + label:after {
  content: "";
  position: absolute;
  left: 20px;
  top: 15px;
  width: 24px;
  height: 24px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.3s ease;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("../img/create-poll-checkbox-active.svg");
}
.form-wrapper form .input-group [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
}
.form-wrapper form .input-group [type="checkbox"]:checked + label:after {
  opacity: 1;
}
.form-wrapper form .input-group .radio-buttons p:last-child label {
  margin-bottom: 0px;
}
.form-wrapper form .input-group label.error {
  font-size: 15px;
  color: #ff4040;
  float: left;
  clear: both;
  margin-top: 15px;
}

div#form-error label.catpcha-error {
  font-size: 15px;
  color: #ff4040;
  float: left;
  clear: both;
  margin-top: 0px;
  font-weight: 600;
  margin-bottom: 25px;
}

.form-wrapper form .input-group [type="checkbox"]:checked + label.terms-check,
.form-wrapper form .input-group [type="checkbox"]:not(:checked) + label.terms-check {
  height: 40px;
  padding: 10px 0px 0px 35px;
}

.form-wrapper form .input-group [type="checkbox"]:not(:checked) + label.terms-check:before,
.form-wrapper form .input-group [type="checkbox"]:checked + label.terms-check:before {
  left: 0px;
  top: 6px;
}

.form-wrapper form .input-group [type="checkbox"]:checked + label.terms-check:after,
.form-wrapper form .input-group [type="checkbox"]:not(:checked) + label.terms-check:after {
  left: 0px;
  top: 6px;
}

.form-wrapper form .input-group [type="checkbox"]:not(:checked) + label span.tooltip {
  color: #848484;
  font-weight: 600;
}
.form-wrapper form .poll-create-options .poll-create-options-inner .input-group [type="checkbox"]:checked + label span.tooltip {
  color: #3e71a5;
  font-weight: 600;
}

.form-wrapper form .input-group .radio-buttons.check.pro {
  position: relative;
}
.form-wrapper form .input-group .radio-buttons.check.pro::after {
  background-color: #ff946b;
  font-size: 9px;
  color: #ffffff;
  letter-spacing: -0.15px;
  text-align: center;
  font-weight: 700;
  padding: 3px 4px;
  border-radius: 3px;
  text-transform: uppercase;
  margin-top: 1px;
  float: right;
  margin-left: 7px;
  transition: background 0.5s ease;
  content: "Pro";
  position: absolute;
  right: -6px;
  top: -6px;
}

.form-wrapper form .input-group button {
  float: left;
  padding: 20px 34px;
  border: none;
  outline: none;
  color: #fff;
  background-color: #0e19d2;
  font-size: 22px;
  border-radius: 5px;
  font-weight: 600;
  cursor: pointer;
}
.form-wrapper form .input-group button:hover {
  background-color: #3bbd6c;
}

.form-wrapper form .input-group button:disabled {
  background-color: #efefef;
  color: #c6c6c6;
}

.form-wrapper form .subit-disabled-notice {
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  color: #ff946b;
  display: none;
}

.form-wrapper form .form-final-line {
  float: left;
  width: 100%;
  font-weight: 600;
  margin-top: 10px;
  font-size: 13px;
  color: #939fad;
  letter-spacing: -0.21px;
  text-align: center;
}

.form-wrapper form .form-final-line a {
  color: #52667e;
  font-weight: 600;
  font-size: 13px;
}

.form-wrapper form .form-final-line a:hover {
  color: #52667e;
}

.form-wrapper form .form-divide {
  width: 100%;
  height: 2px;
  background-color: #f0f0f0;
  float: left;
  margin-bottom: 35px;
}

.form-wrapper form .input-group a.new-field-button {
  float: left;
  background-color: #0e19d2;
  padding: 22px 60px 20px 20px;
  border-radius: 4px;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  background-image: url("../img/icon-plus.svg");
  background-size: 17px;
  background-repeat: no-repeat;
  background-position: right 20px top 22px;
}
.form-wrapper form .input-group a.new-field-button:hover {
  background-color: #357dd0;
}
.form-wrapper form .anon-poll-notice {
  background-color: #fffdcf;
  padding: 24px 30px;
  font-size: 14px;
  color: #767448;
  border-radius: 8px;
  line-height: 24px;
  margin-bottom: 25px;
  font-weight: 500;
}

p.max-option-notice {
  background-color: #e8f5ff;
  padding: 24px 30px;
  font-size: 15px;
  color: #61859e;
  border-radius: 8px;
  line-height: 24px;
  margin-bottom: 25px;
  font-weight: 500;
  float: left;
  width: 100%;
  display: none;
}

p.max-option-notice a {
  color: #37617b;
  font-weight: 700;
}

p.max-option-notice a:hover {
  color: #6794b0;
}

.form-wrapper form .anon-poll-notice a {
  font-size: 14px;
  color: #35341a;
  font-weight: 700;
}

.poll-create-account-cta {
  float: left;
  width: 100%;
  background-color: #fff0e9;
  margin-bottom: 40px;
  padding: 32px;
  border-radius: 5px;
}

.poll-create-account-cta p {
  float: left;
  width: 100%;
  font-size: 15px;
  font-weight: 500;
  color: #9e7768;
  line-height: 24px;
}

.poll-create-account-cta p strong {
  font-weight: 600;
  color: #593629;
}

.poll-create-account-cta .cta-pro-tag {
  float: left;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -0.1485px;
  text-transform: uppercase;
  color: #fc8b62;
  background-color: #fff;
  padding: 7px 16px;
  border-radius: 40px;
  margin-bottom: 10px;
}

.poll-create-account-cta a.poll-create-account-cta-button {
  float: left;
  margin-top: 15px;
  padding: 14px 18px 14px 18px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
  background: #fc8b62;
  box-shadow: 0px 2px 4px rgb(252 139 98 / 15%);
  border-radius: 5px;
}

.poll-create-account-cta a.poll-create-account-cta-button:hover {
  background: #fc8b62;
}

.poll-create-account-cta a.poll-create-account-cta-button:hover {
  background: #e06c42;
}

.form-wrapper form .poll-create-options .input-group .radio-buttons {
  padding-top: 0px;
}

.form-wrapper form .poll-create-options .poll-create-options-inner .input-group a.non-pro-check {
  float: left;
  padding: 17px 24px 17px 55px;
  margin-top: 0px;
  margin-bottom: 0px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  background-repeat: no-repeat;
  background-position: 20px 17px;
  background-image: url("../img/create-poll-checkbox.svg");
  color: #9d9d9d;
  padding-left: 52px;
  height: auto;
  line-height: 20px;
  font-size: 15px;
  font-weight: 600;
}
.form-wrapper form .poll-create-options .poll-create-options-inner .input-group a.non-pro-check span {
  display: none;
  float: left;
  width: 100%;
  font-size: 14px;
  padding-top: 4px;
}

.form-wrapper form .poll-create-options .poll-create-options-inner .input-group a.non-pro-check strong {
  color: #5f5f5f;
  transition: color 0.3s ease;
  font-weight: 600;
}

.poll-create-options {
  float: left;
  width: 100%;
  padding: 0px;
}
.poll-create-options a.poll-create-more-options-link {
  float: left;
  padding: 5px 40px 5px 0px;
  font-size: 15.5px;
  color: #555555;
  font-weight: 600;
  background-image: url("../img/icon-chevron-down.svg");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: right 5px top 9px;
}

.poll-create-options-inner-outer {
  float: left;
  width: 100%;
}

.poll-create-options .poll-create-options-inner-outer .poll-create-options-title {
  font-size: 15px;
  color: #929292;
  font-weight: 600;
  float: left;
  width: 100%;
  padding: 25px 0px 10px 0px;
}

.poll-create-options .poll-create-options-inner {
  float: left;
  width: 100%;
  padding: 0px;
  margin-top: 0px;
}

.form-wrapper form .poll-create-options .poll-create-options-inner .input-group [type="checkbox"] + label strong {
  color: #5f5f5f;
  transition: color 0.3s ease;
  font-weight: 600;
}

.form-wrapper form .poll-create-options .poll-create-options-inner .input-group [type="checkbox"]:checked + label strong {
  color: #009aff;
}

.form-wrapper form .poll-create-options .poll-create-options-inner .input-group [type="checkbox"]:checked + label {
  color: #7ea5ca;
  background-color: #fff;
  background: #ffffff;
  box-shadow: 0 6px 10px 0 rgba(65, 153, 255, 0.15);
}

.form-wrapper form .poll-create-options .poll-create-options-inner .input-group [type="checkbox"] + label span {
  display: none;
  float: left;
  width: 100%;
  font-size: 14px;
  padding-top: 4px;
}

.poll-create-scroll-point {
  float: left;
  width: 100%;
  margin-top: 0px;
}

.form-wrapper form .poll-create-options .poll-create-options-inner .input-group {
  float: left;
  width: auto;
  margin-right: 18px;
  margin-bottom: 30px;
}
.form-wrapper form .poll-create-options .poll-create-options-inner .input-group:last-child {
  margin-right: 0px;
}

.form-wrapper form .poll-create-options .input-group .radio-buttons p {
  float: left;
}

.poll-end-date-options {
  float: left;
  width: 100%;
  padding: 0px;
  display: none;
}

.poll-end-date-inner-outer {
  float: left;
  width: 100%;
}

.poll-end-date-options .poll-end-date-inner-outer .poll-end-date-title {
  font-size: 15px;
  color: #929292;
  font-weight: 600;
  float: left;
  width: 100%;
  padding: 25px 0px 10px 0px;
}

.poll-end-date-options .poll-end-date-inner {
  float: left;
  width: 100%;
  padding: 0px;
  margin-top: 0px;
}

.form-wrapper form .poll-end-date-inner .input-group input {
  font-size: 15.5px;
  padding: 18px 20px 17px 20px;
}

input.poll_end_date_field {
  background-image: url("../img/icon-calendar.svg");
  background-repeat: no-repeat;
  background-position: right 20px top 15px;
}

input.poll_end_time_field {
  background-image: url("../img/icon-clock.svg");
  background-repeat: no-repeat;
  background-position: right 18px top 16px;
}

.poll-end-date-actions {
  float: left;
  width: 100%;
  padding: 0px 0px 40px 0px;
  display: none;
}

.poll-end-date-time-calculated {
  float: left;
  width: 650px;
  font-size: 13px;
  color: #8b8b8b;
}

.poll-end-date-time-calculated strong {
  font-size: 13px;
  color: #000000;
}

.poll-end-date-remove {
  width: auto;
  float: left;
  padding: 20px;
}

.poll-end-date-remove a {
  float: right;
  color: #ff5661;
  font-size: 13px;
  font-weight: 500;
}

main .inner-wrapper .form-wrapper.settings {
  width: 750px;
}

.inner-wrapper .avatar-settings-wrapper {
  float: right;
  width: 150px;
  margin-top: 130px;
  padding-top: 20px;
}
.inner-wrapper .avatar-settings-wrapper .avatar {
  float: left;
  width: 100%;
  margin-bottom: 16px;
}
.inner-wrapper .avatar-settings-wrapper .avatar .avatar-wrapper {
  width: 84px;
  float: right;
}
.inner-wrapper .avatar-settings-wrapper .avatar img {
  float: right;
  width: 84px;
  background: #ffffff;
  border-radius: 8px;
}

.inner-wrapper .avatar-settings-wrapper .avatar .avatar-change-button {
  float: left;
  width: 100%;
  padding-top: 10px;
}

.inner-wrapper .avatar-settings-wrapper .avatar-change-button a,
.inner-wrapper .avatar-settings-wrapper .avatar-change-button button {
  float: right;
  background-color: #ccc;
  padding: 10px 11px;
  border-radius: 5px;
  color: #fff;
  font-weight: 600;
  font-size: 13.5px;
  outline: none;
  border: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.avatar-wrapper .slim {
  background-color: #fafafa;
}

.avatar-wrapper .slim .slim-btn-group {
  top: -5px;
  right: -5px;
  padding: 0px;
  text-align: right;
}

.inner-wrapper .avatar-settings-wrapper .slim-btn-remove {
  display: none !important;
}

.inner-wrapper .avatar-settings-wrapper .slim-btn {
  border-radius: 5px;
}

.poll-secured {
  float: left;
  width: 100%;
  margin-top: 50px;
  font-size: 14px;
  color: #7d8c8d;
  background-image: url("../img/icon-lock.svg");
  background-repeat: no-repeat;
  background-position: left top 3px;
  background-size: 13px;
  padding: 3px 0px 3px 22px;
  line-height: 18px;
  opacity: 0.7;
}

.inner-wrapper .avatar-settings-wrapper .avatar-change-button a.blue {
  background-color: #0e19d2;
}
.inner-wrapper .avatar-settings-wrapper .avatar-change-button a.blue:hover {
  background-color: #3c82d4;
}

.inner-wrapper .avatar-settings-wrapper .avatar-change-button button.green {
  background-color: #4ad97f;
  display: none;
}
.inner-wrapper .avatar-settings-wrapper .avatar-change-button a.green:hover {
  background-color: #3bbd6c;
}

.settings-actions-block {
  float: left;
  width: 100%;
  background-color: #fff;
  margin-top: 60px;
  box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  padding: 40px;
}

.settings-actions-block h3 {
  float: left;
  width: 100%;
  color: #333;
  font-size: 22px;
}

.settings-actions-block p {
  font-size: 16px;
  color: #969696;
  padding: 12px 0px;
  float: left;
  width: 100%;
}
.settings-actions-block .button-group {
  float: left;
  width: 100%;
}

.settings-actions-block .button-group a {
  float: left;
  background-color: #ccc;
  padding: 21px 20px 20px 20px;
  margin-right: 20px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 17px;
  color: #fff;
}

.settings-actions-block .button-group a.delete-button {
  background-color: #ff5353;
}
.settings-actions-block .button-group a.delete-button:hover {
  background-color: #ea4545;
}

.settings-actions-block .button-group a.change-pw-button {
  background-color: #ff9362;
}
.settings-actions-block .button-group a.change-pw-button:hover {
  background-color: #e07b4d;
}

.user-navigation {
  float: left;
  width: 100%;
  background-color: #fff;
  position: relative;
  z-index: 10;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  margin-top: 1px;
}

.user-navigation .user-navigation-links a {
  padding: 22px 0px 22.5px 0px;
  margin: 0px 30px;
  display: inline-block;
  font-size: 15.5px;
  color: #b1b1b1;
  letter-spacing: -0.27px;
  text-align: center;
  font-weight: 500;
  border-bottom: solid 2.5px #fff;
  transition: border 0.5s ease, color 0.5s ease;
}

.user-navigation .user-navigation-links a:hover {
  color: #4099ff;
  border-color: #4099ff;
}

body.user-dashboard .user-navigation-links a.dashboard-link {
  color: #4099ff;
  border-color: #4099ff;
}

body.user-my-polls .user-navigation-links a.my-polls-link {
  color: #4099ff;
  border-color: #4099ff;
}

body.user-my-votes .user-navigation-links a.my-votes-link {
  color: #4099ff;
  border-color: #4099ff;
}

body.user-stats .user-navigation-links a.my-stats-link {
  color: #4099ff;
  border-color: #4099ff;
}

body.user-drafts .user-navigation-links a.my-drafts-link {
  color: #4099ff;
  border-color: #4099ff;
}

body.user-profile .user-navigation-links a.my-profile-link {
  color: #4099ff;
  border-color: #4099ff;
}

.user-navigation .user-navigation-links {
  float: left;
  width: 100%;
  text-align: center;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scroll-behavior: smooth;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
}

.user-navigation-links::-webkit-scrollbar,
.user-navigation::-webkit-scrollbar,
.user-navigation .inner-wrapper::-webkit-scrollbar {
  display: none;
}

main .inner-wrapper .page-wrapper {
  float: left;
  width: 100%;
}

.page-wrapper header.page-header {
  float: left;
  width: 100%;
  margin-bottom: 50px;
}
.page-wrapper header.page-header.sml-no-sub {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}

.page-wrapper header.page-header.sml-no-sub h1 {
  font-size: 26px;
  margin-bottom: 0px;
}

.page-wrapper header.page-header .left {
  width: 600px;
  float: left;
}

.page-wrapper header.page-header .right {
  width: 250px;
  float: left;
  padding-top: 14px;
}

.page-wrapper header.page-header .right .order-dropdown {
  position: relative;
  float: right;
}

.page-wrapper header.page-header .right .order-dropdown a.dropdown-link {
  float: right;
  background-color: #f1f1f1;
  padding: 15px 60px 15px 18px;
  border-radius: 5px;
  font-size: 15px;
  color: #333;
  font-weight: 600;
  background-image: url("../img/icon-order-dropdown.svg");
  background-repeat: no-repeat;
  background-position: right 18px top 19px;
  transition: background-color 0.5s ease, background-image 0s ease;
}

.page-wrapper header.page-header .right .order-dropdown .order-dropdown-menu {
  position: absolute;
  right: 0px;
  top: 60px;
  width: 190px;
  background: #ffffff;
  box-shadow: 0 4px 21px 0 rgba(49, 49, 49, 0.2);
  padding: 16px 0px;
  overflow: hidden;
  border-radius: 5px;
  z-index: 5000;
  display: none;
}

.page-wrapper header.page-header .right .order-dropdown .order-dropdown-menu a {
  font-size: 14.5px;
  color: #585d75;
  float: left;
  padding: 10px 27px;
  font-weight: 500;
  width: 100%;
}

.page-wrapper header.page-header .right .order-dropdown .order-dropdown-menu a:hover,
.page-wrapper header.page-header .right .order-dropdown .order-dropdown-menu a.active {
  color: #0e19d2;
}

.page-wrapper header.page-header .right .order-dropdown a.dropdown-link.is-active {
  background-color: #fff;
}

.page-wrapper header.page-header .right .order-dropdown .order-dropdown-menu.recent a.recent-link,
.page-wrapper header.page-header .right .order-dropdown .order-dropdown-menu.popular a.popular-link,
.page-wrapper header.page-header .right .order-dropdown .order-dropdown-menu.public a.public-link,
.page-wrapper header.page-header .right .order-dropdown .order-dropdown-menu.private a.private-link {
  color: #0e19d2;
}
.page-wrapper header.page-header .right .order-dropdown .order-dropdown-menu.voting-open a.voting-open-link {
  color: #0e19d2;
}

.page-wrapper header.page-header.m-b-sm {
  margin-bottom: 25px;
}

.page-wrapper header.page-header h1 {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  font-size: 38px;
  color: #333;
}

.page-wrapper header.page-header h2 {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  font-size: 28px;
  color: #333;
}

.page-wrapper header.page-header.sml-no-sub h2 {
  font-size: 26px;
  margin-bottom: 0px;
}

.page-wrapper header.page-header p {
  float: left;
  width: 100%;
  color: #b1b1b1;
  font-size: 17px;
  font-weight: 500;
}

/* User Dashboard */

.dashboard-blocks {
  float: left;
  width: 100%;
  margin-bottom: 140px;
}

.dashboard-blocks .block .block-icon {
  width: 44px;
  height: 44px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  background-position: center;
  background-repeat: no-repeat;
}

.block-icon.circle-polls-icon {
  background-image: url("../img/icon-polls-created-dashboard.svg");
}

.block-icon.circle-votes-icon {
  background-image: url("../img/icon-votes-dashboard.svg");
}

.block-icon.circle-comments-icon {
  background-image: url("../img/icon-comments-dashboard.svg");
}

.block-icon.circle-pending-team-members-icon {
  background-image: url("../img/icon-pending-members-dashboard.svg");
}

.block-icon.circle-calendar-icon {
  background-image: url("../img/icon-calendar-dashboard.svg");
}

.block-icon.circle-team-members-icon {
  background-image: url("../img/icon-dashboard-people.svg");
}

.dashboard-blocks .block {
  float: left;
  width: 266px;
  background-color: #ccc;
  margin-right: 24px;
  background: #ffffff;
  box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.07);
  border-radius: 7px;
  padding: 57px 20px 57px 20px;
  text-align: center;
}

.dashboard-blocks .block:last-child {
  margin-right: 0px;
}

.dashboard-blocks .block h3 {
  font-size: 64px;
  color: #333333;
  letter-spacing: -1.06px;
  line-height: 64px;
  font-weight: 700;
}

.dashboard-blocks .block p {
  padding: 15px 0px 0px 0px;
  font-size: 14px;
  color: #b9b9b9;
  letter-spacing: -0.21px;
  text-align: center;
  line-height: 23px;
  font-weight: 500;
}

/* Polls list */

.polls-list .item-wrapper {
  margin-bottom: 50px;
  float: left;
  width: 100%;
  position: relative;
  transition: transform 0.5s ease;
}

.polls-list .item-wrapper:last-child {
  margin-bottom: 0px;
}

.polls-list {
  width: 100%;
  float: left;
}

.polls-list a.item {
  float: left;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.07);
  border-radius: 7px;
  padding: 40px 45px 40px 45px;
  position: relative;
  transition: box-shadow 0.5s ease;
}

.polls-list.poll-list-options a.item {
  padding: 40px 45px 80px 45px;
}

.polls-list .item-wrapper:hover a.item {
  box-shadow: 0px 10px 44px 10px rgb(233, 235, 243);
}
.polls-list .item-wrapper:hover {
  transform: translateY(-10px);
}

.polls-list .item-wrapper .item-links-wrapper {
  position: absolute;
  right: 0px;
  bottom: 30px;
  padding-left: 40px;
  width: 100%;
}

.polls-list .item-wrapper .item-links-wrapper .item-visibility-status {
  float: left;
  margin-right: 25px;
}
.polls-list .item-wrapper .item-links-wrapper .item-draft-mode-link {
  float: left;
  margin-right: 25px;
}
.item-draft-mode-link a {
  float: left;
  padding: 10px 10px 10px 35px;
  color: #9eb5ca;
  font-weight: 600;
  font-size: 16px;
  background-repeat: no-repeat;
  background-position: left 7px top 9px;
  background-size: 18px;
  transition: opacity 0.5s ease;
  background-image: url("../img/icon-draft-mode.svg");
  letter-spacing: -0.28px;
}

.item-closed-link {
  float: left;
  margin-right: 25px;
}
.item-closed-link a,
.item-closed-link p {
  float: left;
  padding: 10px 10px 10px 35px;
  color: #4ad97f;
  font-weight: 600;
  font-size: 16px;
  background-repeat: no-repeat;
  background-position: left 7px top 9px;
  background-size: 18px;
  transition: opacity 0.5s ease;
  background-image: url("../img/icon-voting-closed.svg");
  letter-spacing: -0.28px;
}

.polls-list .item-wrapper .item-links-wrapper .item-dropdown-wrapper {
  float: right;
  margin-right: 25px;
  position: relative;
}

.polls-list.animated.poll-list-options .item-dropdown.animated-dropdown {
  bottom: 40px;
  top: inherit;
  right: 0px;
  left: inherit;
}

.polls-list .item-wrapper .item-links-wrapper a.item-link-settings {
  float: left;
  padding: 10px 40px 10px 10px;
  color: #555;
  font-weight: 500;
  font-size: 16px;
  background-image: url("../img/icon-3-dots.svg");
  background-repeat: no-repeat;
  background-position: right 6px top 16px;
  transition: opacity 0.5s ease;
  opacity: 0.5;
}
.polls-list .item-wrapper .item-links-wrapper a.item-link-settings:hover {
  opacity: 0.9;
}

.item-link-visibility {
  float: left;
  padding: 10px 10px 10px 28px;
  color: #333;
  font-weight: 600;
  font-size: 16px;
  background-repeat: no-repeat;
  transition: opacity 0.5s ease;
}

.item-link-visibility.private {
  background-image: url("../img/icon-padlock-locked-orange.svg");
  color: #ff9e72;
  background-position: left 7px top 10px;
}

.item-link-visibility.public {
  background-image: url("../img/icon-padlock-unlocked-blue.svg");
  color: #0e19d2;
  background-position: left 7px top 9px;
}
.item-link-visibility:hover {
  opacity: 0.7;
}

.polls-list .item-wrapper .item-links-wrapper .item-dropdown {
  position: absolute;
  right: 0px;
  bottom: 40px;
  width: 250px;
  background-color: #000;
  background: #ffffff;
  box-shadow: 0 4px 21px 0 rgba(49, 49, 49, 0.2);
  padding: 0px;
  overflow: hidden;
  border-radius: 5px;
  z-index: 5000;
  display: none;
}
.item-dropdown-links-wrapper {
  float: left;
  width: 100%;
  padding: 15px 0px 15px 0px;
}

.item-dropdown a,
.poll-settings-right-column-wrapper a {
  font-size: 15px;
  color: #585d75;
  float: left;
  padding: 9px 30px 9px 30px;
  font-weight: 500;
  width: 100%;
  margin: 3px 0px;
  transition: opacity 0.5s ease;
}
.item-dropdown a:hover,
.poll-settings-right-column-wrapper a:hover {
  color: #585d75;
  opacity: 0.6;
}
.item-dropdown a:hover span.item-dropdown-badge,
.poll-settings-right-column-wrapper a:hover span.item-dropdown-badge {
  opacity: 1;
}

.item-dropdown a.red-link {
  background-color: #f9f9f9;
  padding: 22px 27px;
  color: #ff5252;
  margin-top: 0px;
  border-top: solid 1px #f2f2f2;
  width: 100%;
  margin-bottom: 0px;
}
.item-dropdown a.red-link:hover {
  color: #b73333;
}

.item-dropdown a.blue-link {
  background-color: #f9f9f9;
  padding: 22px 27px;
  color: #0e19d2;
  margin-top: 0px;
  border-top: solid 1px #f2f2f2;
  width: 100%;
}
.item-dropdown a.blue-link:hover {
  color: #2064b3;
}

.item-dropdown a.red-text-link {
  color: #ff5252;
}

.item-dropdown a.red-text-link:hover {
  color: #b73333;
}

.item-dropdown a.green-text-link {
  color: #4eda81;
}

.item-dropdown a.green-text-link:hover {
  color: #3bbd6c;
}

.item-dropdown a.grey-text-link {
  color: #a1a6bd;
}

.item-dropdown a.grey-text-link:hover {
  color: #8f949e;
}

.item-dropdown a.orange-text-link {
  color: #ff956b;
}

.item-dropdown a.orange-text-link:hover {
  color: #bb6d4e;
}

.item-dropdown.animated-dropdown.social-share-links .item-dropdown-inner a {
  padding: 9px 60px 9px 30px;
}

a.twitter-dropdown-link {
  color: #00adf2;
  background-image: url("../img/icon-colour-icon-profile-twitter.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center right 30px;
}

a.fb-dropdown-link {
  color: #3c60a5;
  background-image: url("../img/icon-colour-icon-profile-facebook.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center right 30px;
}

a.whatsapp-dropdown-link {
  color: #00d856;
  background-image: url("../img/icon-whatsapp.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center right 30px;
}

a.url-dropdown-link {
  color: #ff9869;
  background-image: url("../img/icon-link.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center right 30px;
}

a.qr-code-dropdown-link {
  color: #a46cff;
  background-image: url("../img/icon-qr-code.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center right 30px;
}

.item-dropdown.social-share-links .item-dropdown-inner a.twitter-dropdown-link:hover {
  color: #00adf2;
}
.item-dropdown.social-share-links .item-dropdown-inner a.fb-dropdown-link:hover {
  color: #3c60a5;
}
.item-dropdown.social-share-links .item-dropdown-inner a.whatsapp-dropdown-link:hover {
  color: #00d856;
}
.item-dropdown.social-share-links .item-dropdown-inner a.url-dropdown-link:hover {
  color: #ff9869;
}
.item-dropdown.social-share-links .item-dropdown-inner a.qr-code-dropdown-link:hover {
  color: #a46cff;
}

.item-dropdown.animated-dropdown.bounceIn.social-share-links {
  width: 260px;
}

span.item-dropdown-badge {
  background-color: #aeb0b9;
  font-size: 9px;
  color: #ffffff;
  letter-spacing: -0.15px;
  padding: 3px 5px;
  border-radius: 3px;
  text-transform: uppercase;
  float: right;
  transition: background 0.5s ease;
  font-weight: 700;
  margin-top: 0px;
  text-align: center;
}

span.item-dropdown-badge.grey {
  background-color: #9799a9;
}

span.item-dropdown-badge.green {
  background-color: #00de74;
}

span.item-dropdown-badge.blue {
  background-color: #009aff;
}

span.item-dropdown-badge.orange {
  background-color: #ff9869;
}

span.item-dropdown-badge.red {
  background-color: #ff394a;
}

.item-dropdown-divide {
  float: left;
  width: 100%;
  height: 1px;
  background-color: #f3f3f3;
  margin: 17px 0px;
}

.item-dropdown-wrapper .item-dropdown-links-wrapper .item-dropdown-inner {
  float: left;
  width: 100%;
  padding: 16px 0px 16px 0px;
}

.polls-list .item-wrapper .item-links-wrapper .item-dropdown a.delete-poll-button {
  display: none;
}

.item-dropdown a.disabled-edit-link,
.poll-settings-right-column-wrapper a.disabled-edit-link {
  color: #c0c4d4;
}
.item-dropdown a.disabled-edit-link:hover,
.poll-settings-right-column-wrapper a.disabled-edit-link:hover {
  opacity: 1;
}

a.disabled-edit-link span {
  background-color: #ccc;
  font-size: 9px;
  color: #ffffff;
  letter-spacing: -0.15px;
  padding: 3px 5px;
  border-radius: 3px;
  text-transform: uppercase;
  float: right;
  transition: background 0.5s ease;
  font-weight: 700;
  margin-top: 0px;
  text-align: center;
}

.polls-list a.item .poll-voted-option {
  float: left;
  background-color: #e7f5ff;
  padding: 20px 20px 20px 50px;
  border-radius: 5px;
  clear: both;
  font-size: 13.5px;
  color: #60859e;
  font-weight: 500;
  margin-top: 20px;
  background-image: url("../img/icon-blue-tick.svg");
  background-repeat: no-repeat;
  background-position: left 15px top 15px;
  background-size: 22px;
  position: relative;
}

.polls-list a.item .poll-voted-option strong {
  color: #375e77;
}

.polls-list a.item .poll-voted-option time.timeago {
  color: #adb8bf;
  font-size: 12px;
  position: absolute;
  top: -15px;
  right: -20px;
  background-color: #f8fcff;
  padding: 7px;
  border-radius: 6px;
}

.polls-list a.item p.private-notice {
  float: right;
  font-size: 18px;
  font-weight: 500;
  color: #7f8c8d;
  margin-left: 25px;
  background-image: url("../img/icon-lock.svg");
  background-repeat: no-repeat;
  background-position: left top 1px;
  padding: 2px 0px 2px 25px;
}

.polls-list a.item p.badge {
  float: left;
  padding: 8px 10px 7px 10px;
  background-color: #dcedff;
  border-radius: 6px;
  font-size: 11.5px;
  text-transform: uppercase;
  color: #587ca9;
  font-weight: 700;
}

.polls-list a.item h2 {
  float: left;
  width: 100%;
  padding: 20px 60px 20px 0px;
  font-size: 36px;
  color: #333;
  line-height: 45px;
}

.polls-list a.item p.date {
  font-size: 18px;
  color: #b1b1b1;
  float: left;
  font-weight: 500;
}
.polls-list a.item p.poll-list-author {
  font-size: 18px;
  color: #b1b1b1;
  float: left;
  font-weight: 500;
  margin-right: 10px;
}

.polls-list a.item .votes-count {
  position: absolute;
  right: -20px;
  top: -20px;
}
.polls-list a.item .votes-count p {
  background: #f7fffa;
  border: 2.5px solid #4ad97f;
  box-sizing: border-box;
  box-shadow: 0px 7px 14px rgba(74, 217, 127, 0.2);
  border-radius: 23px;
  font-size: 16px;
  font-weight: 700;
  color: #678873;
  padding: 12px 20px 13px 20px;
}

/* Poll form */

.poll-wrapper {
  width: 650px;
  float: left;
}

.poll-heading {
  float: left;
  width: 100%;
  margin-bottom: 40px;
  margin-top: 60px;
}

.poll-heading p.poll-tag {
  float: left;
  padding: 8px 10px 7px 10px;
  background-color: #dcedff;
  border-radius: 6px;
  font-size: 11.5px;
  text-transform: uppercase;
  color: #587ca9;
  font-weight: 700;
}

/* Tag colours */
p.badge.random,
p.poll-tag.random {
  background-color: #fffcb9 !important;
  color: #626025 !important;
}

p.badge.web-design,
p.poll-tag.web-design {
  background-color: #dcedff !important;
  color: #587ca9 !important;
}

p.badge.web-development,
p.poll-tag.web-development {
  background-color: #abffca !important;
  color: #2a7445 !important;
}

p.badge.mobile-development,
p.poll-tag.mobile-development {
  background-color: #ffb9b9 !important;
  color: #8d2e2e !important;
}

p.badge.gaming,
p.poll-tag.gaming {
  background-color: #b9c6ff !important;
  color: #3448a2 !important;
}

p.badge.healthcare,
p.poll-tag.healthcare {
  background-color: #ffe1a3 !important;
  color: #805f1d !important;
}

p.badge.movies,
p.poll-tag.movies {
  background-color: #c9ffb7 !important;
  color: #4b7323 !important;
}

p.badge.tv,
p.poll-tag.tv {
  background-color: #ffb9e7 !important;
  color: #8d356f !important;
}

p.badge.crypto,
p.poll-tag.crypto {
  background-color: #afe6ff !important;
  color: #20586b !important;
}

p.badge.startup,
p.poll-tag.startup {
  background-color: #b8f8ff !important;
  color: #356360 !important;
}

p.badge.investment,
p.poll-tag.investment {
  background-color: #8194ff !important;
  color: #3b4263 !important;
}

p.badge.animals,
p.poll-tag.animals {
  background-color: #ffbea9 !important;
  color: #734334 !important;
}

p.badge.art,
p.poll-tag.art {
  background-color: #ff7777 !important;
  color: #671318 !important;
}

p.badge.colour,
p.poll-tag.colour {
  background-color: #ffb677 !important;
  color: #693e17 !important;
}

p.badge.food,
p.poll-tag.food {
  background-color: #fbea95 !important;
  color: #796c2c !important;
}

p.badge.history,
p.poll-tag.history {
  background-color: #b6fff2 !important;
  color: #34736b !important;
}

p.badge.music,
p.poll-tag.music {
  background-color: #b6f2ff !important;
  color: #33666d !important;
}

p.badge.news,
p.poll-tag.news {
  background-color: #d0eaff !important;
  color: #576771 !important;
}

p.badge.politics,
p.poll-tag.politics {
  background-color: #ffafa7 !important;
  color: #543735 !important;
}

p.badge.science,
p.poll-tag.science {
  background-color: #aebfff !important;
  color: #454f6b !important;
}

p.badge.social,
p.poll-tag.social {
  background-color: #83c8ff !important;
  color: #004775 !important;
}

p.badge.sport,
p.poll-tag.sport {
  background-color: #83ffb5 !important;
  color: #1d6d4b !important;
}

p.badge.book,
p.poll-tag.book {
  background-color: #ffe9bb;
  color: #615742;
}

p.badge.days,
p.poll-tag.days {
  background-color: #49bbff;
  color: #fff;
}

p.badge.drink,
p.poll-tag.drink {
  background-color: #97e8ec;
  color: #397073;
}

p.badge.week,
p.poll-tag.week {
  background-color: #f7e3ff;
  color: #846b8e;
}

.poll-heading h1 {
  font-size: 44px;
  color: #333333;
  line-height: 55px;
  float: left;
  width: 100%;
  padding: 20px 0px;
}

.poll-heading h1.sml {
  font-size: 36px;
  line-height: 45px;
}

.poll-heading h1.x-sml {
  font-size: 28px;
  line-height: 38px;
}

.poll-heading .private-notice {
  float: left;
  font-size: 16.5px;
  font-weight: 600;
  color: #717172;
  margin-left: 25px;
  background-image: url("../img/icon-padlock-locked-dark.svg");
  background-repeat: no-repeat;
  background-position: left top 2px;
  padding: 2px 0px 2px 24px;
}
.poll-heading .public-notice {
  float: left;
  font-size: 18px;
  font-weight: 500;
  color: #7f8c8d;
  margin-left: 25px;
  background-image: url("../img/icon-unlock.svg");
  background-repeat: no-repeat;
  background-position: left top 0px;
  padding: 2px 0px 2px 25px;
}
.poll-heading .author-date {
  float: left;
  font-size: 16px;
  font-weight: 500;
  color: #b1b1b1;
  padding: 2px 0px;
  letter-spacing: -0.27px;
}

.user-profile-info-wrapper {
  display: inline-block;
  position: relative;
  z-index: 50;
}

.user-profile-info-wrapper:hover .user-profile-dropdown-outer {
  display: block;
}
.user-profile-dropdown-outer {
  position: absolute;
  left: -5px;
  top: -5px;
  z-index: 50;
  min-height: 70px;
  display: none;
}

.user-profile-info-wrapper .user-profile-dropdown-wrapper {
  width: 230px;
  background-color: #ffffff;
  background: #ffffff;
  box-shadow: 0 4px 21px 0 rgba(49, 49, 49, 0.2);
  padding: 0px;
  overflow: hidden;
  border-radius: 5px;
  min-height: 70px;
  margin-top: 32px;
}

a.user-profile-dropdown-link {
  position: relative;
  z-index: 51;
}

.poll-heading .author-date a.username-pro-badge {
  position: relative;
  top: -1px;
  margin-left: 2px;
  margin-right: 5px;
  z-index: 51;
  background-color: #ffe4d9;
  padding: 4px 12px;
  border-radius: 30px;
  font-weight: 800;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
  letter-spacing: -0.3465px;
  text-transform: uppercase;
  color: #ff7f4c;
}

.user-profile-info-wrapper .user-profile-dropdown-wrapper .user-profile-avatar {
  width: 100%;
  text-align: center;
  padding: 35px 0px 10px 0px;
}

.user-profile-info-wrapper .user-profile-dropdown-wrapper .user-profile-avatar img {
  width: 64px;
  border-radius: 64px;
}

.user-profile-info-wrapper .user-profile-dropdown-wrapper .user-profile-avatar .user-profile-avatar-inner {
  display: inline-block;
  position: relative;
}

.user-profile-info-wrapper .user-profile-dropdown-wrapper .user-profile-avatar .user-profile-avatar-inner .profile-pro-badge {
  float: left;
  background-color: #ffe4d9;
  padding: 4px 12px;
  border-radius: 30px;
  font-weight: 800;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
  letter-spacing: -0.3465px;
  text-transform: uppercase;
  color: #ff7f4c;
  top: -10px;
  position: absolute;
  right: -10px;
}

.user-profile-info-wrapper .user-profile-dropdown-wrapper .user-profile-avatar .user-profile-avatar-inner .profile-pro-badge:hover {
  color: #dd6738;
}

.user-profile-info-wrapper .user-profile-dropdown-wrapper .user-profile-name {
  float: left;
  width: 100%;
  padding: 10px 20px 15px 20px;
  text-align: center;
  font-size: 18px;
  color: #2e2e2e;
  font-weight: 600;
}

.user-profile-info-wrapper .user-profile-dropdown-wrapper .user-profile-action-button {
  float: left;
  width: 100%;
  padding: 20px;
  border-top: solid 1px #f0f0f0;
  text-align: center;
  margin-top: 15px;
}

.user-profile-info-wrapper .user-profile-dropdown-wrapper .user-profile-action-button a {
  float: left;
  width: 100%;
  background-color: #0e19d2;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  line-height: 18px;
  font-size: 15px;
  letter-spacing: -0.231px;
  color: #fff;
  border-radius: 5px;
}

.user-profile-info-wrapper .user-profile-dropdown-wrapper .user-profile-action-button a:hover {
  background-color: #3bbd6c;
}

.user-profile-info-wrapper .user-profile-dropdown-wrapper .user-profile-social-icons {
  float: left;
  width: 100%;
  text-align: center;
}

.user-profile-info-wrapper .user-profile-dropdown-wrapper .user-profile-social-icons a {
  width: 20px;
  height: 20px;
  background-size: 20px;
  margin: 0px 5px;
  float: none;
  display: inline-block;
}

.poll-heading .author-date a.username-pro-badge:hover {
  color: #dd6738;
}
.poll-heading .author-date span {
  color: #777;
}

.poll-heading .poll-multi-votes-notice {
  float: left;
  width: 100%;
  padding-top: 35px;
  margin-bottom: -40px;
}
.poll-heading .poll-multi-votes-notice p {
  float: left;
  padding: 0px 0px 20px 0px;
  font-weight: 600;
  font-size: 15.5px;
  color: #c7c7cd;
  letter-spacing: -0.26px;
  line-height: 23px;
}

.poll-wrapper .poll-form {
  float: left;
  width: 100%;
}

.poll-wrapper .poll-form .poll-item {
  float: left;
  width: 100%;
  margin-bottom: 34px;
}

.poll-wrapper .poll-form .poll-item [type="radio"]:checked,
.poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked),
.poll-wrapper .poll-form .poll-item [type="checkbox"]:checked,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
  visibility: hidden;
}

.poll-wrapper .poll-form .poll-item [type="radio"]:checked + label strong,
.poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked) + label strong,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label strong,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) + label strong {
  color: #333;
}

.poll-wrapper .poll-form .poll-item [type="radio"]:checked + label,
.poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked) + label,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) + label {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  background-color: #fff;
  box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.07);
  border-radius: 7px;
  float: left;
  width: 100%;
  padding: 23px 27px 22px 27px;
  font-size: 28px;
  color: #333333;
  font-weight: 700;
  border: 2.5px solid #fff;
  line-height: 32px;
}

.poll-wrapper .poll-form .poll-item [type="radio"]:checked + label p.vote-inner-label:before,
.poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked) + label p.vote-inner-label:before,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label p.vote-inner-label:before,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) + label p.vote-inner-label:before {
  content: "";
  position: absolute;
  left: 0px;
  width: 36px;
  height: 36px;
  top: -2px;
  background-image: url("../img/icon-checkbox.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.poll-wrapper .poll-form .poll-item [type="radio"]:checked + label p.vote-inner-label:after,
.poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked) + label p.vote-inner-label:after,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label p.vote-inner-label:after,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) + label p.vote-inner-label:after {
  content: "";
  left: 0px;
  width: 36px;
  height: 36px;
  top: -2px;
  position: absolute;
  border-radius: 100%;
  background-image: url("../img/icon-checkbox-active.svg");
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.2s ease;
}
.poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked) + label p.vote-inner-label:after,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) + label p.vote-inner-label:after {
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.poll-wrapper .poll-form .poll-item [type="radio"]:checked + label p.vote-inner-label:after,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label p.vote-inner-label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: all 0.5s ease;
}
.poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked) + label p.vote-inner-label:before,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) + label p.vote-inner-label:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.poll-wrapper .poll-form .poll-item [type="radio"]:checked + label p.vote-inner-label:before,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label p.vote-inner-label:before {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  transition: all 0.1s ease;
}

.poll-wrapper .poll-form .poll-item [type="radio"]:checked + label,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label {
  background: #ffffff;
  border: 2.5px solid #4ad97f;
  box-shadow: 0 7px 14px 0 rgba(74, 217, 127, 0.2);
  border-radius: 7px;
  margin-left: 20px;
  transform: translateY(-3px);
}
.poll-wrapper .poll-form .poll-item label {
  transition: transform 0.5s ease, box-shadow 0.5s ease, margin 0.5s ease;
}

.poll-wrapper .poll-form .poll-item label:hover {
  transform: translateY(-3px);
  box-shadow: 0px 10px 44px 10px rgb(233, 235, 243) !important;
}

p.vote-inner-label {
  float: left;
  width: 100%;
  padding: 0px 0px 0px 49px;
  position: relative;
}

.poll-wrapper .poll-form div#poll-error label {
  padding: 10px 0px 30px 0px;
  float: left;
  width: 100%;
  font-size: 15px;
  color: #ff4040;
  font-weight: 600;
}

.poll-wrapper .poll-form .poll-footer button {
  float: left;
  padding: 20px 34px;
  border: none;
  outline: none;
  color: #fff;
  background-color: #0e19d2;
  font-size: 22px;
  border-radius: 5px;
  font-weight: 600;
  cursor: pointer;
}
.poll-wrapper .poll-form .poll-footer button:hover {
  background-color: #3bbd6c;
}
a.poll-results-button {
  float: right;
  padding: 10px 44px 10px 10px;
  font-size: 16px;
  color: #969696;
  font-weight: 600;
  margin-top: 14px;
  background-image: url("../img/icon-chevron-right.svg");
  background-repeat: no-repeat;
  background-position: center right 15px;
  transition: opacity 0.5s ease;
}

a.poll-results-button:hover {
  opacity: 0.7;
}

/* Poll results */

.poll-head {
  float: left;
  width: 100%;
}

.poll-right-column {
  width: 295px;
  float: right;
  height: auto;
  position: relative;
}
.poll-right-column-stick {
  position: absolute;
}
.sticky-wrapper.is-sticky {
  position: relative;
}

.poll-wrapper .poll-results {
  width: 100%;
  float: left;
}

.captcha-wrapper {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.poll-wrapper .poll-form div#poll-error label.catpcha-error {
  padding-bottom: 10px;
}

.poll-settings-right-column-wrapper {
  display: none;
  float: left;
  width: 100%;
  padding: 20px 0px;
}

.poll-settings-button {
  float: left;
  width: 100%;
  padding: 20px 30px;
  border-top: solid 1px #f5f5f5;
}

.poll-settings-button a {
  float: left;
  width: 100%;
  background-color: #f4f4f4;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  line-height: 18px;
  font-size: 15px;
  letter-spacing: -0.231px;
  color: #7c7c7c;
  border-radius: 5px;
}

.poll-settings-button a:hover {
  background-color: #ebebeb;
}

.poll-wrapper .poll-results .poll-item {
  float: left;
  width: 100%;
  margin-bottom: 28px;
  background: #ffffff;
  box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.07);
  border-radius: 7px;
  padding: 25px 28px;
  border: solid 2.5px #fff;
}

.poll-wrapper .poll-results .poll-item.most-voted {
  background: #ffffff;
  margin-left: 20px;
  transition: margin 0.5s ease;
}

.poll-wrapper .poll-results .poll-item .poll-results-heading {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.poll-wrapper .poll-results .poll-item .poll-results-heading h2 {
  width: 82%;
  float: left;
  font-size: 28px;
  color: #333333;
  font-weight: 700;
  line-height: 32px;
}

.poll-wrapper .poll-results .poll-item .poll-results-heading p {
  width: 18%;
  float: left;
  font-size: 28px;
  color: #333333;
  font-weight: 700;
  line-height: 32px;
  text-align: right;
}

.poll-wrapper .poll-results .poll-item .poll-results-bar {
  float: left;
  width: 100%;
  height: 8px;
  background-color: #efefef;
  border-radius: 50px;
}

.poll-wrapper .poll-results .poll-item .poll-bar {
  float: left;
  height: 8px;
  background-color: #000;
  border-radius: 50px;
  transition: width 0.8s ease;
}

.poll-wrapper .poll-results .poll-item .poll-votes-number {
  float: left;
  width: 100%;
  margin-top: 17px;
  font-size: 14px;
  color: #acacac;
  font-weight: 500;
}

.poll-right-column .poll-submit-button {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}

.poll-image {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.poll-image {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 0px;
}

.poll-image img {
  max-width: 100%;
  width: auto;
  border-radius: 6px;
  height: auto;
  max-height: 700px;
}

.mobile-url-copied {
  position: fixed;
  float: left;
  padding: 20px 17px 19px 17px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 5px;
  box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.07);
  z-index: 500;
  right: 5%;
  width: 90%;
  margin-left: -100px;
  text-align: center;
  background-color: #ff9869;
  color: #fff;
  display: none;
  opacity: 0;
  bottom: -150px;
}

.poll-right-column .poll-voted-notice {
  float: left;
  width: 100%;
  margin-bottom: 25px;
  background-color: #e7f5ff;
  padding: 22px;
  border-radius: 5px;
}

.poll-right-column .poll-voted-notice p.poll-voted-info {
  float: left;
  width: 100%;
  color: #60859e;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}

.poll-right-column .poll-voted-notice p.poll-voted-info strong {
  color: #375e77;
}

.poll-voted-notice.end-date {
  background-color: #ffe8df;
  margin-bottom: 15px;
}

.poll-right-column .poll-voted-notice.end-date p.voting-end-date-info {
  float: left;
  width: calc(100% - 33px);
  color: #926a5e;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  text-align: left;
  padding-left: 20px;
}

.poll-right-column .poll-voted-notice.end-date p.voting-end-date-info strong {
  float: left;
  width: 100%;
  color: #794333;
  font-size: 14px;
}

.poll-voted-notice.end-date p.voting-end-date-icon {
  float: left;
  width: 24px;
  height: 33px;
  background-image: url("../img/icon-voting-end.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.poll-right-column .poll-closed-notice {
  float: left;
  width: 100%;
  margin-bottom: 25px;
  background-color: #fffcd1;
  padding: 30px;
  border-radius: 5px;
}

.poll-right-column .poll-closed-notice p.poll-closed-notice-icon {
  width: 28px;
  height: 28px;
  margin-bottom: 10px;
  float: left;
  background-image: url("../img/icon-voting-closed.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.poll-right-column .poll-closed-notice p.poll-closed-info {
  float: left;
  width: 100%;
  color: #a39f65;
  font-size: 15px;
  font-weight: 500;
}

.poll-right-column .poll-closed-notice p.poll-closed-info strong {
  color: #7b7843;
}

.poll-right-column .poll-submit-button a {
  float: left;
  padding: 20px 34px;
  border: none;
  outline: none;
  color: #fff;
  background-color: #0e19d2;
  font-size: 22px;
  border-radius: 5px;
  font-weight: 600;
  width: 100%;
  text-align: center;
}
.poll-right-column .poll-submit-button a:hover {
  background-color: #3bbd6c;
}

.poll-right-column-inner {
  float: left;
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px hsla(0, 0%, 0%, 0.05);
}
.poll-right-column .poll-right-column-inner .poll-votes-count {
  float: left;
  width: 100%;
  padding: 30px;
}

.poll-right-column .poll-right-column-inner .poll-votes-count p.votes-title {
  float: left;
  width: 100%;
  font-size: 15px;
  color: #b1b1b1;
  font-weight: 600;
  margin-bottom: 15px;
}

.poll-right-column .poll-right-column-inner .poll-votes-count p.votes-number {
  float: left;
  width: 100%;
  font-size: 48px;
  color: #222;
  font-weight: 700;
}

.poll-right-column .poll-right-column-inner .poll-right-divide {
  float: left;
  width: 100%;
  height: 2px;
  background-color: #f4f4f4;
}

.poll-right-column .poll-right-column-inner .poll-share {
  float: left;
  width: 100%;
  padding: 30px;
  border-top: solid 1px #f5f5f5;
}

.modal-share-links {
  float: left;
  width: 100%;
  position: relative;
}

.modal-share-links .poll-share.w-action-button {
  padding: 10px 0px 25px 0px;
}

.modal-share-links .poll-share.w-secure-poll {
  padding: 70px 0px 0px 0px;
}
.modal-share-links .poll-share.w-secure-poll p.share-title {
  color: #829bca;
}

.modal-share-links .poll-share {
  float: left;
  width: 100%;
  padding: 40px 0px 0px 0px;
}

.poll-right-column .poll-right-column-inner .poll-share p.share-title,
.modal-share-links .poll-share p.share-title {
  float: left;
  width: 100%;
  font-size: 15px;
  color: #b1b1b1;
  font-weight: 600;
  margin-bottom: 5px;
}

.poll-right-column .poll-right-column-inner .poll-share ul,
.modal-share-links .poll-share ul {
  float: left;
  width: 100%;
  list-style: none;
}

.poll-right-column .poll-right-column-inner .poll-share ul li {
  float: left;
  width: 100%;
  padding: 5px 0px;
}
.modal-share-links .poll-share ul li {
  float: left;
  width: 100%;
  padding: 8px 0px;
}

.poll-right-column .poll-right-column-inner .poll-share ul li a.share-link,
.modal-share-links .poll-share ul li a.share-link {
  float: left;
  font-size: 15px;
  color: #555;
  font-weight: 500;
  padding: 5px 5px 5px 35px;
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 18px;
  transition: none;
}

.modal-share-links .poll-share ul li a.share-link {
  font-size: 16px;
  padding: 5px 5px 5px 40px;
  background-size: 20px;
}

.poll-right-column .poll-right-column-inner .poll-share ul li a.share-link:hover,
.modal-share-links .poll-share ul li a.share-link:hover {
  opacity: 0.7;
}

.poll-right-column .poll-right-column-inner .poll-share ul li a.share-link.twitter,
.modal-share-links .poll-share ul li a.share-link.twitter {
  color: #00aaec;
  background-image: url("../img/icon-colour-icon-profile-twitter.svg");
}

.poll-right-column .poll-right-column-inner .poll-share ul li a.share-link.facebook,
.modal-share-links .poll-share ul li a.share-link.facebook {
  color: #4460a0;
  background-image: url("../img/icon-colour-icon-profile-facebook.svg");
}

.poll-right-column .poll-right-column-inner .poll-share ul li a.share-link.whatsapp,
.modal-share-links .poll-share ul li a.share-link.whatsapp {
  color: #00d856;
  background-image: url("../img/icon-whatsapp.svg");
  background-size: 20px;
}

.modal-share-links .poll-share ul li a.share-link.whatsapp {
  background-size: 22px;
}

.poll-right-column .poll-right-column-inner .poll-share ul li a.share-link.link,
.modal-share-links .poll-share ul li a.share-link.link {
  color: #ff9e72;
  background-image: url("../img/icon-link.svg");
}

.poll-right-column .poll-right-column-inner .poll-share ul li a.share-link.qr-code,
.modal-share-links .poll-share ul li a.share-link.qr-code {
  color: #a46cff;
  background-image: url("../img/icon-qr-code.svg");
}

.poll-right-column .poll-right-column-inner .poll-share ul li a.share-link.embed,
.modal-share-links .poll-share ul li a.share-link.embed {
  color: #8c9bb2;
  background-image: url("../img/icon-embed.svg");
}

.poll-right-column .report-button {
  float: left;
  width: 100%;
  margin-top: 15px;
}

.poll-right-column .report-button a {
  font-weight: 500;
  padding: 10px 10px 10px 25px;
  float: right;
  font-size: 14px;
  color: #333;
  letter-spacing: -0.23px;
  text-align: right;
  background-image: url("../img/icon-report-flag.svg");
  background-repeat: no-repeat;
  background-position: 2px 11px;
  opacity: 0.4;
  transition: opacity 0.5s ease;
}

.poll-right-column .report-button a:hover {
  opacity: 0.7;
}

.web-url-copied {
  position: fixed;
  bottom: 0px;
  z-index: 5001;
  width: 100%;
  text-align: center;
  display: none;
}
.web-url-copied-inner {
  background-color: #ff9869;
  display: inline-block;
  margin-bottom: 20px;
  padding: 20px 29px 21px 59px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  background-image: url("../img/icon-white-url-copy.svg");
  background-repeat: no-repeat;
  background-position: top 18px left 25px;
  box-shadow: 0px 7px 14px rgba(255, 158, 114, 0.38);
}

.poll-settings-wrapper {
  float: left;
  width: 100%;
  position: relative;
  z-index: 41;
}
.poll-settings-wrapper .item-dropdown-wrapper {
  float: left;
  margin-left: 20px;
  position: relative;
}

.item-dropdown-wrapper a.item-link-settings {
  float: left;
  padding: 10px 40px 10px 10px;
  color: #555;
  font-weight: 500;
  font-size: 16px;
  background-image: url("../img/icon-3-dots.svg");
  background-repeat: no-repeat;
  background-position: right 6px top 16px;
  transition: opacity 0.5s ease;
  opacity: 0.5;
}
.item-dropdown-wrapper a.item-link-settings:hover {
  opacity: 0.9;
}
.poll-settings-wrapper .item-share-inline-wrapper a.item-link-share:hover {
  opacity: 0.9;
}
.item-dropdown-wrapper .item-dropdown {
  position: absolute;
  right: 0px;
  top: 40px;
  width: 250px;
  background-color: #000;
  background: #ffffff;
  box-shadow: 0 4px 21px 0 rgba(49, 49, 49, 0.2);
  padding: 0px;
  overflow: hidden;
  border-radius: 5px;
  z-index: 5000;
  display: none;
}
.item-dropdown-wrapper .item-dropdown-links-wrapper {
  float: left;
  width: 100%;
  padding: 0px;
}

.poll-settings-inner-wrapper {
  position: absolute;
  top: 20px;
  right: 20px;
}

.item-share-inline-wrapper {
  float: left;
  margin-right: 0px;
}

.poll-settings-wrapper .item-share-inline-wrapper a.item-link-share {
  float: left;
  padding: 10px 40px 10px 10px;
  color: #555;
  font-weight: 500;
  font-size: 16px;
  background-image: url("../img/icon-share-fixed.svg");
  background-repeat: no-repeat;
  background-position: right 6px top 9px;
  transition: opacity 0.5s ease;
  opacity: 0.5;
}

.poll-heading a.item-link-share-inline {
  float: left;
  font-size: 16.5px;
  font-weight: 600;
  color: #717172;
  margin-left: 25px;
  background-image: url("../img/icon-share-inline.svg");
  background-repeat: no-repeat;
  background-position: left top 1px;
  padding: 2px 0px 2px 24px;
  display: none;
}

.item-settings-inline-wrapper {
  float: right;
  position: relative;
  display: none;
}

.item-inline-wrapper .item-settings-inline-wrapper .item-dropdown-wrapper a.item-link-settings-inline {
  float: left;
  background-image: url(../img/icon-3-dots-inline.svg);
  background-repeat: no-repeat;
  transition: opacity 0.5s ease;
  font-size: 15px;
  font-weight: 600;
  color: #717172;
  padding: 2px 0px 2px 36px;
  margin-top: 20px;
  margin-left: 0px;
  display: block;
  background-position: left top -3px;
  background-size: 27px;
}

.item-share-inline-wrapper .item-dropdown-wrapper {
  float: left;
  position: relative;
}

.item-share-inline-wrapper .item-dropdown-wrapper .item-dropdown.animated-dropdown.bounceIn.social-share-links.inline {
  right: inherit;
  left: -10px;
  top: 50px;
}

.item-inline-wrapper .item-settings-inline-wrapper .item-dropdown-wrapper .item-dropdown.animated-dropdown.bounceIn.settings-links {
  top: 50px;
  right: -10px;
  left: auto;
}

.item-share-inline-wrapper .item-dropdown-wrapper .item-dropdown.animated-dropdown.bounceIn.social-share-links.inline {
  display: none;
}

.stopped-data-notice {
  position: fixed;
  right: 20px;
  bottom: 20px;
  position: fixed;
  display: none;
  z-index: 60;
  max-width: 170px;
}

.stopped-data-notice .getting-data-inner {
  position: relative;
  float: left;
  padding: 16px 17px 16px 17px;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  color: #a63333;
  border-radius: 5px;
  background: #fffafa;
  border: 2px solid #ff9292;
  box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.07);
}

.stopped-data-notice .getting-data-inner p {
  float: left;
}

.stopped-data-notice .getting-data-inner p.subtitle {
  font-size: 13px;
  color: #ca8d8d;
  letter-spacing: -0.21px;
  line-height: 16px;
  margin-top: 10px;
  float: left;
  width: 100%;
}

.getting-data-notice {
  position: fixed;
  right: 20px;
  bottom: 20px;
  position: fixed;
  display: none;
  z-index: 55;
}

.getting-data-notice .getting-data-inner {
  position: relative;
  background-color: #ffffff;
  float: left;
  padding: 16px 55px 15px 17px;
  font-size: 15px;
  font-weight: 600;
  color: #333333;
  border-radius: 5px;
  box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.07);
}

.getting-data-notice .getting-data-inner p {
  float: left;
}

.getting-data-notice .loading {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  border: 3.2px solid rgb(232, 232, 232);
  border-top-color: #009aff;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
  position: absolute;
  top: 12px;
  right: 14px;
  background-color: #fff;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* Poll colour options */

.poll-wrapper .poll-results .poll-item.red .poll-bar {
  background-color: #ff5252;
}

.poll-wrapper .poll-results .poll-item.most-voted.red {
  border-color: #ff5252;
  box-shadow: 0 7px 14px 0 rgba(255, 82, 82, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.red .poll-votes-number {
  color: #826767;
}

.poll-wrapper .poll-results .poll-item.most-voted.red .poll-results-bar {
  background-color: #f8ebeb;
}

.poll-wrapper .poll-results .poll-item.green .poll-bar {
  background-color: #4ad97f;
}

.poll-wrapper .poll-results .poll-item.most-voted.green {
  border-color: #4ad97f;
  box-shadow: 0 7px 14px 0 rgba(74, 217, 127, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.green .poll-votes-number {
  color: #669377;
}

.poll-wrapper .poll-results .poll-item.most-voted.green .poll-results-bar {
  background-color: #e6f6ec;
}

.poll-wrapper .poll-results .poll-item.orange .poll-bar {
  background-color: #ff9e72;
}

.poll-wrapper .poll-results .poll-item.most-voted.orange {
  border-color: #ff9e72;
  box-shadow: 0 7px 14px 0 rgba(255, 158, 114, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.orange .poll-votes-number {
  color: #cf9375;
}

.poll-wrapper .poll-results .poll-item.most-voted.orange .poll-results-bar {
  background-color: #f3e5df;
}

.poll-wrapper .poll-results .poll-item.blue .poll-bar {
  background-color: #0e19d2;
}

.poll-wrapper .poll-results .poll-item.most-voted.blue {
  border-color: #0e19d2;
  box-shadow: 0 7px 14px 0 rgba(65, 153, 255, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.blue .poll-votes-number {
  color: #788fa6;
}

.poll-wrapper .poll-results .poll-item.most-voted.blue .poll-results-bar {
  background-color: #e3f0ff;
}

.poll-wrapper .poll-results .poll-item.yellow .poll-bar {
  background-color: #ffd06e;
}

.poll-wrapper .poll-results .poll-item.most-voted.yellow {
  border-color: #ffd06e;
  box-shadow: 0 7px 14px 0 rgba(255, 208, 110, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.yellow .poll-votes-number {
  color: #9e8759;
}

.poll-wrapper .poll-results .poll-item.most-voted.yellow .poll-results-bar {
  background-color: #fff0d3;
}

.poll-wrapper .poll-results .poll-item.purple .poll-bar {
  background-color: #6e76ff;
}

.poll-wrapper .poll-results .poll-item.most-voted.purple {
  border-color: #6e76ff;
  box-shadow: 0 7px 14px 0 rgba(110, 118, 255, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.purple .poll-votes-number {
  color: #8b8fce;
}

.poll-wrapper .poll-results .poll-item.most-voted.purple .poll-results-bar {
  background-color: #e8e9ff;
}

.poll-wrapper .poll-results .poll-item.turquoise .poll-bar {
  background-color: #76ece9;
}

.poll-wrapper .poll-results .poll-item.most-voted.turquoise {
  border-color: #76ece9;
  box-shadow: 0 7px 14px 0 rgba(118, 236, 233, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.turquoise .poll-votes-number {
  color: #88b1b0;
}

.poll-wrapper .poll-results .poll-item.most-voted.turquoise .poll-results-bar {
  background-color: #e1f9f8;
}

.poll-wrapper .poll-results .poll-item.pink .poll-bar {
  background-color: #ff96e0;
}

.poll-wrapper .poll-results .poll-item.most-voted.pink {
  border-color: #ff96e0;
  box-shadow: 0 7px 14px 0 rgba(255, 150, 224, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.pink .poll-votes-number {
  color: #d593c1;
}

.poll-wrapper .poll-results .poll-item.most-voted.pink .poll-results-bar {
  background-color: #ffe8f8;
}

.poll-wrapper .poll-results .poll-item.light-blue .poll-bar {
  background-color: #96d4ff;
}

.poll-wrapper .poll-results .poll-item.most-voted.light-blue {
  border-color: #96d4ff;
  box-shadow: 0 7px 14px 0 rgba(150, 245, 255, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.light-blue .poll-votes-number {
  color: #7db7e0;
}

.poll-wrapper .poll-results .poll-item.most-voted.light-blue .poll-results-bar {
  background-color: #e3f3ff;
}

.poll-wrapper .poll-results .poll-item.grey .poll-bar {
  background-color: #bdc3c7;
}

.poll-wrapper .poll-results .poll-item.most-voted.grey {
  border-color: #bdc3c7;
  box-shadow: 0 7px 14px 0 rgba(189, 195, 199, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.grey .poll-votes-number {
  color: #8b97a0;
}

.poll-wrapper .poll-results .poll-item.most-voted.grey .poll-results-bar {
  background-color: #f1f1f1;
}

.poll-wrapper .poll-results .poll-item.pale-purple .poll-bar {
  background-color: #b5b9ff;
}

.poll-wrapper .poll-results .poll-item.most-voted.pale-purple {
  border-color: #b5b9ff;
  box-shadow: 0 7px 14px 0 rgba(110, 118, 255, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.pale-purple .poll-votes-number {
  color: #8b8fce;
}

.poll-wrapper .poll-results .poll-item.most-voted.pale-purple .poll-results-bar {
  background-color: #eaecff;
}

.poll-wrapper .poll-results .poll-item.bright-pink .poll-bar {
  background-color: #f53b86;
}

.poll-wrapper .poll-results .poll-item.most-voted.bright-pink {
  border-color: #f53b86;
  box-shadow: 0 7px 14px 0 rgba(245, 59, 134, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.bright-pink .poll-votes-number {
  color: #e08aac;
}

.poll-wrapper .poll-results .poll-item.most-voted.bright-pink .poll-results-bar {
  background-color: #ffddeb;
}

.poll-wrapper .poll-results .poll-item.dark-grey .poll-bar {
  background-color: #808e9b;
}

.poll-wrapper .poll-results .poll-item.most-voted.dark-grey {
  border-color: #808e9b;
  box-shadow: 0 7px 14px 0 rgba(128, 142, 155, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.dark-grey .poll-votes-number {
  color: #808e9b;
}

.poll-wrapper .poll-results .poll-item.most-voted.dark-grey .poll-results-bar {
  background-color: #d8dee3;
}

.poll-wrapper .poll-results .poll-item.bright-orange .poll-bar {
  background-color: #fd7272;
}

.poll-wrapper .poll-results .poll-item.most-voted.bright-orange {
  border-color: #fd7272;
  box-shadow: 0 7px 14px 0 rgba(128, 142, 155, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.bright-orange .poll-votes-number {
  color: #c78282;
}

.poll-wrapper .poll-results .poll-item.most-voted.bright-orange .poll-results-bar {
  background-color: #ffe5e5;
}

.poll-wrapper .poll-results .poll-item.dark-blue .poll-bar {
  background-color: #62a5db;
}

.poll-wrapper .poll-results .poll-item.most-voted.dark-blue {
  border-color: #62a5db;
  box-shadow: 0 7px 14px 0 rgba(150, 245, 255, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.dark-blue .poll-votes-number {
  color: #6598c2;
}

.poll-wrapper .poll-results .poll-item.most-voted.dark-blue .poll-results-bar {
  background-color: #daeeff;
}

/* new */
.poll-wrapper .poll-results .poll-item.true-purple .poll-bar {
  background-color: #9030df;
}

.poll-wrapper .poll-results .poll-item.most-voted.true-purple {
  border-color: #9030df;
  box-shadow: 0 7px 14px 0 rgba(144, 48, 223, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.true-purple .poll-votes-number {
  color: #b585dc;
}

.poll-wrapper .poll-results .poll-item.most-voted.true-purple .poll-results-bar {
  background-color: #f2e3ff;
}

.poll-wrapper .poll-results .poll-item.jet-blue .poll-bar {
  background-color: #005bc6;
}

.poll-wrapper .poll-results .poll-item.most-voted.jet-blue {
  border-color: #005bc6;
  box-shadow: 0 7px 14px 0 rgba(0, 91, 198, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.jet-blue .poll-votes-number {
  color: #5587c3;
}

.poll-wrapper .poll-results .poll-item.most-voted.jet-blue .poll-results-bar {
  background-color: #d6e9ff;
}

.poll-wrapper .poll-results .poll-item.smashed-pumpkin .poll-bar {
  background-color: #e2500e;
}

.poll-wrapper .poll-results .poll-item.most-voted.smashed-pumpkin {
  border-color: #e2500e;
  box-shadow: 0 7px 14px 0 rgba(226, 80, 14, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.smashed-pumpkin .poll-votes-number {
  color: #e18d68;
}

.poll-wrapper .poll-results .poll-item.most-voted.smashed-pumpkin .poll-results-bar {
  background-color: #f3e5df;
}

.poll-wrapper .poll-results .poll-item.madder-lake .poll-bar {
  background-color: #ff2b2b;
}

.poll-wrapper .poll-results .poll-item.most-voted.madder-lake {
  border-color: #ff2b2b;
  box-shadow: 0 7px 14px 0 rgba(226, 80, 14, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.madder-lake .poll-votes-number {
  color: #f47d7d;
}

.poll-wrapper .poll-results .poll-item.most-voted.madder-lake .poll-results-bar {
  background-color: #ffdfdf;
}

.poll-wrapper .poll-results .poll-item.offset-purple .poll-bar {
  background-color: #c287e8;
}

.poll-wrapper .poll-results .poll-item.most-voted.offset-purple {
  border-color: #c287e8;
  box-shadow: 0 7px 14px 0 rgba(194, 135, 232, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.offset-purple .poll-votes-number {
  color: #cb9eea;
}

.poll-wrapper .poll-results .poll-item.most-voted.offset-purple .poll-results-bar {
  background-color: #ecdbf8;
}

.poll-wrapper .poll-results .poll-item.fiery-rose .poll-bar {
  background-color: #ff5476;
}

.poll-wrapper .poll-results .poll-item.most-voted.fiery-rose {
  border-color: #ff5476;
  box-shadow: 0 7px 14px 0 rgba(255, 84, 118, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.fiery-rose .poll-votes-number {
  color: #f49bad;
}

.poll-wrapper .poll-results .poll-item.most-voted.fiery-rose .poll-results-bar {
  background-color: #ffdde4;
}

.poll-wrapper .poll-results .poll-item.eggshell .poll-bar {
  background-color: #fdcca0;
}

.poll-wrapper .poll-results .poll-item.most-voted.eggshell {
  border-color: #fdcca0;
  box-shadow: 0 7px 14px 0 rgba(253, 204, 160, 0.52);
}

.poll-wrapper .poll-results .poll-item.most-voted.eggshell .poll-votes-number {
  color: #d0b195;
}

.poll-wrapper .poll-results .poll-item.most-voted.eggshell .poll-results-bar {
  background-color: #f6e9dd;
}

.poll-wrapper .poll-results .poll-item.sonic-silver .poll-bar {
  background-color: #746d75;
}

.poll-wrapper .poll-results .poll-item.most-voted.sonic-silver {
  border-color: #746d75;
  box-shadow: 0 7px 14px 0 rgba(116, 109, 117, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.sonic-silver .poll-votes-number {
  color: #a5a1a5;
}

.poll-wrapper .poll-results .poll-item.most-voted.sonic-silver .poll-results-bar {
  background-color: #e3e2e3;
}

.poll-wrapper .poll-results .poll-item.sunset-blue .poll-bar {
  background-color: #93e1ff;
}

.poll-wrapper .poll-results .poll-item.most-voted.sunset-blue {
  border-color: #93e1ff;
  box-shadow: 0 7px 14px 0 rgba(147, 225, 255, 0.3);
}

.poll-wrapper .poll-results .poll-item.most-voted.sunset-blue .poll-votes-number {
  color: #7fb9d0;
}

.poll-wrapper .poll-results .poll-item.most-voted.sunset-blue .poll-results-bar {
  background-color: #d8f4ff;
}

.poll-wrapper .poll-results .poll-item.rajah .poll-bar {
  background-color: #f7b267;
}

.poll-wrapper .poll-results .poll-item.most-voted.rajah {
  border-color: #f7b267;
  box-shadow: 0 7px 14px 0 rgba(247, 178, 103, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.rajah .poll-votes-number {
  color: #d3b390;
}

.poll-wrapper .poll-results .poll-item.most-voted.rajah .poll-results-bar {
  background-color: #fdf0e1;
}

.poll-wrapper .poll-results .poll-item.light-coral .poll-bar {
  background-color: #f67e7d;
}

.poll-wrapper .poll-results .poll-item.most-voted.light-coral {
  border-color: #f67e7d;
  box-shadow: 0 7px 14px 0 rgba(246, 126, 125, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.light-coral .poll-votes-number {
  color: #f19e9d;
}

.poll-wrapper .poll-results .poll-item.most-voted.light-coral .poll-results-bar {
  background-color: #fde5e5;
}

.poll-wrapper .poll-results .poll-item.mustard .poll-bar {
  background-color: #ffc857;
}

.poll-wrapper .poll-results .poll-item.most-voted.mustard {
  border-color: #ffc857;
  box-shadow: 0 7px 14px 0 rgba(255, 200, 87, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.mustard .poll-votes-number {
  color: #d0b378;
}

.poll-wrapper .poll-results .poll-item.most-voted.mustard .poll-results-bar {
  background-color: #fff4dd;
}

.poll-wrapper .poll-results .poll-item.metallic-seaweed .poll-bar {
  background-color: #177e89;
}

.poll-wrapper .poll-results .poll-item.most-voted.metallic-seaweed {
  border-color: #177e89;
  box-shadow: 0 7px 14px 0 rgba(23, 126, 137, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.metallic-seaweed .poll-votes-number {
  color: #64a1a8;
}

.poll-wrapper .poll-results .poll-item.most-voted.metallic-seaweed .poll-results-bar {
  background-color: #d1e5e7;
}

.poll-wrapper .poll-results .poll-item.sea-green .poll-bar {
  background-color: #8ad2a0;
}

.poll-wrapper .poll-results .poll-item.most-voted.sea-green {
  border-color: #8ad2a0;
  box-shadow: 0 7px 14px 0 rgba(185, 227, 198, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.sea-green .poll-votes-number {
  color: #a2d3b2;
}

.poll-wrapper .poll-results .poll-item.most-voted.sea-green .poll-results-bar {
  background-color: #cdf0d8;
}

.poll-wrapper .poll-results .poll-item.japanese-violet .poll-bar {
  background-color: #58344e;
}

.poll-wrapper .poll-results .poll-item.most-voted.japanese-violet {
  border-color: #58344e;
  box-shadow: 0 7px 14px 0 rgba(128, 142, 155, 0.2);
}

.poll-wrapper .poll-results .poll-item.most-voted.japanese-violet .poll-votes-number {
  color: #90818d;
}

.poll-wrapper .poll-results .poll-item.most-voted.japanese-violet .poll-results-bar {
  background-color: #ded6dc;
}

/* Poll comments */

.comments {
  float: left;
  width: 100%;
  background-color: #fff;
  padding: 90px 0px;
  border-bottom: solid 2px #fafafa;
}

.comments .header {
  float: left;
  width: 100%;
  padding-bottom: 20px;
}

.comments .header .left {
  float: left;
}

.comments .header .left h2 {
  font-size: 26px;
  font-weight: 600;
  color: #333333;
}

.comments .header .right {
  float: right;
}

.comments .header .right p {
  font-size: 16px;
  color: #aeaeae;
}

.comments .comments-inner {
  float: left;
  width: 100%;
}

.comments .comments-inner .comment {
  float: left;
  width: 100%;
}
.comment-error {
  background-color: #ff5a5a;
  color: #fff;
  text-align: center;
  padding: 34px;
  width: 100%;
  z-index: 50;
  position: fixed;
  top: 0px;
}

.comments .comments-inner .comment .comment-inner {
  border-top: solid 1px #f2f2f2;
  float: left;
  width: 100%;
  padding: 43px 0px;
}

.comments .comments-inner .comment .left {
  width: 64px;
  float: left;
}

.comments .comments-inner .comment .left .avatar {
  float: left;
  width: 64px;
  position: relative;
}

.comments .comments-inner .comment .left .avatar a {
  float: left;
}

.comments .comments-inner .comment .left .avatar img {
  float: left;
  width: 64px;
  border-radius: 50px;
  transition: all 0.5s ease;
}

.comments .comments-inner .comment .left .avatar a:hover img {
  -webkit-filter: grayscale(70%);
  -moz-filter: grayscale(70%);
  filter: grayscale(70%);
}
.comments .comments-inner .comment .right {
  width: 926px;
  margin-left: 0px;
  float: right;
}

.comments .comments-inner .comment .right .name {
  font-size: 22px;
  color: #333333;
  font-weight: 700;
  margin-bottom: 10px;
}

.comments .comments-inner .comment .right .name a {
  font-size: 22px;
  color: #333333;
  font-weight: 700;
}

.comments .comments-inner .comment .right .name a:hover {
  color: #4ad97f;
}

.comments .comments-inner .comment .right .comment-copy {
  font-size: 18px;
  color: #616161;
  line-height: 28px;
  font-weight: 500;
}
.comments .comments-inner .comment .right .comment-copy p {
  margin-bottom: 15px;
}
.comments .comments-inner .comment .right .comment-copy p:last-child {
  margin-bottom: 0px;
}
.comments .comments-inner .comment .right .comment-copy a {
  color: #4098ff;
}
.comments .comments-inner .comment .right .comment-copy a:hover {
  color: #265b98;
}

.comments .comments-inner .comment .right .comment-footer {
  float: left;
  width: 100%;
  padding-top: 15px;
}

.comments .comments-inner .comment .right .comment-footer p.date {
  float: left;
  font-size: 16px;
  color: #bababa;
  font-weight: 600;
  margin-right: 30px;
  padding: 3px 0px 4px 0px;
}
.comments .comments-inner .comment .right .comment-footer p.date abbr[title] {
  border-bottom: none;
  cursor: help;
  text-decoration: none;
}
.comments .comments-inner .comment .right .comment-footer p.likes {
  float: left;
  margin-right: 25px;
}

.comments .comments-inner .comment .right .comment-footer p.likes a.comment-likes,
.comments .comments-inner .comment .right .comment-footer p.likes a.comment-likes-disabled {
  color: #ff6097;
  font-size: 16px;
  font-weight: 500;
  background-repeat: no-repeat;
  background-image: url("../img/icon-comment-like.svg");
  background-position: left center;
  padding: 3px 10px 4px 31px;
  font-weight: 700;
  float: left;
  transition: opacity 0.5s ease;
}

.comments .comments-inner .comment .right .comment-footer p.likes a.comment-likes.liked,
.comments .comments-inner .comment .right .comment-footer p.likes a.comment-likes-disabled.liked {
  background-image: url("../img/icon-comment-like-filled.svg");
}
.comments .comments-inner .comment .right .comment-footer p.likes a.comment-likes.liked:hover,
.comments .comments-inner .comment .right .comment-footer p.likes a.comment-likes-disabled.liked:hover {
  opacity: 1;
}

.comments .comments-inner .comment .right .comment-footer p.reply-button {
  float: left;
  margin-right: 25px;
}

.comments .comments-inner .comment .right .comment-footer p.reply-button span.reply-id {
  display: none;
}

.comments .comments-inner .comment .right .comment-footer p.reply-button a.comment-reply {
  color: #009aff;
  font-size: 16px;
  font-weight: 500;
  background-repeat: no-repeat;
  background-image: url("../img/icon-comment-reply.svg");
  background-position: left 2px center;
  padding: 3px 10px 4px 32px;
  font-weight: 700;
  float: left;
  transition: opacity 0.5s ease;
}

.comments .comments-inner .comment .right .comment-footer .comment-more-button {
  float: left;
  margin-right: 25px;
  position: relative;
}

.comments .comments-inner .comment .right .comment-footer .comment-more-button a.comment-more {
  color: #aaaaaa;
  font-size: 16px;
  font-weight: 500;
  background-repeat: no-repeat;
  background-image: url("../img/icon-comment-more.svg");
  background-position: left 2px center;
  padding: 3px 10px 4px 38px;
  font-weight: 700;
  float: left;
  transition: opacity 0.5s ease;
}

.comments .comments-inner .comment .right .comment-footer .item-dropdown {
  position: absolute;
  left: -5px;
  top: 40px;
  width: 190px;
  background-color: #000;
  background: #ffffff;
  box-shadow: 0 4px 21px 0 rgba(49, 49, 49, 0.2);
  padding: 0px;
  overflow: hidden;
  border-radius: 5px;
  z-index: 5000;
  display: none;
}
.comments .comments-inner .comment .right .comment-footer .item-dropdown a:hover {
  opacity: 1;
}

.comments .comments-inner .comment .right .comment-footer a:hover {
  opacity: 0.7;
}

.comments .comments-inner .comment.reply {
  padding-left: 100px;
}
.comments .comments-inner .comment.reply .right {
  width: 826px;
  margin-left: 34px;
  float: right;
}

.comments .comments-inner .comment-textarea {
  float: left;
  width: 100%;
  padding: 45px 0px;
  border-top: solid 1px #f2f2f2;
}

.comments .comments-inner .comment-textarea .left {
  float: left;
  width: 64px;
}

.comments .comments-inner .comment-textarea .left .avatar {
  float: left;
  width: 64px;
  position: relative;
}

.comments p.comments-pro-badge {
  background-color: #ff946b;
  font-size: 9px;
  color: #ffffff;
  letter-spacing: -0.15px;
  text-align: center;
  padding: 3px 4px;
  border-radius: 3px;
  text-transform: uppercase;
  transition: background 0.5s ease;
  font-weight: 700;
  float: left;
  position: absolute;
  top: -2px;
  right: -8px;
  z-index: 50;
}

.comments .avatar.reply-avatars p.comments-pro-badge {
  display: none;
}

.comments p.comments-pro-badge {
  background-color: #ff946b;
  font-size: 9px;
  color: #ffffff;
  letter-spacing: -0.15px;
  text-align: center;
  padding: 3px 4px;
  border-radius: 3px;
  text-transform: uppercase;
  transition: background 0.5s ease;
  font-weight: 700;
  float: left;
  position: absolute;
  top: -2px;
  right: -8px;
  z-index: 50;
}

.comments .comments-inner .comment-textarea .left .avatar img {
  float: left;
  width: 64px;
  border-radius: 60px;
}

.comments .comments-inner .comment-textarea .left .avatar.reply-avatars img {
  float: left;
  width: 50px;
  border-radius: 60px;
  position: absolute;
}

.comments .comments-inner .comment-textarea .left .avatar.reply-avatars img:nth-child(2n) {
  margin-left: 25px;
}

.redactor-editor.required {
  border-color: #ff3838 !important;
}
.comments .comments-inner .comment-textarea .right {
  width: 926px;
  margin-left: 0px;
  float: right;
  position: relative;
}
.comments .comments-inner .comment-textarea .right .reply-badge {
  position: absolute;
  right: -15px;
  top: -15px;
  background-color: #0e19d2;
  color: #fff;
  padding: 10px 17px 12px 17px;
  border-radius: 25px;
  font-weight: 600;
  font-size: 15px;
  display: none;
  box-shadow: 0 0 10px 0 rgba(65, 153, 255, 0.45);
}
.comments .comments-inner .comment-textarea .right textarea {
  width: 100%;
  float: left;
  border: solid 2px #ebebeb;
  padding: 22px 20px 20px 20px;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500;
  outline: none;
  height: 120px;
  resize: none;
  -webkit-appearance: none;
  font-family: "Inter", sans-serif;
  margin-bottom: 18px;
}

.comments .comments-inner .comment-textarea .right textarea:focus {
  border: solid 2px #0e19d2;
  color: #0e19d2;
  box-shadow: 0 0 10px 0 rgba(65, 153, 255, 0.45);
  transition: all 0.5s ease;
}

.comments .comments-inner .comment-textarea .right textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #b4b4b4;
  font-weight: 500;
}

.comments .comments-inner .comment-textarea .right button {
  background-color: #00de74;
  color: #fff;
  padding: 17px 23px 17px 23px;
  font-size: 19px;
  font-weight: 600;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: right 19px top 18px;
  background-size: 13px;
  display: inline-block;
  float: left;
  border: none;
  outline: none;
  font-family: "Inter", sans-serif;
  cursor: pointer;
}
.comments .comments-inner .comment-textarea .right input#comment_reply_id {
  display: none;
}

.comments .comments-inner .comment-textarea .right a.cancel-reply-button {
  color: #b7b7b7;
  padding: 21px 20px 19px 20px;
  font-size: 17px;
  font-weight: 600;
  border-radius: 4px;
  background-size: 13px;
  display: none;
  float: left;
  margin-left: 10px;
}
.comments .comments-inner .comment-textarea .right a.cancel-reply-button:hover {
  color: #777;
}

.comments .comments-inner .comment-textarea .right button:hover {
  background-color: #17ce76;
}
.comments .comments-inner .comment-textarea .right p.comment-options {
  float: right;
  font-size: 13px;
  color: #929192;
  padding-top: 21px;
  font-weight: 500;
}

.comments .comments-inner .comments-prompt {
  float: left;
  width: 100%;
  padding: 100px 0px 30px 0px;
  border-top: solid 1px #f2f2f2;
}
.comments .comments-inner .comments-prompt strong {
  float: left;
  width: 100%;
  font-size: 22px;
  color: #525252;
  font-weight: 600;
}
.comments .comments-inner .comments-prompt p {
  float: left;
  width: 100%;
  font-size: 18px;
  color: #adadad;
  padding: 15px 0px 20px 0px;
}
.comments .comments-inner .comments-prompt a {
  background-color: #0e19d2;
  color: #fff;
  padding: 16px 20px;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  border-radius: 4px;
  float: left;
}
.comments .comments-inner .comments-prompt a:hover {
  background-color: #1184d0;
}

.comments .comments-inner .comments-prompt a.login-button {
  background-color: #4ad97f;
  color: #fff;
  padding: 16px 20px 16px 20px;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  border-radius: 4px;
  margin-left: 15px;
}
.comments .comments-inner .comments-prompt a.login-button:hover {
  background-color: #3bbd6c;
}

.comments-disabled-notice {
  float: left;
  width: 100%;
  border-top: solid 1px #f2f2f2;
  padding: 30px 0px;
}
.comments-disabled-notice p {
  float: left;
  width: 100%;
  font-size: 15px;
  padding: 40px;
  color: #9c9c9c;
  text-align: center;
  background-color: #fafafa;
  border-radius: 5px;
  line-height: 20px;
}

/* Add space */
.fp-ad-wrapper {
  position: fixed;
  width: 170px;
  left: 20px;
  bottom: 20px;
}
.fp-ad-wrapper span.ad-line {
  font-size: 10px;
  color: #808080;
  font-weight: 700;
  text-transform: uppercase;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
body.fix-adspace main {
  position: relative;
}
body.fix-adspace .fp-ad-wrapper {
  position: absolute;
  bottom: 20px;
}

.fp-ad {
  float: left;
  width: 100%;
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.fp-ad-wrapper .fp-ad-image {
  float: left;
  width: 100%;
}

.fp-ad-wrapper .fp-ad-image a img {
  transition: opacity 0.5s ease;
}

.fp-ad-wrapper .fp-ad-image a:hover img {
  opacity: 0.9;
}

.fp-ad-wrapper .fp-ad-copy {
  float: left;
  width: 100%;
  padding: 12px;
}

.fp-ad-wrapper .fp-ad-copy p {
  font-size: 11.5px;
  color: #333;
  font-weight: 600;
  line-height: 14px;
}

.fp-ad-wrapper .fp-ad-copy p a {
  font-size: 11.5px;
  color: #333;
}

.fp-ad-wrapper .fp-ad-copy p a:hover {
  color: #777;
}

/* Profile */

header.profile {
  background-color: #fff;
}

header.profile .profile-header-inner {
  float: left;
  width: 100%;
  position: relative;
  height: 500px;
}

header.profile .profile-header-inner .left {
  float: left;
  width: 780px;
  padding: 115px 0px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

header.profile .profile-header-inner .left .avatar {
  width: 90px;
  height: 90px;
  float: left;
  position: relative;
}

header.profile .profile-header-inner .left .avatar .profile-pro-badge {
  position: absolute;
  right: -14px;
  top: -14px;
  background-color: #ffe4d9;
  padding: 7px 15px;
  border-radius: 30px;
  font-weight: 800;
  font-size: 12.5px;
  line-height: 15px;
  text-align: center;
  letter-spacing: -0.3465px;
  text-transform: uppercase;
  color: #ff7f4c;
}

header.profile .profile-header-inner .left .avatar img {
  width: 90px;
  height: 90px;
  float: left;
  border-radius: 150px;
}

header.profile .profile-header-inner .left h1 {
  float: left;
  width: 100%;
  font-size: 50px;
  padding: 20px 0px 0px 0px;
  color: #333333;
}

header.profile .profile-header-inner .left p {
  float: left;
  width: 100%;
  font-size: 17px;
  font-weight: 500;
  color: #b1b1b1;
  line-height: 25px;
  padding: 10px 0px 0px 0px;
  max-width: 600px;
}

header.profile .profile-header-inner .left .profile-social {
  float: left;
  width: 100%;
  padding: 20px 0px 0px 0px;
}

header.profile .profile-header-inner .left .profile-social a,
.user-profile-social-icons a {
  float: left;
  width: 25px;
  height: 25px;
  margin-right: 18px;
  background-repeat: no-repeat;
  background-position: center;
  transition: opacity 0.5s ease;
}

header.profile .profile-header-inner .left .profile-social a:hover,
.user-profile-social-icons a:hover {
  opacity: 0.7;
}

header.profile .profile-header-inner .left .profile-social a.facebook,
.user-profile-social-icons a.facebook {
  background-image: url("../img/icon-colour-icon-profile-facebook.svg");
}

header.profile .profile-header-inner .left .profile-social a.twitter,
.user-profile-social-icons a.twitter {
  background-image: url("../img/icon-colour-icon-profile-twitter.svg");
}

header.profile .profile-header-inner .left .profile-social a.instagram,
.user-profile-social-icons a.instagram {
  background-image: url("../img/icon-colour-icon-profile-instagram.svg");
}

header.profile .profile-header-inner .left .profile-social a.producthunt,
.user-profile-social-icons a.producthunt {
  background-image: url("../img/icon-colour-icon-profile-producthunt.svg");
}

header.profile .profile-header-inner .right {
  float: right;
  margin-top: 204px;
  width: 180px;
}

header.profile .profile-header-inner .right .poll-count {
  background-color: #f8f8f8;
  border-radius: 5px;
  padding: 20px 22px;
  float: right;
}

header.profile .profile-header-inner .right .poll-count p.number {
  float: left;
  width: 100%;
  font-size: 32px;
  font-weight: 700;
  color: #333;
}

header.profile .profile-header-inner .right .poll-count p.title {
  float: left;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  color: #929292;
  padding-top: 7px;
}

header.profile .profile-header-inner .edit-profile-link {
  float: right;
  position: absolute;
  bottom: 40px;
  right: 0px;
}

header.profile .profile-header-inner .edit-profile-link a {
  font-size: 14.5px;
  color: #9d9d9d;
  font-weight: 600;
  padding: 10px 14px;
  border: solid 2px #dcdcdc;
  border-radius: 5px;
  transition: border 0.5s ease, color 0.5s ease;
}

header.profile .profile-header-inner .edit-profile-link a:hover {
  color: #6f6f6f;
  border: solid 2px #c3c3c3;
}

/* Brand & Support pages */
.split-columns {
  width: 100%;
  float: left;
  padding-top: 30px;
}

.split-columns .left {
  width: 210px;
  float: left;
}

.split-columns .left .nav {
  background: #ffffff;
  box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.07);
  border-radius: 7px;
  width: 100%;
  padding: 23px 30px;
  float: left;
}

.split-columns .left .nav a {
  font-size: 15px;
  color: #222;
  font-weight: 600;
  float: left;
  clear: both;
  padding: 5px 0px;
  margin-bottom: 5px;
}

.split-columns .left .nav a.active {
  color: #4099ff;
}

.split-columns .left .nav a:hover {
  color: #4099ff;
}

.split-columns .left .nav a:last-child {
  margin-bottom: 0px;
}

.split-columns .right {
  float: left;
  width: 736px;
  margin-left: 75px;
}

.split-columns .right .copy-based {
  float: left;
  width: 100%;
}

.split-columns .right .copy-based section {
  float: left;
  width: 100%;
  margin-bottom: 0px;
  padding: 40px 0px 40px 0px;
  border-bottom: solid 1px #eeeeee;
}

.split-columns .right .copy-based section .post-section {
  float: left;
  width: 100%;
  margin-bottom: 0px;
  padding: 0px 0px 50px 0px;
}

.split-columns .right .copy-based section .post-section:first-child {
  padding-top: 0px;
}

.split-columns .right .copy-based section:first-child {
  padding-top: 0px;
}

.split-columns .right .copy-based section:first-child p.sml-tilte {
  padding-top: 0px;
}

.split-columns .right .copy-based section:last-child {
  margin-bottom: 0px;
  border-bottom: none;
  padding-bottom: 50px;
}

.split-columns .right .copy-based section p.sml-tilte {
  font-size: 14px;
  color: #ddd;
  letter-spacing: -0.25px;
  font-weight: 800;
  text-transform: uppercase;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  padding-top: 40px;
}

.split-columns .right .copy-based section p.sml-tilte.orange {
  color: #ff9e72;
}

.split-columns .right .copy-based section h2 {
  font-size: 28px;
  color: #333333;
  letter-spacing: -0.46px;
  line-height: 28px;
  font-weight: 700;
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.split-columns .right .copy-based section p {
  font-size: 17px;
  color: #b1b1b1;
  letter-spacing: -0.28px;
  line-height: 26px;
  margin-bottom: 30px;
  float: left;
  width: 100%;
}

.split-columns .right .copy-based section ul {
  float: left;
  width: 100%;
  list-style: none;
  font-size: 17px;
  color: #b1b1b1;
  letter-spacing: -0.28px;
  line-height: 26px;
  margin-bottom: 30px;
}
.split-columns .right .copy-based section ul li {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
.split-columns .right .copy-based section strong {
  color: #555;
}

.split-columns .right .copy-based section p a {
  color: #0e19d2;
  font-weight: 600;
}
.split-columns .right .copy-based section p a:hover {
  color: #357dd0;
}

.split-columns .right .copy-based section p:last-child {
  margin-bottom: 0px;
}

.split-columns .right .copy-based section .brand-logo-wrapper {
  float: left;
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 30px;
}

.split-columns .right .copy-based section .brand-logo-wrapper .brand-logo-block {
  float: left;
  width: 100%;
  background-color: #fff;
  padding: 120px 0px;
  text-align: center;
}

.split-columns .right .copy-based section .brand-logo-wrapper .brand-logo-block img {
  width: 286px;
}

.split-columns .right .copy-based section .brand-logo-wrapper .brand-logo-block.grey {
  background-color: #f2f6f6;
}

.split-columns .right .copy-based section .brand-logo-wrapper .brand-logo-block.black {
  background-color: #222222;
}

.split-columns .right .copy-based section a.inline-post-button {
  background-color: #0e19d2;
  color: #fff;
  padding: 16px 20px;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  border-radius: 4px;
  float: left;
}

.split-columns .right .copy-based section a.inline-post-button:hover {
  background-color: #357dd0;
  color: #fff;
}

.split-columns .right .copy-based section .brand-screens-wrapper {
  background-color: #fff;
  float: left;
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 30px;
}

.split-columns .right .copy-based section .brand-logo-block {
  float: right;
  width: 100%;
  padding: 40px 0px 40px 30px;
}

.split-columns .right .copy-based section .brand-button-wrapper {
  float: left;
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 30px;
}

.split-columns .right .copy-based section .brand-button-block img {
  width: 236px;
}

.brand-button-block {
  float: left;
  width: 100%;
  background-color: #fff;
  padding: 120px 0px;
  text-align: center;
}

.split-columns .right .copy-based section .brand-button-block img {
  width: 236px;
}

.brand-button-block.grey {
  background-color: #f2f6f6;
}

/* No data */

.no-date-notice {
  float: left;
  width: 100%;
  padding: 150px 0px;
}

.no-date-notice p.title {
  font-size: 34px;
  font-weight: 700;
  color: #333;
  margin-bottom: 12px;
  padding-top: 0px;
}

.no-date-notice p {
  font-size: 22px;
  font-weight: 500;
  color: #bfbfbf;
  float: left;
  width: 100%;
  padding-top: 7px;
}

.no-date-notice p a {
  color: #7b7b7b;
}

.no-date-notice p a:hover {
  color: #555;
}

/* user no data notice */

.user-no-data-notice {
  text-align: center;
  width: 100%;
  padding: 110px 0px;
}

.user-no-data-notice p.icon {
  width: 130px;
  height: 130px;
  display: inline-block;
  margin-bottom: 25px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.user-no-data-notice p.icon.votes-no-data {
  background-image: url("../img/icon-no-votes-data.svg");
}
.user-no-data-notice p.icon.polls-no-data {
  background-image: url("../img/icon-no-polls-data.svg");
}

.user-no-data-notice p.title {
  font-size: 26px;
  color: #333333;
  letter-spacing: -0.43px;
  text-align: center;
  line-height: 40px;
  font-weight: 700;
}

.user-no-data-notice p.no-data-subtitle {
  font-size: 16px;
  color: #9c9c9c;
  letter-spacing: -0.26px;
  text-align: center;
  font-weight: 500;
  line-height: 24px;
}

.user-no-data-notice a.no-data-action-button {
  background-color: #0e19d2;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 16px 20px;
  border-radius: 4px;
  display: inline-block;
}

.user-no-data-notice p.no-data-subtitle {
  font-size: 16px;
  color: #9c9c9c;
  letter-spacing: -0.26px;
  text-align: center;
  font-weight: 500;
  line-height: 24px;
  padding: 4px 0px 15px 0px;
}

/* Pagination */
.pagination {
  float: left;
  width: 100%;
  text-align: left;
  padding: 50px 0px 0px 0px;
}
.pagination ul {
  float: left;
  width: 100%;
  list-style: none;
}
.pagination ul li {
  display: inline-block;
  transition: all 0.15s ease;
}
.pagination ul li a {
  background-color: #fff;
  padding: 14px 20px 10px 20px;
  height: 44px;
  font-size: 17px;
  font-weight: 600;
  color: #878787;
  margin: 0px 6px;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  float: left;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.pagination ul li a svg g {
  transition: all 0.5s ease;
}

.pagination ul li a.prev-link,
.pagination ul li a.next-link {
  padding: 15px 30px;
}

.pagination ul li a.prev-link:hover svg g,
.pagination ul li a.next-link:hover svg g {
  fill: #3488ff;
}

.pagination ul li a.active,
.pagination ul li a:hover {
  color: #3488ff;
  box-shadow: 0 2px 4px 0 rgba(65, 153, 255, 0.2);
  transform: translateY(-5px);
}
.pagination ul li a.prev-link svg,
.pagination ul li a.next-link svg {
  width: 10px;
  margin-bottom: -1px;
}

/* Dashboard nav */

.dashboard-nav {
  float: left;
  width: 100%;
  padding: 30px 0px 50px 0px;
}

.dashboard-nav a {
  margin-right: 30px;
  background: #ffffff;
  border-radius: 5px;
  font-size: 17px;
  font-weight: 700;
  padding: 17px 22px;
  display: inline-block;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.dashboard-nav a.active,
.dashboard-nav a.active:hover {
  color: #3488ff;
  box-shadow: 0 2px 4px 0 rgba(65, 153, 255, 0.2);
  transform: translateY(0px);
}

.dashboard-nav a:hover {
  color: #3488ff;
  box-shadow: 0 2px 4px 0 rgba(65, 153, 255, 0.2);
  transform: translateY(-5px);
}

#my-votes-tab {
  display: none;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated-dropdown {
  animation-duration: 0.2s;
  animation-fill-mode: both;
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(5.215, 1, 2, 1);
  }

  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  animation-duration: 0.25s;
  animation-name: bounceIn;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.load-more-wrapper {
  float: left;
  width: 100%;
  margin: 40px 0px;
  text-align: center;
}
.load-more-wrapper .loading-icon {
  height: 32px;
  width: 32px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 19px;
  display: none;
  background-image: url("../img/loading-icon.svg");
  background-repeat: no-repeat;
  -webkit-animation: rotating 0.7s linear infinite;
  -moz-animation: rotating 0.7s linear infinite;
  -ms-animation: rotating 0.7s linear infinite;
  -o-animation: rotating 0.7s linear infinite;
  animation: rotating 0.7s linear infinite;
  background-position: center;
}

.load-complete {
  font-size: 15px;
  color: #7e8b8d;
  font-weight: 500;
  padding: 20px 0px 0px 0px;
  display: none;
}

.load-more-wrapper a.load-more {
  background: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(65, 153, 255, 0.2);
  border-radius: 5px;
  font-size: 17px;
  color: #4c4c4c;
  font-weight: 700;
  padding: 17px 22px;
  display: inline-block;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.load-more-wrapper a.load-more:hover {
  color: #3488ff;
  box-shadow: 0 2px 4px 0 rgba(65, 153, 255, 0.2);
  transform: translateY(-5px);
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* Members nav */
.nav-links.members a.avatar-nav-icon {
  float: left;
  margin: 2px 0px 0px 10px;
  background-image: url("../img/icon-chevron-down.svg");
  background-repeat: no-repeat;
  background-position: top 16px right 7px;
  background-size: 14px;
  padding: 0px 40px 6px 0px;
}

.nav-links.members a.avatar-nav-icon img {
  float: left;
  width: 40px;
  border-radius: 50px;
}

.nav-links.members .members-nav-menu {
  float: left;
  position: relative;
}

.nav-links.members .members-nav-menu .members-nav-dropdown {
  position: absolute;
  right: -5px;
  top: 57px;
  width: 220px;
  background-color: #000;
  background: #ffffff;
  box-shadow: 0 4px 21px 0 rgba(49, 49, 49, 0.2);
  padding: 15px 0px 0px 0px;
  overflow: hidden;
  border-radius: 5px;
  z-index: 5000;
  display: none;
}

.dropdown-menu {
  position: absolute;
  right: 25px;
  top: 70px;
  width: 240px;
  background-color: #000;
  background: #ffffff;
  box-shadow: 0 4px 21px 0 rgba(49, 49, 49, 0.2);
  padding: 15px 0px 0px 0px;
  overflow: hidden;
  border-radius: 5px;
  z-index: 5000;
}
.nav-links-wrapper {
  float: left;
  width: 100%;
  padding: 15px 0px 15px 0px;
}
.nav-links.members .members-nav-menu .members-nav-dropdown .dropdown-menu-header {
  float: left;
  width: 100%;
  padding: 12px 27px 0px 27px;
}

.nav-links.members .members-nav-menu .members-nav-dropdown .dropdown-menu-header .inner {
  float: left;
  width: 100%;
  border-bottom: solid 1px #f2f2f2;
  padding-bottom: 20px;
}

.nav-links.members .members-nav-menu .members-nav-dropdown .dropdown-menu-header .inner p.name {
  font-size: 15px;
  color: #3b4058;
  font-weight: 500;
  float: left;
  width: 100%;
  margin-bottom: 8px;
}

.nav-links.members .members-nav-menu .members-nav-dropdown .dropdown-menu-header .inner p.sub-title {
  font-size: 15px;
  color: #a3a7b5;
  float: left;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
}

.sml-pro-badge {
  float: left;
  right: -14px;
  top: -14px;
  background-color: #ffe4d9;
  padding: 4px 12px;
  border-radius: 30px;
  font-weight: 800;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
  letter-spacing: -0.3465px;
  text-transform: uppercase;
  color: #ff7f4c;
}

.sml-pro-badge.pink {
  color: #ff6e97;
  background-color: #ffe3eb;
}

.nav-links.members .members-nav-menu .members-nav-dropdown .dropdown-menu-header .inner .sml-pro-badge {
  margin-top: 10px;
}

.nav-links.members .members-nav-menu .members-nav-dropdown a {
  font-size: 14.5px;
  color: #585d75;
  float: left;
  padding: 10px 27px;
  font-weight: 500;
  width: 100%;
  margin-right: 0px;
}

.nav-links.members .members-nav-menu .members-nav-dropdown a:hover {
  color: #0e19d2;
}

.nav-links.members .members-nav-menu .members-nav-dropdown a.logout-link {
  background-color: #f9f9f9;
  padding: 22px 27px;
  color: #ff5252;
  margin-top: 0px;
  border-top: solid 1px #f2f2f2;
  border-radius: 0px;
}

.nav-links.members .members-nav-menu .members-nav-dropdown a.logout-link:hover {
  color: #b73333;
}

.nav-links.members a.dashboard-button {
  color: #4099ff;
}
.nav-links.members a.dashboard-button:hover {
  color: #3686e2;
}

.nav-overlay {
  position: fixed;
  background-color: transparent;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  z-index: 50;
  display: none;
}

/* Header button */
.form-wrapper header.form-header a.header-action-button {
  float: left;
  padding: 22px 30px;
  background-color: #0e19d2;
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  border-radius: 5px;
  margin-top: 22px;
}
.form-wrapper header.form-header a.header-action-button:hover {
  background-color: #3bbd6c;
}

/* Delete account */
.form-wrapper header.form-header a.delete-button,
.form-wrapper header.form-header button.delete-button {
  float: left;
  padding: 22px 30px;
  background-color: #ff5252;
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  border-radius: 5px;
  margin-top: 22px;
  border: none;
  outline: none;
  cursor: pointer;
}
.form-wrapper header.form-header a.delete-button:hover,
.form-wrapper header.form-header button.delete-button:hover {
  background-color: #ea4646;
}

/* Copy page */

.copy-page {
  float: left;
  width: 100%;
  padding: 180px 0px 20px 0px;
}

.copy-page .copy-heading.about-page {
  padding-bottom: 0px;
}

.copy-page .copy-heading {
  float: left;
  width: 100%;
  padding: 0px 0px 120px 0px;
}

.copy-page .copy-heading h1 {
  font-size: 52px;
  color: #414141;
  float: left;
  width: 100%;
  padding-bottom: 30px;
}

/* Copy Page */
.copy-page {
  float: left;
  width: 100%;
  padding: 0px 0px 20px 0px;
}
.copy-heading {
  float: left;
  width: 100%;
  padding: 0px 0px 120px 0px;
}
.copy-heading h1 {
  font-size: 52px;
  color: #414141;
  float: left;
  width: 100%;
  padding-bottom: 30px;
}

.copy-heading p {
  font-size: 24px;
  color: #898989;
  float: left;
  width: 100%;
  padding-bottom: 30px;
  line-height: 34px;
}

.copy-block {
  float: left;
  width: 100%;
  padding: 0px 0px 100px 0px;
}
.copy-block h2 {
  font-size: 38px;
  color: #414141;
  float: left;
  width: 100%;
  padding-bottom: 15px;
}
.copy-block p {
  font-size: 24px;
  color: #898989;
  float: left;
  width: 100%;
  padding-bottom: 15px;
  line-height: 34px;
}
.copy-block p strong {
  color: #333;
  margin-top: 50px;
  float: left;
  width: 100%;
  font-size: 18px;
  text-transform: uppercase;
}
.copy-block ul {
  float: left;
  width: 100%;
  padding-left: 30px;
  margin-bottom: 50px;
}
.copy-block ul li {
  font-size: 24px;
  color: #898989;
  float: left;
  width: 100%;
  padding-top: 15px;
  line-height: 34px;
}
.copy-block.about-copy-block {
  padding-bottom: 0px;
}

/* About Page */

.about-page-wrapper {
  float: left;
  width: 100%;
  background-color: #fff;
}
.about-header {
  float: left;
  width: 100%;
  text-align: center;
  position: relative;
  padding-bottom: 180px;
  overflow: hidden;
}
.about-header .about-header-inner {
  padding: 100px 0px 0px 0px;
  float: left;
  width: 100%;
  z-index: 5;
  position: relative;
}

.about-header-background-fixed {
  width: 100%;
  float: left;
  background-color: #f9f7ff;
  height: 840px;
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 0px;
}

.about-header .about-header-copy {
  float: left;
  width: 100%;
  z-index: 5;
  position: relative;
}

.about-header .about-images-wrapper {
  float: left;
  width: 100%;
  z-index: 5;
  position: relative;
}

.about-header:after {
  background-image: url("../img/home-shape-4.svg");
  background-repeat: no-repeat;
  background-size: 790px;
  position: absolute;
  width: 790px;
  height: 790px;
  top: 190px;
  right: -50px;
  z-index: 1;
  content: "";
}

.about-header .about-header-copy {
  float: left;
  width: 100%;
  z-index: 5;
  position: relative;
  padding: 0px 0px 80px 0px;
}

.about-header .about-header-copy p.about-header-small {
  font-size: 21px;
  font-weight: 700;
  color: #9f96b9;
  letter-spacing: -0.35px;
  text-align: center;
  margin-bottom: 15px;
}

.about-header .about-header-copy h1 {
  font-size: 60px;
  line-height: 70px;
  color: #232b35;
  text-align: center;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.about-header .about-images-wrapper img {
  background: #ffffff;
  box-shadow: 0 20px 24px 10px rgba(138, 138, 138, 0.22);
  border-radius: 6px;
}

.about-header .about-images-wrapper img.about-header-image-one {
  float: left;
  max-width: 930px;
  width: 91%;
}

.about-header .about-images-wrapper img.about-header-image-two {
  float: right;
  max-width: 485px;
  width: 48%;
  margin-top: -47%;
}

.about-body-content {
  float: left;
  width: 100%;
  padding-bottom: 100px;
}

.about-counts {
  float: left;
  width: 100%;
  padding-bottom: 180px;
}

.about-counts .about-count {
  float: left;
  margin-right: 92px;
}

.about-counts .about-count:last-child {
  margin-right: 0px;
}

.about-counts .about-count p.about-count-title {
  font-size: 18px;
  font-weight: 700;
  color: #a6a6a6;
  letter-spacing: -0.3px;
}

.about-counts .about-count p.about-count-number {
  font-size: 85px;
  font-weight: 700;
  color: #222831;
  padding: 20px 0px;
}

.about-counts .about-count p.about-count-subtitle {
  font-size: 18px;
  font-weight: 600;
  color: #ffa771;
  letter-spacing: -0.3px;
}

.about-copy-block {
  float: left;
  width: 100%;
  margin-bottom: 150px;
}
.about-copy-block:last-child {
  margin-bottom: 50px;
}

.about-copy-block p.small-purple-title {
  font-size: 18px;
  color: #ab94ef;
  letter-spacing: -0.3px;
  font-weight: 700;
  float: left;
  width: 100%;
  padding-bottom: 10px;
}

.about-copy-block h2 {
  width: 100%;
  float: left;
  font-size: 35px;
  color: #343434;
  line-height: 38px;
  padding-bottom: 15px;
}

.about-copy-block p {
  float: left;
  width: 100%;
  font-size: 20px;
  color: #b1b1b1;
  line-height: 32px;
}

.about-copy-block p a {
  color: #737373;
  font-weight: 500;
}

.about-copy-block p a:hover {
  color: #4099ff;
}

.about-copy-block ul {
  float: left;
  width: 100%;
  list-style: none;
}

.about-copy-block ul li {
  float: left;
  width: 100%;
  background-image: url("../img/icon-about-commit.svg");
  background-position: 0px 15px;
  background-repeat: no-repeat;
  font-size: 20px;
  color: #b1b1b1;
  padding: 10px 20px 10px 45px;
  margin-bottom: 10px;
}

/* Form notices */

.notice-results-wrapper {
  position: relative;
  float: left;
  width: 100%;
}

.notice-results-wrapper .notice {
  position: absolute;
  z-index: 9;
}

.notice {
  background-color: #ccc;
  padding: 25px 30px 24px 30px;
  font-size: 15.5px;
  color: #333;
  line-height: 21px;
  font-weight: 500;
  float: left;
  text-align: center;
  width: 100%;
}

.notice a {
  font-size: 16px;
  font-weight: 500;
}

.notice.info {
  background-color: #fffdcf;
  color: #767448;
}

.notice.closed {
  background-color: #e6f6ff;
  color: #4e7088;
}

.notice.error {
  background-color: #ff5d5d;
  color: #ffffff;
}

.notice.error a {
  color: #770e0e;
}

.notice.error a:hover {
  color: #c51a1a;
}

.notice.top-placement.error a:hover {
  color: #c51a1a;
}

.notice.info a {
  color: #484628;
}

.notice.info a:hover {
  color: #151408;
}

/* Modal */

.reveal-modal-bg {
  position: fixed;

  height: 100%;
  width: 100%;
  background: rgba(117, 120, 137, 0.3);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
}

.reveal-modal {
  visibility: hidden;
  left: 50%;
  top: 140px;
  margin-left: -275px;
  width: 550px;
  background: #fff;
  position: absolute;
  z-index: 101;
  padding: 0px;
  border-radius: 8px;
}

.reveal-modal.small {
  width: 200px;
  margin-left: -140px;
}
.reveal-modal.medium {
  width: 400px;
  margin-left: -240px;
}
.reveal-modal.large {
  width: 600px;
  margin-left: -340px;
}
.reveal-modal.xlarge {
  width: 800px;
  margin-left: -440px;
}

.reveal-modal.default-modal {
  width: 540px;
  margin-left: -270px;
}

.reveal-modal.default-modal .default-modal-body {
  float: left;
  width: 100%;
  padding: 50px;
}

.reveal-modal.default-modal .default-modal-body .default-modal-header {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.reveal-modal.default-modal .default-modal-body .default-modal-header p.modal-header-title {
  float: left;
  width: 100%;
  font-weight: bold;
  font-size: 34px;
  line-height: 41px;
  letter-spacing: -0.561px;
  color: #333333;
  margin-bottom: 5px;
}

.reveal-modal.default-modal .default-modal-body .default-modal-header p.modal-header-subtitle {
  float: left;
  width: 100%;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.2805px;
  color: #b1b1b1;
}

/* copy url modal */

.copy-url-body {
  float: left;
  width: 100%;
  margin-top: 10px;
}

.copy-url-input-group {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 25px;
}

.copy-url-input-group label {
  float: left;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.2475px;
  color: #b1b1b1;
}

.copy-url-input-group input[type="text"] {
  float: left;
  width: 100%;
  background-color: #f8f8f8;
  font-size: 13.5px;
  line-height: 24px;
  color: #555;
  font-weight: 600;
  padding: 14px 18px;
  border: none;
  outline: none;
  border-radius: 5px;
  font-family: "Inter", sans-serif;
  margin-top: 8px;
}

.copy-url-input-group a.modal-copy-url-link {
  position: absolute;
  right: 14px;
  top: 37px;
  background-color: #009aff;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 7px 9px;
  border-radius: 5px;
}

.copy-url-input-group a.modal-copy-url-link:hover {
  background-color: #357dd0;
  color: #fff;
}

.copy-url-input-group a.modal-copy-url-link.active-copy {
  background-color: #ff9e72;
  color: #fff;
}

.copy-url-input-group:last-child {
  margin-bottom: 0px;
}

/* qr code modal */
.qr-code-body {
  float: left;
  width: 100%;
}

.qr-code-body-inner {
  float: left;
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 6px;
  padding: 35px 0px 25px 0px;
}

.vote-page-qr-code {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}
.qr-code-square {
  background-color: #fff;
  padding: 10px;
  border-radius: 6px;
}

.vote-page-qr-code-column {
  display: none;
}

.qr-code-body p.qr-code-type-title {
  float: left;
  width: 100%;
  padding: 15px 0px 0px 0px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  letter-spacing: -0.2805px;
  color: #898989;
}

.results-page-qr-code-wrapper,
.vote-page-qr-code-wrapper {
  width: 180px;
  margin-left: auto;
  margin-right: auto;
}

.vote-page-qr-code-wrapper.hidden {
  display: none;
}

.results-page-qr-code-wrapper.hidden {
  display: none;
}

.qr-code-body .default-modal-buttons {
  float: left;
  width: 100%;
  padding: 30px 0px 0px 0px;
}

.default-modal-buttons a {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  background-color: #fff;
  padding: 20px 10px;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  letter-spacing: -0.264px;
  color: #495f79;
  border-radius: 6px;
}

.default-modal-buttons a.blue-button {
  background-color: #009aff;
  color: #fff;
}

.default-modal-buttons a.grey-button {
  background-color: #f9f9f9;
}

.default-modal-buttons a.hidden {
  display: none;
}
.default-modal-buttons a.no-margin {
  margin: 0px !important;
}

.reveal-modal.new-poll,
.reveal-modal.what-is-fastpoll {
  width: 500px;
  margin-left: -250px;
}

.reveal-modal .close-reveal-modal {
  position: absolute;
  height: 16px;
  width: 16px;
  top: 15px;
  right: 15px;
  cursor: pointer;
  background-image: url("../img/icon-close-modal.svg");
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.6;
  background-size: 100%;
}
.reveal-modal .close-reveal-modal:hover {
  opacity: 1;
}

.delete-modal-copy,
.report-modal-copy {
  float: left;
  width: 100%;
  padding: 45px;
}

.tour-slider .basic-modal-modal-wrapper {
  position: relative;
}

.tour-slider ul.slick-dots {
  text-align: center;
  width: 100%;
  float: left;
  margin: 0px 0px 60px 0px;
  padding: 0px;
  list-style: none;
}

.tour-slider ul.slick-dots li {
  display: inline-block;
  margin: 0px 5px;
  padding: 0px;
  list-style: none;
}

.tour-slider ul.slick-dots li button {
  height: 10px;
  width: 20px;
  background-color: #d8d8d8;
  overflow: hidden;
  text-indent: -60px;
  border: none;
  outline: none;
  border-radius: 25px;
  -webkit-transition: width 0.5s ease;
  transition: width 0.2s ease;
  cursor: pointer;
}

.tour-slider ul.slick-dots li.slick-active button {
  background-color: #0e19d2;
  width: 30px;
}

.reveal-modal.basic-modal.align-center {
  text-align: center;
}

.tour-slider .sub-icon.tour-icon {
  text-align: center;
}

.tour-slider .sub-icon.tour-icon img {
  height: 122px;
  width: auto;
  display: inline-block;
}

.reveal-modal.basic-modal.dashboard-offset.dashboard-sub-modal .tour-slider .basic-modal-subtitle p a {
  color: #777;
  font-weight: 600;
}

.reveal-modal.basic-modal.dashboard-offset.dashboard-sub-modal.align-center .sub-icon {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.basic-modal-modal-wrapper {
  float: left;
  width: 100%;
  padding: 50px;
}

.basic-modal-modal-wrapper p.basic-modal-title {
  float: left;
  width: 100%;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  padding: 0px 0px 10px 0px;
}

.basic-modal-modal-wrapper .basic-modal-subtitle {
  float: left;
  width: 100%;
}

.basic-modal-modal-wrapper .basic-modal-subtitle p {
  float: left;
  width: 100%;
  font-size: 17px;
  line-height: 23px;
  color: #b1b1b1;
  margin-bottom: 20px;
}

.basic-modal-modal-wrapper .basic-modal-subtitle p:last-child {
  margin-bottom: 0px;
}

.basic-modal-modal-wrapper a.modal-action-button,
.basic-modal-modal-wrapper button.modal-action-button {
  float: left;
  padding: 22px 34px;
  border: none;
  outline: none;
  color: #fff;
  background-color: #0e19d2;
  font-size: 22px;
  border-radius: 5px;
  font-weight: 600;
  width: auto;
  text-align: center;
  position: relative;
  right: 0px;
  background-image: none;
  opacity: 1;
  height: auto;
  top: 0px;
  margin-top: 20px;
  cursor: pointer;
}

.basic-modal-modal-wrapper a.modal-action-button:hover,
.basic-modal-modal-wrapper button.modal-action-button:hover {
  background-color: #3bbd6c;
}

.reveal-modal.new-poll .new-poll-modal,
.reveal-modal .what-is-fastpoll-modal {
  float: left;
  width: 100%;
  padding: 70px 50px 50px 50px;
}

.reveal-modal.new-poll .new-poll-modal p.new-poll-icon,
.what-is-fastpoll-modal .fast-poll-icon {
  float: left;
  width: 70px;
  height: 70px;
  background-image: url("../img/icon-checkbox-active.svg");
  background-size: 70px;
  background-position: center;
}

.reveal-modal.new-poll .new-poll-modal p.new-poll-title {
  float: left;
  width: 100%;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
  padding: 30px 30px 12px 0px;
}

.what-is-fastpoll-modal p.what-is-fastpoll-title {
  float: left;
  width: 100%;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  padding: 30px 30px 12px 0px;
}

.reveal-modal.new-poll .new-poll-modal p.new-poll-subtitle {
  float: left;
  width: 100%;
  font-size: 17px;
  line-height: 23px;
  color: #b1b1b1;
}

.what-is-fastpoll-modal .what-is-fastpoll-subtitle {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.what-is-fastpoll-modal .what-is-fastpoll-subtitle p {
  float: left;
  width: 100%;
  font-size: 17px;
  line-height: 23px;
  color: #b1b1b1;
  margin-bottom: 15px;
}

.reveal-modal.new-poll .new-poll-modal .new-poll-url {
  float: left;
  width: 100%;
  padding: 30px 0px;
}

.reveal-modal.new-poll .new-poll-modal .new-poll-url input {
  background-color: #f5f5f5;
  outline: none;
  border: none;
  padding: 18px;
  font-size: 15px;
  color: #666;
  font-weight: 600;
  width: 310px;
  text-align: left;
  border-radius: 5px 0px 0px 5px;
  height: 52px;
  float: left;
}

a.copy-poll-url {
  height: 52px;
  background-color: #0e19d2;
  float: left;
  width: 90px;
  text-align: center;
  font-size: 17px;
  padding: 17px 0px 10px 0px;
  color: #fff;
  font-weight: 600;
  border-radius: 0px 5px 5px 0px;
}

a.copy-poll-url:hover {
  background-color: #3c82d4;
}

.reveal-modal.new-poll .new-poll-modal a.modal-action-button,
.reveal-modal .what-is-fastpoll-modal a.modal-action-button {
  float: left;
  padding: 22px 34px;
  border: none;
  outline: none;
  color: #fff;
  background-color: #0e19d2;
  font-size: 22px;
  border-radius: 5px;
  font-weight: 600;
  width: 100%;
  text-align: center;
  position: relative;
  right: 0px;
  background-image: none;
  opacity: 1;
  height: auto;
  top: 0px;
}

.reveal-modal.new-poll .new-poll-modal a.modal-action-button:hover,
.reveal-modal .what-is-fastpoll-modal a.modal-action-button:hover {
  background-color: #3bbd6c;
}

.reveal-modal.delete p.delete-title,
.reveal-modal.report p.report-title {
  float: left;
  width: 100%;
  font-size: 28px;
  color: #333333;
  font-weight: 700;
  padding: 0px;
  line-height: 36px;
}

.reveal-modal.delete p.delete-subtitle,
.reveal-modal.report p.report-subtitle {
  float: left;
  width: 100%;
  font-size: 16.5px;
  color: #b1b1b1;
  padding: 10px 0px 25px 0px;
  line-height: 26px;
}

.reveal-modal.delete p.delete-subtitle.p-b-sml,
.reveal-modal.report p.report-subtitle.p-b-sml {
  padding: 10px 0px 5px 0px;
}

.reveal-modal.delete p.delete-subtitle.warning-copy,
.reveal-modal.report p.report-subtitle.p-b-sml.warning-copy {
  color: #ff5c5c;
  font-weight: 600;
}

.poll-status-info-block {
  float: left;
  width: 100%;
  margin-bottom: 40px;
}
.poll-status-info-block p.icon {
  float: left;
  width: 100%;
  height: 30px;
}
.poll-status-info-block p.title {
  float: left;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  margin: 10px 0px;
}
.poll-status-info-block p.copy {
  float: left;
  width: 100%;
  font-size: 16px;
  line-height: 22px;
}

.poll-status-info-block.green {
  margin-bottom: 0px;
}

.poll-status-info-block.blue p.icon {
  background-image: url("../img/icon-blue-lock.svg");
  background-repeat: no-repeat;
  background-position: left center;
}
.poll-status-info-block.blue p.title {
  color: #009aff;
}

.poll-status-info-block.blue p.copy {
  color: #80b1e0;
}

.poll-status-info-block.green p.icon {
  background-image: url("../img/icon-green-eye.svg");
  background-repeat: no-repeat;
  background-position: left center;
}
.poll-status-info-block.green p.title {
  color: #00de74;
}

.poll-status-info-block.green p.copy {
  color: #63db9d;
}

.reveal-modal.delete button.delete-account-button,
.reveal-modal.report button.report-button,
.reveal-modal a.delete-team-invite-button,
.reveal-modal a.delete-poll-button,
.default-modal-body button.report-button {
  background-color: #ff394a;
  float: left;
  padding: 20px 26px;
  border: none;
  outline: none;
  border-radius: 5px;
  cursor: pointer;

  font-weight: 600;
  font-size: 19px;
  line-height: 23px;
  text-align: center;
  letter-spacing: -0.264px;

  color: #ffffff;
}

.reveal-modal.delete button.delete-account-button:hover,
.reveal-modal.report button.report-button:hover,
.reveal-modal a.delete-team-invite-button:hover,
.reveal-modal a.delete-poll-button:hover,
.default-modal-body button.report-button:hover {
  background-color: #e04545;
}

.reveal-modal.embed {
  width: 780px;
  margin-left: -390px;
}

.qr-lrg-preview .reveal-modal.qr-code-square img {
  width: auto;
  height: auto;
  max-height: 65vh;
  max-width: 100%;
}

.qr-lrg-preview .reveal-modal .left-column {
  float: left;
  width: 100%;
  text-align: center;
  padding: 22px 0px 0px 0px;
}

.qr-lrg-preview .reveal-modal .default-modal-body {
  float: left;
  width: 100%;
  padding: 45px;
  position: fixed;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 0px;
}

.qr-lrg-preview .reveal-modal.default-modal .default-modal-body .default-modal-header {
  display: none;
}

.qr-lrg-preview .reveal-modal .default-modal-buttons a.blue-button {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: auto;
}

.qr-lrg-preview .default-modal-buttons a.grey-button {
  position: fixed;
  left: 20px;
  bottom: 20px;
  width: auto;
}

.qr-lrg-preview .qr-code-body-inner {
  float: left;
  width: 100%;
  background-color: #fff;
  border-radius: 6px;
  padding: 0px;
}

.qr-lrg-preview .results-page-qr-code-wrapper,
.qr-lrg-preview .vote-page-qr-code-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.qr-lrg-preview .qr-code-square {
  text-align: center;
}

.qr-lrg-preview .qr-code-square img {
  width: auto;
  height: auto;
  max-height: 65vh;
  max-width: 100%;
}

.qr-lrg-preview .default-modal-buttons a {
  float: left;
  width: 100%;
  margin-bottom: 0px;
  padding: 15px;
}

.qr-lrg-preview .reveal-modal .close-reveal-modal {
  position: fixed;
}
body.qr-lrg-preview {
  overflow: hidden;
}

.reveal-modal.embed .embed-modal-title {
  float: left;
  width: 100%;
  font-size: 34px;
  color: #333333;
  font-weight: 700;
  padding: 0px;
  line-height: 40px;
}

.reveal-modal.embed .embed-tabs {
  float: left;
  width: 100%;
}

.reveal-modal.embed .embed-tabs .embed-tabs-buttons {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.reveal-modal.embed .embed-tabs .embed-tabs-buttons a {
  float: left;
  background-color: #f8f8f8;
  padding: 17px 20px;
  color: #82869b;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  margin-right: 20px;
  transition: background 0s ease, opacity 0.5s ease;
}

.reveal-modal.embed .embed-tabs .embed-tabs-buttons a:hover {
  opacity: 0.7;
}

.reveal-modal.embed .embed-tabs .embed-tabs-buttons a.active,
.reveal-modal.embed .embed-tabs .embed-tabs-buttons a.active:hover {
  background-color: #0e19d2;
  color: #fff;
  opacity: 1;
}

.reveal-modal.embed .embed-tabs .embed-tab {
  float: left;
  width: 100%;
  display: none;
  position: relative;
}

.reveal-modal.embed .embed-tabs .embed-tab.active {
  display: block;
}

.reveal-modal.embed .embed-tabs .embed-tab textarea {
  background-color: #f8f8f8;
  width: 100%;
  float: left;
  border: none;
  padding: 22px 20px 20px 20px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 500;
  outline: none;
  height: 95px;
  resize: none;
  -webkit-appearance: none;
  font-family: monospace;
}

.reveal-modal.embed .embed-tabs .embed-tab a.copy-embed-button {
  font-size: 12px;
  font-weight: 600;
  background-color: #fff;
  border: solid 1px #ebebeb;
  color: #81869b;
  padding: 7px;
  border-radius: 5px;
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.reveal-modal.embed .embed-tabs .embed-tab a.copy-embed-button:hover,
.reveal-modal.embed .embed-tabs .embed-tab a.copy-embed-button.active {
  background-color: #ffffff;
  color: #0e19d2;
}

/* session and login modals */

.reveal-modal.login-share-modal {
  width: 940px;
  margin-left: -470px;
}
.reveal-modal.login-share-modal .login-modal-wrapper {
  width: 490px;
  padding: 75px 60px 0px 60px;
}

.reveal-modal.login-share-modal .login-modal-wrapper a.modal-reset-link {
  margin-top: 18px;
  margin-left: 22px;
}

.reveal-modal .form-wrapper form .input-group input {
  padding: 18px 20px 16px 20px;
  font-size: 17px;
  background-color: #f4f4f4;
  box-shadow: none;
}

.reveal-modal .form-wrapper form .input-group input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 40px #f4f4f4 inset !important;
  border-color: #f4f4f4 !important;
}

.reveal-modal .form-wrapper form .input-group input:-webkit-autofill:focus,
.reveal-modal .form-wrapper form .input-group input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 40px #f4f4f4 inset, 0 0 10px 0 rgba(65, 153, 255, 0.45) !important;
  border-color: #0e19d2 !important;
}

.reveal-modal.login-modal {
  width: 500px;
  margin-left: -250px;
  left: 50%;
}

.login-modal-wrapper {
  float: left;
  width: 100%;
  padding: 55px 55px 25px 55px;
}

.login-icon {
  float: left;
  width: 58px;
  height: 58px;
  margin-bottom: 20px;
  background-image: url("../img/fast-poll-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 56px;
}

.modal-header {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.modal-header p {
  float: left;
  width: 100%;
}
.modal-header p.heading {
  margin-bottom: 10px;
  font-size: 38px;
  color: #333333;
  line-height: 45px;
  font-weight: 700;
}
.modal-header p.subtitle {
  font-size: 17px;
  color: #b1b1b1;
  letter-spacing: -0.28px;
  font-weight: 500;
  line-height: 22px;
}
.modal-header p.subtitle {
  font-size: 17px;
  color: #b1b1b1;
  letter-spacing: -0.28px;
  font-weight: 500;
}
.login-modal-wrapper .form-wrapper form .input-group button {
  padding: 16px 32px 17px 32px;
  font-size: 19px;
  font-weight: 600;
}
.login-modal-wrapper a.modal-reset-link {
  float: right;
  font-size: 15px;
  color: #c1c1c1;
  letter-spacing: -0.25px;
  text-align: right;
  margin-top: 14px;
  font-weight: 500;
}
.login-modal-wrapper a.modal-reset-link:hover {
  color: #848484;
}
.login-modal-wrapper .form-wrapper form .input-group {
  margin-bottom: 25px;
}

a.modal-footer-link {
  float: left;
  width: 100%;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 0px 0px 8px 8px;
  padding: 28px;
  color: #808080;
  font-weight: 500;
  font-size: 16px;
}

.modal-footer-link span {
  color: #4099ff;
  font-weight: 700;
}

a.modal-footer-link:hover {
  background-color: #ebf7ff;
  color: #6b8d9e;
}

.share-modal-colour {
  float: left;
  width: 450px;
  height: 500px;
  border-radius: 8px 0px 0px 8px;
  background-color: #e8f3ff;
}
.share-modal-colour .share-modal-colour-inner {
  float: left;
  width: 100%;
  padding: 60px 50px;
}
.share-modal-colour .share-modal-colour-inner p.new-poll-title {
  font-size: 34px;
  color: #241e3b;
  letter-spacing: -0.56px;
  line-height: 45px;
  font-weight: 700;
  float: left;
  width: 100%;
  margin-top: 20px;
}
.share-modal-colour .share-modal-colour-inner p.new-poll-subtitle {
  font-size: 17px;
  color: #79718d;
  letter-spacing: -0.16px;
  font-weight: 500;
  float: left;
  width: 100%;
  padding: 18px 0px 30px 0px;
}

.share-modal-colour p.new-poll-icon {
  float: left;
  width: 50px;
  height: 50px;
  background-image: url("../img/icon-checkbox-active.svg");
  background-size: 50px;
  background-position: center;
}
.share-modal-colour .share-modal-colour-inner .new-poll-url {
  float: left;
  width: 100%;
}

.share-modal-colour .share-modal-colour-inner .new-poll-url input[type="text"] {
  background-color: #ffffff;
  outline: none;
  border: none;
  padding: 18px;
  font-size: 15px;
  color: #666;
  font-weight: 600;
  width: 310px;
  text-align: left;
  border-radius: 5px;
  height: 52px;
  float: left;
}

.share-modal-colour .share-modal-colour-inner .new-poll-url a.copy-poll-url {
  height: 46px;
  background-color: #808ce3;
  float: left;
  width: 90px;
  text-align: center;
  font-size: 17px;
  padding: 15px 0px 10px 0px;
  color: #fff;
  font-weight: 600;
  border-radius: 5px;
  margin-top: 16px;
}

.share-modal-colour .share-modal-colour-inner .new-poll-url a.copy-poll-url:hover {
  background-color: #6974b9;
}
.reveal-modal.new-poll {
  width: 500px;
  margin-left: -250px;
  left: 50%;
}

.disabled-form {
  opacity: 0.5;
}

.reveal-modal.login-share-modal .form-wrapper form .input-group label.error {
  font-size: 13px;
  margin-top: 11px;
  margin-bottom: 0px;
}

/* cookie notice */

.gdpr-cookie-message-wrapper {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(52, 136, 255, 0.13);
  z-index: 500;
}
div#gdpr-cookie-message {
  position: absolute;
  right: 0px;
  bottom: 50px;
  width: 500px;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 40px;
  box-shadow: 0 20px 24px 10px rgba(0, 0, 0, 0.04);
  z-index: 65500;
  left: 50%;
  margin-left: -250px;
}
div#gdpr-cookie-message h4 {
  color: #212121;
  font-size: 26px;
  float: left;
  width: 100%;
}
div#gdpr-cookie-message p {
  font-size: 16px;
  color: #8f9496;
  float: left;
  width: 100%;
  padding-top: 10px;
  line-height: 26px;
}
div#gdpr-cookie-message p a {
  color: #616161;
  font-weight: 600;
}
div#gdpr-cookie-message p a:hover {
  color: #b9b9b9;
  font-weight: 600;
}
button#gdpr-cookie-accept {
  border-radius: 4px;
  color: #fff;
  clear: both;
  display: inline-block;
  background-color: #3488ff;
  -webkit-font-smoothing: antialiased;
  font-family: "Inter", sans-serif;
  border: none;
  outline: none;
  margin-top: 11px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  padding: 16px 20px;
}
button#gdpr-cookie-accept:hover {
  background-color: #2c73d8;
}

/* Hamburger */

.hamburger {
  float: right;
  margin-right: 0px;
  padding: 14px 0px 0px 0px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  display: none;
}

.hamburger.is-active {
  position: fixed;
  right: 25px;
  z-index: 5000;
}

.hamburger.is-active .hamburger-inner {
  background-color: #333;
}

.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #333;
}

.hamburger-box {
  width: 30px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
  width: 32px;
  height: 2px;
  background-color: #333;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  width: 32px;
  height: 2px;
  background-color: #333;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -9px;
}

.hamburger-inner::after {
  bottom: -9px;
}

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.mobile-nav {
  background-color: #fff;
  position: fixed;
  left: 0px;
  width: 100%;
  top: 0px;
  height: 100%;
  bottom: 0px;
  z-index: 500;
  display: none;
}
.mobile-nav-inner {
  height: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: 20px 40px;
}
.mobile-nav-inner .nav-links {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.mobile-nav-inner .nav-links a {
  width: 100%;
  padding: 20px 0px;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
}
.mobile-nav-inner .nav-links .nav-divide {
  width: 70px;
  height: 4px;
  background-color: #f7f7f7;
  margin: 30px 0px;
}
.mobile-nav-avatar {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 60px;
}
.mobile-nav-avatar img {
  border-radius: 60px;
}
.mobile-nav-inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/* Error */

main.home-page section.error-page {
  float: left;
  width: 100%;
  padding: 0px;
  background-image: url("../img/home-background-shape.svg");
  background-repeat: no-repeat;
  background-position: right -10% center;
  background-size: contain;
  margin-bottom: 50px;
  margin-top: 90px;
}

section.error-page .error-message {
  float: left;
  width: 100%;
  text-align: center;
  height: 60vh;
}

section.error-page .error-message .inner-wrapper.x-sml {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

section.error-page .error-message h1 {
  font-size: 70px;
  color: #222222;
  float: left;
  width: 100%;
  line-height: 80px;
  margin-bottom: 35px;
  text-align: center;
}

section.error-page .error-message p {
  font-size: 18px;
  float: left;
  width: 100%;
  margin-bottom: 40px;
  line-height: 31px;
  color: #828282;
  font-weight: 400;
}

section.error-page .error-message a {
  padding: 22px 30px;
  background-color: #0e19d2;
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
}
section.error-page .error-message a:hover {
  background-color: #3bbd6c;
}

/* session pages */

main.session-page {
  background-color: #f4f7fb;
  overflow: hidden;
  position: relative;
}

main.session-page .inner-wrapper:after {
  background-image: url("../img/home-shape-2.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 840px;
  height: 840px;
  top: 28px;
  left: 55%;
  z-index: 1;
  content: "";
}

main.session-page .inner-wrapper .form-wrapper {
  float: left;
  width: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  z-index: 50;
}

main.session-page .inner-wrapper.session-form {
  width: 400px;
  height: 70vh;
  min-height: 580px;
  max-height: 650px;
}

main.session-page .inner-wrapper.session-form.login {
  min-height: 290px;
}

main.session-page .inner-wrapper.session-form.single-field {
  min-height: 230px;
}

header.session-form-header {
  float: left;
  width: 100%;
  padding-bottom: 30px;
}

header.session-form-header h1 {
  float: left;
  width: 100%;
  font-size: 40px;
  color: #333333;
  letter-spacing: -0.66px;
}

header.session-form-header p {
  float: left;
  width: 100%;
  font-size: 16px;
  color: #a6a9ae;
  font-weight: 500;
  letter-spacing: -0.26px;
  padding: 20px 0px 0px 0px;
}

.reset-response {
  float: left;
  width: 100%;
}

.reset-response h1 {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  font-size: 38px;
  color: #333;
}

.reset-response p {
  float: left;
  width: 100%;
  color: #b1b1b1;
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 30px;
}

.reset-response a.action-button {
  padding: 18px 34px;
  border: none;
  color: #fff;
  background-color: #0e19d2;
  font-size: 21px;
  border-radius: 5px;
  font-weight: 600;
  float: left;
  text-align: center;
}

.reset-response a.action-button:hover {
  background-color: #357dd0;
}

main.session-page .inner-wrapper.session-form.reset-response-wrapper {
  height: 50vh;
  min-height: 290px;
  max-height: 400px;
}

/* Teams */

header.home-header .home-header-inner p.sub span.badge.blue {
  background-color: #0e19d2;
  color: #fff;
  font-size: 9px;
  color: #ffffff;
  letter-spacing: -0.15px;
  text-align: center;
  padding: 0px 5px;
  border-radius: 3px;
  text-transform: uppercase;
  transition: background 0.5s ease;
  font-weight: 700;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}

.teams-header-fixed {
  width: 100%;
  float: left;
  background-color: #ebeef3;
  height: 870px;
  position: absolute;
  z-index: 1;
}
header.teams-header {
  padding: 102px 0px 0px 0px;
}

body.team-colours nav .right .nav-links a {
  color: #7f8997;
}

body.team-colours nav .right .nav-links a.team-login-link {
  color: #5f5f5f;
  margin-right: 20px;
}

body.team-colours nav .right .nav-links a.signup-button {
  color: #fff;
}

body.team-colours nav .right .nav-links a.team-login-link:hover {
  color: #5f5f60;
}

header.teams-header .teams-header-inner h1 span.change {
  position: relative;
  display: inline-block;
}

header.teams-header .teams-header-inner h1 .change:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  height: 7px;
  background-color: #c5ccd4;
  z-index: 1;
  transform: rotate(178deg) skew(25deg);
  border-radius: 20px;
}

.typelighted {
  background: #dbdeea;
  color: #fff;
}

body.team-colours nav .right .nav-links a:hover {
  color: #5f5f5f;
}

body.team-colours nav .right .nav-links a.signup-button:hover {
  color: #fff;
}

body.team-colours header.teams-header .teams-header-inner p.sub {
  font-size: 14px;
  color: #748094;
  line-height: 20px;
}

body.team-colours header.teams-header .teams-header-wrapper {
  width: 1260px;
  margin-left: auto;
  margin-right: auto;
  z-index: 50;
  position: relative;
}

body.team-colours header.teams-header .teams-header-wrapper .teams-header-inner {
  float: left;
  width: 100%;
  padding: 100px 240px 0px 240px;
  text-align: center;
  position: relative;
  z-index: 40;
}

body.team-colours header.teams-header .teams-header-wrapper h1 {
  font-size: 64px;
  line-height: 70px;
  color: #222222;
}

body.team-colours header.teams-header.pro-page .teams-header-inner p.current-pro {
  color: #cc5d33;
  font-size: 16px;
  font-weight: 600;
  padding: 20px 40px;
  background-color: #fff;
  border-radius: 57px;
  display: inline-block;
  margin: 20px 0px;
}

nav .mid a.create-poll-button {
  background-color: #4ad97f;
  color: #fff;
  padding: 16px 54px 16px 20px;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  border-radius: 4px;
  background-image: url("../img/create-poll-icon.svg");
  background-repeat: no-repeat;
  background-position: top 12px right 16px;
  transition: background-color 0.5s ease, color 0s ease;
}

nav .mid a.create-poll-button:hover {
  background-color: #3bbd6c;
}

header.teams-header .teams-header-inner a.action-button {
  background-color: #49d97f;
  color: #fff;
  margin: 35px 0px;
  display: inline-block;
  padding: 22px 36px;
  font-size: 22px;
  color: #ffffff;
  letter-spacing: -0.36px;
  text-align: center;
  font-weight: 600;
  border-radius: 5px;
}

header.teams-header .teams-header-inner a.action-button:hover {
  background-color: #3bbd6c;
}

header.teams-header .teams-header-browser-window {
  float: left;
  width: 100%;
  margin-top: 40px;
  position: relative;
}

header.teams-header .teams-header-browser-window:after {
  background-image: url("../img/home-shape-4.svg");
  background-repeat: no-repeat;
  background-size: 840px;
  position: absolute;
  width: 840px;
  height: 840px;
  top: -90px;
  right: -240px;
  z-index: 1;
  content: "";
}

header.teams-header .teams-header-browser-window img {
  z-index: 10;
  position: relative;
}

body.team-colours .home-fixed-nav .right a {
  padding: 14px 16px;
  display: inline-block;
  font-weight: 600;
  border-radius: 4px;
  margin-right: 10px;
  float: left;
  font-size: 15px;
  color: #7e8997;
  letter-spacing: -0.26px;
}

body.team-colours .home-fixed-nav .right a.create-poll-button {
  background-color: #0e19d2;
  background-image: none;
  color: #fff;
  padding: 14px 16px;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  border-radius: 4px;
  float: left;
  transition: background-color 0.5s ease, color 0s ease;
  margin-left: 0px;
  margin-right: 0px;
}

body.team-colours .home-fixed-nav {
  background-color: #ebeef3;
  box-shadow: none;
}

body.team-colours .home-fixed-nav .right a.create-poll-button:hover {
  background-color: #357dd0;
  color: #fff;
}
body.team-colours .home-fixed-nav .right a:hover {
  color: #333;
}

body.team-colours section.teams-home-cta {
  background-color: #ebeef3;
  padding: 110px 0px;
}

section.teams-home-cta h4 {
  font-size: 52px;
  color: #222222;
  letter-spacing: -0.86px;
  line-height: 64px;
  float: left;
  width: 100%;
}

section.teams-home-cta p {
  font-size: 19px;
  color: #b7b7b7;
  letter-spacing: -0.31px;
  line-height: 29px;
  font-weight: 600;
  padding: 12px 0px 20px 0px;
  float: left;
  width: 100%;
}

section.teams-home-cta a.action-button {
  background-color: #0e19d2;
  color: #fff;
  padding: 22px 30px;
  float: left;
  border-radius: 5px;
  font-size: 19px;
  font-weight: 600;
}

section.teams-home-cta a.action-button:hover {
  background-color: #357dd0;
}

main.home-page section.team-section-privacy .home-wrapper .browser-window:after {
  background-image: url("../img/home-shape-4.svg");
  background-repeat: no-repeat;
  background-size: 840px;
  position: absolute;
  width: 840px;
  height: 840px;
  top: -170px;
  right: -20%;
  z-index: 1;
  content: "";
}

section.home-icons.team-section-one {
  padding-top: 150px;
  margin-top: 0px;
}

.pricing-page {
  float: left;
  width: 100%;
  padding-top: 102px;
  position: relative;
  background-color: #ffffff;
}

.pricing-page-head-pricing-wrapper {
  position: relative;
  z-index: 40;
  float: left;
  width: 100%;
}

.pricing-header-background {
  float: left;
  width: 100%;
  position: absolute;
  height: 615px;
  background-color: #ebeef3;
  z-index: 5;
  overflow: hidden;
}

.pricing-header-background:after {
  background-image: url("../img/home-shape-4.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 840px;
  height: 840px;
  top: 130px;
  left: 55%;
  z-index: 1;
  content: "";
}

.pricing-page .pricing-header {
  float: left;
  width: 100%;
  padding: 120px 0px 90px 0px;
  text-align: center;
}

.pricing-header header h1 {
  font-size: 52px;
  color: #232b35;
  letter-spacing: -0.86px;
  text-align: center;
  float: left;
  width: 100%;
}

.pricing-header header p {
  font-size: 19px;
  color: #738094;
  letter-spacing: -0.31px;
  text-align: center;
  line-height: 29px;
  font-weight: 500;
  float: left;
  width: 100%;
  padding: 10px 0px 0px 0px;
}

.pricing-page .pricing-blocks {
  float: left;
  width: 100%;
}

.pricing-page .pricing-blocks .pricing-block-wrapper {
  width: 310px;
  float: left;
  margin-right: 47px;
}

.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block {
  width: 100%;
  background: #ffffff;
  box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  float: left;
  padding: 40px;
}

.pricing-page .pricing-blocks .pricing-block-wrapper:last-child {
  margin-right: 0px;
}

.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block h2 {
  font-size: 32px;
  color: #333333;
  letter-spacing: -0.53px;
  line-height: 44px;
  float: left;
  width: 100%;
  margin-bottom: 8px;
}

.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block p.price {
  float: left;
  width: 100%;
  font-size: 19px;
  color: #94a0ad;
  font-weight: 600;
  letter-spacing: -0.31px;
}

.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block ul {
  float: left;
  width: 100%;
  list-style: none;
  border-top: solid 1px #f4f4f4;
  margin-top: 15px;
  padding: 10px 0px 15px 0px;
}

.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block ul li {
  float: left;
  width: 100%;
  padding: 5px 0px;
  font-size: 16px;
  font-weight: 600;
  color: #b1b1b1;
  letter-spacing: -0.26px;
  line-height: 20px;
}

.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block a.pricing-action-button {
  float: left;
  width: 100%;
  background-color: #49d97f;
  padding: 18px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  font-weight: 600;
  font-size: 19px;
}

.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block a.pricing-action-button:hover {
  background-color: #3bbd6c;
}

.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block.dark-theme {
  background-color: #131a24;
}

.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block.dark-theme h2 {
  color: #fff;
}

.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block.dark-theme p.price {
  float: left;
  width: 100%;
  font-size: 19px;
  color: #929dae;
  font-weight: 600;
  letter-spacing: -0.31px;
}

.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block.dark-theme ul {
  border-color: #2b3441;
}
.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block.dark-theme ul li {
  color: #a3afc0;
}

.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block.dark-theme a.pricing-action-button {
  background-color: #0e19d2;
}

.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block.dark-theme a.pricing-action-button:hover {
  background-color: #357dd0;
}

.pricing-page .pricing-blocks .pricing-block-wrapper p.more-seats-tag {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #abaeb3;
  padding: 18px 0px 5px 0px;
  font-weight: 500;
}

.pricing-page .pricing-blocks .pricing-block-wrapper p.more-seats-tag a {
  color: #494949;
}

.pricing-page .pricing-blocks .pricing-block-wrapper p.more-seats-tag a:hover {
  color: #121a24;
}

.pricing-faq-wrapper {
  float: left;
  width: 100%;
  padding: 100px 0px;
}

.pricing-faq-wrapper {
  float: left;
  width: 100%;
  padding: 100px 0px 50px 0px;
}

.pricing-faq-wrapper header h3 {
  float: left;
  width: 100%;
  padding: 20px 0px;
  font-weight: 500;
  font-size: 22px;
  color: #959aa1;
  letter-spacing: -0.36px;
  line-height: 55px;
}

.pricing-faq-blocks {
  float: left;
  width: 100%;
}

.pricing-faq-blocks .pricing-faq-block {
  width: 400px;
  float: left;
  margin-right: 160px;
  margin-bottom: 100px;
}

.pricing-faq-blocks .pricing-faq-block:nth-child(2n) {
  margin-right: 0px;
}

.pricing-faq-blocks .pricing-faq-block h4 {
  font-size: 20px;
  color: #333333;
  line-height: 22px;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  font-weight: 600;
}

.pricing-faq-blocks .pricing-faq-block p {
  font-size: 16.5px;
  color: #a4abb5;
  line-height: 24px;
  font-weight: 500;
}

.overlay-loading {
  width: 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 600px;
  background-color: #fff;
  border-radius: 7px;
  z-index: 50;
  display: none;
}

.pro-account-body-inner.loading-active {
  position: relative;
  padding: 0px;
}

.overlay-loading .loading-icon {
  height: 38px;
  width: 38px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../img/loading-icon.svg");
  background-size: 38px;
  background-repeat: no-repeat;
  -webkit-animation: rotating 0.7s linear infinite;
  -moz-animation: rotating 0.7s linear infinite;
  -ms-animation: rotating 0.7s linear infinite;
  -o-animation: rotating 0.7s linear infinite;
  animation: rotating 0.7s linear infinite;
  background-position: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.pro-state-wrapper {
  float: left;
  width: 100%;
  background-color: #f8f9f9;
  position: absolute;
  height: 100%;
  left: 0px;
  top: 0px;
}

.pro-state-wrapper .inner-container-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
}

.pro-state-wrapper .inner-container-wrapper .inline-message-wrapper {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 490px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  background: #ffffff;
  box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  padding: 80px;
}

.inline-message-wrapper .icon-wrapper {
  width: 60px;
  margin-left: auto;
  margin-right: auto;
}

.pro-state-wrapper .inner-container-wrapper .inline-message-wrapper h2 {
  font-size: 28px;
  color: #333333;
  letter-spacing: -0.46px;
  text-align: center;
  line-height: 36px;
  padding: 25px 0px 10px 0px;
}

.pro-state-wrapper .inner-container-wrapper .inline-message-wrapper p {
  font-size: 17px;
  font-weight: 500;
  color: #b1b1b1;
  letter-spacing: -0.28px;
  text-align: center;
  line-height: 25px;
}

.pro-state-wrapper .inner-container-wrapper .inline-message-wrapper a.action-button {
  background-color: #0e19d2;
  color: #fff;
  padding: 19px 26px;
  border-radius: 5px;
  font-size: 19px;
  font-weight: 600;
  width: 100%;
  text-align: center;
  margin-top: 25px;
  display: inline-block;
}

.pro-state-wrapper .inner-container-wrapper .inline-message-wrapper a.action-button:hover {
  background-color: #357dd0;
}

body.team-colours section.teams-home-cta.pricing-cta {
  margin-top: 0px;
  background-color: #ebeef3;
}

.team-session-outer-wrapper {
  float: left;
  width: 100%;
  padding-top: 102px;
  position: relative;
  background-color: #ebeef3;
  z-index: 5;
}
.team-session-outer-wrapper:after {
  background-image: url("../img/home-shape-4.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 840px;
  height: 840px;
  top: 130px;
  left: 55%;
  z-index: 1;
  content: "";
}

.team-session-form-header {
  float: left;
  width: 100%;
  padding: 120px 0px 70px 0px;
  text-align: center;
  position: relative;
  z-index: 50;
}

.team-session-form-header header h1 {
  font-size: 52px;
  color: #232b35;
  letter-spacing: -0.86px;
  text-align: center;
  float: left;
  width: 100%;
}

.team-session-form-header header p {
  font-size: 19px;
  color: #738094;
  letter-spacing: -0.31px;
  text-align: center;
  line-height: 29px;
  font-weight: 500;
  float: left;
  width: 100%;
  padding: 10px 0px 0px 0px;
}

.team-session-outer-wrapper .team-session-form {
  float: left;
  width: 100%;
  padding-bottom: 150px;
  position: relative;
  z-index: 50;
}

.team-session-outer-wrapper .team-session-form .team-session-form-wrapper,
.session-form-wrapper {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.session-input-group {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}

.session-input-group.split-field-left {
  width: 50%;
  padding-right: 15px;
}

.session-input-group.split-field-right {
  width: 50%;
  padding-left: 15px;
}

.session-input-group h3 {
  font-size: 16px;
  color: #a6a9ae;
  letter-spacing: -0.26px;
  font-weight: 500;
}

.session-input-group input {
  width: 100%;
  float: left;
  border: none;
  padding: 18px 20px 17px 20px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  background-color: #fff;
  color: #333;
  outline: none;
  -webkit-appearance: none;
  font-family: "Inter", sans-serif;
  border: solid 2px transparent;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.session-input-group input:focus {
  border: 2px solid #0e19d2;
  box-shadow: 0 2px 4px 0 rgba(65, 153, 255, 0.29);
}

.session-input-group textarea {
  width: 100%;
  float: left;
  border: none;
  padding: 18px 20px 17px 20px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  background-color: #fff;
  color: #333;
  outline: none;
  -webkit-appearance: none;
  font-family: "Inter", sans-serif;
  border: solid 2px transparent;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  max-height: 300px;
  min-height: 150px;
}

.session-input-group textarea:focus {
  border: 2px solid #0e19d2;
  box-shadow: 0 2px 4px 0 rgba(65, 153, 255, 0.29);
}

.session-input-group select {
  width: 100%;
  float: left;
  border: none;
  padding: 18px 20px 17px 20px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  background-color: #fff;
  color: #333;
  outline: none;
  -webkit-appearance: none;
  font-family: "Inter", sans-serif;
  border: solid 2px #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);

  -webkit-appearance: none;
  background-image: url(../img/icon-chevron-down.svg);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: right 20px top 24px;
}

.session-input-group select:focus {
  border: solid 2px #0e19d2;
  color: #0e19d2;
  box-shadow: 0 0 10px 0 rgba(65, 153, 255, 0.45);
  background-image: url("../img/icon-chevron-down-active.svg");
}

.team-session-outer-wrapper .team-session-form .team-session-form-wrapper .session-input-group.mid-heading-spacing {
  margin-bottom: 20px;
  margin-top: 25px;
}

.session-input-group input::-webkit-input-placeholder {
  color: #909190;
}
.session-input-group input::-moz-placeholder {
  color: #909190;
}

.session-input-group [type="checkbox"]:checked,
.session-input-group [type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.session-input-group [type="checkbox"]:checked + label,
.session-input-group [type="checkbox"]:not(:checked) + label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  color: #939fad;
  font-weight: 500;
  padding-left: 52px;
  height: 20px;
  padding: 5px 0px 0px 38px;
  margin-top: 0px;
  margin-bottom: 0px;
  float: left;
}
.session-input-group [type="checkbox"]:checked + label:before,
.session-input-group [type="checkbox"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 27px;
  height: 27px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("../img/icon-session-checkbox.svg");
}
.session-input-group [type="checkbox"]:checked + label:after,
.session-input-group [type="checkbox"]:not(:checked) + label:after {
  content: "";
  width: 27px;
  height: 27px;
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("../img/icon-session-checkbox-checked.svg");
}
.session-input-group [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
}
.session-input-group [type="checkbox"]:checked + label:after {
  opacity: 1;
}

.session-input-group label.terms-check a {
  color: #52667e;
}
.session-input-group label.terms-check a:hover {
  color: #0a0e19;
}

.session-input-group.field-error .username-response,
.session-input-group.field-error .team-username-response {
  display: none !important;
}

.session-input-group button {
  padding: 18px 34px;
  border: none;
  outline: none;
  color: #fff;
  background-color: #0e19d2;
  font-size: 21px;
  border-radius: 5px;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
  float: left;
}
.session-input-group button:hover {
  background-color: #3bbd6c;
}

.session-input-group label.error {
  font-size: 13.5px;
  color: #ff4040;
  float: left;
  clear: both;
  margin-top: 15px;
  font-weight: 600;
}
.session-input-group p.settings-username-response {
  font-size: 13.5px;
  color: #333;
  float: left;
  clear: both;
  margin-top: 15px;
  font-weight: 600;
}
.session-input-group p.settings-username-response.green {
  color: #4ad97f;
}
.session-input-group p.settings-username-response.red {
  color: #ff5d5d;
}

.session-input-group [type="radio"]:checked,
.session-input-group [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.session-input-group [type="radio"]:checked + label,
.session-input-group [type="radio"]:not(:checked) + label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding-left: 52px;
  height: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 100%;
  float: left;
  border: none;
  padding: 27px 30px 27px 80px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  background-color: #11151b;
  color: #fff;
  outline: none;
  -webkit-appearance: none;
  font-family: "Inter", sans-serif;
  border: solid 2px #11151b;
}

.session-input-group [type="radio"]:checked + label {
  background-color: #191d29;
  border-color: #0e19d2;
}

.session-input-group [type="radio"]:checked + label:before,
.session-input-group [type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 22px;
  top: 50%;
  margin-top: -16px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("../img/icon-dark-radio-button.svg");
}
.session-input-group [type="radio"]:checked + label:after,
.session-input-group [type="radio"]:not(:checked) + label:after {
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  left: 22px;
  top: 50%;
  margin-top: -16px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("../img/icon-dark-radio-button-checked.svg");
}
.session-input-group [type="radio"]:not(:checked) + label:after {
  opacity: 0;
}
.session-input-group [type="radio"]:checked + label:after {
  opacity: 1;
}
.session-input-group [type="radio"] + label strong {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  float: left;
  width: 100%;
  margin-bottom: 8px;
}
.session-input-group [type="radio"] + label p {
  font-size: 14px;
  font-weight: 600;
  color: #657184;
  letter-spacing: -0.23px;
}

.session-input-group p.payments-via-stripe {
  float: left;
  width: 100%;
  text-align: center;
  color: #707e92;
  font-size: 13px;
  font-weight: 500;
  padding-top: 10px;
}

.session-input-group p.payments-via-stripe a {
  color: #a3b3cc;
  font-weight: 600;
}

.session-input-group p.payments-via-stripe a:hover {
  color: #fff;
}

body.join-team-body {
  background-color: #ebeef3;
}

body.join-team-body main.home-page nav {
  background-color: #ebeef3;
}

body.join-team-body .team-session-outer-wrapper.join-team-page {
  background-image: none;
}

/* session start form */

.session-start-wrapper {
  float: left;
  width: 100%;
  height: 100%;
  position: absolute;
}

.session-start-wrapper .session-start-left-column {
  float: left;
  width: 32%;
  position: absolute;
  height: 100%;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url("../img/team-session-background.jpg");
}

.session-start-wrapper .session-start-left-column .session-start-logo-tag {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 40px;
}

.session-start-wrapper .session-start-left-column .session-start-logo-tag .logo {
  float: left;
  width: 160px;
  margin-bottom: 15px;
}

.session-start-wrapper .session-start-left-column .session-start-logo-tag .tag {
  float: left;
  width: 100%;
  font-size: 16px;
  color: #b1b1b1;
  letter-spacing: -0.28px;
}

.session-start-wrapper .session-start-right-column {
  float: right;
  width: 68%;
  position: absolute;
  right: 0px;
  height: 100%;
  background-color: #fff;
}

.session-start-wrapper .session-start-right-column .top {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  padding: 30px;
  z-index: 10;
}

.session-start-wrapper .session-start-right-column .top .home-link {
  float: right;
}

.session-start-wrapper .session-start-right-column .top .home-link a {
  font-size: 15px;
  color: #6b7077;
  letter-spacing: -0.25px;
  text-align: right;
  font-weight: 600;
  transition: opacity 0.5s ease;
}

.session-start-wrapper .session-start-right-column .top .home-link a span {
  color: #343941;
}

.session-start-wrapper .session-start-right-column .top .home-link a:hover {
  opacity: 0.6;
}

.session-start-wrapper .session-start-right-column .footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 30px;
  z-index: 10;
}

.session-start-wrapper .session-start-right-column .footer .copy-links {
  float: right;
}

.session-start-wrapper .session-start-right-column .footer .copy-links p {
  float: left;
  margin-left: 15px;
  font-size: 12px;
  font-weight: 500;
  color: #b5b5b5;
  letter-spacing: -0.2px;
  text-align: right;
}

.session-start-wrapper .session-start-right-column .footer .copy-links p a {
  color: #797979;
}

.session-start-wrapper .session-start-right-column .footer .copy-links p a:hover {
  color: #333;
}

.session-start-wrapper .session-start-right-column .mid {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 80px 0px;
  z-index: 5;
}

.session-start-wrapper .session-start-right-column .mid .mid-inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.session-start-form-wrapper {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.session-start-form-wrapper header.form-header {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

.session-start-form-wrapper header.form-header .fast-poll-icon {
  float: left;
  width: 50px;
  height: 50px;
  margin-bottom: 22px;
}

.session-start-form-wrapper header.form-header h1 {
  float: left;
  width: 100%;
  font-size: 40px;
  color: #333333;
  letter-spacing: -0.63px;
  line-height: 55px;
}

.session-start-form-wrapper header.form-header p {
  float: left;
  width: 100%;
  font-size: 16px;
  color: #b1b1b1;
  letter-spacing: -0.26px;
  font-weight: 500;
  padding: 10px 0px 0px 0px;
}

.session-start-form-wrapper .input-group {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}

.session-start-form-wrapper .input-group input {
  width: 100%;
  float: left;
  border: none;
  padding: 18px 20px 17px 20px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  background-color: #f4f4f4;
  color: #333;
  outline: none;
  -webkit-appearance: none;
  font-family: "Inter", sans-serif;
  border: solid 2px transparent;
}

.session-start-form-wrapper .input-group input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 40px #f4f4f4 inset, 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  border-color: #f4f4f4 !important;
}

.session-start-form-wrapper .input-group input:-webkit-autofill:focus,
.session-start-form-wrapper .input-group input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 40px #f4f4f4 inset, 0 0 10px 0 rgba(65, 153, 255, 0.45) !important;
  border-color: #0e19d2 !important;
}

.session-start-form-wrapper .input-group input::-webkit-input-placeholder {
  color: #919090;
}

.session-start-form-wrapper .input-group input::-moz-placeholder {
  color: #919090;
}

.session-start-form-wrapper .input-group button {
  float: left;
  padding: 19px 25px;
  border: none;
  outline: none;
  color: #fff;
  background-color: #0e19d2;
  font-size: 19px;
  border-radius: 5px;
  font-weight: 600;
  cursor: pointer;
}

.session-start-form-wrapper .input-group button:hover {
  background-color: #3bbd6c;
}

.session-start-form-wrapper .input-group label.error {
  width: 100%;
  margin: 10px 0px 0px 0px;
  font-size: 15px;
  color: #ff4040;
  float: left;
  clear: both;
  font-weight: 600;
}

.session-start-form-wrapper .form-final-line {
  width: 100%;
  clear: both;
  font-size: 13px;
  color: #b1b1b1;
  letter-spacing: -0.21px;
  font-weight: 500;
}

.session-start-wrapper .session-start-right-column .notice.inline {
  border-radius: 8px;
  font-size: 16px;
  text-align: left;
  padding: 18px 22px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: -85px;
}

/* join team page */

.team-session-outer-wrapper.join-team-page .team-session-form .team-session-form-wrapper .session-input-group p.settings-username-response.green {
  background-color: #4ad97f;
}

.team-session-outer-wrapper.join-team-page .session-input-group [type="checkbox"]:checked + label:before,
.team-session-outer-wrapper.join-team-page .session-input-group [type="checkbox"]:not(:checked) + label:before {
  background-image: url("../img/icon-checkbox-dark.svg");
}
.team-session-outer-wrapper.join-team-page .session-input-group [type="checkbox"]:checked + label:after,
.team-session-outer-wrapper.join-team-page .session-input-group [type="checkbox"]:not(:checked) + label:after {
  background-image: url("../img/icon-checkbox-dark-checked.svg");
}

.team-session-outer-wrapper.join-team-page .session-input-group [type="checkbox"]:checked + label,
.team-session-outer-wrapper.join-team-page .session-input-group [type="checkbox"]:not(:checked) + label {
  color: #9e9e9e;
}

.team-session-outer-wrapper.join-team-page .session-input-group label.terms-check a {
  color: #666;
}

.team-session-outer-wrapper.join-team-page .session-input-group label.terms-check a:hover {
  color: #333;
}

.team-session-outer-wrapper.join-team-page .session-input-group button {
  background-color: #49d97f;
}

.team-session-outer-wrapper.join-team-page .session-input-group button:hover {
  background-color: #3bbd6c;
}

.team-session-outer-wrapper.join-team-page .joined-icon-group {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.team-session-outer-wrapper.join-team-page img {
  width: 64px;
  border-radius: 70px;
}

.team-session-outer-wrapper.join-team-page img:first-child {
  margin-right: -15px;
}
.team-session-outer-wrapper.join-team-page img:last-child {
  margin-left: -15px;
}

.team-session-outer-wrapper.join-team-page .team-session-form {
  padding-bottom: 50px;
}

.team-session-outer-wrapper.join-team-page .team-session-form-header {
  padding: 70px 0px 70px 0px;
}

nav .left a.join-icon {
  width: 35px;
  height: 35px;
  float: left;
  background-image: url("../img/fast-poll-icon.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: left top;
  margin: 8px 0px 5px 0px;
  transition: background 0s ease, opacity 0.5s ease;
}

nav .left a.join-icon:hover {
  opacity: 0.7;
}

nav .right .nav-links a.join-what-is-link {
  font-weight: 600;
  color: #979ba3;
  transition: opacity 0.5s ease;
  margin-right: 0px;
}
nav .right .nav-links a.join-what-is-link span {
  color: #333;
}

nav .right .nav-links p.join-logged-in-as {
  float: left;
  padding: 16px;
  display: inline-block;
  border-radius: 4px;
  float: left;
  font-size: 16px;
  letter-spacing: -0.26px;
  font-weight: 600;
  color: #979ba3;
  margin-right: 0px;
}
nav .right .nav-links p.join-logged-in-as strong {
  color: #333;
}

nav .right .nav-links a.join-what-is-link:hover {
  opacity: 0.7;
}
.basic-join-footer {
  background-color: #ebeef3;
  float: left;
  width: 100%;
  padding: 0px 0px 80px 0px;
  text-align: center;
}

.basic-join-footer .copy-links p {
  margin-left: 15px;
  font-size: 12px;
  font-weight: 500;
  color: #b5b5b5;
  letter-spacing: -0.2px;
  display: inline-block;
}

.basic-join-footer .copy-links p a {
  color: #797979;
}

.basic-join-footer .copy-links p a:hover {
  color: #333;
}

/* team poll page */

nav .left a.team-logo-wrapper {
  display: table-cell;
  vertical-align: middle;
  transition: opacity 0.5s ease;
  height: 48px;
}

nav .left a.team-logo-wrapper:hover {
  opacity: 0.7;
}

nav .left .team-logo-wrapper img {
  width: auto;
  vertical-align: middle;
  max-height: 34px;
}

nav .left .team-logo-wrapper img.rounded-icon {
  border-radius: 50px;
}

nav .left .team-logo-wrapper img.rounded-icon.mobile-icon {
  display: none;
}

nav .left .team-logo-wrapper img.desktop-logo {
  display: block;
}

nav .right a.team-dashboard-button {
  background-color: #0e19d2;
  color: #fff;
  padding: 16px 20px;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  border-radius: 4px;
  float: right;
  margin-right: 0px;
}

nav .right a.team-dashboard-button:hover {
  background-color: #357dd0;
}

.team-nav-team-name {
  float: right;
  padding: 18px 5px 0px 0px;
  color: #797979;
  font-weight: 500;
  font-size: 15px;
}

.payment-form {
  float: left;
  width: 100%;
  transition: height 0.5s ease;
}

/* team pw reset */

header.team-form-pw-notice {
  float: none;
  text-align: center;
}

header.team-form-pw-notice h1 {
  font-size: 32px;
  font-weight: 700;
  color: #333;
}

header.team-form-pw-notice p {
  font-size: 16px;
  font-weight: 500;
  color: #999;
  padding: 15px;
  line-height: 20px;
}

header.team-form-pw-notice a.action-button {
  background-color: #0e19d2;
  color: #fff;
  padding: 16px 20px;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  border-radius: 4px;
}

header.team-form-pw-notice a.action-button:hover {
  background-color: #357dd0;
}

/* team footer */
footer .team-footer {
  float: left;
  width: 100%;
  font-size: 12px;
  color: #b5b5b5;
}

footer .team-footer .left-col {
  float: left;
  width: 50%;
}

footer .team-footer .left-col p.copyright {
  float: left;
  margin-right: 15px;
}

footer .team-footer .left-col p.copyright p.links {
  float: left;
}

footer .team-footer .left-col p.links a {
  float: left;
  color: #555;
  margin-right: 10px;
}

footer .team-footer .left-col p.links a:hover {
  color: #888;
}

footer .team-footer .right-col {
  float: right;
}

footer .team-footer .right-col p.powered-by a {
  color: #555;
}

footer .team-footer .right-col p.powered-by a:hover {
  color: #888;
}

/* changelog */

.changelog-body {
  float: left;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.07);
  border-radius: 7px;
  padding: 40px 45px;
  position: relative;
  transition: box-shadow 0.5s ease;
}

.changelog-item {
  float: left;
  width: 100%;
  padding: 0px 0px 65px 0px;
  background-image: url("../img/changelog-line-repeat.svg");
  background-repeat: repeat-y;
  background-position: left 10px top;
}

.changelog-item.heart .copy {
  background-image: url("../img/icon-changelog-heart.svg");
}

.changelog-item.tick .copy {
  background-image: url("../img/icon-changelog-tick.svg");
}

.changelog-item.star .copy {
  background-image: url("../img/icon-changelog-star.svg");
}

.changelog-item:last-child {
  padding: 0px 0px 20px 0px;
  background-image: none;
}

.changelog-item .copy {
  float: left;
  width: 100%;
  position: relative;
  padding: 2px 120px 0px 45px;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: left top;
}

.changelog-item .copy h2 {
  float: left;
  width: 100%;
  font-size: 16px;
  color: #333333;
  letter-spacing: -0.26px;
  line-height: 18px;
  padding-bottom: 6px;
}

.changelog-item .copy p {
  float: left;
  width: 100%;
  font-size: 15px;
  line-height: 18px;
  color: #aaa;
  letter-spacing: -0.25px;
}
.changelog-item .copy p a {
  color: #5e6c79;
  font-weight: 500;
  font-size: 15px;
}
.changelog-item .copy p a:hover {
  color: #6f6f6f;
}

.changelog-item .copy p.date {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 11px;
  color: #9d9d9d;
  letter-spacing: -0.18px;
  text-align: right;
  font-weight: 500;
  padding: 3px 0px 0px 0px;
  width: 160px;
}

/* voting disabled notice */

.voting-disabled-body {
  float: left;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.07);
  border-radius: 7px;
  padding: 40px 45px;
  position: relative;
  transition: box-shadow 0.5s ease;
}

.voting-disabled-body .voting-disabled-body-inner {
  float: left;
  width: 100%;
  padding: 45px 45px 15px 45px;
  text-align: center;
}

.voting-disabled-body .voting-disabled-body-inner .voting-disabled-icon {
  width: 127px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

.voting-disabled-body .voting-disabled-body-inner h2 {
  font-size: 36px;
  color: #333333;
  letter-spacing: -0.56px;
  text-align: center;
  line-height: 40px;
  font-weight: 700;
}

.voting-disabled-body .voting-disabled-body-inner p {
  width: 100%;
  float: left;
  padding: 30px 0px;
  font-size: 16px;
  color: #b1b1b1;
  letter-spacing: -0.26px;
  line-height: 26px;
}

.voting-disabled-body .voting-disabled-body-inner a.blue-action-button {
  background-color: #0e19d2;
  color: #fff;
  padding: 16px 20px;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  border-radius: 4px;
  margin-right: 0px;
  display: inline-block;
  letter-spacing: -0.26px;
}

.voting-disabled-body .voting-disabled-body-inner a.blue-action-button:hover {
  background-color: #357dd0;
}

.voting-disabled-body .voting-disabled-body-inner p.voting-disabled-back-link {
  padding: 60px 0px 0px 0px;
  text-align: center;
}

.voting-disabled-body .voting-disabled-body-inner p.voting-disabled-back-link a {
  font-size: 15px;
  font-weight: 600;
  color: #878787;
  letter-spacing: -0.44px;
  background-image: url("../img/icon-arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center right 10px;
  padding: 10px 40px 10px 10px;
  background-size: 9px;
  transition: opacity 0.5s ease;
}

.voting-disabled-body .voting-disabled-body-inner p.voting-disabled-back-link a:hover {
  opacity: 0.7;
}

/* Banners */

.notice-banner {
  float: left;
  width: 100%;
  text-align: center;
  padding: 24px 20px;
  background-color: #f5f5f5;
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
.notice-banner.purple {
  background-color: #f9f7ff;
  color: #7667a2;
}
.notice-banner.purple strong {
  color: #534778;
}
main.home-page .notice-banner {
  margin-top: 100px;
  position: absolute;
}

/* firefox font smoothing fix */

@-moz-document url-prefix() {
  body {
    font-weight: 400 !important;
  }
}

/* pro styling */

.reveal-modal.pro-modal {
  margin-left: -425px;
  width: 850px;
}

.reveal-modal.pro-modal .pro-modal-inner {
  float: left;
  width: 100%;
}

.pro-modal-left-inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.reveal-modal.pro-modal .pro-modal-inner .pro-modal-left {
  height: 478px;
  background-color: #ffe8e0;
  border-radius: 8px 0px 0px 8px;
  float: left;
  width: 420px;
  padding: 0px 52px;
}

.reveal-modal.pro-modal .pro-modal-inner .pro-modal-left p.pro-modal-badge {
  display: inline-block;
  background-color: #ff8c5e;
  color: #fff;
  padding: 10px 14px;
  font-size: 26px;
  font-weight: 700;
  border-radius: 9px;
}

.reveal-modal.pro-modal .pro-modal-inner .pro-modal-left .pro-modal-title {
  width: 100%;
  padding: 20px 0px;
  font-weight: bold;
  font-size: 36px;
  line-height: 37px;
  color: #251d3d;
}

.reveal-modal.pro-modal .pro-modal-inner .pro-modal-left a.pro-modal-more-button {
  display: inline-block;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.264px;
  color: #ff9368;
  font-weight: 700;
  background-image: url("../img/icon-arrow-right-orange.svg");
  background-repeat: no-repeat;
  background-position: center right 10px;
  padding: 10px 35px 10px 0px;
}

.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right {
  width: 430px;
  float: left;
  height: 478px;
}

.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: 0px 67px;
}

.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column p.title {
  font-weight: bold;
  font-size: 16px;
  line-height: 45px;
  align-items: center;
  color: #ff9e72;
  width: 100%;
}

.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column .price {
  width: 100%;
  padding: 15px 0px;
}

.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column .price p.number {
  font-weight: bold;
  font-size: 57px;
  line-height: 32px;
  color: #222222;
  display: inline;
}

.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column .price p.term {
  display: inline;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #a9a9a9;
}

.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column ul {
  width: 100%;
  list-style: none;
  padding: 0px 0px 25px 0px;
  margin: 0px;
}

.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column ul li {
  font-weight: 500;
  font-size: 16.5px;
  letter-spacing: -0.2805px;
  color: #b1b1b1;
  padding: 8px 0px;
  margin: 0px;
}

.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column a.green-action-button {
  background-color: #0e19d2;
  padding: 19px 20px 18px 20px;
  margin-right: 20px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 19px;
  display: inline-block;
  color: #fff;
  width: 100%;
  text-align: center;
}

.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column a.green-action-button:hover {
  background-color: #3bbd6c;
}

.pro-redirect-notice {
  float: left;
  width: 100%;
  background: #ffe9e1;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.0629644);
  border-radius: 5px;
  margin-bottom: 25px;
  padding: 28px 25px;
}

.pro-redirect-notice p.pro-redirect-badge {
  display: inline-block;
  background-color: #ff8c5e;
  color: #fff;
  padding: 4px 8px;
  font-size: 16.5px;
  font-weight: 700;
  border-radius: 6px;
  float: inherit;
  width: auto;
  line-height: 20px;
  margin-top: 4px;
}

.pro-redirect-notice p {
  width: calc(100% - 65px);
  padding: 0px 0px 0px 0px;
  float: right;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #ff9e72;
}

header.teams-header.pro-page {
  padding: 0px 0px 0px 0px;
}

.teams-header.pro-page .teams-header-fixed {
  background-color: #ffe8db;
}

header.teams-header .teams-header-inner a.action-button.orange {
  background-color: #ff8358;
}

header.teams-header .teams-header-inner a.action-button.orange:hover {
  background-color: #d6663e;
}

header.teams-header .teams-header-inner button#pro-btn {
  color: #fff;
  margin: 35px 0px;
  display: inline-block;
  padding: 20px 36px;
  font-size: 22px;
  color: #ffffff;
  letter-spacing: -0.36px;
  text-align: center;
  font-weight: 600;
  border-radius: 5px;
  background-color: #ff8358;
  outline: none;
  border: none;
  cursor: pointer;
}

header.teams-header .teams-header-inner button#pro-btn:hover {
  background-color: #d6663e;
}

.home-fixed-nav.pro-page .right a.modal-action-button.basic-modal {
  margin-right: 0px;
  font-weight: 600;
}

body.team-colours .home-fixed-nav.pro-page .right button#pro-btn-secondary {
  background-color: #ff8358;
  background-image: none;
  color: #fff;
  padding: 14px 16px;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  border-radius: 4px;
  float: left;
  transition: background-color 0.5s ease, color 0s ease;
  margin-left: 0px;
  margin-right: 0px;
  border: none;
  outline: none;
  cursor: pointer;
}

body.team-colours .home-fixed-nav.pro-page .right button#pro-btn-secondary:hover {
  background-color: #d6663e;
}

body.team-colours .home-fixed-nav.pro-page .right a {
  color: #fff;
  background-color: #38a0ff;
}

body.team-colours .home-fixed-nav.pro-page .right a:hover {
  background-color: #3c86cb;
}

header.teams-header.pro-page .teams-header-browser-window:after {
  background-image: url("../img/pro-shape-1.svg");
}

section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.pro-images {
  background-image: url("../img/icon-pro-images.svg");
  width: 37px;
}

section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.pro-end-date {
  background-image: url("../img/icon-pro-calendar.svg");
}

section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.pro-drafts {
  background-image: url("../img/icon-pro-draft.svg");
}

section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.pro-remove-ads {
  background-image: url("../img/icon-pro-remove-ads.svg");
  background-size: 26px;
}

section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.pro-poll-options {
  background-image: url("../img/icon-pro-poll-options.svg");
  background-size: 26px;
}

section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.pro-stats {
  background-image: url("../img/icon-pro-stats.svg");
}

section.teams-home-cta.pro-page {
  margin-top: 90px;
}

body.team-colours .home-fixed-nav.pro-page {
  background-color: #f9f7ff;
}

body.team-colours .home-fixed-nav.pro-page .right a.create-poll-button {
  background-color: #ff8358;
}

body.team-colours .home-fixed-nav.pro-page .right a.create-poll-button:hover {
  background-color: #d6663e;
}

body.team-colours header.teams-header.pro-page .teams-header-inner p.sub {
  color: #b7927e;
}

.pro-account-body {
  float: left;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.07);
  border-radius: 7px;
}

.pro-account-body-body-heading {
  border-radius: 5px 5px 0px 0px;
  padding: 25px;
  font-size: 14px;
  font-weight: 500;
  border-bottom: solid 1px #f2f2f2;
  background-color: #f8feff;
  color: #5c7579;
}

.pro-account-body-inner {
  float: left;
  width: 100%;
  padding: 40px;
}

.poll-end-date-options.visible {
  display: block;
}

.poll-end-date-actions.visible {
  display: block;
}

.reveal-modal.basic-modal.new-pro-sub-modal {
  margin-left: -240px;
  width: 480px;
  left: 50%;
}

.reveal-modal.basic-modal.new-pro-sub-modal .sub-icon {
  width: 125px;
  float: left;
  margin-bottom: 20px;
}

a.modal-action-button.basic-modal.full-width {
  width: 100%;
}

.reveal-modal.basic-modal.new-pro-sub-modal .basic-modal-subtitle a.blue-modal-link {
  color: #009aff;
  font-weight: 600;
}
.reveal-modal.basic-modal.new-pro-sub-modal .basic-modal-subtitle a.blue-modal-link:hover {
  color: #3b88ba;
}

/* ads */

.poll-right-outer {
  float: right;
  width: 295px;
}

a.go-pro-ad-link:hover {
  color: #8a8a8a;
}

a.go-pro-ad-link:hover span {
  color: #5f5f5f;
}

.poll-right-ad-wrapper {
  float: left;
  position: relative;
  z-index: 40;
  margin-bottom: 15px;
  width: 100%;
}

.poll-right-ad-wrapper a.go-pro-ad-link {
  position: absolute;
  top: -20px;
  font-size: 11px;
  right: 0px;
  color: #92a4b1;
}

.poll-right-ad-wrapper a.go-pro-ad-link span {
  color: #777;
  font-weight: 600;
}

.poll-right-ad-wrapper a.go-pro-ad-link:hover {
  color: #8a8a8a;
}

.poll-right-ad-wrapper a.go-pro-ad-link:hover span {
  color: #5f5f5f;
}

.poll-right-ad-wrapper .poll-right-ad-inner {
  float: right;
  width: 100%;
  padding: 10px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px hsla(0, 0%, 0%, 0.05);
}

.poll-right-ad-wrapper .poll-right-ad-inner .poll-right-ad-image {
  float: left;
  width: 120px;
}

.poll-right-ad-wrapper .poll-right-ad-inner .poll-right-ad-image a {
  float: left;
}

.poll-right-ad-wrapper .poll-right-ad-inner .poll-right-ad-image a img {
  border-radius: 5px;
}

.poll-right-ad-copy {
  float: right;
  width: 150px;
  padding: 0px 6px;
  height: 94px;
  vertical-align: middle;
  color: #ccc;
}

.poll-right-ad-copy p {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.poll-right-ad-copy p a {
  color: #5e6469;
  line-height: 17px;
  font-size: 12.5px;
}

.poll-right-ad-wrapper.vote-page .poll-right-ad-copy {
  width: 490px;
}

.poll-right-ad-wrapper.vote-page {
  margin-top: 80px;
  margin-bottom: 0px;
}

.poll-right-ad-wrapper.vote-page .poll-right-ad-copy p a {
  line-height: 25px;
  font-size: 15px;
}

.poll-top-ad-wrapper {
  float: left;
  margin: 0px;
  width: 100%;
  padding: 0px;
}

.poll-top-ad-wrapper a.go-pro-ad-link {
  font-size: 11px;
  float: right;
  color: #92a4b1;
  margin-bottom: 10px;
}

.poll-top-ad-wrapper a.go-pro-ad-link span {
  color: #777;
  font-weight: 600;
}

.poll-top-ad-inner {
  float: right;
  width: 100%;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px hsla(0, 0%, 0%, 0.05);
  padding: 10px;
  max-height: 150px;
}

.poll-top-ad-inner .poll-top-ad-copy {
  float: left;
  width: calc(100% - 110px);
  padding: 5px 5px 4px 15px;
  height: 82px;
}

.poll-top-ad-copy p {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.poll-top-ad-image a {
  float: left;
  width: 110px;
}

.poll-top-ad-image a img {
  float: left;
  border-radius: 5px;
}

.poll-top-ad-copy p a {
  color: #5e6469;
  line-height: 17px;
  font-size: 17px;
}

main.poll-main.vote-page {
  padding: 40px 0px 100px 0px;
}

/* Fixed prompt */

.pro-fixed-prompt {
  position: fixed;
  bottom: 15px;
  width: 100%;
  z-index: 99;
  text-align: center;
}

.pro-fixed-prompt-inner {
  background-color: #fff;
  display: inline-block;
  left: 0px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.03);
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0.5px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.05) 0px 2px 4px 0px;
}

.pro-fixed-prompt-inner a.prompt-link {
  padding: 16px 25px 16px 15px;
  float: left;
  font-size: 14px;
  letter-spacing: -0.264px;
  color: #8296ab;
  height: 44px;
}

.pro-fixed-prompt-inner a.prompt-link span {
  color: #0099ff;
  font-weight: 600;
}

a.close-prompt-icon {
  float: left;
  width: 46px;
  border-left: solid 1px #ebebeb;
  height: 44px;
  background-image: url("../img/close-prompt-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.5;
  background-size: 17px;
}

/* mobile go pro notice */
.notice.mobile-go-pro {
  padding: 0px;
  background-color: #fff;
  border-top: solid 2px #ea7a50;
}

.notice.mobile-go-pro a {
  float: left;
  width: 100%;
  padding: 20px 0px;
  color: #fff0e9;
  font-size: 16px;
  letter-spacing: -0.264px;
  background-color: #ff8356;
}

.notice.mobile-go-pro a span {
  color: #fff;
  font-weight: 600;
}

.notice.mobile-go-pro a:hover {
  background-color: #df754f;
}

.notice.mobile-go-pro a:hover span {
  color: #fff;
}

/* plans page */

.plans-page-wrapper {
  float: left;
  width: 100%;
  background-color: #fff;
}

.plans-header {
  float: left;
  width: 100%;
  text-align: center;
  position: relative;
  padding-bottom: 180px;
  overflow: hidden;
}

.plans-header-background-fixed {
  width: 100%;
  float: left;
  background-color: #f9f7ff;
  height: 800px;
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 0px;
}

.plans-header .plans-header-inner {
  padding: 100px 0px 0px 0px;
  float: left;
  width: 100%;
  z-index: 5;
  position: relative;
}

.plans-header .plans-header-copy {
  float: left;
  width: 100%;
  z-index: 5;
  position: relative;
  padding: 0px 0px 20px 0px;
}

.plans-header .plans-header-copy p.plans-header-small {
  font-size: 21px;
  font-weight: 700;
  color: #9f96b9;
  letter-spacing: -0.35px;
  text-align: center;
  margin-bottom: 15px;
}

.plans-header .plans-header-copy h1 {
  font-size: 60px;
  line-height: 70px;
  color: #232b35;
  text-align: center;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.plans-header:after {
  background-image: url("../img/home-shape-4.svg");
  background-repeat: no-repeat;
  background-size: 790px;
  position: absolute;
  width: 790px;
  height: 790px;
  top: 190px;
  right: -50px;
  z-index: 1;
  content: "";
}

.plans-header .plans-term-toggle-wrapper {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}

.plans-header .plans-term-toggle-wrapper p {
  display: inline-block;
  vertical-align: top;
  padding: 5px 10px;
}

.plans-header .plans-term-toggle-wrapper .plans-term-toggle {
  display: inline-block;
  width: 56px;
  height: 32px;
  background: #ff6f97;
  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.13);
  border-radius: 90px;
  cursor: pointer;
  position: relative;
}

.plans-header .plans-term-toggle-wrapper .plans-term-toggle .toggle-circle {
  height: 26px;
  width: 26px;
  background-color: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 50px;
  cursor: pointer;
  position: absolute;
  left: 3px;
  top: 3px;
  transition: 300ms left cubic-bezier(0.75, 0, 0, 1);
}

.plans-header .plans-term-toggle-wrapper .plans-term-toggle.toggle-active .toggle-circle {
  left: 27px;
}

.plans-header .plans-term-toggle-wrapper p a {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: -0.3465px;
  color: #afa4d1;
  padding: 2px;
  display: inline-block;
}

.plans-header .plans-term-toggle-wrapper p a.active {
  color: #ff6f97;
}

.plans-columns {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.plan-column {
  width: 350px;
  float: left;
  margin-right: 50px;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(227, 223, 239, 0.6);
  border-radius: 6px;
  padding: 35px;
  text-align: left;
  position: relative;
}

.plan-column:last-child {
  margin-right: 0px;
}

.plan-column p.plans-fixed-badge {
  position: absolute;
  right: -8px;
  top: -8px;
  background-color: #ffe4d9;
  padding: 7px 15px;
  border-radius: 30px;
  font-weight: 800;
  font-size: 12.5px;
  line-height: 15px;
  text-align: center;
  letter-spacing: -0.3465px;
  text-transform: uppercase;
  color: #ff7f4c;
}

.plan-column .plan-header {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.plan-column .plan-header p.colour-title {
  font-weight: bold;
  font-size: 22px;
  line-height: 27px;
  letter-spacing: -0.3465px;
  color: #ff9368;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.plan-column .plan-header h2 {
  float: left;
  width: 100%;
  font-weight: bold;
  font-size: 50px;
  line-height: 61px;
  letter-spacing: -0.3465px;
  color: #222222;
}

.plan-column .plan-header h2 span {
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
  letter-spacing: -0.3465px;
  color: #b1b1b1;
}

.plan-body {
  float: left;
  width: 100%;
}

.plan-body ul {
  float: left;
  width: 100%;
  list-style: none;
}

.plan-body ul li {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.3465px;
  color: #979797;
}

.plan-body ul li:last-child {
  margin-bottom: 0px;
}

.plan-body .fp-button {
  margin-top: 20px;
  float: left;
}

.plan-column .plan-header strong {
  width: 100%;
  float: left;
  font-weight: bold;
  font-size: 17px;
  line-height: 26px;
  letter-spacing: -0.3465px;
  color: #333;
  margin: 10px 0px 15px 0px;
}

.plan-column .plan-body ul li.subheading {
  color: #333;
  font-weight: 600;
}

.plan-column.invert-pink {
  background: #292634;
}

.plan-column.invert-pink .plan-header p.colour-title {
  color: #ff6f97;
}

.plan-column.invert-pink .plan-header h2 {
  color: #fff;
}

.plan-column.invert-pink .plan-header h2 span {
  color: #5c576c;
}

.plan-column.invert-pink .plan-header strong {
  color: #fff;
}

.plan-column.invert-pink .plan-body ul li {
  color: #bab6c9;
}

.plan-column.invert-pink .plan-body ul li.subheading {
  color: #fff;
}

.annual-saving {
  float: left;
  width: 100%;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.3465px;
  color: #0e19d2;
  padding: 5px 0px 0px 0px;
  display: none;
}

.annual-element,
.fp-button.annual-element {
  display: none;
}

.home-fixed-nav.pro-page .right a.modal-action-button.basic-modal.go-pro-button.pink {
  background: #ff6f97;
  margin-left: 10px;
}

.home-fixed-nav.pro-page .right a.modal-action-button.basic-modal.go-pro-button.pink:hover {
  background: #f23574;
}

.plans-current-notice {
  background-color: #fff;
  display: inline-block;
  padding: 18px 30px;
  margin-bottom: 30px;
  border-radius: 57px;
  color: #8397ac;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

.plans-current-notice strong {
  color: #4b5c6e;
}

.plans-current-notice a {
  color: #009aff;
  margin-left: 5px;
}

.plans-current-notice a:hover {
  color: #48a2dd;
}

section.home-icons.team-section-one.pro-top-section {
  padding-top: 0px;
}

/* fp buttons */

a.fp-button,
button.fp-button {
  display: inline-block;
  background: #fff;
  padding: 15px 22px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #00a2ff;
  outline: none;
  border: none;
  font-family: "Inter", sans-serif;
  cursor: pointer;
  transition: background 0.5s ease, color 0.5s ease;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}

a.fp-button.w-icon,
button.fp-button.w-icon {
  padding-right: 50px;
  position: relative;
}

a.fp-button.w-icon p.button-icon,
button.fp-button.w-icon p.button-icon {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  padding: 12px 13px 11px 0px;
  width: 34px;
}

a.fp-button.blue,
button.fp-button.blue {
  background: #38a0ff;
  box-shadow: 0px 2px 4px rgba(56, 160, 255, 0.15);
  color: #fff;
}

a.fp-button.red,
button.fp-button.red {
  background: #ff4b4b;
  box-shadow: 0px 2px 4px rgba(255, 75, 75, 0.15);
  color: #fff;
}

a.fp-button.green,
button.fp-button.green {
  background: #4ad97f;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  color: #fff;
}

a.fp-button.orange,
button.fp-button.orange {
  background: #ffab5d;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  color: #fff;
}

a.fp-button.grey,
button.fp-button.grey {
  background: #54585c;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  color: #fff;
}

a.fp-button.alt-white,
button.fp-button.alt-white {
  background: #ffffff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  color: #526d87;
}

a.fp-button.pink,
button.fp-button.pink {
  background: #ff6f97;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  color: #fff;
}

a.fp-button.no-bg,
button.fp-button.no-bg {
  background: transparent;
  box-shadow: none;
  color: #a7a7a7;
}

/* lrg buttons */

a.fp-button.lrg,
button.fp-button.lrg {
  padding: 17px 18px;
  font-size: 17.5px;
  line-height: 22px;
}

/* button states */

a.fp-button:hover,
button.fp-button:hover {
  background: #fff;
  color: #80a6c9;
}

a.fp-button:focus,
button.fp-button:focus {
  background: #fff;
  color: #526d87;
}

a.fp-button.disabled,
button.fp-button.disabled {
  opacity: 0.3;
  background: #fff;
}

a.fp-button.blue:hover,
button.fp-button.blue:hover {
  background: #3c86cb;
  color: #fff;
}

a.fp-button.blue:focus,
button.fp-button.blue:focus {
  background: #124e86;
  color: #fff;
}

a.fp-button.blue.disabled,
button.fp-button.blue.disabled {
  opacity: 0.3;
  background: #38a0ff;
}

a.fp-button.red:hover,
button.fp-button.red:hover {
  background: #d63d3d;
  color: #fff;
}

a.fp-button.red:focus,
button.fp-button.red:focus {
  background: #a00000;
  color: #fff;
}

a.fp-button.red.disabled,
button.fp-button.red.disabled {
  opacity: 0.3;
  background: #d63d3d;
}

a.fp-button.green:hover,
button.fp-button.green:hover {
  background: #44b56e;
  color: #fff;
}

a.fp-button.green:focus,
button.fp-button.green:focus {
  background: #317349;
  color: #fff;
}

a.fp-button.green.disabled,
button.fp-button.green.disabled {
  opacity: 0.3;
  background: #4ad97f;
}

a.fp-button.orange:hover,
button.fp-button.orange:hover {
  background: #e78d39;
  color: #fff;
}

a.fp-button.orange:focus,
button.fp-button.orange:focus {
  background: #b26f30;
  color: #fff;
}

a.fp-button.orange.disabled,
button.fp-button.orange.disabled {
  opacity: 0.3;
  background: #ffab5d;
}

a.fp-button.grey:hover,
button.fp-button.grey:hover {
  background: #37393b;
  color: #fff;
}

a.fp-button.grey:focus,
button.fp-button.grey:focus {
  background: #2b3138;
  color: #fff;
}

a.fp-button.grey.disabled,
button.fp-button.grey.disabled {
  opacity: 0.3;
  background: #54585c;
}

a.fp-button.alt-white:hover,
button.fp-button.alt-white:hover {
  background: #fff;
  color: #80a6c9;
}

a.fp-button.alt-white:focus,
button.fp-button.alt-white:focus {
  background: #fff;
  color: #526d87;
}

a.fp-button.alt-white.disabled,
button.fp-button.alt-white.disabled {
  opacity: 0.3;
  background: #526d87;
}

a.fp-button.no-bg:hover,
button.fp-button.no-bg:hover {
  background: transparent;
  color: #666;
}

a.fp-button.no-bg:focus,
button.fp-button.no-bg:focus {
  background: transparent;
  color: #333;
}

a.fp-button.no-bg.disabled,
button.fp-button.no-bg.disabled {
  background: transparent;
  opacity: 0.6;
}

a.fp-button.pink:hover,
button.fp-button.pink:hover {
  background: #f23574;
  color: #fff;
}

a.fp-button.pink:focus,
button.fp-button.pink:focus {
  background: #9b1e48;
  color: #fff;
}

a.fp-button.pink.disabled,
button.fp-button.pink.disabled {
  background: #ff6f97;
  opacity: 0.6;
}

.button-group {
  display: inline-block;
  padding: 0px 8px;
}

a.fp-button.full-width,
button.fp-button.full-width {
  width: 100%;
}

a.delete-stored-data-link {
  font-size: 15px;
  font-weight: 600;
  margin-top: 40px;
  float: left;
  color: #ff1a1a;
}

a.delete-stored-data-link:hover {
  color: #cd3c3c;
}

/* .pa-ad-wrapper {
  height: 90px;
  overflow: hidden;
  float: left;
  width: 100%;
}

.poll-top-ad-inner {
  max-height: 115px;
	padding: 0px;
}


.poll-right-ad-wrapper .poll-right-ad-inner {
  padding: 0px;
}

.poll-top-ad-wrapper {
  padding: 0px 0px 30px 0px;
} */

/* Responsive CSS */

@media screen and (max-width: 1460px) {
  .fp-ad-wrapper {
    display: none;
  }
}

@media screen and (max-width: 1260px) {
  main.home-page section .home-wrapper {
    width: 90%;
  }
  .section-heading {
    width: 90%;
    padding: 0px 0px 50px 0px;
  }
  main.home-page section .home-wrapper .browser-window img {
    z-index: 5;
    position: relative;
    margin-left: -20px;
  }

  body.team-colours header.teams-header .teams-header-wrapper {
    width: 90%;
  }
  body.team-colours header.teams-header .teams-header-wrapper .teams-header-inner {
    padding: 100px 50px 0px 50px;
  }
}

@media screen and (max-width: 1200px) {
  section.home-icons .inner-wrapper.x-lrg {
    width: 100%;
  }

  section.home-icons .home-icons-wrapper .home-icon-block {
    width: 50%;
    margin-right: 0px;
    padding: 0px 70px 0px 0px;
    min-height: 180px;
  }

  main.home-page section .home-wrapper .left {
    width: 48%;
  }
  section.home-audience .right-full-section {
    width: 45%;
  }

  .home-pro-left {
    width: 44%;
  }

  .home-pro-right {
    width: 55%;
    margin-top: 20px;
    position: inherit;
    right: inherit;
    top: inherit;
  }

  .home-pro-right img {
    width: 900px;
  }
}

@media screen and (max-width: 1100px) {
  nav .right .nav-links a.teams-nav-link span.badge {
    display: none;
  }
  nav .right .nav-links a {
    margin-right: 5px;
    padding-left: 10px;
  }
  nav .mid a.create-poll-button {
    padding: 16px 20px 16px 20px;
    background-image: none;
  }
}

@media screen and (max-width: 1080px) {
  .inner-wrapper.lrg {
    width: 90%;
  }

  .poll-wrapper {
    width: 60%;
    float: left;
  }

  .poll-right-column {
    width: 100%;
    float: left;
    padding-left: 0px;
    margin-left: 0px;
  }
  .poll-wrapper.questions-wrapper {
    width: 100%;
    float: left;
  }

  .comments .comments-inner {
    float: left;
    width: 100%;
  }

  .poll-right-outer {
    float: right;
    width: 40%;
    padding-left: 65px;
  }

  .comments .comments-inner .comment .right {
    width: calc(100% - 98px);
  }
  .comments .comments-inner .comment.reply .right {
    width: calc(100% - 98px);
  }
  .comments .comments-inner .comment.reply {
    padding-left: 30px;
  }
  .comments .comments-inner .comment-textarea .right {
    width: calc(100% - 98px);
  }
  header.home-header .logos p {
    margin: 0px 20px 0px 20px;
  }

  .split-columns .left {
    width: 25%;
  }

  .split-columns .right {
    width: 75%;
    margin-left: 0px;
    padding-left: 75px;
  }
  .pricing-page .pricing-blocks .pricing-block-wrapper {
    width: 32%;
    margin-right: 2%;
  }

  .about-counts .about-count {
    width: 50%;
    margin-right: 0px;
  }
  .about-counts .about-count p.about-count-number {
    font-size: 65px;
  }

  .poll-right-ad-wrapper .poll-right-ad-inner .poll-right-ad-image {
    float: left;
    width: 100%;
    text-align: center;
  }

  .poll-right-ad-wrapper .poll-right-ad-inner .poll-right-ad-image a {
    float: none;
    display: inline-block;
  }

  .poll-right-ad-image img {
    width: 110px;
  }

  .poll-right-ad-copy {
    float: right;
    width: 100%;
    padding: 14px 16px 0px 16px;
    height: auto;
    color: #ccc;
    text-align: center;
  }

  .poll-right-ad-copy p {
    position: inherit;
    top: auto;
    transform: inherit;
  }

  .poll-right-ad-wrapper .poll-right-ad-inner {
    padding: 25px 10px;
  }

  .poll-right-ad-wrapper.vote-page .poll-right-ad-copy {
    width: 100%;
  }

  .poll-right-ad-wrapper.vote-page .poll-right-ad-copy p a {
    line-height: 17px;
    font-size: 12.5px;
  }
}

@media screen and (max-width: 1000px) {
  .inner-wrapper {
    width: 90%;
  }
  .inner-wrapper .avatar-settings-wrapper {
    display: none;
  }
  main .inner-wrapper .form-wrapper.settings {
    width: 100%;
  }

  main.home-page section .home-wrapper .left {
    padding: 130px 0px;
  }
  main.home-page section.home-control {
    margin-top: 400px;
  }
  .pricing-faq-blocks .pricing-faq-block {
    width: 50%;
    margin-right: 0px;
    padding-right: 120px;
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 960px) {
  .reveal-modal.login-share-modal {
    width: 710px;
    margin-left: -355px;
    left: 50%;
  }
  .share-modal-colour {
    width: 330px;
    height: auto;
  }
  .share-modal-colour .share-modal-colour-inner .new-poll-url input[type="text"] {
    width: 100%;
  }
  .reveal-modal.login-share-modal .login-modal-wrapper {
    width: 380px;
    padding: 75px 55px 0px 55px;
  }
  .reveal-modal.login-share-modal .login-modal-wrapper a.modal-reset-link {
    margin-top: 9px;
    margin-left: 0px;
  }
  header.home-header .logos p.mailchimp {
    display: none;
  }

  .about-counts .about-count p.about-count-title {
    font-size: 16px;
  }
  .about-counts .about-count p.about-count-number {
    font-size: 50px;
  }
  .about-counts .about-count p.about-count-subtitle {
    font-size: 15px;
  }
}

@media screen and (max-width: 940px) {
  header.profile .profile-header-inner .right {
    display: none;
  }

  .comments .comments-inner .comment-textarea .right p.comment-options {
    display: none;
  }

  header.home-header .logos p {
    margin: 0px 20px 0px 20px;
  }

  section.home-icons .home-icons-wrapper .home-icon-block {
    width: 100%;
    margin-right: 0px;
    padding: 0px 70px 0px 0px;
    min-height: auto;
    margin-bottom: 80px;
  }

  .user-navigation .inner-wrapper {
    width: 100%;
  }
  .page-wrapper header.page-header .right {
    width: 100%;
    padding-top: 25px;
  }
  .page-wrapper header.page-header .left {
    width: 100%;
  }
  .page-wrapper header.page-header .right .order-dropdown {
    float: left;
  }
  .page-wrapper header.page-header .right .order-dropdown .order-dropdown-menu {
    right: auto;
    left: 0px;
  }

  footer .right .right-columns .footer-column {
    margin-left: 20px;
  }
}

@media screen and (max-width: 900px) {
  nav .right .nav-links {
    float: right;
    display: none;
  }
  nav .right {
    width: auto;
    float: right;
  }

  .hamburger {
    display: block;
  }

  .inner-wrapper.sml {
    width: 90%;
  }

  .polls-list a.item h2 {
    padding: 20px 0px 20px 0px;
  }

  .poll-wrapper .poll-results .poll-item .poll-results-heading h2 {
    width: 75%;
  }
  .poll-wrapper .poll-results .poll-item .poll-results-heading p {
    width: 25%;
  }

  footer .left p.copyright {
    margin-top: 20px;
  }

  .form-wrapper form#poll-form .input-group.split-field-left {
    width: 100%;
    padding-right: 0px;
  }

  .form-wrapper form#poll-form .input-group.split-field-right {
    width: 100%;
    padding-left: 0px;
  }
  .form-wrapper form#poll-form .input-group.split-field-left select,
  .form-wrapper form#poll-form .input-group.split-field-right select {
    width: 100%;
  }
  header.home-header .home-header-inner {
    width: 80%;
  }

  header.home-header .logos p.linkedin {
    display: none;
  }
  header.home-header .logos p.htc {
    display: none;
  }
  main.home-page section .home-wrapper .left {
    width: 90%;
    padding: 130px 0px 80px 0px;
  }

  main.home-page section .home-wrapper .right {
    width: 100%;
    margin-right: 0%;
    text-align: center;
  }

  main.home-page section .home-wrapper .right img {
    max-width: 440px;
    margin-left: -70px;
  }

  section.home-audience .right-full-section {
    position: inherit;
    width: 100%;
    right: 0px;
    top: 0px;
    float: left;
    margin-bottom: 120px;
  }

  main.home-page section.home-control {
    margin-top: 160px;
  }
  main.home-page section {
    float: left;
    width: 100%;
    margin-top: 160px;
  }
  .dashboard-blocks .block {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 40px;
  }
  .pricing-page .pricing-blocks .pricing-block-wrapper {
    width: 46%;
    margin-right: 4%;
    margin-bottom: 30px;
  }

  .poll-right-column .poll-submit-button a {
    padding: 20px 15px;
  }
  header.teams-header .teams-header-browser-window:after {
    background-size: 580px;
    top: -40px;
    right: -400px;
    height: 560px;
  }
  .about-header:after {
    background-size: 580px;
    top: 210px;
    right: -400px;
    height: 560px;
  }

  .plans-header:after {
    background-size: 580px;
    top: 210px;
    right: -400px;
    height: 560px;
  }

  .plans-current-notice {
    border-radius: 5px;
  }

  .about-header-background-fixed {
    height: 700px;
  }

  nav .mid .nav-mid-links a.nav-link-polls {
    display: none;
  }
  nav .mid .nav-mid-links a.nav-link-teams {
    display: none;
  }
  nav .mid .nav-mid-links a.nav-link-poll {
    color: #fff;
    background-color: #42db7b;
    border-radius: 4px;
    padding: 16px 20px 16px 20px;
    font-weight: 700;
  }
  nav .mid .nav-mid-links a.nav-link-poll:hover {
    background-color: #3bbd6c;
    color: #ffffff;
  }
  nav .mid {
    left: 50%;
    width: 200px;
    margin-left: -100px;
  }

  .reveal-modal.pro-modal {
    width: 90%;
    margin-left: 0px;
    left: 5%;
  }
  .reveal-modal.pro-modal .pro-modal-inner .pro-modal-left {
    height: auto;
    border-radius: 8px 8px 0px 0px;
    width: 100%;
    padding: 40px 52px;
  }
  .pro-modal-left-inner {
    position: relative;
    top: auto;
    transform: none;
  }
  .reveal-modal.pro-modal .pro-modal-inner .pro-modal-right {
    width: 100%;
    float: left;
    height: auto;
  }

  .reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column {
    position: relative;
    top: auto;
    transform: none;
    padding: 19px 52px 40px 52px;
  }

  .poll-end-date-remove {
    padding: 0px 0px 30px 0px;
    margin-top: -5px;
  }
}

@media screen and (max-width: 830px) {
  .plans-columns {
    width: 350px;
  }
  .plan-column {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 50px;
  }

  .plans-header {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 800px) {
  .mobile-url-copied.vote-page {
    background-color: transparent;
    box-shadow: none;
    bottom: 0px;
    z-index: 5001;
    width: 100%;
    text-align: center;
    margin-left: 0px;
    right: 0px;
    padding: 0px;
    border-radius: 0px;
  }

  .mobile-url-copied.vote-page .mobile-url-copied-inner {
    background-color: #ff9869;
    display: inline-block;
    margin-bottom: 20px;
    padding: 20px 29px 21px 59px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    background-image: url("../img/icon-white-url-copy.svg");
    background-repeat: no-repeat;
    background-position: top 18px left 25px;
    box-shadow: 0px 7px 14px rgba(255, 158, 114, 0.38);
  }

  .poll-settings-button {
    display: none;
  }

  .poll-settings-right-column-wrapper {
    display: none !important;
  }

  .poll-right-column .poll-right-column-inner .poll-share {
    display: block !important;
  }

  .poll-right-column .poll-right-column-inner .poll-votes-count {
    display: block !important;
  }

  .vote-ca-wrapper {
    padding: 40px 0px 0px 0px;
  }

  .poll-right-outer {
    width: 100%;
    float: left;
    padding-left: 0px;
  }
  .poll-right-ad-wrapper {
    float: left;
    position: relative;
    z-index: 41;
    width: 100%;
    margin: 40px 0px;
    display: none;
  }

  .poll-top-ad-wrapper {
    display: block;
  }

  main.poll-main {
    padding: 30px 0px 30px 0px;
  }

  main.poll-main.vote-page {
    padding: 30px 0px 80px 0px;
  }

  .poll-right-column {
    position: fixed;
    bottom: 0px;
    left: 0px;
    float: left;
    width: 100%;
    padding: 5px 5% 0px 5%;
    background-color: #fff;
    height: 150px !important;
    z-index: 60;
  }

  .poll-results-footer footer {
    padding-bottom: 160px;
  }

  .poll-results-footer.close-date-active footer {
    padding-bottom: 240px;
  }

  body.n-button-right-column-spacing .poll-results-footer footer {
    padding-bottom: 90px;
  }

  .poll-right-column-inner {
    box-shadow: none;
  }

  .poll-right-column.n-button-mobile-spacing {
    height: 75px !important;
  }
  .poll-right-column .poll-submit-button {
    float: left;
    width: 90%;
    left: 5%;
    margin-bottom: 0px;
    z-index: 500;
    position: fixed;
    bottom: 20px;
  }

  .poll-right-column .poll-submit-button a {
    padding: 16px 34px;
    font-size: 21px;
  }
  .poll-right-column .poll-right-column-inner .poll-votes-count {
    float: left;
    width: auto;
    padding: 10px 0px 10px 0px;
  }

  .poll-right-column .poll-right-column-inner .poll-votes-count p.votes-title {
    font-size: 11px;
    margin-bottom: 5px;
  }

  .poll-right-column .poll-right-column-inner .poll-votes-count p.votes-number {
    font-size: 26px;
  }

  .poll-right-column .poll-right-column-inner .poll-share {
    float: right;
    width: auto;
    padding: 20px 0px 20px 0px;
    border-top: none;
  }

  .poll-right-column .poll-right-column-inner .poll-share p.share-title {
    float: left;
    width: 100%;
    font-size: 17px;
    color: #b1b1b1;
    font-weight: 600;
    margin-bottom: 5px;
    display: none;
  }

  .poll-right-column .poll-right-column-inner .poll-share ul li {
    float: left;
    width: auto;
    padding: 0px 0px 0px 12px;
  }

  .poll-right-column .poll-right-column-inner .poll-share ul li:first-child {
    padding: 0px;
  }

  .poll-right-column .poll-right-column-inner .poll-share ul li a.share-link {
    padding: 5px 5px 5px 5px;
    background-position: center center;
    background-size: 22px;
    overflow: hidden;
    width: 30px;
    height: 30px;
    text-indent: -160px;
  }

  .poll-right-column .poll-right-column-inner .poll-share ul li a.share-link.whatsapp {
    background-size: 24px;
  }

  .mobile-url-copied {
    opacity: 1;
    bottom: 20px;
  }

  .web-url-copied {
    opacity: 0;
    bottom: -150px;
  }
  .poll-right-column .poll-voted-notice {
    float: left;
    width: 90%;
    margin-bottom: 0px;
    background-color: #e7f5ff;
    border-radius: 5px;
    position: fixed;
    bottom: 20px;
    margin-left: 5%;
    left: 0px;
    padding: 18px;
  }
  .poll-right-column .poll-voted-notice.end-date {
    bottom: 150px;
    left: -5%;
    width: 100%;
    background-color: #ffe8df;
    padding: 18px 5% 18px 5%;
  }

  .poll-voted-notice.end-date p.voting-end-date-icon {
    display: none;
  }

  .poll-right-column .poll-voted-notice.end-date p.voting-end-date-info {
    width: calc(100% - 0px);
    padding-left: 0px;
  }

  .poll-right-column .poll-voted-notice p.poll-voted-notice-icon {
    display: none;
  }

  .poll-right-column .poll-voted-notice p.poll-voted-info {
    font-size: 15px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
  }

  .poll-right-column .report-button {
    display: none;
  }

  .poll-wrapper {
    width: 100%;
  }
  .getting-data-notice {
    right: 0%;
    bottom: 160px;
    position: fixed;
    width: 100%;
    margin-right: 0%;
    z-index: 50;
    text-align: center;
  }
  .getting-data-notice .getting-data-inner {
    float: none;
    padding: 11px 15px 11px 15px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
    width: auto;
    display: inline-block;
  }
  .getting-data-notice .loading {
    display: none;
  }
  main .inner-wrapper .form-wrapper.settings {
    width: 100%;
  }

  .reveal-modal.default-modal {
    width: 90%;
    margin-left: 0px;
  }

  .reveal-modal.default-modal .default-modal-body {
    float: left;
    width: 100%;
    padding: 40px;
  }

  .reveal-modal {
    left: 5%;
    margin-left: 0px;
    width: 90%;
  }
  .about-image {
    width: 100%;
    margin-right: 0px;
    margin-top: 0px;
  }
  .about-copy-block-head {
    width: 100%;
  }

  .results-page-qr-code-wrapper,
  .vote-page-qr-code-wrapper {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
  }

  .reveal-modal.embed {
    width: 90%;
    margin-left: 0px;
  }

  .reveal-modal.qr-code .left-column {
    float: none;
    width: 30%;
    padding: 42px 0px 0px 0px;
    max-width: 200px;
    min-width: 200px;
    margin-left: auto;
    margin-right: auto;
  }
  .reveal-modal.qr-code .right-column a.blue-modal-button {
    float: none;
    display: inline-block;
  }
  .reveal-modal.qr-code .right-column a.grey-qr-code-modal-button {
    float: none;
    margin-left: 20px;
    clear: both;
    display: inline-block;
  }
  .reveal-modal.qr-code .right-column {
    width: 100%;
    text-align: center;
    padding: 35px 0px 0px 0px;
  }
  .qr-lrg-preview .reveal-modal.qr-code .left-column {
    max-width: 60%;
    float: none;
  }

  .qr-lrg-preview .qr-code-body .default-modal-buttons {
    float: left;
    width: 100%;
    padding: 20px;
    position: fixed;
    bottom: 0px;
    left: 0px;
  }

  .qr-lrg-preview .reveal-modal .default-modal-buttons a.blue-button {
    margin-bottom: 15px;
  }

  .qr-lrg-preview .reveal-modal .default-modal-buttons a.blue-button,
  .qr-lrg-preview .reveal-modal .default-modal-buttons a {
    position: initial;
    right: 0px;
    bottom: 0px;
    width: 100%;
  }

  .poll-right-column-stick {
    position: relative;
  }

  .split-columns .left {
    width: 100%;
    margin-bottom: 40px;
  }

  .split-columns .right {
    width: 100%;
    padding-left: 0px;
  }
  .split-columns {
    padding-top: 0px;
  }
  .sticky-wrapper.is-sticky .nav {
    position: relative !important;
    top: auto !important;
  }
  .team-session-form-wrapper .session-input-group h3 {
    color: #444069;
  }

  .fp-ad-wrapper {
    display: block;
    float: left;
    position: inherit;
    width: 100%;
    background-color: #fafafa;
    padding: 25px 0px 30px 0px;
    margin-top: 15px;
  }

  .fp-ad-wrapper .fp-ad-copy p {
    font-size: 13.5px;
    line-height: 20px;
    text-align: center;
  }

  .fp-ad-wrapper .fp-ad-copy {
    padding: 16px 26px 36px 26px;
  }

  .fp-ad-wrapper .fp-ad-image {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 40px;
  }

  .fp-ad-wrapper .fp-ad-image img {
    width: 100%;
    height: auto;
    max-width: 160px;
    border-radius: 5px;
  }

  .poll-main .fp-ad-wrapper {
    padding: 30px 0px 30px 0px;
    margin-top: -30px;
  }

  .fp-ad-wrapper {
    display: block;
  }

  .poll-outer-wrapper {
    padding: 0px 0px 0px 0px;
  }

  .ga-ad-wrapper.poll-has-comments {
    padding: 30px 0px 30px 0px;
  }

  .ga-ad-wrapper.vote-page {
    margin-top: 30px;
    padding: 5px 0px 0px 0px;
  }

  .fp-ad-wrapper-inner {
    float: left;
    width: 90%;
    margin-left: 5%;
  }

  body.fix-adspace .fp-ad-wrapper {
    position: inherit;
    bottom: auto;
    left: auto;
  }

  .stopped-data-notice {
    right: 0%;
    bottom: 150px;
    width: 100%;
    margin-right: -0px;
    max-width: 100%;
  }

  .stopped-data-notice .getting-data-inner {
    padding: 15px 5% 15px 5%;
    font-size: 14px;
    line-height: 18px;
    color: #a63333;
    border-radius: 0px;
    background: #ffe7e7;
    border: none;
    box-shadow: none;
    background-image: none;
    width: 100%;
  }

  .stopped-data-notice .getting-data-inner p.subtitle {
    font-size: 13px;
    line-height: 14px;
    margin-top: 5px;
  }

  .notice-results-wrapper .notice {
    position: inherit;
  }

  .polls-list a.item {
    padding: 30px 35px;
  }
  .polls-list.poll-list-options a.item {
    padding: 30px 35px 80px 35px;
  }

  .polls-list .item-wrapper .item-links-wrapper {
    padding-left: 32px;
  }

  .polls-list .item-wrapper .item-links-wrapper .item-visibility-status {
    margin-left: 0px;
    margin-right: 25px;
  }

  .item-closed-link {
    margin-right: 25px;
  }

  .polls-list .item-wrapper .item-links-wrapper .item-dropdown-wrapper {
    margin-left: 0px;
  }

  .item-closed-link a,
  .item-closed-link p {
    padding: 10px 10px 10px 35px;
    background-position: left 5px top 8px;
  }

  .slim.poll-new {
    width: 550px;
    height: 300px;
  }

  .home-pro-left {
    width: 100%;
    padding: 60px 50px 0px 50px;
    text-align: center;
  }
  .home-pro-left a {
    float: none;
    margin-top: 30px;
    display: inline-block;
  }

  .home-pro-right {
    width: 100%;
    margin-top: 40px;
    position: inherit;
    right: inherit;
    top: inherit;
    padding: 0px 15px;
  }
  .home-pro-wrapper {
    height: auto;
  }

  .poll-heading .author-date {
    width: 100%;
  }

  .poll-heading p.private-notice {
    font-size: 15px;
    padding: 2px 0px 2px 25px;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 30px;
    clear: both;
  }

  .poll-heading a.item-link-share-inline {
    font-size: 15px;
    padding: 2px 0px 2px 25px;
    margin-top: 20px;
    margin-left: 0px;
    display: block;
    background-position: left top 0.5px;
  }

  .item-share-inline-wrapper {
    float: left;
    margin-right: 25px;
  }

  .poll-settings-wrapper {
    display: none;
  }

  .item-settings-inline-wrapper {
    display: block;
  }

  .poll-settings-inner-wrapper {
    right: 0px;
  }
  .poll-heading {
    margin-bottom: 25px;
  }
  .poll-heading .poll-multi-votes-notice {
    padding-top: 20px;
    margin-bottom: -30px;
  }
}

@media screen and (max-width: 720px) {
  .poll-top-ad-copy p a {
    font-size: 15px;
  }

  .share-modal-colour {
    width: 100.5%;
    height: auto;
    border-radius: 8px 8px 0px 0px;
  }
  .reveal-modal.login-share-modal .login-modal-wrapper {
    width: 100%;
    padding: 75px 55px 0px 55px;
  }
  .reveal-modal.login-share-modal {
    left: 5%;
    margin-left: 0px;
    width: 90%;
    overflow: hidden;
  }
  main.home-page section.home-realtime .home-wrapper .browser-window:after,
  main.home-page section.home-control .home-wrapper .browser-window:after {
    background-size: 600px;
    width: 560px;
    height: 650px;
    top: -70px;
    right: -20%;
  }
  section.home-audience .right-full-section img {
    width: 90%;
  }
  main.home-page section.home-sharing .home-wrapper .right:after {
    background-size: 720px;
    width: 900px;
    height: 770px;
  }
  footer .left {
    width: 100%;
  }
  footer .right {
    width: 100%;
  }
  footer .right .right-columns {
    float: left;
    padding-top: 50px;
    width: 100%;
  }
  footer .right .right-columns .footer-column {
    float: left;
    margin-left: 0px;
    margin-right: 30px;
  }
  footer .right .right-columns .footer-column:last-child {
    margin-right: 0px;
  }
  footer .left .social-icons {
    margin-top: 20px;
  }

  .changelog-item .copy p.date {
    position: relative;
    right: auto;
    top: auto;
    font-size: 11px;
    color: #c1c1c1;
    text-align: left;
    padding: 10px 0px 0px 0px;
    width: 100%;
  }
  .changelog-item .copy {
    padding: 2px 0px 0px 45px;
  }
}

@media screen and (max-width: 700px) {
  div#gdpr-cookie-message {
    bottom: 0px;
    width: 100%;
    left: 0%;
    margin-left: 0px;
    border-radius: 0px;
    padding: 32px;
  }
  div#gdpr-cookie-message h4 {
    font-size: 22px;
  }
  div#gdpr-cookie-message p {
    font-size: 14px;
    line-height: 22px;
  }
  button#gdpr-cookie-accept {
    margin-top: 0px;
  }

  .inner-wrapper.x-sml {
    width: 90%;
  }

  .reveal-modal.report {
    left: 0px;
    margin-left: 5%;
    width: 90%;
  }

  .pricing-page .pricing-blocks .pricing-block-wrapper {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }

  .pricing-faq-blocks .pricing-faq-block {
    width: 100%;
    margin-right: 0px;
    padding-right: 0px;
    margin-bottom: 70px;
  }
  .session-start-wrapper .session-start-left-column {
    display: none;
  }
  .session-start-wrapper .session-start-right-column {
    float: right;
    width: 100%;
    position: inherit;
    right: 0px;
    height: 100%;
    background-color: #fff;
  }
  .session-start-form-wrapper {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .about-counts .about-count {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 70px;
  }

  .slim.poll-new {
    width: 420px;
    height: 260px;
  }

  .poll-end-date-time-calculated {
    width: 100%;
    line-height: 20px;
  }
  .notice.mobile-go-pro a {
    font-size: 13.5px;
    padding: 20px 10px;
  }
}

@media screen and (min-width: 800px) {
  .item-share-inline-wrapper .item-dropdown-wrapper .item-dropdown.animated-dropdown.bounceIn.social-share-links.inline {
    top: -5000px;
  }
}

@media screen and (max-width: 600px) {
  .item-dropdown.animated-dropdown.bounceIn.social-share-links {
    top: -5000px;
  }

  .item-dropdown.animated-dropdown.bounceIn.social-share-links.inline {
    top: 50px;
  }

  .form-wrapper form .poll-create-options .poll-create-options-inner .input-group [type="checkbox"] + label strong {
    font-weight: 700;
  }
  .copy-block {
    padding: 0px 0px 40px 0px;
  }
  header.profile .profile-header-inner .left .avatar img {
    width: 70px;
    height: 70px;
  }
  header.profile .profile-header-inner .left .avatar {
    width: 70px;
    height: 70px;
  }

  header.profile .profile-header-inner .left h1 {
    font-size: 36px;
  }
  .form-wrapper header.form-header h1 {
    font-size: 34px;
  }
  .page-wrapper header.page-header h1 {
    font-size: 34px;
  }
  .poll-heading h1 {
    font-size: 30px;
    line-height: 39px;
  }
  .poll-heading h1.sml {
    font-size: 28px;
    line-height: 36px;
  }
  .poll-heading h1.x-sml {
    font-size: 24px;
    line-height: 32px;
  }
  .copy-block p {
    font-size: 20px;
    line-height: 30px;
  }
  .polls-list a.item h2 {
    font-size: 28px;
    line-height: 34px;
  }
  .polls-list a.item p.badge,
  .poll-heading p.poll-tag {
    font-size: 10px;
  }
  .poll-wrapper .poll-results .poll-item.most-voted {
    margin-left: 0px;
  }
  .poll-wrapper .poll-results .poll-item .poll-results-heading {
    position: relative;
  }
  .poll-wrapper .poll-results .poll-item .poll-results-heading p {
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    right: -40px;
    top: -40px;
    background-color: #fff;
    box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.07);
    border-radius: 47px;
    padding: 5px 18px;
    border: solid 2.5px #fff;
    width: auto;
  }
  .poll-wrapper .poll-results .poll-item .poll-results-heading h2 {
    width: 100%;
    font-size: 26px;
    line-height: 30px;
  }
  .poll-heading .author-date {
    font-size: 15px;
  }
  header.profile .profile-header-inner .edit-profile-link {
    float: right;
    position: absolute;
    bottom: 40px;
    right: auto;
    right: auto;
    left: 0px;
  }

  header.profile .profile-header-inner .left {
    width: 100%;
    position: relative;
    top: auto;
    transform: none;
    padding: 55px 0px;
  }
  header.profile .profile-header-inner {
    height: auto;
  }
  nav .left a.logo {
    width: 100%;
    height: 36px;
    background-size: 161px;
    background-position: left;
    background-image: url("../brand-assets/ballox logo org.png");
  }

  header.profile .profile-header-inner .edit-profile-link {
    float: right;
    position: static;
    bottom: auto;
    right: auto;
    right: auto;
    left: auto;
    display: none;
  }

  .reveal-modal.new-poll {
    width: 90%;
    left: 5%;
    margin-left: 0px;
  }
  a.copy-poll-url {
    width: 30%;
  }
  .reveal-modal.new-poll .new-poll-modal .new-poll-url input {
    width: 70%;
  }
  .poll-wrapper .poll-form .poll-item [type="radio"]:checked + label,
  .poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label {
    margin-left: 0px;
  }

  .poll-wrapper .poll-form .poll-item [type="radio"]:checked + label,
  .poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked) + label,
  .poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label,
  .poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) + label {
    padding: 17px 30px 18px 30px;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
  }

  .poll-wrapper .poll-form .poll-item [type="radio"]:checked + label:before,
  .poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked) + label:before,
  .poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label:before,
  .poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) + label:before {
    top: 23px;
    left: 16px;
    width: 26px;
    height: 26px;
    top: 50%;
    margin-top: -13px;
    background-size: 100%;
  }

  .poll-wrapper .poll-form .poll-item [type="radio"]:checked + label:after,
  .poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked) + label:after,
  .poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label:after,
  .poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) + label:after {
    width: 26px;
    height: 26px;
    top: 23px;
    left: 16px;
    top: 50%;
    margin-top: -13px;
    background-size: 100%;
  }
  .poll-create-options .poll-create-options-inner {
    padding: 10px 0px;
  }

  .poll-wrapper .poll-form .poll-item [type="radio"]:checked + label p.vote-inner-label:before,
  .poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked) + label p.vote-inner-label:before,
  .poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label p.vote-inner-label:before,
  .poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) + label p.vote-inner-label:before {
    left: -11px;
    width: 30px;
    height: 30px;
    top: -1px;
    background-size: 100%;
  }

  .poll-wrapper .poll-form .poll-item [type="radio"]:checked + label p.vote-inner-label:after,
  .poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked) + label p.vote-inner-label:after,
  .poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label p.vote-inner-label:after,
  .poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) + label p.vote-inner-label:after {
    left: -11px;
    width: 30px;
    height: 30px;
    top: -1px;
    background-size: 100%;
  }

  p.vote-inner-label {
    padding: 0px 0px 0px 36px;
  }

  .form-wrapper form .poll-create-options .poll-create-options-inner .input-group [type="checkbox"] + label span {
    display: block;
  }
  .form-wrapper form .input-group .radio-buttons.check.pro::after {
    right: -5px;
    top: 3px;
  }
  .form-wrapper form .poll-create-options .poll-create-options-inner .input-group a.non-pro-check span {
    display: block;
    font-size: 13px;
    line-height: 16px;
    padding-top: 0px;
  }

  .form-wrapper form .input-group [type="checkbox"]:checked + label:after,
  .form-wrapper form .input-group [type="checkbox"]:not(:checked) + label:after {
    top: 20px;
  }

  .form-wrapper form .input-group [type="checkbox"]:checked + label:before,
  .form-wrapper form .input-group [type="checkbox"]:not(:checked) + label:before {
    top: 20px;
  }

  .poll-create-options .poll-create-options-inner-outer .poll-create-options-title {
    padding: 20px 0px 0px 0px;
  }

  .form-wrapper form .poll-create-options .poll-create-options-inner .input-group {
    margin-right: 0px;
    margin-bottom: 25px;
  }

  .form-wrapper form .input-group .radio-buttons.check [type="checkbox"]:not(:checked) + label {
    background-color: #fff;
  }

  .form-wrapper form .input-group .radio-buttons.check [type="checkbox"]:checked + label,
  .form-wrapper form .input-group .radio-buttons.check [type="checkbox"]:not(:checked) + label {
    font-size: 14px;
  }

  .form-wrapper form .poll-create-options .poll-create-options-inner .input-group [type="checkbox"] + label span {
    font-size: 13px;
    line-height: 16px;
    padding-top: 0px;
  }

  .poll-create-options {
    padding: 0px 0px 0px 0px;
  }

  .form-wrapper form .poll-create-options .input-group .radio-buttons {
    padding-top: 10px;
  }

  main.poll-main {
    padding: 30px 0px 0px 0px;
  }
  .no-date-notice {
    padding: 20px 0px;
  }

  .no-date-notice p.title {
    font-size: 24px;
  }
  .page-wrapper header.page-header h2 {
    font-size: 24px;
  }
  .polls-list a.item p.date {
    font-size: 16px;
  }
  .polls-list a.item .votes-count p {
    font-size: 14px;
  }
  .comments .comments-inner .comment .right {
    width: 100%;
    margin-left: 0px;
    margin-top: 20px;
    float: right;
  }

  .comments .comments-inner .comment.reply .right {
    width: 100%;
  }
  .comments .comments-inner .comment-textarea .right {
    width: 100%;
  }
  .comments .comments-inner .comment-textarea .left {
    display: none;
  }
  .notice {
    font-size: 14px;
    line-height: 18px;
  }

  .notice a {
    font-size: 14px;
    line-height: 18px;
  }

  .dashboard-nav a {
    margin-right: 20px;
    font-size: 16px;
  }
  .form-wrapper form .input-group a.new-field-button {
    padding: 19px 18px 18px 18px;
    font-size: 16px;
    background-image: none;
    width: 100%;
    text-align: center;
  }
  .form-wrapper form .input-group input,
  .form-wrapper form .input-group textarea,
  .reveal-modal .form-wrapper form .input-group input {
    padding: 20px 18px 18px 18px;
    font-size: 16px;
  }

  .session-input-group input#username.username-success,
  .form-wrapper form .input-group input#username.username-success {
    background-position: right 16px top 21px;
    background-size: 21px;
  }

  .session-input-group input#team_username.username-success,
  .session-input-group input#username.username-success {
    background-position: right 14px top 17px;
    background-size: 21px;
  }
  .form-wrapper form#poll-form .input-group.split-field-left select,
  .form-wrapper form#poll-form .input-group.split-field-right select {
    padding: 20px 18px 18px 18px;
    font-size: 16px;
    background-position: right 20px top 26px;
  }
  .form-wrapper form .input-group button {
    padding: 18px 34px;
    font-size: 20px;
  }
  .poll-wrapper .poll-form .poll-footer button {
    padding: 18px 34px;
    font-size: 20px;
  }
  .form-wrapper form .input-group input.producthunt-field,
  .form-wrapper form .input-group input.facebook-field {
    background-size: 22px;
    background-position: right 16px top 17px;
  }

  .form-wrapper form .input-group input.instagram-field {
    background-size: 22px;
    background-position: right 16px top 18px;
  }
  .form-wrapper form .input-group input.twitter-field {
    background-size: 22px;
    background-position: right 16px top 19px;
  }

  header.home-header .home-header-inner h1 {
    font-size: 36px;
    line-height: 44px;
    color: #222222;
  }

  header.home-header .logos p.whatsapp {
    width: 130px;
  }
  header.home-header .logos p.amazon {
    width: 90px;
  }
  header.home-header .logos p.facebook {
    width: 110px;
  }
  header.home-header .logos p {
    margin: 0px 20px 20px 20px;
  }
  section.home-audience .right-full-section img {
    width: 130%;
  }
  main.home-page section .home-wrapper .browser-window img {
    min-width: 640px;
  }
  header.home-header .logos {
    bottom: 40px;
  }

  main.home-page section .home-wrapper .left h2 {
    font-size: 40px;
    line-height: 42px;
  }
  main.home-page section.home-cta h4 {
    font-size: 44px;
    line-height: 44px;
  }
  main.home-page .section-heading h2 {
    font-size: 40px;
    line-height: 42px;
  }
  main.home-page section.home-control {
    margin-top: 150px;
  }
  main.home-page section {
    margin-top: 90px;
  }
  main.home-page section.home-audience .right-full-section {
    margin-bottom: 0px;
  }
  main.home-page section.home-sharing .home-wrapper .right:after {
    background-size: 540px;
    width: 840px;
    height: 560px;
  }

  section.home-icons .home-icons-wrapper {
    padding: 0px 0px 20px 0px;
  }
  .user-navigation .user-navigation-links a {
    padding: 21px 0px 20.5px 0px;
    font-size: 15.5px;
    margin: 0px 18px;
  }
  .user-navigation .user-navigation-links {
    padding: 0px 8px;
  }
  .pagination ul li {
    margin-bottom: 12px;
  }
  .polls-list a.item .poll-voted-option {
    background-image: none;
    width: 100%;
    line-height: 20px;
    padding: 20px;
  }
  .user-no-data-notice {
    padding: 60px 0px;
  }
  .dashboard-blocks {
    margin-bottom: 80px;
  }
  .dashboard-blocks .block p {
    padding: 15px 0px 0px 0px;
  }
  .dashboard-blocks .block h3 {
    font-size: 54px;
    line-height: 54px;
  }
  .dashboard-blocks .block {
    padding: 37px 20px 42px 20px;
  }

  .form-wrapper form .poll-options .input-group .poll-option-group {
    position: absolute;
    right: 15px;
    top: 18px;
  }

  .form-wrapper form .poll-options .input-group .poll-option-group .upload-image-button a span {
    display: none;
  }

  .form-wrapper form .poll-options .input-group input {
    padding-right: 115px;
  }

  .form-wrapper header.form-header {
    margin-bottom: 40px;
  }
  .split-columns .right .copy-based section h2 {
    font-size: 22px;
    line-height: 22px;
  }
  .split-columns .right .copy-based section p {
    font-size: 16px;
  }
  .split-columns .right .copy-based section {
    padding: 20px 0px 20px 0px;
  }

  footer .right .right-columns .footer-column {
    margin-right: 0px;
    margin-bottom: 30px;
  }
  footer .right .right-columns .footer-column:last-child {
    margin-bottom: 0px;
  }

  .form-wrapper form .anon-poll-notice {
    padding: 20px 24px;
    font-size: 14px;
  }
  .form-wrapper form .anon-poll-notice a {
    font-size: 14px;
  }

  nav .left .team-logo-wrapper img.rounded-icon.mobile-icon {
    display: block;
    margin: 3px 0px 1px 0px;
    width: 40px;
    height: 40px;
    max-height: 40px;
  }

  nav .left .team-logo-wrapper img.desktop-logo {
    display: none;
  }
  body.team-colours section.teams-home-cta {
    margin-top: 230px;
  }
  section.teams-home-cta h4 {
    font-size: 36px;
    line-height: 42px;
  }
  .team-session-form-header header h1 {
    font-size: 34px;
  }
  .team-session-form-header header p {
    font-size: 17px;
    letter-spacing: -0.31px;
  }

  .pricing-header header h1 {
    font-size: 34px;
  }
  .pricing-header header p {
    font-size: 17px;
    letter-spacing: -0.31px;
  }

  .session-input-group input {
    padding: 16px 16px 15px 16px;
    font-size: 15px;
  }
  .team-session-outer-wrapper .team-session-form .team-session-form-wrapper .session-input-group.split-field-left {
    width: 100%;
    padding-right: 0px;
  }
  .team-session-outer-wrapper .team-session-form .team-session-form-wrapper .session-input-group.split-field-right {
    width: 100%;
    padding-left: 0px;
  }
  .team-session-outer-wrapper {
    background-position: right 140% top 145px;
    background-size: 170%;
  }
  .team-session-outer-wrapper .team-session-form {
    padding-bottom: 100px;
  }
  .pricing-page .pricing-header {
    float: left;
    width: 100%;
    padding: 40px 0px 40px 0px;
    text-align: center;
  }
  .team-session-form-header {
    padding: 40px 0px 40px 0px;
  }
  .pricing-header-background {
    background-position: right 90% top 105px;
  }
  body.team-colours section.teams-home-cta {
    padding: 80px 0px;
  }
  nav {
    padding: 15px 25px;
  }
  main {
    padding: 60px 0px;
  }
  body.team-colours header.teams-header .teams-header-wrapper h1 {
    font-size: 43px;
    line-height: 50px;
  }
  header.teams-header {
    padding: 78px 0px 0px 0px;
  }
  body.team-colours header.teams-header .teams-header-wrapper .teams-header-inner {
    padding: 60px 0px 0px 0px;
  }
  .teams-header-fixed {
    height: 560px;
  }
  header.teams-header .teams-header-browser-window:after {
    background-size: 450px;
    top: -60px;
    right: -530px;
    height: 450px;
  }

  .about-header .about-header-copy h1 {
    font-size: 43px;
    line-height: 50px;
  }

  .about-header:after {
    top: 150px;
    background-size: 450px;
    right: -530px;
    height: 450px;
  }
  .about-header .about-header-inner {
    padding: 60px 0px 0px 0px;
  }
  .plans-header .plans-header-inner {
    padding: 60px 0px 0px 0px;
  }

  .plans-header .plans-header-copy p.plans-header-small {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .plans-header .plans-header-copy h1 {
    font-size: 43px;
    line-height: 50px;
  }

  .about-header-background-fixed {
    height: 450px;
  }

  .plans-header-background-fixed {
    height: 450px;
  }

  .plans-header:after {
    top: 150px;
    background-size: 450px;
    right: -530px;
    height: 450px;
  }

  .about-header .about-header-copy {
    padding: 0px 0px 40px 0px;
  }
  .about-header .about-header-copy p.about-header-small {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .about-counts {
    padding-bottom: 80px;
  }
  .about-copy-block {
    margin-bottom: 120px;
  }
  .about-copy-block h2 {
    font-size: 32px;
  }
  .about-copy-block p {
    font-size: 18px;
    line-height: 30px;
  }
  footer .inner-wrapper.lrg {
    width: 90%;
  }

  footer .team-footer .left-col {
    width: 100%;
  }
  footer .team-footer .right-col {
    width: 100%;
    padding-top: 20px;
  }

  .voting-disabled-body .voting-disabled-body-inner {
    padding: 45px 0px 15px 0px;
  }

  .voting-disabled-body .voting-disabled-body-inner h2 {
    font-size: 28px;
    line-height: 32px;
  }

  .voting-disabled-body .voting-disabled-body-inner p {
    padding: 20px 0px;
    font-size: 15px;
    line-height: 26px;
  }

  .voting-disabled-body .voting-disabled-body-inner .voting-disabled-icon {
    width: 105px;
    margin-bottom: 20px;
  }

  main.session-page .inner-wrapper.session-form {
    height: 100%;
    min-height: auto;
    max-height: inherit;
    width: 90%;
  }

  main.session-page .inner-wrapper .form-wrapper {
    position: relative;
    top: inherit;
    transform: inherit;
  }

  header.session-form-header h1 {
    font-size: 34px;
  }
  .poll-create-account-cta p {
    font-size: 15px;
  }

  .reveal-modal.pro-modal .pro-modal-inner .pro-modal-left .pro-modal-title {
    font-size: 28px;
    line-height: 28px;
  }
  .reveal-modal.pro-modal .pro-modal-inner .pro-modal-left p.pro-modal-badge {
    padding: 10px;
    font-size: 18px;
  }

  .item-share-inline-wrapper .item-dropdown-wrapper .item-dropdown.animated-dropdown.bounceIn.social-share-links.inline {
    left: -5px;
  }
  .item-share-inline-wrapper .item-dropdown-wrapper .item-dropdown.animated-dropdown.bounceIn.social-share-links.inline.private-spacing {
    left: -15px;
  }
  .home-pro-left h3 {
    font-size: 60px;
  }
  .home-pro-left p {
    margin-top: 15px;
    font-size: 18px;
    line-height: 20px;
  }
  .home-pro-right img {
    width: 700px;
  }
  main.home-page section.home-pro {
    margin-top: 0px;
  }
  main.home-page section.home-cta a.action-button {
    font-size: 18px;
  }
}

@media screen and (max-width: 520px) {
  .poll-top-ad-inner .poll-top-ad-copy {
    width: calc(100% - 90px);
    height: 70px;
  }
  .poll-top-ad-image a {
    float: left;
    width: 90px;
  }

  .poll-top-ad-copy p a {
    font-size: 13.5px;
  }

  .polls-list .item-wrapper .item-links-wrapper {
    padding-left: 29px;
  }

  .polls-list.animated.poll-list-options .item-dropdown.animated-dropdown {
    bottom: 40px;
    top: inherit;
    right: inherit;
    left: 0px;
  }

  .polls-list.poll-list-options a.item.item-closed {
    padding: 30px 35px 110px 35px;
  }
  .polls-list .item-wrapper .item-links-wrapper .item-visibility-status {
    margin-left: 0px;
    margin-right: 25px;
    display: none;
  }
  .item-closed-link {
    margin-right: 0px;
    width: 100%;
    margin-bottom: 5px;
  }

  .polls-list.poll-list-options a.item {
    padding: 30px 35px 80px 35px;
  }
  .polls-list.poll-list-options a.item.item-closed {
    padding: 30px 35px 130px 35px;
  }
  main.home-page section.home-sharing .home-wrapper .right:after {
    background-size: 640px;
    width: 840px;
    height: 670px;
    top: -70px;
    left: -50px;
  }
  main.home-page section.home-cta {
    padding: 80px 40px;
  }
  .poll-secured {
    background-position: left top 6px;
  }
  .about-copy-block ul li {
    font-size: 18px;
    line-height: 30px;
    padding: 40px 20px 10px 0px;
    margin-bottom: 20px;
  }

  .polls-list .item-wrapper .item-links-wrapper .item-dropdown-wrapper {
    margin-left: 0px;
    float: left;
  }

  .polls-list .item-wrapper .item-links-wrapper a.item-link-settings {
    padding: 10px 10px 10px 38px;
    background-position: left 5px top 16px;
  }

  .reveal-modal.embed .embed-tabs .embed-tabs-buttons a {
    width: 100%;
    text-align: center;
    margin-right: 0px;
    margin-bottom: 15px;
  }

  .reveal-modal.embed .embed-tabs .embed-tab textarea {
    height: 175px;
  }

  body.team-colours section.teams-home-cta.pro-page {
    margin-top: 0px;
  }

  .pro-account-body-inner {
    padding: 10px;
  }

  header.profile .profile-header-inner .left .avatar .profile-pro-badge {
    padding: 5px 12px;
  }

  .poll-heading .author-date a.username-pro-badge {
    padding: 4px 8px;
  }

  .reveal-modal.basic-modal.new-pro-sub-modal {
    left: 5%;
    margin-left: 0px;
    width: 90%;
  }

  .copy-url-input-group a.modal-copy-url-link {
    position: inherit;
    right: inherit;
    top: inherit;
    background-color: #fff;
    color: #81869d;
    font-size: 13px;
    font-weight: 600;
    padding: 15px 9px;
    border-radius: 0px 0px 5px 5px;
    float: left;
    width: 100%;
    text-align: center;
    background-color: #009aff;
    color: #fff;
  }

  .copy-url-input-group input[type="text"] {
    border-radius: 5px 5px 0px 0px;
    font-size: 12.5px;
  }

  .plans-columns {
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
  .poll-create-account-cta {
    padding: 25px;
  }

  .poll-create-account-cta p {
    font-size: 14px;
  }

  .poll-create-account-cta a.poll-create-account-cta-button {
    width: 100%;
  }

  .user-profile-dropdown-outer {
    left: -900px;
  }

  .changelog-body {
    padding: 40px 30px;
  }

  .voting-disabled-body {
    padding: 40px 30px;
  }

  .voting-disabled-body .voting-disabled-body-inner {
    padding: 0px 0px 15px 0px;
  }

  section.home-icons .home-icons-wrapper .home-icon-block {
    padding: 0px;
  }

  .form-wrapper form .input-group.split-field-left {
    width: 100%;
    padding-right: 0px;
  }

  .form-wrapper form .input-group.split-field-right {
    width: 100%;
    padding-left: 0px;
  }
  .form-wrapper form .input-group {
    margin-bottom: 25px;
  }
  .form-wrapper form .input-group button {
    width: 100%;
  }

  .polls-list a.item .votes-count {
    right: -10px;
  }

  section.error-page {
    margin-bottom: 0px;
  }

  section.error-page .error-message h1 {
    font-size: 46px;
    line-height: 56px;
  }

  .form-wrapper form .input-group select {
    width: 100%;
  }

  a.poll-results-button {
    float: none;
    padding: 23px 10px 24px 10px;
    background-image: none;
    display: inline-block;
    margin-top: 30px;
    background-color: #f1f1f1;
    color: #868686;
    width: 100%;
    border-radius: 5px;
  }
  .poll-footer {
    text-align: center;
  }
  .poll-wrapper .poll-form .poll-footer button {
    width: 100%;
  }
  .form-wrapper form .input-group button {
    width: 100%;
  }
  .settings-actions-block .button-group a {
    margin-right: 0px;
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }

  .comments .comments-inner .comment .right .comment-footer p.date {
    margin-right: 0px;
    padding: 3px 0px 20px 0px;
    width: 100%;
  }
  .comments .header .right {
    padding-top: 14px;
    width: 100%;
  }
  .comments .comments-inner .comment .right .name {
    font-size: 22px;
  }
  .comments .comments-inner .comment .right .name a {
    font-size: 22px;
  }
  .book-cover-comments-outer .comments .header .left h2 {
    font-size: 22px;
  }
  .comments .comments-inner .comment .right .comment-copy {
    font-size: 17px;
  }

  .comments .comments-inner .comments-prompt strong {
    font-size: 22px;
  }
  .comments .comments-inner .comments-prompt p {
    font-size: 15.5px;
    line-height: 20px;
  }
  .comments .comments-inner .comment-textarea .right .redactor-editor {
    font-size: 16px;
  }
  .comments .comments-inner .comments-prompt {
    padding: 100px 0px 100px 0px;
  }

  .reveal-modal.login-modal {
    left: 5%;
    margin-left: 0px;
    width: 90%;
  }
  .comments .comments-inner .comment-textarea .right button {
    font-size: 16px;
  }
  .login-modal-wrapper {
    float: left;
    width: 100%;
    padding: 55px 35px 25px 35px;
  }

  .login-modal-wrapper a.modal-reset-link {
    float: left;
    font-size: 15px;
    color: #c1c1c1;
    letter-spacing: -0.25px;
    text-align: center;
    margin-top: 24px;
    font-weight: 500;
    width: 100%;
  }

  .modal-header p.heading {
    font-size: 32px;
  }

  .login-modal-wrapper .login-icon {
    width: 38px;
    height: 38px;
    margin-bottom: 10px;
    background-size: 36px;
  }

  .reveal-modal.default-modal .default-modal-body .default-modal-header p.modal-header-title {
    font-size: 24px;
    line-height: 31px;
  }
  .reveal-modal.default-modal .default-modal-body .default-modal-header p.modal-header-subtitle {
    font-size: 16px;
    line-height: 23px;
  }

  .reveal-modal.delete p.delete-title,
  .reveal-modal.report p.report-title,
  .modal-header p.heading,
  .reveal-modal.qr-code p.qr-code-title,
  .reveal-modal.embed .embed-modal-title {
    font-size: 24px;
    line-height: 31px;
  }
  .reveal-modal.delete p.delete-subtitle,
  .reveal-modal.report p.report-subtitle,
  .reveal-modal.qr-code p.qr-code-subtitle,
  .reveal-modal.embed .embed-modal-sub-title {
    font-size: 16px;
    line-height: 23px;
  }

  .reveal-modal.new-poll .new-poll-modal p.new-poll-subtitle {
    font-size: 16px;
    line-height: 23px;
  }

  .reveal-modal.new-poll .new-poll-modal p.new-poll-title {
    font-size: 26px;
  }

  a.modal-footer-link {
    padding: 28px 0px;
    font-size: 14px;
  }
  .share-modal-colour .share-modal-colour-inner {
    padding: 50px 30px;
  }
  .share-modal-colour p.new-poll-icon {
    width: 50px;
    height: 50px;
    background-size: 50px;
  }
  .reveal-modal.login-share-modal .login-modal-wrapper {
    width: 100%;
    padding: 35px 30px 20px 30px;
  }
  .reveal-modal.login-share-modal .login-modal-wrapper a.modal-reset-link {
    margin-top: 20px;
  }

  .reveal-modal.new-poll {
    width: 90%;
    margin-left: 0px;
    left: 5%;
  }

  .comments {
    padding: 90px 0px 30px 0px;
  }

  .reveal-modal.new-poll .new-poll-modal p.new-poll-icon {
    width: 40px;
    height: 40px;
    background-size: 40px;
  }

  .reveal-modal.new-poll .new-poll-modal p.new-poll-title {
    font-size: 26px;
    line-height: 30px;
    padding: 20px 30px 12px 0px;
  }

  .reveal-modal.new-poll .new-poll-modal p.new-poll-subtitle {
    font-size: 15px;
    line-height: 23px;
  }
  .reveal-modal.new-poll .new-poll-modal {
    float: left;
    width: 100%;
    padding: 40px 40px 30px 40px;
  }
  .login-modal-wrapper {
    float: left;
    width: 100%;
    padding: 40px 40px 10px 40px;
  }
  .poll-right-column .poll-right-column-inner .poll-share p.share-title,
  .modal-share-links .poll-share p.share-title {
    font-size: 15px;
  }

  .modal-share-links .poll-share ul li a.share-link {
    font-size: 16px;
  }

  .poll-right-column .poll-voted-notice p.poll-voted-info {
    font-size: 13px;
  }
  main.home-page section .home-wrapper .right img {
    max-width: 90%;
    margin-left: -20px;
  }

  header.home-header .logos {
    bottom: 20px;
  }

  header.home-header .home-header-inner {
    top: 48%;
  }

  main.home-page section .home-wrapper .left {
    padding-bottom: 30px;
  }

  .home-fixed-nav .right a.signup-button {
    display: none;
  }

  nav .mid a.create-poll-button {
    padding: 16px 20px 16px 20px;
    background-image: none;
  }

  .split-columns .right .copy-based section .brand-logo-wrapper .brand-logo-block img {
    width: 200px;
  }

  nav .right a.team-dashboard-button span {
    display: none;
  }

  body.team-colours header.home-header .home-header-inner p.sub span {
    width: 100%;
    float: left;
  }
  header.home-header .home-header-inner p.sub span.badge.blue {
    width: auto;
    float: none;
    margin-right: 0px;
    margin-bottom: 8px;
  }

  body.team-colours header.home-header .home-header-wrapper {
    background-position: right 90% top 105px;
    background-size: 670px;
  }

  .team-session-outer-wrapper .team-session-form .team-session-form-wrapper {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .session-start-wrapper .session-start-right-column .inner-wrapper.xx-sml {
    width: 90%;
  }

  .session-start-wrapper .session-start-right-column .notice.inline {
    font-size: 15px;
    padding: 15px 17px;
    margin-bottom: -5px;
  }
  .session-start-form-wrapper header.form-header .fast-poll-icon {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
  }
  .session-start-form-wrapper header.form-header h1 {
    font-size: 30px;
    line-height: 35px;
  }
  .session-start-form-wrapper .input-group input {
    padding: 15px 16px 14px 16px;
    font-size: 15px;
  }

  body.team-colours header.teams-header .teams-header-wrapper {
    width: 100%;
  }
  body.team-colours header.teams-header .teams-header-wrapper .teams-header-inner {
    padding: 60px 10px 0px 10px;
  }
  body.team-colours header.teams-header .teams-header-wrapper h1 {
    font-size: 36px;
    line-height: 44px;
  }

  .about-header .about-header-copy h1 {
    font-size: 36px;
    line-height: 44px;
  }
  .about-header:after {
    top: 180px;
    background-size: 430px;
    right: -530px;
    height: 450px;
  }

  .about-counts .about-count p.about-count-number {
    font-size: 44px;
  }

  footer .right .right-columns .footer-column {
    width: 50%;
  }

  .notice-banner {
    font-size: 13.5px;
    line-height: 18px;
  }

  .voting-disabled-body .voting-disabled-body-inner .voting-disabled-icon {
    width: 95px;
  }

  .voting-disabled-body .voting-disabled-body-inner h2 {
    font-size: 24px;
    line-height: 26px;
  }

  .voting-disabled-body .voting-disabled-body-inner p {
    padding: 20px 0px;
    font-size: 14px;
    line-height: 20px;
  }
  .voting-disabled-body .voting-disabled-body-inner p.voting-disabled-back-link a {
    font-size: 14px;
    background-size: 8px;
  }

  .voting-disabled-body .voting-disabled-body-inner p.voting-disabled-back-link {
    padding: 40px 0px 0px 0px;
  }

  .reveal-modal.pro-modal .pro-modal-inner .pro-modal-left {
    padding: 30px 35px;
  }

  .reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column {
    padding: 19px 35px 40px 35px;
  }

  .reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column .price p.number {
    font-size: 42px;
    line-height: 32px;
  }

  .reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column ul li {
    font-size: 16px;
  }

  .reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column p.title {
    font-size: 16px;
    line-height: 16px;
    padding-top: 10px;
  }

  .slim.poll-new {
    width: 290px;
    height: 190px;
  }

  .poll-top-ad-inner {
    max-height: 180px;
  }
}

@media screen and (max-width: 400px) {
  .pro-redirect-notice {
    padding: 16px 22px;
  }

  .pro-redirect-notice p.pro-redirect-badge {
    padding: 2px 7px;
    font-size: 13.5px;
    line-height: 20px;
    margin-top: 0px;
  }

  .pro-redirect-notice p {
    width: calc(100% - 0px);
    padding: 10px 0px 0px 0px;
    font-size: 14px;
    line-height: 18px;
  }
  .item-share-inline-wrapper .item-dropdown-wrapper .item-dropdown.animated-dropdown.bounceIn.social-share-links.inline {
    left: -5px;
  }
  .item-share-inline-wrapper .item-dropdown-wrapper .item-dropdown.animated-dropdown.bounceIn.social-share-links.inline.private-spacing {
    left: -95px;
  }
}

@media screen and (max-width: 350px) {
  main.home-page section.home-cta {
    padding: 80px 20px;
  }

  .session-start-wrapper .session-start-right-column .mid .mid-inner {
    position: relative;
    top: auto;
    transform: inherit;
    width: 100%;
  }
  .session-start-wrapper .session-start-right-column .mid {
    position: inherit;
    width: 100%;
    height: auto;
    padding: 20px 0px;
    float: left;
  }
  .session-start-wrapper .session-start-right-column .top {
    position: inherit;
    width: 100%;
    float: left;
  }
  .session-start-wrapper .session-start-right-column .footer {
    position: inherit;
    bottom: 0px;
    width: 100%;
    float: left;
  }

  .item-share-inline-wrapper {
    margin-right: 15px;
  }
  .poll-heading p.private-notice {
    margin-right: 20px;
  }

  .plans-header .plans-term-toggle-wrapper p {
    padding: 5px 0px;
  }
}

@media screen and (max-height: 667px) {
  header.home-header .home-header-inner h1 {
    font-size: 50px;
    line-height: 54px;
  }
  header.home-header .home-header-inner {
    max-width: 660px;
  }
  header.home-header .logos {
    bottom: 30px;
  }

  header.home-header .logos p.whatsapp {
    display: none;
  }
}

@media (max-height: 667px) and (max-width: 500px) {
  header.home-header .home-header-inner h1 {
    font-size: 38px;
    line-height: 46px;
  }
}