/* --------------------------
body.svk
--------------------------- */

body.svk {
  background-color: rgb(152,23,124);
}
body.svk .page-content {
  position: relative;
}
body.svk .page-content:before,
body.svk .page-content:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 100%;
  background: rgb(252, 194, 67);
  -webkit-transform: skewY(-45deg);
  transform: skewY(-45deg);
}
body.svk .page-content:after {
  height: 0px;
  width: 100%;
  bottom: 0px;
  right: 0px;
  top: auto;
  left: auto;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
}
@media only screen and (min-width: 576px) {
  body.svk .page-content {
    position: relative;
  }
  body.svk .page-content:before,
  body.svk .page-content:after {
    content: '';
    position: absolute;
    top: 10px;
    left: -20px;
    width: 20px;
    height: 100%;
    background: rgb(252, 194, 67);
    -webkit-transform: skewY(-45deg);
    transform: skewY(-45deg);
  }
  body.svk .page-content:after {
    height: 20px;
    width: 100%;
    bottom: -20px;
    right: 10px;
    top: auto;
    left: auto;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
  }
}
@media only screen and (min-width: 992px) {
  body.svk .page-content {
    position: relative;
  }
  body.svk .page-content:before,
  body.svk .page-content:after {
    content: '';
    position: absolute;
    top: 10px;
    left: -20px;
    width: 20px;
    height: 100%;
    background: rgb(252, 194, 67);
    -webkit-transform: skewY(-45deg);
    transform: skewY(-45deg);
  }
  body.svk .page-content:after {
    height: 20px;
    width: 100%;
    bottom: -20px;
    right: 10px;
    top: auto;
    left: auto;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
  }
}
body.svk .sidebar-item:not(.small-item) {
  position: relative;
}
body.svk .sidebar-item:not(.small-item):before,
body.svk .sidebar-item:not(.small-item):after {
  content: '';
  position: absolute;
  top: 5px;
  left: -10px;
  width: 10px;
  height: 100%;
  background: rgb(252, 194, 67);
  -webkit-transform: skewY(-45deg);
  transform: skewY(-45deg);
}
body.svk .sidebar-item:not(.small-item):after {
  height: 10px;
  width: 100%;
  bottom: -10px;
  right: 5px;
  top: auto;
  left: auto;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
}
body.svk .sidebar-item.small-item {
  position: relative;
}
body.svk .sidebar-item.small-item:before,
body.svk .sidebar-item.small-item:after {
  content: '';
  position: absolute;
  top: 5px;
  right: -10px;
  width: 10px;
  height: 100%;
  background: rgb(252, 194, 67);
  -webkit-transform: skewY(45deg);
  transform: skewY(45deg);
}
body.svk .sidebar-item.small-item:after {
  height: 10px;
  width: 100%;
  bottom: -10px;
  left: 5px;
  top: auto;
  right: auto;
  -webkit-transform: skewX(45deg);
  transform: skewX(45deg);
}
body.svk .pattern-wrapper .pattern {
  background-image: url(../assets/bg-pattern-scholierenverkiezingen.svg);
}
body.svk .pattern-wrapper .website-title {
  color: #7A1063;
}


/* --------------------------
body.kvk
--------------------------- */

body.kvk {
  background-color: rgb(252, 194, 67);
}
body.kvk .page-content {
  position: relative;
}
body.kvk .page-content:before,
body.kvk .page-content:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 100%;
  background: rgb(152,23,124);
  -webkit-transform: skewY(-45deg);
  transform: skewY(-45deg);
}
body.kvk .page-content:after {
  height: 0px;
  width: 100%;
  bottom: 0px;
  right: 0px;
  top: auto;
  left: auto;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
}
@media only screen and (min-width: 576px) {
  body.kvk .page-content {
    position: relative;
  }
  body.kvk .page-content:before,
  body.kvk .page-content:after {
    content: '';
    position: absolute;
    top: 10px;
    left: -20px;
    width: 20px;
    height: 100%;
    background: rgb(152,23,124);
    -webkit-transform: skewY(-45deg);
    transform: skewY(-45deg);
  }
  body.kvk .page-content:after {
    height: 20px;
    width: 100%;
    bottom: -20px;
    right: 10px;
    top: auto;
    left: auto;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
  }
}
@media only screen and (min-width: 992px) {
  body.kvk .page-content {
    position: relative;
  }
  body.kvk .page-content:before,
  body.kvk .page-content:after {
    content: '';
    position: absolute;
    top: 10px;
    left: -20px;
    width: 20px;
    height: 100%;
    background: rgb(152,23,124);
    -webkit-transform: skewY(-45deg);
    transform: skewY(-45deg);
  }
  body.kvk .page-content:after {
    height: 20px;
    width: 100%;
    bottom: -20px;
    right: 10px;
    top: auto;
    left: auto;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
  }
}
body.kvk .sidebar-item {
  position: relative;
}
body.kvk .sidebar-item:before,
body.kvk .sidebar-item:after {
  content: '';
  position: absolute;
  top: 5px;
  left: -10px;
  width: 10px;
  height: 100%;
  background: rgb(152,23,124);
  -webkit-transform: skewY(-45deg);
  transform: skewY(-45deg);
}
body.kvk .sidebar-item:after {
  height: 10px;
  width: 100%;
  bottom: -10px;
  right: 5px;
  top: auto;
  left: auto;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
}
body.kvk .countdown {
  color: rgb(152,23,124);
}
body.kvk .pattern-wrapper .pattern {
  background-image: url(../assets/bg-pattern-kinderverkiezingen.svg);
}
body.kvk .pattern-wrapper .website-title {
  color: #E7A514;
}


/* --------------------------
body.*
--------------------------- */


body {
  position: relative;
  margin: 0;
}
video,
object {
  max-width: 100%;
  height: auto;
}
pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}
hr {
  border: none;
  margin: 0 0 15px 0;
  border-bottom: 6px solid black;
}
ul,
li {
  padding: 0;
  list-style-type: none;
  margin: 0;
}
html,
body,
button,
input,
select,
textarea {
  font-family: 'Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8;
  color: #262626;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4 {
  font-weight: 400;
  margin: 0;
}
h1,
.h1 {
  font-weight: 500;
  font-size: 26px;
  line-height: 1.2;
}
@media only screen and (min-width: 576px) {
  h1,
  .h1 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) {
  h1,
  .h1 {
    font-size: 42px;
  }
}
@media only screen and (min-width: 992px) {
  h1,
  .h1 {
    font-size: 52px;
  }
}
h2,
.h2 {
  line-height: 1.5;
  font-size: 16px;
}
@media only screen and (min-width: 576px) {
  h2,
  .h2 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) {
  h2,
  .h2 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) {
  h2,
  .h2 {
    font-size: 25px;
  }
}
h3,
.h3 {
  font-weight: 500;
  line-height: 1.5;
  font-size: 18px;
}
@media only screen and (min-width: 576px) {
  h3,
  .h3 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) {
  h3,
  .h3 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) {
  h3,
  .h3 {
    font-size: 22px;
  }
}
h4,
.h4 {
  font-weight: 500;
  font-size: 1em;
  line-height: 1.5;
}
small,
.small {
  font-size: 14px;
  line-height: 1.8em;
}
.light {
  font-weight: 300;
}
.regular {
  font-weight: 400;
}
.regular-italic {
  font-weight: 400;
  font-style: italic;
}
.medium {
  font-weight: 500;
}
.medium-italic {
  font-weight: 500;
  font-style: italic;
}
.bold {
  font-weight: 700;
}
p:last-child,
.p:last-child {
  margin-bottom: 0;
}
a,
a:visited {
  color: inherit;
  text-decoration: none;
}
a:hover,
a:focus,
a:active,
a:link,
a:visited:hover,
a:visited:focus,
a:visited:active,
a:visited:link {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
a.underline {
  text-decoration:underline;
}
label {
  font-weight: normal;
}
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
.container {
  padding-left: 0;
  padding-right: 0;
}
#page-container {
  position: relative;
  z-index: 100;
  min-height: 50vh;
  padding-bottom: 100px;
  padding-top: 130px;
}
@media only screen and (min-width: 992px) {
  #page-container {
    padding-top: 300px;
  }
}
.page-has-cover #page-container {
  margin-top: 50vh;
}
.page-content {
  background-color: white;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) {
  .page-content {
    /* width: 66.666%; */
  }
  .page-has-sidebar .page-content {
    width: 66.666%;
    float: left;
  }
  .page-has-subnav .page-content {
    width: 66.666%;
    float: right;
  }
}
.page-content .content-wrapper {
  padding: 25px;
}
@media only screen and (min-width: 576px) {
  .page-content .content-wrapper {
    padding: 50px;
  }
}
@media only screen and (min-width: 992px) {
  .page-content .content-wrapper {
    padding: 80px;
  }
}
#nav {
  background-color: white;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
#nav .top-nav {
  display: flex;
  justify-content: flex-start;
}
	#nav .top-nav .logo {
		margin-right:0;
	}
		#nav .top-nav .logo + .logo {
			margin-left: 0;
			padding-left: 0;
		}
		#nav .top-nav .logo + .logo:before {
			content: "\f0da";
			font-family: 'FontAwesome';
			margin-right: 20px;
			margin-top: 2px;
			position: relative;
		}
	#nav .top-nav .flex-wrapper {
		float:none;
		margin-left:auto;
	}
	#nav .top-nav .small-menu-toggle {
		float:none;
		margin-left:auto;
	}
	
	
@media only screen and (max-width: 991px) {
  #nav .top-nav {
    padding: 0 20px;
  }
  
}
@media only screen and (max-width: 991px) {
  #nav .logo-prodemos {
    display: none;
  }
}
#nav .bottom-nav {
  border-top: 1px solid rgba(0,0,0,0.1);
}
#nav .menu-wrapper {
  display: none;
}
@media only screen and (min-width: 992px) {
  #nav .menu-wrapper {
    display: flex;
    align-items: center;
    height: 60px;
  }
  #nav .bottom-nav li:last-child {
		margin-left: auto;
		width: auto;
	}
}
@media only screen and (max-width: 575px) {
  #nav .menu-wrapper.visible {
    display: block !important;
  }
}
@media only screen and (max-width: 991px) {
  #nav .menu-wrapper.visible {
    overflow-y: auto;
    padding: 25px;
    height: calc(100vh - 60px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
  }
  
}
#nav .menu-wrapper.visible .sub-menu {
  display: block !important;
}
@media only screen and (min-width: 992px) {
  #nav .menu-item {
    font-size: 14px;
    line-height: 1.8em;
  }
}
#nav .menu-item.level-0 {
  width: 20%;
  font-weight: 500;
}
@media only screen and (max-width: 991px) {
  #nav .menu-item.level-0 {
    margin-bottom: 30px;
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  #nav .menu-item.level-1 {
    font-weight: 500;
  }
}
#nav .menu-item.search {
  width: 30px;
  display: none;
  text-align: right;
}
@media only screen and (min-width: 992px) {
  #nav .menu-item.search {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  #nav .sub-menu {
    display: none;
    font-weight: 400;
    position: absolute;
    width: 300px;
    background-color: white;
    padding: 10px 30px 30px;
    margin-left: -30px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    z-index: 1;
    margin-top: 15px;
  }
}
#nav .sub-menu li:not(:last-child) {
  margin-bottom: 0.5em;
}
#nav .sub-menu-header {
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  #nav .sub-menu-header {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.8em;
  }
}
@media only screen and (min-width: 992px) {
  #nav .sub-menu-header:after {
    content: '\f0dd';
    font-family: 'FontAwesome';
    margin-left: 8px;
    position: relative;
    top: -2px;
  }
}
#nav .small-menu-toggle {
  color: rgb(152,23,124);
  font-size: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  float: right;
}
#nav .small-menu-toggle .icon {
  padding: 10px;
}
@media only screen and (min-width: 992px) {
  #nav .small-menu-toggle {
    display: none;
  }
}

#nav .top-nav.loggedout .logout,
#nav .bottom-nav.loggedout .logout {
	display:none;
}


.countdown {
  color: white;
  position: relative;
  z-index: 1;
  line-height: 1;
  opacity: 0;
  font-size: 36px;
  position: relative;
  top: 130px;
}
@media only screen and (max-width: 575px) {
  .countdown {
    padding: 0 20px 50px;
  }
}
@media only screen and (min-width: 576px) {
  .countdown {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .countdown {
    font-size: 60px;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) {
  .countdown {
    font-size: 80px;
    top: 210px;
  }
}
.countdown .container {
  position: relative;
}
.countdown .countdown-header {
  position: relative;
  z-index: 1;
}
.countdown .countdown-timer {
  font-weight: 500;
}
.countdown .cover-wrapper {
  width: 700px;
  height: 380px;
  position: absolute;
  top: -110px;
  left: 0px;
  display: none;
}
.countdown .cover-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
#cover {
  width: 100%;
  height: 450px;
  position: relative;
}
#cover .cover-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#cover:before {
  content: '';
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  z-index: 1;
  background-image: url('../assets/cover-overlay.svg');
  background-position: bottom;
  background-size: contain;
  background-repeat: repeat-x;
  display: none;
}
.pattern-wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
  pointer-events: none;
  backface-visibility: hidden;
}
.pattern-wrapper .pattern {
  position: absolute;
  top: 20vw;
  left: -10%;
  width: 120%;
  height: 500%;
  background-size: 49%;
}
.pattern-wrapper .website-title {
  position: absolute;
  font-size: 9.75vw;
  margin-left: -1vw;
  top: 90px;
  z-index: 1;
}
.sidebar {
  margin-top: 50px;
  font-size: 14px;
  line-height: 1.8em;
  padding: 0 25px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 992px) {
  .sidebar {
    margin-top: 100px;
    float: right;
    width: 33.333%;
    padding-left: 40px;
  }
}
.sidebar .sidebar-item {
  background-color: #ffffff;
  padding: 25px;
  position: relative;
}
.sidebar .sidebar-item:not(:last-child) {
  margin-bottom: 40px;
}
.sidebar .sidebar-title {
  color: rgb(152,23,124);
  font-weight: 500;
}
.sidebar .sidebar-link:not(:last-child) {
  margin-bottom: 5px;
}
.sidebar .prodemos-logo-nl {
  text-align: center;
  padding: 20px 0 40px;
}
.sidebar .prodemos-logo-nl img {
  width: 100%;
  max-width: 150px;
}
.subnav {
  font-size: 14px;
  line-height: 1.8em;
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) {
  .subnav {
    float: left;
    width: 33.333%;
    padding-right: 40px;
    margin-bottom: 0px;
    position: sticky;
    top: 140px;
    margin-top: 100px;
  }
}
.subnav .subnav-container {
  position: relative;
  background-color: #ffffff;
  padding: 25px;
}
.subnav .subnav-container:before,
.subnav .subnav-container:after {
  content: '';
  position: absolute;
  top: 5px;
  left: -10px;
  width: 10px;
  height: 100%;
  background: rgb(252, 194, 67);
  -webkit-transform: skewY(-45deg);
  transform: skewY(-45deg);
}
.subnav .subnav-container:after {
  height: 10px;
  width: 100%;
  bottom: -10px;
  right: 5px;
  top: auto;
  left: auto;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
}
.subnav .subnav-header {
  color: rgb(152,23,124);
}
.subnav .subnav-items {
  margin-top: 10px;
}
.subnav .subnav-item {
  padding: 10px 0px;
}
.subnav .subnav-item:not(:last-child) {
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.subnav .subnav-item .active {
  font-weight: 500;
  color: rgb(152,23,124);
}
.subnav .subnav-title {
  float: left;
}
.subnav .subnav-icon {
  float: right;
  position: relative;
  top: 6px;
}
#footer {
  font-size: 14px;
  line-height: 1.8em;
  border-top: 1px solid rgba(0,0,0,0.1);
}
@media only screen and (max-width: 1199px) {
  #footer {
    text-align: center;
  }
}
#footer .content-wrapper {
  padding: 25px;
}
@media only screen and (min-width: 576px) {
  #footer .content-wrapper {
    padding: 25px 50px;
  }
}
@media only screen and (min-width: 992px) {
  #footer .content-wrapper {
    padding: 25px 80px;
  }
}
#footer .footer-logo {
  display: inline-block;
  width: 310px;
  height: 25px;
  top: 7px;
  position: relative;
  background-image: url('../assets/logo-NL-horizontaal.svg');
  background-repeat: no-repeat;
  background-color: white;
  background-size: contain;
  margin-left: 10px;
}
.logo {
  height: 60px;
  font-family: 'Bree Serif', 'Georgia', Cambria, Times New Roman, Times, serif;
  color: rgb(152,23,124) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px;
  font-size: 100%;
  float: left;
  margin-left: -20px;
}
@media only screen and (max-width: 340px) {
  .logo {
    font-size: 90%;
  }
}
@media only screen and (min-width: 992px) {
  .logo {
    float: none;
    margin-right: 40px;
    font-size: 110%;
  }
}
.logo:hover {
  color: white !important;
  background-color: rgb(170, 48, 144);
}
.logo-prodemos {
  height: 60px;
  font-size: 100%;
  width: 190px;
  float: left;
  background-image: url('../assets/logo.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgb(252, 194, 67);
}
#nav-main .searchform {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#nav-main .searchform .search-submit {
  font-size: 14px;
  line-height: 1.8em;
  border: none;
  background-color: transparent;
  color: rgb(152,23,124);
  cursor: pointer;
  transform: scale(0);
  transition: transform 0.3s;
  width: 100px;
  text-align: right;
}
#nav-main .searchform .icon {
  margin-left: 5px;
}
#nav-main .searchform.not-empty .search-submit {
  transform: scale(1);
}
.page-breadcrumbs {
  margin-bottom: 10px;
  display: block;
}
.page-header {
  margin-bottom: 40px;
}
.facebook-light {
  display: inline-block;
  position: relative;
  width: 33px;
  height: 33px;
  border-radius: 33px;
  background-color: rgb(151, 230, 237);
  transition: all .2s ease-in-out;
}
.facebook-light:hover {
  transform: scale(1.1);
}
.facebook-light:before {
  display: inline-block;
  width: 33px;
  color: rgb(23, 158, 217);
  font-size: 1rem;
  font-family: "FontAwesome";
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.facebook-light:before {
  content: "\f09a";
}
.twitter-light {
  display: inline-block;
  position: relative;
  width: 33px;
  height: 33px;
  border-radius: 33px;
  background-color: rgb(151, 230, 237);
  transition: all .2s ease-in-out;
}
.twitter-light:hover {
  transform: scale(1.1);
}
.twitter-light:before {
  display: inline-block;
  width: 33px;
  color: rgb(23, 158, 217);
  font-size: 1rem;
  font-family: "FontAwesome";
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.twitter-light:before {
  content: "\f099";
}
.youtube-light {
  display: inline-block;
  position: relative;
  width: 33px;
  height: 33px;
  border-radius: 33px;
  background-color: rgb(151, 230, 237);
  transition: all .2s ease-in-out;
}
.youtube-light:hover {
  transform: scale(1.1);
}
.youtube-light:before {
  display: inline-block;
  width: 33px;
  color: rgb(23, 158, 217);
  font-size: 1rem;
  font-family: "FontAwesome";
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.youtube-light:before {
  content: "\f16a";
}
.instagram-light {
  display: inline-block;
  position: relative;
  width: 33px;
  height: 33px;
  border-radius: 33px;
  background-color: rgb(151, 230, 237);
  transition: all .2s ease-in-out;
}
.instagram-light:hover {
  transform: scale(1.1);
}
.instagram-light:before {
  display: inline-block;
  width: 33px;
  color: rgb(23, 158, 217);
  font-size: 1rem;
  font-family: "FontAwesome";
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.instagram-light:before {
  content: "\f16d";
}
.linkedin-light {
  display: inline-block;
  position: relative;
  width: 33px;
  height: 33px;
  border-radius: 33px;
  background-color: rgb(151, 230, 237);
  transition: all .2s ease-in-out;
}
.linkedin-light:hover {
  transform: scale(1.1);
}
.linkedin-light:before {
  display: inline-block;
  width: 33px;
  color: rgb(23, 158, 217);
  font-size: 1rem;
  font-family: "FontAwesome";
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.linkedin-light:before {
  content: "\f0e1";
}
.rss-light {
  display: inline-block;
  position: relative;
  width: 33px;
  height: 33px;
  border-radius: 33px;
  background-color: rgb(151, 230, 237);
  transition: all .2s ease-in-out;
}
.rss-light:hover {
  transform: scale(1.1);
}
.rss-light:before {
  display: inline-block;
  width: 33px;
  color: rgb(23, 158, 217);
  font-size: 1rem;
  font-family: "FontAwesome";
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.rss-light:before {
  content: "\f09e";
}
.facebook-opposite {
  display: inline-block;
  position: relative;
  width: 33px;
  height: 33px;
  border-radius: 33px;
  background-color: rgb(221, 55, 0);
  transition: all .2s ease-in-out;
}
.facebook-opposite:hover {
  transform: scale(1.1);
}
.facebook-opposite:before {
  display: inline-block;
  width: 33px;
  color: rgb(237, 170, 151);
  font-size: 1rem;
  font-family: "FontAwesome";
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.facebook-opposite:before {
  content: "\f09a";
}
.twitter-opposite {
  display: inline-block;
  position: relative;
  width: 33px;
  height: 33px;
  border-radius: 33px;
  background-color: rgb(221, 55, 0);
  transition: all .2s ease-in-out;
}
.twitter-opposite:hover {
  transform: scale(1.1);
}
.twitter-opposite:before {
  display: inline-block;
  width: 33px;
  color: rgb(237, 170, 151);
  font-size: 1rem;
  font-family: "FontAwesome";
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.twitter-opposite:before {
  content: "\f099";
}
.youtube-opposite {
  display: inline-block;
  position: relative;
  width: 33px;
  height: 33px;
  border-radius: 33px;
  background-color: rgb(221, 55, 0);
  transition: all .2s ease-in-out;
}
.youtube-opposite:hover {
  transform: scale(1.1);
}
.youtube-opposite:before {
  display: inline-block;
  width: 33px;
  color: rgb(237, 170, 151);
  font-size: 1rem;
  font-family: "FontAwesome";
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.youtube-opposite:before {
  content: "\f16a";
}
.instagram-opposite {
  display: inline-block;
  position: relative;
  width: 33px;
  height: 33px;
  border-radius: 33px;
  background-color: rgb(221, 55, 0);
  transition: all .2s ease-in-out;
}
.instagram-opposite:hover {
  transform: scale(1.1);
}
.instagram-opposite:before {
  display: inline-block;
  width: 33px;
  color: rgb(237, 170, 151);
  font-size: 1rem;
  font-family: "FontAwesome";
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.instagram-opposite:before {
  content: "\f16d";
}
.linkedin-opposite {
  display: inline-block;
  position: relative;
  width: 33px;
  height: 33px;
  border-radius: 33px;
  background-color: rgb(221, 55, 0);
  transition: all .2s ease-in-out;
}
.linkedin-opposite:hover {
  transform: scale(1.1);
}
.linkedin-opposite:before {
  display: inline-block;
  width: 33px;
  color: rgb(237, 170, 151);
  font-size: 1rem;
  font-family: "FontAwesome";
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.linkedin-opposite:before {
  content: "\f0e1";
}
.rss-opposite {
  display: inline-block;
  position: relative;
  width: 33px;
  height: 33px;
  border-radius: 33px;
  background-color: rgb(221, 55, 0);
  transition: all .2s ease-in-out;
}
.rss-opposite:hover {
  transform: scale(1.1);
}
.rss-opposite:before {
  display: inline-block;
  width: 33px;
  color: rgb(237, 170, 151);
  font-size: 1rem;
  font-family: "FontAwesome";
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.rss-opposite:before {
  content: "\f09e";
}

/*
	.button-cta {
		font-weight: 500;
		color: rgb(152,23,124) !important;
		background-color: rgb(245, 243, 240);
		padding: 10px 15px;
		border-left: solid 10px rgb(152,23,124);
		border-bottom: solid 10px rgb(152,23,124);
		display: inline-block;
	}
	.button-cta:after {
		content: "\f0a9";
		font-family: 'FontAwesome';
		margin-left: 10px;
		margin-right: 5px;
	}
*/

.button-cta:hover {
  text-decoration: none !important;
}
.button-cta:hover:after {
  margin-left: 20px;
}
.button-cta:active {
  background-color: #EAE8E5;
  position: relative;
  top: 1px;
}
.button-cta.dropshadow {
  position:relative;
  border-radius: 0;
  border-left:0 !important;
  border-right:0 !important;
}

.button-cta.dropshadow:before,
.button-cta.dropshadow:after {
  content: '' !important;
  position: absolute;
  top: 5px;
  left: -10px;
  width: 10px;
  height: 100%;
  background: rgb(252, 194, 67);
  -webkit-transform: skewY(-45deg);
  transform: skewY(-45deg);
}
.button-cta.dropshadow:after {
  height: 10px;
  width: 100%;
  bottom: -10px;
  right: 0;
  top: auto;
  left: auto;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
}
.button-cta.dropshadow span:after {
  content: "\f0a9";
  font-family: 'FontAwesome';
  margin-left: 10px;
  margin-right: 5px;
}

.button-default {
  display: block;
  width: 100%;
  padding: 6px 10px;
  color: white !important;
  background-color: rgb(152,23,124);
  text-align: center;
}
.button-default:hover {
  background-color: rgb(170, 48, 144);
  color: white !important;
  text-decoration: none !important;
}
.button-default:active {
  background-color: rgb(121, 18, 99);
  position: relative;
  top: 1px;
}
.page-template-page_search .searchform {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.page-template-page_search .searchform .search-submit {
  font-size: 14px;
  line-height: 1.8em;
  border: none;
  background-color: transparent;
  color: rgb(152,23,124);
  cursor: pointer;
  transition: transform 0.3s;
  width: 100px;
  text-align: right;
}
.page-template-page_search .searchform input {
  width: 100%;
  padding: 10px;
  border: 1px solid rgba(0,0,0,0.1);
}
.page-template-page_search .searchform .icon {
  margin-left: 5px;
}
.search-results .search-result-item {
  margin-top: 40px;
}
.search-results .link {
  color: rgb(152,23,124);
}
#post-title-0 {
  font-weight: 400;
  margin: 0;
  font-weight: 500;
  font-size: 26px;
  line-height: 1.2;
  color: rgb(152,23,124);
  font-family: inherit;
  hyphens:auto;
}
@media only screen and (min-width: 576px) {
  #post-title-0 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) {
  #post-title-0 {
    font-size: 42px;
  }
}
@media only screen and (min-width: 992px) {
  #post-title-0 {
    font-size: 52px;
  }
}
.sv-block-button {
  display: block;
  margin-top: 20px;
}
.sv-block-button .sv-block-button__link {
  font-weight: 500;
  position: relative;
  border-radius: 0;
  border: 0;
  color: rgb(152,23,124) !important;
  background-color: rgb(245, 243, 240);
  padding: 10px 15px;
  display: inline-block;
  cursor:pointer;
}
.sv-block-button .sv-block-button__link:before,
.sv-block-button .sv-block-button__link:after {
  content: '';
  position: absolute;
  top: 2.5px;
  left: -5px;
  width: 5px;
  height: 100%;
  background: rgb(152,23,124);
  -webkit-transform: skewY(-45deg);
  transform: skewY(-45deg);
}
.sv-block-button .sv-block-button__link:after {
  height: 5px;
  width: 100%;
  bottom: -5px;
  right: 2.5px;
  top: auto;
  left: auto;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
}
.sv-block-button .sv-block-button__link:hover {
  background-color: rgb(252, 194, 67);
}
.sv-block-paragraph {
  font-family: inherit !important;
}
.sv-block-paragraph:last-child {
  margin-bottom: 0;
}
.sv-block-paragraph a {
  color: rgb(152,23,124);
  text-decoration: underline;
}
.sv-block-heading {
  margin-bottom: 1rem;
  margin-top: 2rem;
}
h2.sv-block-heading {
  font-weight: 400;
}
h3.sv-block-heading {
  color: rgb(152,23,124);
}
.sv-block-prodemos-accordion .accordion-header {
  font-weight: 400;
  margin: 0;
  font-weight: 500;
  line-height: 1.5;
  font-size: 18px;
  color: rgb(152,23,124);
  padding: 12px 0;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  cursor: pointer;
  list-style: none;
}
@media only screen and (min-width: 576px) {
  .sv-block-prodemos-accordion .accordion-header {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) {
  .sv-block-prodemos-accordion .accordion-header {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .sv-block-prodemos-accordion .accordion-header {
    font-size: 22px;
  }
}
.sv-block-prodemos-accordion .accordion-header h3 {
  pointer-events: none;
}
.sv-block-prodemos-accordion .accordion-header::-webkit-details-marker {
  display: none;
}
.sv-block-prodemos-accordion .accordion-header:after {
  content: "+";
  color: rgb(152,23,124);
  float: right;
  font-weight: 300;
  font-size: 43px;
  margin-top: -12px;
}
.sv-block-prodemos-accordion .accordion-header:-moz-details-marker {
  display: none;
}
.sv-block-prodemos-accordion .accordion-header:focus {
  outline: none;
}
.sv-block-prodemos-accordion .accordion-content {
  padding: 0px 0 50px 0;
}
.sv-block-prodemos-accordion[open] {
  margin-bottom: 50px;
}
.sv-block-prodemos-accordion[open] .accordion-header {
  border-bottom: 1px solid rgba(0,0,0,0);
}
.sv-block-prodemos-accordion[open] .accordion-header:after {
  content: "–";
}
.sv-block-embed {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  margin: 50px 0;
}
.sv-block-embed.alignwide,
.sv-block-embed.alignfull {
  padding-bottom: 61%;
  margin-left: -25px;
  width: calc(100% + 50px);
}
@media only screen and (min-width: 576px) {
  .sv-block-embed.alignwide,
  .sv-block-embed.alignfull {
    padding-bottom: 68%;
    margin-left: -50px;
    width: calc(100% + 100px);
  }
}
@media only screen and (min-width: 992px) {
  .sv-block-embed.alignwide,
  .sv-block-embed.alignfull {
    padding-bottom: 72%;
    margin-left: -80px;
    width: calc(100% + 160px);
  }
}
.sv-block-embed iframe {
  width: 100%;
  height: 100%;
  position: absolute;
}
ul.sv-block-list li {
  list-style-type: disc;
}
ol.sv-block-list li {
  list-style-type: decimal;
}
.sv-block-list li:not(:last-child) {
  margin-bottom: 1em;
}
.sv-block-list a {
  color: rgb(152,23,124);
  text-decoration: underline;
}
.sv-block-quote {
  font-weight: 400;
  margin: 0;
  font-weight: 500;
  line-height: 1.5;
  font-size: 18px;
  position: relative;
  margin-bottom: 40px;
  margin-top: 30px;
}
@media only screen and (min-width: 576px) {
  .sv-block-quote {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) {
  .sv-block-quote {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .sv-block-quote {
    font-size: 22px;
  }
}
.sv-block-quote p {
  font-weight: 400;
  margin: 0;
  font-weight: 500;
  line-height: 1.5;
  font-size: 18px;
  font-family: 'Bree Serif', 'Georgia', Cambria, Times New Roman, Times, serif;
  font-style: italic;
}
@media only screen and (min-width: 576px) {
  .sv-block-quote p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) {
  .sv-block-quote p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .sv-block-quote p {
    font-size: 22px;
  }
}
.sv-block-quote:not(.is-large):not(.is-style-large) {
  border-left: 0;
  padding-left: 1em;
}
.sv-block-quote:before {
  color: rgb(152,23,124);
  font-family: sans-serif;
  font-size: 40px;
  line-height: 0;
  content: '“';
  position: absolute;
  left: 0;
  top: 0.5em;
  padding-right: 10px;
}
.sv-block-quote:after {
  display: none;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.vertical-align {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.color-x-dark-bg {
  background-color: rgb(36, 127, 194);
}
.color-dark-bg {
  background-color: rgb(23, 158, 217);
}
.color-medium-bg {
  background-color: rgb(0, 186, 221);
}
.color-light-bg {
  background-color: rgb(80, 195, 220);
}
.color-x-light-bg {
  background-color: rgb(151, 230, 237);
}
.color-purple {
  color: rgb(152,23,124);
}
.call-to-action {
  display: inline-block;
  font-size: 1.15rem;
  line-height: 41px;
  background-color: rgb(221, 55, 0);
  border-right-style: solid;
  border-right-width: 7px;
  border-right-color: rgb(0, 186, 221);
  border-bottom-style: solid;
  border-bottom-width: 7px;
  border-bottom-color: rgb(0, 186, 221);
}
.call-to-action span {
  display: block;
  font-weight: 500;
  color: rgb(255,255,255);
  padding: 0 51px 0 20px;
  height: 41px;
  background-color: rgb(221, 55, 0);
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='mask' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 60 60' style='enable-background:new 0 0 60 60;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:rgb(237, 170, 151);%7D%3C/style%3E%3Cpath class='st0' d='M60,60H0V0h60V60z M19.3,13.9v32.2L46.7,30L19.3,13.9z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 41px 41px;
  background-position: center right;
}
.call-to-action span:hover {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='mask' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 60 60' style='enable-background:new 0 0 60 60;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:rgb(255,255,255);%7D%3C/style%3E%3Cpath class='st0' d='M60,60H0V0h60V60z M19.3,13.9v32.2L46.7,30L19.3,13.9z'/%3E%3C/svg%3E");
  color: rgb(255,255,255);
}
.call-to-action-large {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 60px;
  background-color: rgb(221, 55, 0);
  border-right-style: solid;
  border-right-width: 15px;
  border-right-color: rgb(0, 186, 221);
  border-bottom-style: solid;
  border-bottom-width: 15px;
  border-bottom-color: rgb(0, 186, 221);
}
.call-to-action-large span {
  display: block;
  font-weight: 500;
  color: rgb(255,255,255);
  padding: 0 70px 0 30px;
  height: 60px;
  background-color: rgb(221, 55, 0);
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='mask' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 60 60' style='enable-background:new 0 0 60 60;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:rgb(237, 170, 151);%7D%3C/style%3E%3Cpath class='st0' d='M60,60H0V0h60V60z M19.3,13.9v32.2L46.7,30L19.3,13.9z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-position: top right;
}
.call-to-action-large span:hover {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='mask' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 60 60' style='enable-background:new 0 0 60 60;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:rgb(255,255,255);%7D%3C/style%3E%3Cpath class='st0' d='M60,60H0V0h60V60z M19.3,13.9v32.2L46.7,30L19.3,13.9z'/%3E%3C/svg%3E");
  color: rgb(255,255,255);
}
.arrow-left-light {
  left: 0;
  display: inline-block;
  width: 33px;
  height: 33px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 63 63' style='enable-background:new 0 0 63 63;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:rgb(151, 230, 237);%7D.st1%7Bfill:rgb(23, 158, 217);%7D%3C/style%3E%3Ccircle class='st0' cx='31.5' cy='31.5' r='31.5'/%3E%3Cpolygon class='st1' points='11.2,30.4 14.6,33.8 28.5,18.5 28.5,54.5 33.5,54.5 33.5,18.5 48,33.8 51.7,30.4 31.5,8.6 '/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 33px 33px;
  background-position: center;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: all .2s ease-in-out;
  position: relative;
}
.arrow-left-light:hover {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.arrow-left-light:hover {
  left: -5px;
}
.arrow-right-light {
  right: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 63 63' style='enable-background:new 0 0 63 63;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:rgb(255,255,255);%7D.st1%7Bfill:rgb(23, 158, 217);%7D%3C/style%3E%3Ccircle class='st0' cx='31.5' cy='31.5' r='31.5'/%3E%3Cpolygon class='st1' points='11.2,30.4 14.6,33.8 28.5,18.5 28.5,54.5 33.5,54.5 33.5,18.5 48,33.8 51.7,30.4 31.5,8.6 '/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: all .2s ease-in-out;
  position: relative;
}
.arrow-right-light:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}
.arrow-right-light:hover {
  right: -5px;
}
.arrow-up-light {
  top: 0;
  display: inline-block;
  width: 33px;
  height: 33px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 63 63' style='enable-background:new 0 0 63 63;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:rgb(151, 230, 237);%7D.st1%7Bfill:rgb(23, 158, 217);%7D%3C/style%3E%3Ccircle class='st0' cx='31.5' cy='31.5' r='31.5'/%3E%3Cpolygon class='st1' points='11.2,30.4 14.6,33.8 28.5,18.5 28.5,54.5 33.5,54.5 33.5,18.5 48,33.8 51.7,30.4 31.5,8.6 '/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 33px 33px;
  background-position: center;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: all .2s ease-in-out;
  position: relative;
}
.arrow-up-light:hover {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
}
.arrow-up-light:hover {
  top: -5px;
}
.arrow-down-light {
  bottom: 0;
  display: inline-block;
  width: 33px;
  height: 33px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 63 63' style='enable-background:new 0 0 63 63;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:rgb(151, 230, 237);%7D.st1%7Bfill:rgb(23, 158, 217);%7D%3C/style%3E%3Ccircle class='st0' cx='31.5' cy='31.5' r='31.5'/%3E%3Cpolygon class='st1' points='11.2,30.4 14.6,33.8 28.5,18.5 28.5,54.5 33.5,54.5 33.5,18.5 48,33.8 51.7,30.4 31.5,8.6 '/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 33px 33px;
  background-position: center;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: all .2s ease-in-out;
  position: relative;
}
.arrow-down-light:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.arrow-down-light:hover {
  bottom: -5px;
}
.arrow-left-dark {
  left: 0;
  display: inline-block;
  width: 33px;
  height: 33px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 63 63' style='enable-background:new 0 0 63 63;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:rgb(23, 158, 217);%7D.st1%7Bfill:rgb(151, 230, 237);%7D%3C/style%3E%3Ccircle class='st0' cx='31.5' cy='31.5' r='31.5'/%3E%3Cpolygon class='st1' points='11.2,30.4 14.6,33.8 28.5,18.5 28.5,54.5 33.5,54.5 33.5,18.5 48,33.8 51.7,30.4 31.5,8.6 '/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 33px 33px;
  background-position: center;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: all .2s ease-in-out;
  position: relative;
}
.arrow-left-dark:hover {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.arrow-left-dark:hover {
  left: -5px;
}
.arrow-right-dark {
  right: 0;
  display: inline-block;
  width: 33px;
  height: 33px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 63 63' style='enable-background:new 0 0 63 63;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:rgb(23, 158, 217);%7D.st1%7Bfill:rgb(151, 230, 237);%7D%3C/style%3E%3Ccircle class='st0' cx='31.5' cy='31.5' r='31.5'/%3E%3Cpolygon class='st1' points='11.2,30.4 14.6,33.8 28.5,18.5 28.5,54.5 33.5,54.5 33.5,18.5 48,33.8 51.7,30.4 31.5,8.6 '/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 33px 33px;
  background-position: center;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: all .2s ease-in-out;
  position: relative;
}
.arrow-right-dark:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}
.arrow-right-dark:hover {
  right: -5px;
}
.arrow-up-dark {
  top: 0;
  display: inline-block;
  width: 33px;
  height: 33px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 63 63' style='enable-background:new 0 0 63 63;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:rgb(23, 158, 217);%7D.st1%7Bfill:rgb(151, 230, 237);%7D%3C/style%3E%3Ccircle class='st0' cx='31.5' cy='31.5' r='31.5'/%3E%3Cpolygon class='st1' points='11.2,30.4 14.6,33.8 28.5,18.5 28.5,54.5 33.5,54.5 33.5,18.5 48,33.8 51.7,30.4 31.5,8.6 '/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 33px 33px;
  background-position: center;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: all .2s ease-in-out;
  position: relative;
}
.arrow-up-dark:hover {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
}
.arrow-up-dark:hover {
  top: -5px;
}
.arrow-down-dark {
  bottom: 0;
  display: inline-block;
  width: 33px;
  height: 33px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 63 63' style='enable-background:new 0 0 63 63;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:rgb(23, 158, 217);%7D.st1%7Bfill:rgb(151, 230, 237);%7D%3C/style%3E%3Ccircle class='st0' cx='31.5' cy='31.5' r='31.5'/%3E%3Cpolygon class='st1' points='11.2,30.4 14.6,33.8 28.5,18.5 28.5,54.5 33.5,54.5 33.5,18.5 48,33.8 51.7,30.4 31.5,8.6 '/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 33px 33px;
  background-position: center;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: all .2s ease-in-out;
  position: relative;
}
.arrow-down-dark:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.arrow-down-dark:hover {
  bottom: -5px;
}
.arrow-left-opposite {
  left: 0;
  display: inline-block;
  width: 33px;
  height: 33px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 63 63' style='enable-background:new 0 0 63 63;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:rgb(221, 55, 0);%7D.st1%7Bfill:rgb(237, 170, 151);%7D%3C/style%3E%3Ccircle class='st0' cx='31.5' cy='31.5' r='31.5'/%3E%3Cpolygon class='st1' points='11.2,30.4 14.6,33.8 28.5,18.5 28.5,54.5 33.5,54.5 33.5,18.5 48,33.8 51.7,30.4 31.5,8.6 '/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 33px 33px;
  background-position: center;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: all .2s ease-in-out;
  position: relative;
}
.arrow-left-opposite:hover {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.arrow-left-opposite:hover {
  left: -5px;
}
.arrow-right-opposite {
  right: 0;
  display: inline-block;
  width: 33px;
  height: 33px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 63 63' style='enable-background:new 0 0 63 63;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:rgb(221, 55, 0);%7D.st1%7Bfill:rgb(237, 170, 151);%7D%3C/style%3E%3Ccircle class='st0' cx='31.5' cy='31.5' r='31.5'/%3E%3Cpolygon class='st1' points='11.2,30.4 14.6,33.8 28.5,18.5 28.5,54.5 33.5,54.5 33.5,18.5 48,33.8 51.7,30.4 31.5,8.6 '/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 33px 33px;
  background-position: center;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: all .2s ease-in-out;
  position: relative;
}
.arrow-right-opposite:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}
.arrow-right-opposite:hover {
  right: -5px;
}
.arrow-up-opposite {
  top: 0;
  display: inline-block;
  width: 33px;
  height: 33px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 63 63' style='enable-background:new 0 0 63 63;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:rgb(221, 55, 0);%7D.st1%7Bfill:rgb(237, 170, 151);%7D%3C/style%3E%3Ccircle class='st0' cx='31.5' cy='31.5' r='31.5'/%3E%3Cpolygon class='st1' points='11.2,30.4 14.6,33.8 28.5,18.5 28.5,54.5 33.5,54.5 33.5,18.5 48,33.8 51.7,30.4 31.5,8.6 '/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 33px 33px;
  background-position: center;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: all .2s ease-in-out;
  position: relative;
}
.arrow-up-opposite:hover {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
}
.arrow-up-opposite:hover {
  top: -5px;
}
.arrow-down-opposite {
  bottom: 0;
  display: inline-block;
  width: 33px;
  height: 33px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 63 63' style='enable-background:new 0 0 63 63;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:rgb(221, 55, 0);%7D.st1%7Bfill:rgb(237, 170, 151);%7D%3C/style%3E%3Ccircle class='st0' cx='31.5' cy='31.5' r='31.5'/%3E%3Cpolygon class='st1' points='11.2,30.4 14.6,33.8 28.5,18.5 28.5,54.5 33.5,54.5 33.5,18.5 48,33.8 51.7,30.4 31.5,8.6 '/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 33px 33px;
  background-position: center;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: all .2s ease-in-out;
  position: relative;
}
.arrow-down-opposite:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.arrow-down-opposite:hover {
  bottom: -5px;
}
.inline-search-button {
  display: inline-block;
  vertical-align: top;
  width: 35px;
  height: 35px;
  border-radius: 35px;
  background-color: rgb(237, 170, 151);
  transition: all .2s ease-in-out;
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 112.9 112.9" style="enable-background:new 0 0 112.9 112.9;" xml:space="preserve"><style type="text/css">.st0{fill:rgb(237, 170, 151);}.st1{fill:rgb(221, 55, 0);}</style><circle class="st0" cx="56.5" cy="56.5" r="56.5"/><g><g><g><g><path class="st1" d="M59.9,60.2c-5.3,5.3-13.9,5.3-19.2,0c-5.3-5.3-5.3-13.9,0-19.2s13.9-5.3,19.2,0C65.2,46.3,65.2,54.9,59.9,60.2z M43,43.3c-4,4-4,10.6,0,14.6c4,4,10.6,4,14.6,0c4-4,4-10.6,0-14.6C53.6,39.3,47,39.3,43,43.3z"/></g><g><path class="st1" d="M66.8,67.1c-9.1,9.1-23.9,9.1-33,0s-9.1-23.9,0-33s23.9-9.1,33,0S75.9,58,66.8,67.1z M38.4,38.7c-6.6,6.6-6.6,17.3,0,23.9c6.6,6.6,17.3,6.6,23.9,0c6.6-6.6,6.6-17.3,0-23.9C55.6,32.1,44.9,32.1,38.4,38.7z"/></g><g><path class="st1" d="M82.6,83.2c-1.3,1.3-4.1,2.1-5.4,0.8l-16-16c-1.3-1.3-0.4-4.1,0.8-5.4s4.1-2.1,5.4-0.8l16,16C84.7,79,83.9,81.9,82.6,83.2z"/></g></g></g></g></svg>');
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-position: center;
}
.inline-search-button:hover {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 112.9 112.9" style="enable-background:new 0 0 112.9 112.9;" xml:space="preserve"><style type="text/css">.st0{fill:rgb(151, 230, 237);}.st1{fill:rgb(0, 186, 221);}</style><circle class="st0" cx="56.5" cy="56.5" r="56.5"/><g><g><g><g><path class="st1" d="M59.9,60.2c-5.3,5.3-13.9,5.3-19.2,0c-5.3-5.3-5.3-13.9,0-19.2s13.9-5.3,19.2,0C65.2,46.3,65.2,54.9,59.9,60.2z M43,43.3c-4,4-4,10.6,0,14.6c4,4,10.6,4,14.6,0c4-4,4-10.6,0-14.6C53.6,39.3,47,39.3,43,43.3z"/></g><g><path class="st1" d="M66.8,67.1c-9.1,9.1-23.9,9.1-33,0s-9.1-23.9,0-33s23.9-9.1,33,0S75.9,58,66.8,67.1z M38.4,38.7c-6.6,6.6-6.6,17.3,0,23.9c6.6,6.6,17.3,6.6,23.9,0c6.6-6.6,6.6-17.3,0-23.9C55.6,32.1,44.9,32.1,38.4,38.7z"/></g><g><path class="st1" d="M82.6,83.2c-1.3,1.3-4.1,2.1-5.4,0.8l-16-16c-1.3-1.3-0.4-4.1,0.8-5.4s4.1-2.1,5.4-0.8l16,16C84.7,79,83.9,81.9,82.6,83.2z"/></g></g></g></g></svg>');
  transform: scale(1.1);
}
.inline-search-input {
  display: inline-block;
  vertical-align: top;
  outline: none;
  padding: 0 15px;
  height: 35px;
  color: rgb(221, 55, 0);
  background-color: rgb(237, 170, 151);
  border: none;
  border-radius: 15px;
}


/* 201812*pike found differences */

body.svk .button-cta {
  font-weight: 500;
  color: rgb(152,23,124) !important;
  background-color: rgb(245, 243, 240);
  padding: 10px 15px;
  border-left: solid 10px rgb(152,23,124);
  border-bottom: solid 10px rgb(152,23,124);
  display: inline-block;
}

body.svk .button-cta:after {
  content: "\f0a9";
  font-family: 'FontAwesome';
  margin-left: 10px;
  margin-right: 5px;
}

body.svk .button-default {
  display: block;
  width: 100%;
  padding: 6px 10px;
  color: white !important;
  background-color: rgb(152,23,124);
  text-align: center;
}

body.svk .button-default:hover {
  background-color: rgb(152,23,124);
}



/* 201812*pike found differences */

body.kvk .button-cta {
  font-weight: 500;
  color: white !important;
  background-color: rgb(152,23,124);
  padding: 10px 15px;
  display: inline-block;
}

body.kvk .button-cta.dropshadow {
  color: rgb(152,23,124) !important;
  background-color: rgb(245, 243, 240);
}
body.kvk .button-cta.dropshadow:after {
  right: 5px;
}


body.kvk .button-default {
  display: block;
  width: 100%;
  padding: 6px 10px;
  color: purple !important;
  background-color: #e8e8e8;
  text-align: center;
  font-weight: 500;
}

/* 201812*pike found differences */

body.uitslagen hr {
  border: none;
  margin: 0 0 15px 0;
  border-bottom: 6px solid rgb(151, 230, 237);
}

body.uitslagen .button-cta {
  font-weight: 500;
  color: white !important;
  background-color: rgb(152, 23, 124);
  padding: 10px 15px;
  display: inline-block;
}

body.uitslagen .button-default {
  display: block;
  width: 100%;
  padding: 6px 10px;
  color: purple !important;
  background-color: #e8e8e8;
  text-align: center;
  font-weight: 500;
}

body.uitslagen .button-default:hover {
  background-color: rgb(152, 23, 124);
  color: white !important;
  text-decoration: none !important;
}

/*
	uitslagen has no submenu, so the 
	body can go up 60px
*/
@media only screen and (min-width: 992px) {
	body.uitslagen #page-container {
			padding-top: 240px;
	}
}
body.uitslagen .pattern-wrapper .website-title {
	top:30px;
}
body.uitslagen #nav .bottom-nav {
	border-top:0;
}
body.uitslagen #nav .bottom-nav.preview {
  background-color: red;
  text-align: center;
  color: white;
  font-weight: bold;
}

/* 
	uitslagen has no small menu toggle and no search,
	so the logo can remain 
*/
@media only screen and (max-width: 991px) {
	body.uitslagen #nav .logo-prodemos {
			display: block;
	}
}