body {
  background-color: #ccc;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  text-align: center;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
}

h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 10px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
}

h4 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}

p {
  display: block;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-left: 0px;
  background-color: transparent;
  font-family: Montserrat, sans-serif;
  color: #666;
  font-size: 13px;
  line-height: 22px;
  text-indent: 0px;
}

a {
  font-family: Montserrat, sans-serif;
  color: #940000;
  font-size: 13px;
  line-height: 22px;
  text-decoration: none;
}

.button {
  display: inline-block;
  width: 100%;
  margin: 20px 0px 10px;
  padding: 10px 0px;
  float: none;
  border: 1px solid #bbb;
  border-radius: 3px;
  background-color: #f5f5f5;
  background-image: none;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-family: Montserrat, sans-serif;
  color: #888;
  text-align: center;
  text-decoration: none;
}

.button:hover {
  background-color: #eee;
  background-image: none;
  color: #888;
}

.button:active {
  border-width: 1px;
  border-top-color: #000;
  border-left-color: #000;
  background-color: transparent;
  background-image: none;
}

.button:focus {
  background-color: #f0f0f0;
  background-image: none;
  color: #888;
}

.button.battle {
  position: static;
  width: 80%;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding: 12px 0px;
  float: right;
  border-style: solid;
  border-color: #aaa;
  border-radius: 3px;
  background-color: transparent;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-family: Montserrat, sans-serif;
  color: #aaa;
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
}

.button.battle:hover {
  border-width: 3px 1px 1px 3px;
  background-color: transparent;
  color: #aaa;
}

.button.nieuwsbrief {
  padding-right: 0px;
  padding-left: 0px;
  border-color: #fff;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-radius: 3px;
  background-color: transparent;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
}

.button.nieuwsbrief:hover {
  background-color: #fff;
  color: #555;
}

.button.nieuwsbrief:focus {
  border-width: 1px;
}

.button.centered {
  display: block;
  width: 22%;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0px;
  padding-left: 0px;
  float: none;
  border-style: solid;
  border-color: #bbb;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-radius: 3px;
  background-color: transparent;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-family: Montserrat, sans-serif;
  color: #999;
  font-size: 14px;
  font-weight: 400;
}

.button.centered:hover {
  border-width: 1px;
  border-top-color: #bbb;
  border-left-color: #bbb;
  background-color: #ddd;
  background-image: none;
  color: #888;
}

.button.centered:active {
  border-top-width: 1px;
  background-image: none;
}

.button.centered:focus {
  border-width: 1px;
  background-image: none;
}

.button.centered.left {
  float: left;
}

.button.centered._100 {
  width: 100%;
  margin-top: 20px;
}

.button.centered._100.w--current {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
}

.button.briefing {
  width: 30%;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0px;
  padding-left: 0px;
  float: none;
  background-image: none;
}

.button.bestandselecteren {
  width: 50%;
  float: left;
  clear: none;
}

.button.right {
  width: 30%;
  float: right;
}

.button.left {
  width: 30%;
  float: left;
}

.button.left.upload {
  width: 30%;
  margin-top: 10px;
  margin-bottom: 30px;
  padding-right: 0px;
  padding-left: 0px;
  clear: none;
  background-image: none;
}

.button.left.upload.page {
  margin-left: 16px;
}

.button.left.upload.block {
  float: left;
}

.button.header {
  display: block;
  width: 85%;
  margin-top: 25px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  float: none;
  border-style: none;
  border-radius: 26px;
  background-color: #ce3a3a;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  color: #fff;
  font-size: 14px;
}

.button.header:hover {
  background-color: hsla(0, 0%, 100%, .29);
}

.button.header:focus {
  border-width: 1px;
}

.button.header.half {
  width: 50%;
}

.button.header.black {
  width: 40%;
  border-color: #333;
  color: #333;
}

.button.title {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-transform: none;
}

.button.upload {
  margin-top: 0px;
  margin-bottom: 0px;
  float: right;
}

.button.upload.page {
  margin-right: auto;
  float: none;
}

.button.quotedownload {
  display: block;
  width: 50%;
  margin: 25px auto 35px;
  background-color: #fff;
}

.button.getstarted {
  border-right-width: 1px;
  border-right-color: #bbb;
  border-bottom-width: 1px;
  border-bottom-color: #bbb;
  background-color: #fff;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}

.button.getstarted:hover {
  background-color: #eee;
}

.button.getstarted:active {
  border-top-width: 1px;
  border-top-color: #000;
  border-left-width: 1px;
  border-left-color: #000;
}

.topnav-container {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 9999;
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, .7);
  font-family: 'Open Sans', sans-serif;
}

.topnav-stats {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}

.navbar-menu {
  position: static;
  top: 0px;
  right: 0px;
  display: inline-block;
  overflow: visible;
  margin-right: auto;
  margin-left: auto;
  float: right;
  clear: none;
  background-color: transparent;
}

.nav-link {
  margin-top: 2px;
  margin-bottom: 1px;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
  border-right: 0px none #444;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  font-family: Montserrat, sans-serif;
  color: hsla(0, 0%, 100%, .75);
  font-size: 12px;
  font-weight: 300;
  text-decoration: none;
}

.nav-link:hover {
  margin-bottom: 0px;
  border-bottom: 1px solid #fff;
  color: #fff;
}

.nav-link.w--current {
  color: #fff;
}

.nav-link.w--open {
  float: right;
}

.nav-link.right {
  width: 100%;
}

.search-box {
  margin-bottom: 0px;
  float: none;
  border-radius: 18px;
  text-align: left;
}

.formwrapper {
  margin-bottom: 0px;
  padding-right: 0px;
  border-right: 1px none #ccc;
}

.stats-container {
  padding-top: 10px;
  padding-bottom: 10px;
  float: none;
}

.stats-label {
  color: #aaa;
}

.body-container {
  padding-top: 20px;
  padding-bottom: 60px;
  background-color: #e8e8e8;
}

.navbar-body-container {
  display: block;
  margin-top: 5px;
  margin-right: auto;
  margin-left: auto;
  float: none;
  background-color: transparent;
  text-align: center;
}

.navbar-middle-container {
  display: block;
  margin-right: auto;
  margin-left: auto;
  float: none;
  text-align: left;
}

.nav-link-body {
  padding: 8px 15px;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  font-family: Montserrat, sans-serif;
  color: hsla(0, 0%, 100%, .8);
  font-size: 12px;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: none;
}

.nav-link-body:hover {
  border-bottom: 1px solid #fff;
  color: #fff;
  text-decoration: none;
}

.nav-link-body.w--current {
  padding-top: 8px;
  padding-bottom: 8px;
  border-right: 0px none #fff;
  border-bottom: 1px solid #fff;
  border-radius: 0px;
  background-color: transparent;
  color: #fff;
  font-size: 12px;
  text-shadow: none;
}

.nav-link-body.w--open {
  border-bottom: 1px solid transparent;
  text-shadow: none;
}

.nav-link-body.w--open:focus {
  border-bottom-color: #fff;
  text-shadow: none;
}

.nav-link-body.active {
  border-bottom: 1px solid #fff;
  color: #fff;
  text-shadow: none;
}

.logo-img {
  width: 90%;
  max-width: 250px;
  margin-top: 13px;
  margin-left: 0px;
}

.for-campanies-link {
  padding-top: 10px;
  padding-right: 8px;
  float: right;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
}

.for-campanies-link:hover {
  text-decoration: underline;
}

.for-companies-img {
  padding-top: 10px;
}

.bodycontent-row {
  position: relative;
  z-index: 999;
  margin-top: 0px;
  margin-left: -10px;
}

.concent-header {
  position: relative;
  z-index: 0;
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background-color: #f5f5f5;
  background-image: -webkit-linear-gradient(270deg, #fff, #e3e3e3);
  background-image: linear-gradient(180deg, #fff, #e3e3e3);
}

.content-title {
  margin-bottom: 40px;
  padding-bottom: 20px;
  padding-left: 0px;
  border-bottom: 1px solid #ddd;
  font-family: Montserrat, sans-serif;
  color: #444;
  font-size: 25px;
  line-height: 28px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
}

.content-title.right {
  color: #888;
  font-size: 12px;
  text-align: right;
  text-transform: none;
}

.content-title.white {
  border-bottom-style: none;
  border-bottom-color: #c4c4c4;
  color: #fff;
  font-size: 28px;
  line-height: 28px;
  text-transform: uppercase;
  text-shadow: 1px 1px 6px #575757;
}

.body-content {
  margin-bottom: 20px;
  padding: 0px;
  border: 1px solid #ddd;
  border-radius: 3px 3px 5px;
  background-color: #fff;
  box-shadow: none;
  font-family: Montserrat, sans-serif;
}

.body-content.widget {
  margin-bottom: 20px;
  padding: 0px;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
}

.body-content.cases {
  background-color: transparent;
}

.body-content.page {
  border-style: none;
  box-shadow: none;
}

.battle-title {
  overflow: hidden;
  height: 66px;
  margin-bottom: 10px;
  padding-left: 0px;
  font-family: Montserrat, sans-serif;
  color: #333;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}

.battle-title:hover {
  color: #bd1515;
}

.battle-title.vertical {
  height: 44px;
}

.battle-content {
  display: block;
  padding-left: 0px;
}

.battle-img {
  overflow: hidden;
  width: 100%;
  height: 300px;
  margin: 0px;
  padding-right: 0px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-radius: 5px 5px 0px 0px;
  background-image: url('images/Geenafbeelding.png');
  background-size: cover;
}

.battle-img.one {
  width: 100%;
  height: 217px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  border: 0px solid #000;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0px;
  background-image: url('images/schaerweijde20aeolus.jpg');
}

.battle-img.one.horizontal {
  display: block;
  height: 234px;
  margin-top: -20px;
  margin-bottom: -20px;
  margin-left: -20px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 5px;
}

.battle-img.two {
  height: 217px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  border: 0px solid #000;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0px;
  background-image: url('images/drivethrubakery-480x318.jpg');
}

.battle-img.two.horizontal {
  height: 234px;
  margin-top: -20px;
  margin-bottom: -20px;
  margin-left: -20px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 5px;
}

.battle-img.three {
  height: 217px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  border: 0px solid #000;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0px;
  background-image: url('images/20130620_2_dsc90_60563.jpg');
}

.battle-img.three.horizontal {
  height: 234px;
  margin-top: -20px;
  margin-bottom: -20px;
  margin-left: -20px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.battle-icon {
  width: 25px;
  margin-top: 0px;
  margin-right: 8px;
  float: left;
}

.battle-stats {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 0px;
  float: none;
  text-align: left;
}

.battle-stats.page {
  display: block;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 75px;
  float: none;
  text-align: left;
}

.battle-stats.page.uitslag {
  padding-left: 50px;
}

.battlestats-column {
  padding-bottom: 10px;
  border-right: 0px none #ddd;
  text-align: left;
}

.battlestats-column.page {
  border-right-style: solid;
}

.clientlogo {
  display: block;
  overflow: hidden;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  padding: 30px;
  float: none;
  border: 1px solid #eee;
  -webkit-transition: box-shadow 500ms ease;
  transition: box-shadow 500ms ease;
  text-align: center;
}

.clientlogo:hover {
  box-shadow: 0 0 6px 0 #d1d1d1;
}

.clientlogo.steding {
  margin-top: 9px;
  margin-left: 46px;
}

.clientlogo.pers {
  height: 113px;
}

.battle-row {
  margin-bottom: 0px;
  padding: 20px;
  border-style: none solid solid;
  border-width: 1px;
  border-color: #ddd;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #fff;
  -webkit-transition: background-color 100ms ease, text-shadow 500ms ease;
  transition: background-color 100ms ease, text-shadow 500ms ease;
}

.battle-row:hover {
  background-color: #fff;
  box-shadow: none;
  -webkit-transition: none 0ms ease;
  transition: none 0ms ease;
  font-family: Montserrat, sans-serif;
  color: #850000;
}

.battle-row.odd {
  margin-bottom: 0px;
  padding: 20px 25px;
  background-color: #f5f5f5;
}

.battle-row.odd:hover {
  background-color: #e5e5e5;
}

.battle-row.noimg {
  position: static;
  z-index: 998;
  overflow: visible;
  min-height: 600px;
  padding: 40px 20px;
  border-top-style: solid;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  font-family: Montserrat, sans-serif;
}

.battle-row.noimg:hover {
  background-color: #fff;
  box-shadow: none;
  color: #333;
}

.battle-row.noimg.rankig {
  padding-top: 40px;
}

.battle-row.horizontal {
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-style: solid;
  border-radius: 5px;
}

.battle-row.horizontal:hover {
  box-shadow: 0 0 16px 0 #b8b8b8;
}

.battle-row.horizontal.nohover {
  margin-bottom: 30px;
  border-style: none;
}

.battle-row.horizontal.nohover:hover {
  box-shadow: none;
}

.battle-stats-text {
  display: block;
  overflow: visible;
  margin-top: 0px;
  float: left;
  font-family: Montserrat, sans-serif;
  color: #555;
  font-size: 13px;
  line-height: 30px;
  text-align: left;
  letter-spacing: 0px;
}

.rankingwidget {
  padding-left: 30px;
  list-style-type: decimal;
}

.rank-item {
  display: block;
  overflow: hidden;
  height: 70px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  border-style: none none solid;
  border-width: 0px 0px 1px;
  border-color: #eee #000;
  -webkit-transition: background-color 100ms ease;
  transition: background-color 100ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #888;
  font-size: 13px;
  line-height: 0px;
  font-weight: 700;
}

.rank-item:hover {
  background-color: #f5f5f5;
}

.rank-item.odd {
  overflow: hidden;
  padding-top: 0px;
  padding-bottom: 0px;
  border-top: 1px none #eee;
  border-bottom: 1px solid #eee;
  background-color: #fff;
}

.rank-item.odd:hover {
  background-color: #e5e5e5;
}

.rank-item.page {
  border-top: 1px none #eee;
  border-bottom-style: solid;
}

.rank-img {
  position: relative;
  z-index: 0;
  display: inline-block;
  height: 50px;
  max-width: 100%;
  margin: 10px auto 10px 0px;
  padding: 0px;
  float: left;
  border: 1px solid #ddd;
  border-radius: 50%;
  text-align: left;
}

.rank-img.page {
  margin-left: 15px;
  border-radius: 50%;
}

.rank-name {
  overflow: hidden;
  height: 20px;
  margin-top: 25px;
  margin-bottom: 5px;
  padding-left: 15px;
  font-family: Montserrat, sans-serif;
  color: #444;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
}

.rank-school {
  overflow: hidden;
  height: 20px;
  margin-top: 25px;
  margin-bottom: 0px;
  padding-left: 10px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
}

.footer {
  padding-top: 60px;
  padding-bottom: 0px;
  background-color: #333;
}

.footer-text {
  height: auto;
  color: #aaa;
  font-size: 12px;
}

.footer-credits {
  height: auto;
  margin-top: 30px;
  margin-bottom: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #888;
  font-size: 12px;
  text-align: center;
}

.footer-title {
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 15px;
}

.news-item {
  overflow: hidden;
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ccc;
}

.date {
  font-weight: 700;
}

.client-logos {
  margin-bottom: 2px;
}

.media-img {
  margin-top: 38px;
}

.battleimg-container {
  margin-right: 0px;
  padding-right: 0px;
}

.linebreak {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #ddd;
}

.linebreak.widget {
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.logo-linkblock {
  float: left;
}

.logo-linkblock.w--current {
  float: left;
}

.slider-container {
  height: 80vh;
  margin-bottom: 0px;
  background-color: transparent;
}

.slide1 {
  padding-right: 40px;
  padding-left: 40px;
  background-image: url('images/bg10.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.navrow {
  display: block;
  margin-right: auto;
  margin-left: auto;
  float: none;
  text-align: left;
}

.topmidcolumn {
  text-align: center;
}

.case-img {
  width: 100%;
  height: 100%;
}

.case-col {
  padding-right: 0px;
  padding-left: 0px;
}

.casesrow {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  background-color: transparent;
  text-align: center;
}

.header-quote {
  display: block;
  width: 600px;
  margin: 10px auto;
  font-family: Montserrat, sans-serif;
  color: hsla(0, 0%, 100%, .8);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  text-shadow: none;
}

.header-quote.black {
  color: #666;
  text-shadow: none;
}

.header-quote.left {
  text-align: left;
}

.slide2 {
  padding-right: 40px;
  padding-left: 40px;
  background-color: transparent;
}

.slide2.bg {
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 40%, .85), hsla(0, 0%, 40%, .85));
  background-image: linear-gradient(180deg, hsla(0, 0%, 40%, .85), hsla(0, 0%, 40%, .85));
  background-position: 0px 0px;
}

.navcontainer {
  display: block;
  max-width: 575px;
  margin-right: auto;
  margin-left: auto;
  float: none;
  text-align: center;
}

.rank {
  position: relative;
  z-index: 998;
}

.secondbody {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #e8e8e8;
  background-image: none;
}

.clientlogo-section {
  margin-bottom: 0px;
  padding: 100px 60px;
  background-color: #fff;
}

.clientlogo-section.page {
  min-height: 800px;
  padding-top: 130px;
  padding-bottom: 60px;
  background-color: #fff;
}

.navmenu-block {
  float: none;
}

.navmenu-block.w--open {
  position: absolute;
  top: 52px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  background-color: #333;
}

.battle-client-container {
  position: relative;
  overflow: visible;
  height: 65px;
  padding-top: 10px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align: center;
}

.battle-client-container.page {
  overflow: visible;
  height: 70px;
  padding-top: 0px;
  border-right: 1px none #ccc;
}

.stats-row {
  margin-top: 0px;
}

.battleinfo-row {
  margin-bottom: 20px;
}

.battle-section {
  padding: 60px 40px;
  border-top: 1px solid #ddd;
  border-bottom: 1px none #ddd;
  background-color: #f6f6f6;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.battle-section.page {
  padding-top: 150px;
}

.battle-section.page.whitpage {
  background-color: #fff;
}

.battle-section.white-section {
  border-top-style: none;
  border-bottom-style: none;
  background-color: #fff;
}

.battleblock {
  margin-bottom: 20px;
  padding: 0px;
  border-radius: 5px;
  text-decoration: none;
}

.battleblock:hover {
  box-shadow: 0 0 16px 0 #b8b8b8;
}

.battles-container {
  display: block;
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  float: none;
  clear: none;
  border-left-width: 1px;
  border-left-color: #000;
}

.battles-container.slider {
  display: block;
  margin-top: 30vh;
  margin-right: auto;
  margin-left: auto;
  padding-right: 80px;
  padding-left: 80px;
}

.targetgroepcontainer {
  overflow: hidden;
  margin: 20px 10px;
  padding: 10px 20px 20px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, .5);
  border-radius: 3px;
  background-color: hsla(0, 0%, 100%, .65);
  font-family: Lato, sans-serif;
  text-decoration: none;
}

.battletext {
  display: block;
  height: 80px;
  margin-bottom: 30px;
  font-size: 13px;
  line-height: 20px;
}

.battletext.vertical {
  height: 60px;
  margin-bottom: 20px;
}

.clientlogos {
  width: 100%;
}

.nieuwsbrief-container {
  padding: 0px 40px;
  background-color: #555;
}

.nieuwsbrief-title {
  display: block;
  margin-right: auto;
  margin-left: auto;
  float: none;
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 19px;
  line-height: 44px;
  font-weight: 400;
  text-align: center;
  text-transform: none;
}

.nieuwsbrief-icon {
  max-width: 65px;
  margin-top: 5px;
  padding: 0px;
  float: left;
  text-align: left;
}

.stats-copy {
  color: #666;
  font-size: 18px;
  text-align: center;
}

.stats-title {
  margin-bottom: 10px;
}

.stats-icon {
  display: block;
  width: 30%;
  margin-right: auto;
  margin-left: auto;
}

.socialicons {
  width: 34px;
  height: 34px;
  margin-top: 22px;
  margin-right: 0px;
  padding-top: 4px;
  padding-right: 4px;
  padding-left: 4px;
  float: left;
  border-radius: 5px;
  background-color: #9c0000;
  text-align: left;
}

.socialicons:hover {
  background-color: #bf2424;
}

.socialicons.fb {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  padding-top: 8px;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 20px;
  background-color: #555;
}

.socialicons.fb:hover {
  background-color: #4472f2;
}

.socialicons.fb.widget {
  width: 80%;
  height: auto;
  margin-top: 0px;
  margin-right: 0%;
  padding: 5px;
  float: none;
  border-radius: 5px;
  background-color: #2c4da8;
}

.socialicons.fb.widget:hover {
  background-color: #4472f2;
}

.socialicons.tw {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  padding-top: 8px;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 20px;
  background-color: #555;
}

.socialicons.tw:hover {
  background-color: #329fd1;
}

.socialicons.tw.widget {
  width: 80%;
  height: auto;
  margin-top: 0px;
  margin-right: 0%;
  padding: 5px;
  border-radius: 5px;
  background-color: #277ca3;
}

.socialicons.tw.widget:hover {
  background-color: #3498c7;
}

.socialicons.tw.profile {
  margin-top: 0px;
}

.socialicons.li {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  padding-top: 8px;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 20px;
  background-color: #555;
}

.socialicons.li:hover {
  background-color: #0381ab;
}

.socialicons.li.widget {
  width: 80%;
  height: auto;
  margin-top: 0px;
  margin-right: 0%;
  padding: 5px;
  border-radius: 5px;
  background-color: #05546e;
}

.socialicons.li.widget:hover {
  background-color: #0381ab;
}

.socialicons.gp {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: #555;
}

.socialicons.gp:hover {
  background-color: #7d1515;
}

.socialicons.gp.widget {
  width: 80%;
  height: auto;
  margin-top: 0px;
  padding: 5px;
  float: left;
  border-radius: 5px;
  background-color: #7d1515;
}

.socialicons.gp.widget:hover {
  background-color: #b82525;
}

.socialicons.gp.profile {
  margin-top: 0px;
  padding-top: 8px;
  padding-right: 8px;
  padding-left: 8px;
}

.battleclient {
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  float: none;
  text-align: left;
}

.battleclient.klm {
  padding-top: 0px;
  padding-right: 0px;
}

.battleclient.st {
  padding-top: 0px;
  padding-left: 0px;
}

.battleclient.widget {
  display: block;
  width: 80%;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  padding-left: 0px;
  float: none;
}

.battleclient.page {
  display: block;
  height: auto;
  max-height: 60px;
  margin-right: auto;
  margin-left: 0px;
}

.battleclient.home {
  position: static;
  right: 0px;
  bottom: 0px;
  display: block;
  margin-top: 15px;
  margin-right: 0px;
  margin-left: auto;
  padding-left: 0px;
  float: none;
  text-align: left;
}

.rank-points {
  margin-top: 25px;
  padding-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  text-align: right;
}

.rank-points.title {
  color: #888;
  font-size: 14px;
  font-weight: 700;
}

.rank-points.concepten {
  padding-left: 0px;
  text-align: left;
}

.concept {
  overflow: hidden;
  margin-bottom: 20px;
  padding: 0px;
  border: 1px solid #ccc;
  background-color: #fff;
}

.concept:hover {
  box-shadow: none;
}

.concept.c1 {
  background-image: url('images/concept1.png');
  background-size: cover;
}

.concept.c2 {
  background-image: url('images/concept2.png');
  background-size: cover;
}

.concept.c3 {
  background-image: url('images/concept3.png');
  background-size: cover;
}

.concept.c4 {
  background-image: url('images/concept4.png');
  background-size: cover;
}

.concept.c5 {
  background-image: url('images/concept5.png');
  background-size: cover;
}

.concept.c6 {
  background-image: url('images/concept6.png');
  background-size: cover;
}

.concept.c7 {
  background-image: url('images/concept7.jpg');
  background-size: cover;
}

.concept.c8 {
  background-image: url('images/concept8.jpg');
  background-size: cover;
}

.concept.c9 {
  background-image: url('images/concept9.jpg');
  background-size: cover;
}

.concept.c10 {
  background-image: url('images/concept10.jpg');
  background-size: cover;
}

.concept.c11 {
  background-image: url('images/concept11.png');
  background-size: cover;
}

.concept.c12 {
  background-image: url('images/concept12.png');
  background-size: cover;
}

.concept.c13 {
  background-image: url('images/concept13.png');
  background-size: cover;
}

.concept.c14 {
  background-image: url('images/concept14.png');
  background-size: cover;
}

.concept.c15 {
  background-image: url('images/concept15.jpg');
  background-size: cover;
}

.concept.c16 {
  background-image: url('images/concept16.JPG');
  background-size: cover;
}

.concept.c17 {
  background-image: url('images/concept17.png');
  background-size: cover;
}

.concept.c18 {
  background-image: url('images/conceprt18.jpg');
  background-size: cover;
}

.nameblock {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
  background-color: rgba(0, 0, 0, .2);
}

.nameblock:hover {
  display: block;
}

.battleheader {
  height: 500px;
  padding-top: 249px;
  padding-right: 60px;
  padding-left: 60px;
  background-image: url('images/20130620_2_dsc90_60563.jpg');
  background-size: cover;
}

.white {
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 32px;
  line-height: 48px;
  font-weight: 400;
  text-transform: none;
  text-shadow: 1px 1px 6px #000;
}

.tabscontainer {
  margin-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.tablink {
  width: 20%;
  margin-right: 0%;
  padding-right: 0px;
  padding-left: 0px;
  border-style: solid;
  border-width: 1px 1px 0px;
  border-color: #ddd #ddd #bbb;
  border-radius: 3px 3px 0px 0px;
  background-color: #f5f5f5;
  font-family: Montserrat, sans-serif;
  color: #888;
  text-align: center;
}

.tablink:hover {
  background-color: #eee;
}

.tablink.w--current {
  position: static;
  z-index: 9998;
  width: 20%;
  margin-right: 0%;
  margin-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: #ddd #ddd #fff;
  border-radius: 3px 3px 0px 0px;
  background-color: #fff;
  font-family: Montserrat, sans-serif;
  color: #888;
}

.tablink.w--current:hover {
  background-color: #fff;
}

.tablink.last {
  margin-right: 0px;
}

.tablink.last:hover {
  background-color: #eee;
}

.tablink.ranking {
  width: 50%;
}

.tablink.ranking.w--current {
  width: 50%;
}

.tablink.battlemanager {
  width: 16.5%;
}

.tablink.battlemanager.w--current {
  width: 16.5%;
}

.tablink.battlemanager.lang {
  width: 17.5%;
}

.tabscontent {
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.tabsmenu {
  margin-bottom: -1px;
}

.profileimg-container {
  overflow: hidden;
  margin-right: 20px;
  padding-right: 0px;
  border-radius: 5px;
}

.textfield {
  margin-top: 0px;
  margin-bottom: 10px;
  border-radius: 3px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
}

.textfield.span66 {
  width: 65%;
  float: left;
}

.textfield.span66.right {
  float: right;
}

.textfield.span66.instellingen60 {
  display: block;
  width: 49%;
  margin-right: 0px;
  margin-left: 13px;
  float: right;
}

.textfield.span33 {
  width: 33%;
  float: right;
}

.textfield.span33.left {
  float: left;
}

.textfield.span33.instellingen33 {
  width: 29%;
  float: right;
}

.textfield.span100 {
  width: 100%;
}

.textfield.span50 {
  width: 49%;
  float: left;
}

.textfield.span50.right {
  float: right;
}

.textfield.span50.instellingen50 {
  width: 48%;
  margin-right: 14px;
  float: right;
}

.textfield.answer-form {
  margin-left: 10px;
}

.textfield.zoekrank {
  width: 75%;
  float: right;
  color: #333;
}

.textfield.instellingen {
  width: 100%;
  float: right;
}

.textfield.instellingen.jurylid {
  margin-top: 20px;
}

.textfield.datumfield {
  width: 10%;
  margin-right: 10px;
  float: left;
}

.radiobutton {
  display: inline-block;
  margin-right: 29px;
  margin-left: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  color: #888;
}

.radiobutton.instellingen {
  display: inline-block;
  width: 14%;
  margin-bottom: 7px;
}

.battle-widget {
  margin-bottom: 20px;
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
}

.widget-title {
  margin-top: 0px;
  margin-bottom: 15px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.socialblock {
  display: block;
  margin: 10px auto;
  padding-top: 15px;
  float: none;
  border-top: 1px solid #ddd;
  text-align: left;
}

.fieldlabel {
  display: inline-block;
  margin-top: 13px;
  margin-bottom: 15px;
  clear: left;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0px;
  text-transform: none;
}

.fieldlabel:hover {
  color: #333;
}

.fieldlabel.bestandkiezen {
  display: block;
  width: 50%;
  margin-top: 32px;
  padding-left: 20px;
  float: left;
  clear: none;
  font-size: 13px;
}

.fieldlabel.profielfoto {
  display: block;
  float: none;
}

.fieldlabel.instellingen {
  margin-top: 8px;
  margin-right: 21px;
  margin-bottom: 20px;
  float: right;
  color: #666;
  font-size: 13px;
  text-align: right;
}

.fieldlabel.instellingen.jurylid {
  display: inline-block;
  float: left;
}

.fieldlabel.upload {
  display: block;
}

.formtetx {
  margin-bottom: 20px;
}

.formtetx.upload {
  display: inline-block;
}

.checkbox {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  color: #666;
  font-size: 13px;
}

.checkbox.tab {
  padding-left: 60px;
}

.link {
  font-family: Montserrat, sans-serif;
  color: #666;
  font-size: 13px;
  text-align: left;
  text-decoration: none;
}

.link:hover {
  color: #bd1515;
}

.link.download {
  display: block;
  margin: 5px auto 0px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  text-align: center;
}

.link.cv {
  color: #b00000;
  font-size: 12px;
}

.link.red {
  color: #940000;
}

.link.profielfoto {
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  text-align: center;
}

.link.ww {
  display: inline-block;
  margin-top: 10px;
  color: #666;
  line-height: 20px;
}

.link.verwijderen {
  display: block;
  margin-top: 20px;
}

.link.bewerken {
  float: right;
  text-align: left;
}

.formwrapperright {
  padding-left: 30px;
  border-left: 0px none #ccc;
}

.subtitle-text {
  margin-bottom: 40px;
  padding-right: 15px;
  padding-left: 15px;
  text-align: center;
}

.subtitle-text.contactinfo {
  padding-left: 20px;
}

.deadlinetext {
  text-align: center;
}

.widgettext {
  margin-top: 10px;
  margin-bottom: 15px;
  text-align: left;
}

.deadlinetitle {
  margin-bottom: 10px;
  font-size: 40px;
}

.shares {
  margin-top: 7px;
  padding-right: 10px;
  text-align: right;
}

.deadlinerow {
  border-right: 1px solid #ddd;
}

.battle-logo {
  width: 100%;
  margin-bottom: 20px;
  padding-right: 40px;
  padding-left: 40px;
}

.login-container {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 9999;
  display: block;
  width: 500px;
  margin-top: 89px;
  margin-right: auto;
  margin-left: auto;
  padding: 40px 40px 15px;
  border-top-style: solid;
  border-top-width: 1px;
  border-radius: 5px;
  background-color: #fff;
}

.login-title {
  margin-top: 10px;
  color: #fff;
  text-align: left;
  letter-spacing: 4px;
  text-transform: uppercase;
}

.bgblock {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9998;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);
}

.vergeten {
  text-align: right;
}

.dropdown {
  margin-bottom: 10px;
  float: none;
  border-radius: 3px;
  font-family: Montserrat, sans-serif;
  color: #999;
}

.dropdown.years {
  position: relative;
  z-index: 9999;
  float: left;
  color: #999;
}

.dropdown.battlemanager {
  margin-bottom: 0px;
}

.dropdown.instellingen {
  width: 79%;
  margin-right: 4px;
  float: right;
}

.dropdown.span66 {
  width: 65%;
  float: left;
}

.footerlink {
  color: #aaa;
  font-size: 12px;
  text-decoration: none;
}

.blogrow {
  margin-bottom: 20px;
  padding: 20px 20px 40px 10px;
  border-bottom: 1px solid #ccc;
}

.blogrow.fulpost {
  margin-bottom: 0px;
  padding-bottom: 20px;
  border-bottom-style: none;
}

.blogtitle {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 20px;
  padding-left: 0px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  line-height: 24px;
  font-weight: 400;
}

.blog-subtitle {
  overflow: hidden;
  margin-bottom: 10px;
  padding-left: 0px;
  font-family: Montserrat, sans-serif;
  color: #9e0000;
  font-size: 26px;
  line-height: 32px;
}

.blogtext {
  height: 148px;
}

.blogtext.full {
  height: auto;
  margin-bottom: 50px;
  padding-left: 0px;
  float: none;
  clear: none;
}

.leesmeer {
  margin-top: 10px;
  font-weight: 700;
}

.videocontainer {
  margin-top: 20px;
  margin-bottom: 20px;
}

.blogimg {
  display: inline-block;
  max-width: 300px;
  margin-right: 25px;
  margin-bottom: 20px;
  float: left;
  text-align: left;
}

.blogimg.postpage {
  float: left;
  clear: none;
  text-align: left;
}

.sidebar {
  padding-right: 30px;
}

.sidebar.profile {
  border-right: 0px none #ddd;
}

.blogimg-container {
  overflow: hidden;
  padding-right: 20px;
}

.registratie-text {
  margin-bottom: 30px;
}

.textarea {
  min-height: 100px;
  padding-bottom: 8px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
}

.form-column {
  padding-right: 30px;
  border-right: 1px solid #ddd;
}

.contact-row {
  margin-bottom: 0px;
}

.concept1 {
  display: block;
  overflow: hidden;
  height: 100%;
  padding: 10px;
  background-color: rgba(0, 0, 0, .49);
  opacity: 0;
}

.concept1:hover {
  opacity: 1;
}

.concepttext {
  color: #fff;
  text-decoration: none;
}

.concept-hover {
  display: block;
  overflow: hidden;
  height: 100%;
  padding: 25px 10px 10px;
  background-color: rgba(0, 0, 0, .7);
  opacity: 0;
  -webkit-transition: opacity 319ms ease;
  transition: opacity 319ms ease;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
}

.concept-hover:hover {
  opacity: 1;
}

.ranktab {
  margin-bottom: 25px;
  background-color: transparent;
  font-family: Montserrat, sans-serif;
  color: #aaa;
}

.ranktab:hover {
  border-bottom: 1px solid #aaa;
}

.ranktab.w--current {
  margin-right: 0px;
  border-bottom: 1px solid #555;
  background-color: transparent;
  color: #555;
}

.ranknumber {
  position: absolute;
  z-index: 999;
  display: inline-block;
  min-width: 37px;
  margin-top: 17px;
  margin-bottom: 17px;
  margin-left: 30px;
  padding: 8px 0px;
  float: none;
  border-radius: 50%;
  background-color: #f5f5f5;
  color: #888;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
}

.ranknumber.widget {
  margin-left: 0px;
  background-color: #f5f5f5;
}

.ranknumber.home {
  margin-left: 10px;
}

.rank-concepten {
  margin-top: 25px;
  padding-right: 10px;
  padding-left: 0px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  text-align: left;
}

.rank-concepten.title {
  font-weight: 700;
}

.rank-concepten.studentpahe {
  text-align: right;
}

.rank-concepten.prijzengeld {
  text-align: right;
}

.rank-concepten.name {
  padding-left: 0px;
}

.rank-concepten.naam {
  margin-left: 15px;
}

.tabtitle-uni {
  text-align: right;
}

.tabtitle {
  text-align: left;
}

.tabtitle.prijzengeld {
  text-align: right;
}

.tabtitle.aantalconcepten {
  text-align: right;
}

.tabtitle.uni {
  text-align: center;
}

.tabtitle-row {
  margin-bottom: 30px;
}

.rank-link {
  padding-right: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  text-align: right;
}

.pricetag {
  position: absolute;
  overflow: hidden;
  margin-left: -1px;
  border-top-left-radius: 5px;
}

.pricetag.page {
  margin-top: -2px;
}

.pricetag.page.small {
  width: 50px;
  margin-top: -11px;
  margin-left: -35px;
  border-top-left-radius: 0px;
}

.battlecv-img {
  max-width: 50%;
  min-width: 200px;
  margin-right: auto;
  margin-bottom: 30px;
  border-radius: 50%;
}

.wonbattles {
  margin-top: 0px;
  padding-left: 30px;
  text-align: left;
}

.profiletext {
  margin-top: 0px;
}

.profile-name {
  margin-bottom: 0px;
  padding-bottom: 0px;
  text-align: left;
}

.profile-row {
  margin-bottom: 30px;
}

.profile-social {
  margin-top: 30px;
  margin-bottom: 30px;
}

.unilogo {
  height: 50px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  float: left;
  border: 1px solid #ddd;
}

.unilogo.page {
  margin-left: 15px;
}

.unilogo.widget {
  margin-left: 10px;
}

.breakslide {
  margin-bottom: 0px;
  padding: 60px 40px;
  background-color: transparent;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .45), rgba(0, 0, 0, .45));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .45), rgba(0, 0, 0, .45));
  background-position: 0px 0px;
  background-size: auto;
  background-repeat: repeat;
  background-attachment: scroll;
}

.map {
  height: 500px;
}

.slide3 {
  padding-right: 40px;
  padding-left: 40px;
  background-image: url('images/bg12.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.slide4 {
  padding-right: 0px;
  padding-left: 0px;
  background-color: transparent;
  background-image: url('images/bg13.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.slide5 {
  padding-top: 60px;
  padding-right: 40px;
  padding-left: 40px;
  background-color: #01a7b7;
  background-image: url('images/488031.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.slide6 {
  padding-right: 40px;
  padding-left: 40px;
  background-image: url('images/bg14.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.slide7 {
  padding-top: 60px;
  padding-right: 40px;
  padding-left: 40px;
  background-image: url('images/513579.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.about-title {
  color: #333;
}

.imgmediapartners {
  display: block;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
}

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

.formsearcghblock {
  width: 50%;
  float: none;
  clear: none;
}

.uparrow {
  position: absolute;
  left: 0px;
  top: 0px;
  margin-top: 20px;
  margin-left: 2px;
  float: none;
  text-align: left;
}

.downarrow {
  position: absolute;
  left: 0px;
  top: 0px;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 2px;
}

.lastrank {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  overflow: hidden;
  margin-top: 35px;
  margin-bottom: 0px;
  font-size: 8px;
}

.newsrachieve {
  padding-left: 0px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  line-height: 26px;
}

.newsrachieve.latest {
  padding-left: 0px;
}

.datum {
  color: #888;
  font-size: 12px;
}

.list-item-news {
  overflow: hidden;
  height: 52px;
}

.blogpostcontainer {
  padding-right: 30px;
}

.imgblock {
  width: 50%;
  padding-right: 20px;
  float: right;
}

.dropdown-nav-link {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: transparent;
  opacity: 0.99;
  font-family: Montserrat, sans-serif;
  color: #888;
  font-size: 13px;
}

.dropdown-nav-link:hover {
  background-color: rgba(84, 84, 84, .8);
  color: #fff;
  text-decoration: none;
}

.dropdown-nav-link.w--current {
  color: #888;
}

.dropdown-nav-list.w--open {
  display: block;
  margin-top: 10px;
  float: none;
  background-color: rgba(0, 0, 0, .8);
}

.download-icon {
  width: 40px;
  float: right;
}

.deadlinedate {
  margin-top: 19px;
  color: #999;
  font-size: 14px;
  text-align: center;
}

.pricenumber {
  position: absolute;
  margin-top: 4px;
  margin-left: 10px;
  padding-left: 0px;
  float: left;
}

.pricenumber.diap {
  margin-top: 4px;
  margin-left: 10px;
  color: #fff;
}

.navbar-profileimg {
  overflow: hidden;
  width: 40px;
  height: 40px;
  margin-top: 3px;
  float: right;
  border-radius: 23px;
}

.mainquestion-container {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

.mainquestion-text {
  min-height: 88px;
  margin-bottom: 20px;
  margin-left: 10px;
}

.answer-text {
  min-height: 88px;
  margin-bottom: 20px;
  margin-left: 10px;
}

.mainquestion-img {
  border-radius: 50%;
}

.inzendingen-container {
  margin-bottom: 20px;
  padding-bottom: 0px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
}

.inzendingen-container.page {
  margin-top: 35px;
  color: #333;
}

.inzendingen-container.noborder {
  border-style: none;
  border-width: 0px;
}

.inzending-container {
  margin-top: 5px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  border-top: 1px solid #ddd;
  border-bottom: 1px none #ddd;
  font-family: Montserrat, sans-serif;
  color: #888;
  font-size: 13px;
}

.inzending-container.nobreak {
  padding-left: 0px;
  border-top-style: none;
  border-bottom-style: none;
}

.inzending-container.normal {
  padding-left: 0px;
}

.inzending-container.withrank {
  padding-left: 35px;
}

.inzending-container.noline {
  border-top-style: none;
}

.uitslagbekend-titleconcept {
  margin-top: 13px;
  margin-bottom: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 16px;
}

.uitslagbekend-school {
  display: block;
  margin-bottom: 18px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #888;
  font-size: 13px;
  line-height: 16px;
}

.naam-winnaar {
  margin-top: 5px;
  padding-left: 0px;
}

.inzendingen-winnaar {
  margin-bottom: 25px;
  padding-top: 0px;
  border-top: 2px solid #eee;
  border-top-left-radius: 5px;
}

.winnaar-container {
  padding-top: 10px;
  border-top: 1px solid #eee;
}

.winnaar-container-namen {
  margin-bottom: 19px;
}

.emptydiv {
  height: 200px;
}

.winnaar-img {
  width: 80%;
  float: left;
  border-radius: 50%;
}

.datumcolumn {
  color: #888;
  font-size: 12px;
}

.meniblock {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.menublock {
  display: block;
  margin-right: auto;
  margin-left: auto;
  float: none;
  text-align: center;
}

.closecontainer {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-right: -20px;
  padding: 9px 12px 12px;
  border-radius: 20px;
  background-color: #eee;
}

.profielfotocontainer {
  width: 48%;
  margin-bottom: 30px;
  padding: 15px 30px 10px;
  float: right;
  border: 1px solid #ccc;
  text-decoration: none;
}

.profielfotocontainer:hover {
  background-color: #eee;
}

.profielfotocontainer.instellingen {
  width: 100%;
  float: right;
}

.profielfotocontainer.page {
  width: 29%;
  margin-bottom: 0px;
}

.slidercontainer {
  margin-top: 140px;
}

.headertitle {
  margin-bottom: 30px;
  margin-left: 10px;
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 37px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  text-shadow: none;
}

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

.headertitle.black {
  color: #333;
}

.overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  overflow: hidden;
  height: 83%;
  margin: 0px 10px;
  padding-top: 50px;
  padding-bottom: 0px;
  background-color: rgba(0, 0, 0, .6);
  opacity: 0;
}

.overlay:hover {
  opacity: 1;
}

.showclient {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  margin-bottom: 9px;
  color: #fff;
}

.blogimg-short {
  max-width: 300px;
  margin-right: 20px;
  float: left;
}

.blogspotshort {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #eee;
}

.blogspotshort.solo {
  margin-bottom: 25px;
  padding-bottom: 0px;
  border-bottom: 0px none #000;
}

.blogspotfull {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #eee;
}

.dropdowntoggle {
  padding-left: 0px;
}

.rank-title {
  margin-top: 25px;
  padding-left: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.slide8 {
  padding-right: 60px;
  padding-left: 60px;
  background-image: url('images/bg19.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.slide9 {
  padding-right: 60px;
  padding-left: 60px;
  background-image: url('images/bg15.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.slide10 {
  padding-right: 75px;
  padding-left: 75px;
  background-image: url('images/200182.jpg');
  background-size: cover;
}

.note {
  margin-bottom: 12px;
  color: #aaa;
  font-size: 11px;
  font-style: italic;
}

.dropdown-navlogin {
  margin-bottom: -10px;
}

.battlepage-block {
  text-decoration: none;
}

.spinner {
  display: block;
  width: 50px;
  margin-top: 25px;
  margin-right: auto;
  margin-left: auto;
}

.battlemanagerdropdown {
  float: left;
  color: #444;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-transform: none;
}

.formlabels {
  margin-top: -6px;
  line-height: 48px;
  text-align: right;
}

.notificationform {
  padding-top: 20px;
  padding-left: 20px;
}

.inzending {
  display: block;
}

.feedback {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
}

.feedback.fixed {
  margin-top: 10px;
  margin-bottom: 15px;
  font-style: italic;
}

.inzendingen-div {
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.form-container {
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.teksteditor {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}

.uploadbuttoncontainer {
  width: 100%;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  float: right;
}

.backgriundimg {
  width: 100px;
  height: 100px;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 15px;
}

.inzending-img {
  overflow: hidden;
  width: 71px;
  height: 85px;
  margin-top: 15px;
}

.timestamp {
  color: #888;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.selectfield {
  margin-top: 0px;
  margin-bottom: 15px;
  margin-left: 15px;
  padding-left: 0px;
  font-size: 13px;
}

.inzending-titel {
  color: #666;
  font-size: 15px;
}

.inzending-titel.jurylid {
  margin-top: 11px;
}

.emailadres {
  margin-top: 5px;
  color: #888;
}

.jurylidform {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 0px none #ddd;
}

.sorteer {
  overflow: visible;
  margin-top: 0px;
  margin-right: 20px;
  float: left;
  font-size: 14px;
  text-decoration: underline;
}

.sorteer.check {
  display: inline-block;
  width: 100%;
  margin-top: 24px;
  margin-right: auto;
  margin-left: auto;
  float: none;
  text-align: left;
}

.sorteer.nounderline {
  float: left;
  text-decoration: none;
}

.berichtrow {
  margin-bottom: 30px;
}

.battlestats-block {
  display: inline-block;
  width: 67%;
  min-width: 0px;
  margin-right: 0px;
  float: left;
}

.battlecliant-block {
  width: 29%;
  float: right;
  text-align: left;
}

.feedbackblock {
  text-align: right;
}

.arrowdown {
  left: 0px;
  top: 0px;
  margin-right: 0px;
  margin-left: 118px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  color: #333;
}

.img {
  width: 200px;
}

.geenbestand {
  margin-top: 10px;
  margin-left: 25px;
}

.blogpostimg {
  overflow: hidden;
  width: 100%;
  height: 180px;
  padding-right: 20px;
}

.list {
  font-family: Montserrat, sans-serif;
  color: #666;
  font-size: 13px;
  line-height: 22px;
}

.quote {
  margin-top: 15px;
  padding-left: 0px;
  font-family: 'Open Sans', sans-serif;
  color: #888;
  font-size: 15px;
  line-height: 22px;
  font-style: italic;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0px;
}

.quoteimg {
  display: block;
  width: 110px;
  height: 110px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 50%;
}

.quotename {
  margin-top: 7px;
  padding-left: 0px;
  text-align: center;
}

.quoterow {
  margin-top: 49px;
  margin-bottom: 20px;
  padding-right: 20px;
  padding-left: 20px;
}

.listitem {
  margin-bottom: 20px;
}

.quoteblock {
  min-height: 200px;
}

.getstartedrow {
  margin-bottom: 25px;
}

.downarrowdic {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9990;
  display: block;
  width: 50px;
  height: 50px;
  margin-top: -75px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #fff;
  font-size: 50px;
  line-height: 50px;
  text-align: center;
}

.buttondiv {
  display: block;
  width: 600px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.dropdowndiv {
  border: 1px solid #ddd;
}

.embed {
  position: relative;
  width: 100%;
  height: 100%;
}

.slide11 {
  background-image: url('images/700892.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.slide12 {
  background-image: url('images/bg16.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.left {
  text-align: left;
}

.bulb {
  margin-right: auto;
}

.oeps {
  font-size: 100px;
  line-height: 100px;
  text-align: left;
}

.bgvideo {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  height: 80vh;
  background-image: -webkit-linear-gradient(270deg, rgba(44, 44, 44, .7), rgba(44, 44, 44, .7));
  background-image: linear-gradient(180deg, rgba(44, 44, 44, .7), rgba(44, 44, 44, .7));
}

.home {
  position: absolute;
  padding-right: 40px;
  padding-left: 40px;
  background-color: transparent;
}

.blogimghome {
  height: 200px;
  background-image: url('images/boc_background.jpg');
  background-position: 0px 0px;
  background-size: 750px;
}

.blogcontent {
  padding: 15px;
  background-color: #fff;
}

.blogtitlehome {
  overflow: hidden;
  height: 66px;
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
  color: #940000;
  font-size: 18px;
  line-height: 22px;
}

.blogtitlehome:hover {
  color: #333;
}

.blogdate {
  font-size: 12px;
}

.blogtexthome {
  height: 66px;
}

.bloglinkhome {
  margin-top: 19px;
  text-decoration: underline;
}

.bloglinkhome:hover {
  color: #333;
}

.blogwrapper:hover {
  box-shadow: 0 0 10px 0 #ccc;
}

html.w-mod-js *[data-ix="vergroten"] {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

html.w-mod-js *[data-ix="van-rechts"] {
  opacity: 0;
  -webkit-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate(100px, 0px);
}

html.w-mod-js *[data-ix="van-links"] {
  opacity: 0;
  -webkit-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate(-100px, 0px);
}

html.w-mod-js *[data-ix="fade-in"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="rotate"] {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

html.w-mod-js *[data-ix="fadeintop"] {
  opacity: 0;
  -webkit-transform: translate(0px, -200px);
  -ms-transform: translate(0px, -200px);
  transform: translate(0px, -200px);
}

@media (max-width: 991px) {
  h1 {
    font-size: 16px;
    line-height: 22px;
  }
  p {
    overflow: hidden;
    margin-bottom: 16px;
    padding-left: 0px;
  }
  .button {
    margin-top: 10px;
    margin-bottom: 15px;
    padding-right: 5px;
    padding-left: 5px;
  }
  .button.battle {
    width: 100%;
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 13px;
  }
  .button.nieuwsbrief {
    margin-bottom: 10px;
  }
  .button.centered {
    width: 26%;
  }
  .button.centered:hover {
    border-width: 3px 1px 1px 3px;
    border-top-color: #888;
    border-left-color: #888;
  }
  .button.briefing {
    padding-right: 0px;
    padding-left: 0px;
    background-image: none;
    font-size: 13px;
  }
  .button.quotedownload {
    width: 100%;
  }
  .topnav-container {
    padding: 0px;
  }
  .nav-link {
    width: 100%;
    margin: 0px;
    float: none;
    -webkit-transition: none 0ms ease;
    transition: none 0ms ease;
    color: #fff;
    line-height: 30px;
    font-weight: 400;
  }
  .nav-link:hover {
    margin-top: 0px;
    border-bottom-style: none;
    border-bottom-width: 0px;
    background-color: #222;
    color: #fff;
  }
  .nav-link.w--current {
    color: #fff;
  }
  .formwrapper {
    padding-right: 0px;
    border-right-style: none;
    border-right-width: 0px;
  }
  .logo-img {
    width: 110%;
    max-width: 220px;
    margin-top: 20px;
    margin-left: 10px;
  }
  .body-content {
    box-shadow: none;
  }
  .battle-title {
    padding-left: 0px;
    font-size: 13px;
    line-height: 20px;
  }
  .battle-title.vertical {
    font-size: 14px;
  }
  .battle-img {
    border-right-width: 1px;
  }
  .battle-img.one {
    height: 175px;
  }
  .battle-img.one.horizontal {
    width: 100%;
    height: 254px;
    margin-top: -22px;
    border-style: none;
    border-width: 0px;
  }
  .battle-img.two {
    height: 175px;
  }
  .battle-img.two.horizontal {
    height: 254px;
    margin-top: -22px;
    border-style: none;
    border-width: 0px;
  }
  .battle-img.three {
    height: 175px;
  }
  .battle-img.three.horizontal {
    height: 254px;
    margin-top: -22px;
    border-style: none;
    border-width: 1px;
  }
  .battle-stats {
    display: block;
    overflow: hidden;
    padding-left: 0px;
  }
  .battle-stats.page {
    margin-top: 18px;
    margin-bottom: 20px;
    padding-left: 10px;
  }
  .battle-stats.page.uitslag {
    padding-left: 0px;
  }
  .battlestats-column {
    border-right-style: none;
    border-right-width: 1px;
  }
  .battlestats-column.page {
    padding-right: 20px;
    border-right-style: none;
  }
  .clientlogo {
    padding: 15px;
  }
  .clientlogo.pers {
    height: 75px;
  }
  .battle-row {
    padding-top: 21px;
    padding-bottom: 35px;
  }
  .battle-row.odd {
    padding-top: 23px;
    padding-bottom: 22px;
  }
  .battle-row.noimg.rankig {
    position: static;
  }
  .battle-row.horizontal {
    padding-right: 10px;
  }
  .battle-stats-text {
    overflow: visible;
  }
  .rank-item:hover {
    background-color: #f0f0f0;
  }
  .rank-item.odd:hover {
    background-color: #f0f0f0;
  }
  .rank-img {
    display: inline-block;
    width: 50px;
    height: auto;
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
  }
  .rank-img.page {
    margin-left: 15px;
  }
  .rank-name {
    margin-bottom: 4px;
    font-size: 14px;
  }
  .rank-school {
    margin-bottom: 8px;
  }
  .footer {
    padding-right: 20px;
    padding-left: 20px;
  }
  .footer-text {
    padding-left: 0px;
  }
  .footer-credits {
    font-size: 11px;
  }
  .slider-container {
    height: 400px;
  }
  .slide1 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .topmidcolumn {
    padding-right: 0px;
  }
  .header-quote {
    display: block;
    margin-top: 25px;
    padding-right: 0px;
    font-size: 14px;
    line-height: 22px;
  }
  .header-quote.black {
    color: #444;
    font-size: 12px;
    line-height: 20px;
  }
  .slide2 {
    height: 410px;
    background-color: #c7c7c7;
  }
  .clientlogo-section {
    padding: 60px 20px;
  }
  .menu-icon {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    color: #fff;
  }
  .menu-icon.w--open {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #444;
  }
  .navmenu-block {
    position: absolute;
    width: 50%;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: auto;
    background-color: #444;
  }
  .battle-client-container {
    height: 65px;
    margin-top: 20px;
    text-align: center;
  }
  .battle-client-container.page {
    height: 40px;
    margin-top: 0px;
    border-right-style: none;
  }
  .battle-section {
    padding-right: 20px;
    padding-left: 20px;
  }
  .battleblock {
    padding-right: 0px;
    padding-left: 0px;
  }
  .battles-container.slider {
    margin-top: 100px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .targetgroepcontainer {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 20px;
  }
  .battletext {
    padding-left: 0px;
  }
  .battletext.vertical {
    height: 80px;
  }
  .nieuwsbrief-container {
    padding-right: 20px;
    padding-left: 20px;
  }
  .nieuwsbrief-title {
    padding-left: 21px;
    float: left;
    font-size: 16px;
    line-height: 21px;
    text-align: left;
  }
  .nieuwsbrief-icon {
    max-width: 54px;
  }
  .stats-icon {
    width: 50%;
  }
  .socialicons.fb {
    width: 30px;
    height: 30px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 8px;
  }
  .socialicons.fb.widget {
    width: 80%;
    height: auto;
    margin-right: 0%;
    padding: 5px;
  }
  .socialicons.fb.profile {
    width: 40px;
    height: 40px;
    padding-top: 8px;
  }
  .socialicons.tw {
    width: 30px;
    height: 30px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 8px;
  }
  .socialicons.tw.widget {
    width: 80%;
    height: auto;
    margin-right: 0%;
    padding: 5px;
    float: none;
  }
  .socialicons.tw.profile {
    width: 40px;
    height: 40px;
    padding-top: 8px;
  }
  .socialicons.li {
    width: 30px;
    height: 30px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 8px;
  }
  .socialicons.li.widget {
    width: 80%;
    height: auto;
    margin-right: 0%;
    padding: 5px;
  }
  .socialicons.li.profile {
    width: 40px;
    height: 40px;
    padding-top: 8px;
  }
  .socialicons.gp {
    width: 30px;
    height: 30px;
  }
  .socialicons.gp.widget {
    width: 80%;
    height: auto;
    padding: 5px;
    float: none;
  }
  .socialicons.gp.profile {
    width: 40px;
    height: 40px;
  }
  .battleclient {
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
  }
  .battleclient.klm {
    padding-top: 4px;
    padding-right: 0px;
    padding-left: 0px;
    float: none;
    text-align: left;
  }
  .battleclient.widget {
    width: 100%;
  }
  .battleclient.page {
    margin-top: 6px;
    padding-left: 0px;
  }
  .battleclient.home {
    margin-right: auto;
  }
  .rank-points {
    display: block;
  }
  .rank-points.concepten {
    display: none;
  }
  .battleheader {
    padding-right: 20px;
    padding-left: 20px;
  }
  .white {
    font-size: 28px;
    line-height: 41px;
  }
  .tablink {
    width: 20%;
    font-size: 12px;
  }
  .tablink.w--current {
    width: 20%;
    font-size: 12px;
  }
  .tablink.ranking.w--current {
    position: static;
  }
  .tablink.battlemanager {
    width: 16.5%;
    margin-right: 0px;
  }
  .tablink.battlemanager.w--current {
    width: 16.5%;
    margin-right: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .tablink.battlemanager.lang {
    width: 17.5%;
  }
  .tabsmenu {
    position: relative;
  }
  .textfield {
    font-size: 13px;
  }
  .textfield.span66.instellingen60 {
    width: 44%;
    margin-right: 0px;
  }
  .textfield.span33.instellingen33 {
    width: 28%;
  }
  .textfield.zoekrank {
    width: 100%;
    margin-top: 5px;
  }
  .textfield.instellingen {
    width: 100%;
  }
  .textfield.datumfield {
    width: 15%;
  }
  .battle-widget {
    padding-top: 10px;
  }
  .widget-title {
    font-size: 13px;
    letter-spacing: 1px;
  }
  .column2 {
    overflow: hidden;
  }
  .fieldlabel {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .fieldlabel.instellingen {
    width: 100%;
  }
  .link.profielfoto {
    font-size: 13px;
  }
  .formwrapperright {
    padding-left: 0px;
  }
  .subtitle-text {
    padding-right: 15px;
    padding-left: 15px;
  }
  .deadlinetext {
    margin-bottom: 0px;
    font-size: 8px;
  }
  .deadlinetitle {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 24px;
  }
  .battle-logo {
    padding-right: 10px;
    padding-left: 10px;
  }
  .login-container {
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
  }
  .blogtitle {
    display: block;
    margin-bottom: 10px;
    float: none;
    font-size: 12px;
  }
  .blog-subtitle {
    font-size: 21px;
  }
  .blogtext {
    height: 66px;
    float: none;
  }
  .blogimg {
    width: 100%;
    float: left;
  }
  .blogimg-container {
    height: auto;
    margin-bottom: 30px;
    padding-right: 0px;
  }
  .ranknumber {
    margin-left: 25px;
  }
  .rank-concepten {
    text-align: left;
  }
  .profile-name {
    margin-bottom: 0px;
  }
  .profile-school {
    margin-bottom: 0px;
  }
  .profile-studie {
    margin-bottom: 0px;
  }
  .profile-afstudeerjaar {
    margin-bottom: 0px;
  }
  .profile-battles {
    margin-bottom: 0px;
  }
  .profile-punten {
    margin-bottom: 0px;
  }
  .profile-ranking {
    margin-bottom: 0px;
  }
  .profile-bekeken {
    margin-bottom: 0px;
  }
  .unilogo.page {
    margin-left: 15px;
  }
  .breakslide {
    padding-right: 20px;
    padding-left: 20px;
  }
  .slide4 {
    background-image: -webkit-linear-gradient(270deg, #01a7b7, #11727d);
    background-image: linear-gradient(180deg, #01a7b7, #11727d);
  }
  .deadlinedate {
    font-size: 12px;
  }
  .profielfotocontainer.instellingen {
    overflow: hidden;
    padding-right: 0px;
    padding-left: 0px;
  }
  .profielfotocontainer.page {
    width: 32%;
  }
  .headertitle {
    margin-left: 0px;
    font-size: 30px;
  }
  .headertitle.black {
    font-size: 20px;
    line-height: 26px;
  }
  .overlay {
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    height: 73%;
    padding-top: 10px;
  }
  .blogimg-short {
    max-width: 280px;
    float: left;
  }
  .sorteer {
    margin-bottom: 15px;
    font-size: 13px;
  }
  .battlestats-block {
    width: 100%;
  }
  .battlecliant-block {
    width: 100%;
    height: 82px;
  }
  .arrowdown {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    color: #666;
  }
  .quote {
    padding-left: 0px;
  }
  .quoterow {
    padding-right: 0px;
    padding-left: 0px;
  }
  .quoteblock {
    min-height: 250px;
  }
  .buttondiv {
    width: 520px;
  }
  .blogcontent {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  p {
    font-size: 12px;
    line-height: 21px;
  }
  .button {
    padding-right: 10px;
    padding-left: 10px;
  }
  .button.battle {
    width: 100%;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
  }
  .button.nieuwsbrief {
    margin-bottom: 40px;
  }
  .button.centered {
    width: 34%;
  }
  .button.briefing {
    width: 100%;
    margin-left: 10px;
  }
  .button.right {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0px;
  }
  .button.left.upload.block {
    width: 40%;
  }
  .button.header {
    width: 88%;
  }
  .topnav-container {
    padding-right: 0px;
  }
  .nav-link {
    width: 100%;
    line-height: 30px;
    text-align: left;
  }
  .nav-link.w--current {
    color: #fff;
    line-height: 30px;
  }
  .logo-img {
    display: block;
    width: 100%;
    max-width: 220px;
    margin: 20px auto 0px 10px;
    float: left;
  }
  .content-title {
    font-size: 20px;
  }
  .body-content {
    box-shadow: none;
  }
  .battle-title.vertical {
    height: 60px;
  }
  .battle-img {
    width: 100%;
    margin-bottom: 30px;
  }
  .battle-img.one {
    height: 275px;
    margin-bottom: 0px;
  }
  .battle-img.one.horizontal {
    width: 110%;
    height: 275px;
    margin-top: -22px;
    margin-right: -20px;
    margin-bottom: 20px;
    border-style: none;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
  }
  .battle-img.two {
    height: 275px;
    margin-bottom: 0px;
  }
  .battle-img.two.horizontal {
    width: 110%;
    height: 275px;
    margin-top: -22px;
    margin-bottom: 20px;
  }
  .battle-img.three {
    height: 275px;
    margin-bottom: 0px;
  }
  .battle-img.three.horizontal {
    width: 110%;
    height: 275px;
    margin-top: -22px;
    margin-right: -10px;
    margin-bottom: 20px;
    border-bottom-left-radius: 0px;
  }
  .battle-icon {
    margin-right: 8px;
  }
  .battle-stats.page {
    margin-top: 20px;
    margin-bottom: 10px;
    padding-right: 0px;
    padding-left: 5px;
  }
  .battle-stats.page.uitslag {
    margin-top: 10px;
    padding-left: 0px;
  }
  .battlestats-column {
    border-right-style: solid;
    border-right-width: 1px;
  }
  .battlestats-column.page {
    border-right-style: none;
  }
  .clientlogo {
    display: block;
    width: 100%;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 15px;
  }
  .battle-row.noimg {
    padding-bottom: 0px;
  }
  .battle-row.noimg.rankig {
    position: relative;
    border-top-style: solid;
    border-top-width: 1px;
  }
  .battle-row.horizontal {
    overflow: hidden;
    padding-right: 10px;
  }
  .battle-stats-text {
    margin-top: 5px;
    float: none;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
  }
  .rank-img {
    display: block;
    width: 25%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    float: left;
    text-align: left;
  }
  .rank-img.page {
    width: 50px;
    margin-left: 70px;
    border-radius: 50%;
  }
  .rank-name {
    font-size: 13px;
  }
  .footer {
    padding-left: 20px;
  }
  .footer-text {
    font-size: 12px;
    line-height: 20px;
  }
  .footer-credits {
    margin-top: 50px;
  }
  .logo-linkblock {
    text-align: left;
  }
  .logo-linkblock.w--current {
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    float: left;
  }
  .topmidcolumn {
    margin-top: -55px;
    padding-left: 0px;
  }
  .header-quote {
    margin-top: 15px;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 12px;
    line-height: 22px;
    text-align: left;
  }
  .slide2 {
    height: 402px;
  }
  .clientlogo-section {
    padding-top: 80px;
  }
  .menu-icon.w--open {
    margin-bottom: 0px;
  }
  .navmenu-block {
    width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
  }
  .battle-client-container {
    margin-top: 0px;
  }
  .battle-client-container.page {
    height: auto;
    margin-bottom: 20px;
  }
  .battle-section.page {
    padding-bottom: 70px;
  }
  .battles-container {
    margin-top: 0px;
  }
  .battles-container.slider {
    margin-top: 95px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .battletext.vertical {
    height: auto;
  }
  .nieuwsbrief-title {
    float: none;
    font-size: 18px;
    text-align: center;
  }
  .socialicons.fb {
    width: 50px;
    height: 50px;
    padding-top: 12px;
    padding-right: 12px;
    padding-left: 12px;
    border-radius: 25px;
  }
  .socialicons.tw {
    width: 50px;
    height: 50px;
    padding-top: 12px;
    padding-right: 12px;
    padding-left: 12px;
    border-radius: 25px;
  }
  .socialicons.li {
    width: 50px;
    height: 50px;
    padding-top: 12px;
    padding-right: 12px;
    padding-left: 12px;
    border-radius: 25px;
  }
  .socialicons.gp {
    width: 50px;
    height: 50px;
    padding-top: 8px;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 25px;
  }
  .battleclient.page {
    display: block;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
  }
  .battleclient.home {
    margin-right: 0px;
  }
  .rank-points.concepten {
    display: block;
  }
  .tablink {
    width: 100%;
    margin-bottom: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px none #ddd;
    font-size: 14px;
  }
  .tablink.w--current {
    width: 100%;
    margin-bottom: 0px;
    border-bottom: 1px none #ddd;
    border-radius: 3px;
    font-size: 14px;
  }
  .tablink.ranking {
    width: 100%;
    margin-bottom: 0px;
    font-size: 13px;
  }
  .tablink.ranking.w--current {
    position: relative;
    width: 100%;
    border-bottom-style: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    font-size: 13px;
  }
  .tablink.battlemanager {
    overflow: visible;
    width: 100%;
    min-height: 45px;
    padding-bottom: 15px;
    font-size: 13px;
  }
  .tablink.battlemanager.w--current {
    width: 100%;
    font-size: 13px;
  }
  .tablink.battlemanager.lang {
    width: 100%;
  }
  .tabsmenu {
    padding-top: 20px;
  }
  .textfield {
    font-size: 13px;
  }
  .textfield.span66.instellingen60 {
    width: 69%;
    margin-right: 14px;
  }
  .textfield.zoekrank {
    width: 100%;
  }
  .textfield.instellingen {
    width: 100%;
  }
  .textfield.datumfield {
    width: 20%;
  }
  .fieldlabel.instellingen {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 0px;
    float: none;
    text-align: left;
  }
  .subtitle-text {
    line-height: 22px;
  }
  .subtitle-text.contactinfo {
    padding-left: 0px;
  }
  .login-container {
    width: 100%;
    margin-top: 60px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  .vergeten {
    text-align: left;
  }
  .dropdown.years {
    font-size: 13px;
  }
  .blogtitle {
    margin-top: 10px;
  }
  .blog-subtitle {
    margin-top: 10px;
  }
  .blogtext {
    height: 132px;
    line-height: 22px;
  }
  .blogimg {
    width: 100%;
    max-width: 1200px;
    float: none;
  }
  .form-column {
    padding-right: 0px;
    border-right-style: none;
  }
  .ranknumber {
    margin-left: 25px;
  }
  .battlecv-img {
    display: block;
    margin-right: auto;
    margin-left: 0px;
  }
  .profile-name.value {
    margin-bottom: 15px;
  }
  .profile-school.value {
    margin-bottom: 15px;
  }
  .profile-studie.value {
    margin-bottom: 15px;
  }
  .profile-afstudeerjaar.value {
    margin-bottom: 15px;
  }
  .profile-battles.value {
    margin-bottom: 15px;
  }
  .profile-punten.value {
    margin-bottom: 15px;
  }
  .profile-ranking.value {
    margin-bottom: 15px;
  }
  .profile-bekeken.value {
    margin-bottom: 15px;
  }
  .unilogo {
    margin-left: 0px;
  }
  .unilogo.page {
    margin-left: 70px;
  }
  .breakslide {
    padding-top: 80px;
    padding-bottom: 40px;
  }
  .about-title {
    font-size: 15px;
  }
  .pricenumber {
    margin-top: 5px;
    font-size: 11px;
  }
  .pricenumber.diap {
    margin-top: 5px;
    font-size: 11px;
  }
  .winnaar-container {
    margin-bottom: 15px;
  }
  .winnaar-container-namen {
    margin-bottom: 0px;
  }
  .school-column {
    display: none;
  }
  .concepten-column {
    display: none;
  }
  .prijzengeld-column {
    display: none;
  }
  .closecontainer {
    margin-top: 10px;
    margin-right: 10px;
    background-color: transparent;
  }
  .profielfotocontainer.instellingen {
    margin-top: 10px;
  }
  .profielfotocontainer.page {
    padding-right: 20px;
    padding-left: 20px;
  }
  .headertitle {
    font-size: 25px;
    line-height: 29px;
  }
  .headertitle.black {
    font-size: 19px;
  }
  .overlay {
    height: 65%;
    margin-top: 20px;
  }
  .blogimg-short {
    width: 100%;
    max-width: 2000px;
    float: none;
  }
  .backgriundimg {
    width: 100%;
    height: auto;
    margin-top: 20px;
    margin-left: 0px;
  }
  .inzending-img {
    height: auto;
  }
  .selectfield {
    margin-left: 0px;
  }
  .inzending-titel {
    margin-bottom: 15px;
  }
  .sorteer {
    margin-top: 5px;
  }
  .battlestats-block {
    width: 50%;
  }
  .battlecliant-block {
    width: 50%;
  }
  .feedbackblock {
    text-align: left;
  }
  .blogpostimg {
    overflow: hidden;
    width: 100%;
    margin-bottom: 25px;
    padding-right: 0px;
  }
  .quote {
    padding-left: 0px;
  }
  .quoteblock {
    min-height: auto;
  }
  .buttondiv {
    width: 420px;
  }
}

@media (max-width: 479px) {
  p {
    padding-left: 0px;
  }
  .button.battle {
    margin-top: 20px;
    margin-bottom: 0px;
  }
  .button.centered {
    width: 100%;
  }
  .button.briefing {
    width: 100%;
  }
  .button.left.upload.block {
    width: 100%;
  }
  .button.header {
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
  }
  .button.header.black {
    width: 100%;
  }
  .topnav-container {
    padding-right: 0px;
  }
  .nav-link {
    line-height: 30px;
  }
  .logo-img {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 0px;
  }
  .content-title {
    line-height: 31px;
  }
  .body-content {
    box-shadow: none;
  }
  .battle-title {
    height: auto;
    padding-left: 0px;
  }
  .battle-title.vertical {
    height: auto;
  }
  .battle-img.one {
    height: 200px;
  }
  .battle-img.one.horizontal {
    width: 124%;
    height: 200px;
    margin-top: -22px;
  }
  .battle-img.two {
    height: 200px;
  }
  .battle-img.two.horizontal {
    width: 116%;
    height: 200px;
    margin-right: -20px;
  }
  .battle-img.three {
    height: 200px;
  }
  .battle-img.three.horizontal {
    width: 119%;
    height: 200px;
    margin-right: -20px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
  }
  .battle-stats.page {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 0px;
  }
  .battle-stats.page.uitslag {
    padding-left: 0px;
  }
  .battlestats-column {
    border-right-style: none;
  }
  .battlestats-column.page {
    margin-bottom: 14px;
  }
  .clientlogo {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 15px;
  }
  .clientlogo.pers {
    height: 95px;
  }
  .battle-row.horizontal {
    padding-bottom: 25px;
  }
  .rank-item {
    height: 70px;
  }
  .rank-item.page {
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
  }
  .rank-name {
    overflow: hidden;
    margin-bottom: 0px;
    padding-left: 50px;
    font-size: 13px;
  }
  .rank-school {
    padding-left: 10px;
  }
  .footer-credits {
    margin-top: 50px;
  }
  .slide1 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .header-quote {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 8px;
    line-height: 16px;
  }
  .slide2 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .clientlogo-section {
    padding-top: 60px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .menu-icon {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .menu-icon.w--open {
    margin-bottom: 0px;
  }
  .navmenu-block {
    margin-top: 0px;
    margin-left: 0px;
  }
  .battle-client-container.page {
    height: auto;
    margin-bottom: 0px;
  }
  .battle-section {
    padding: 40px 10px 20px;
  }
  .battles-container {
    margin-top: 0px;
  }
  .battles-container.slider {
    margin-top: 136px;
  }
  .battletext {
    height: auto;
  }
  .nieuwsbrief-title {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 25px;
  }
  .socialicons.fb {
    width: 50px;
    height: 50px;
    padding-top: 8px;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 25px;
  }
  .socialicons.fb.profile {
    padding-top: 12px;
  }
  .socialicons.tw {
    width: 50px;
    height: 50px;
    padding-top: 8px;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 25px;
  }
  .socialicons.tw.profile {
    padding-top: 8px;
    padding-right: 8px;
    padding-left: 8px;
  }
  .socialicons.li {
    width: 50px;
    height: 50px;
    padding-top: 6px;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 25px;
  }
  .socialicons.li.profile {
    padding-top: 8px;
    padding-right: 8px;
    padding-left: 8px;
  }
  .socialicons.gp {
    width: 50px;
    height: 50px;
    padding-top: 8px;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 25px;
  }
  .battleclient {
    padding-left: 10px;
  }
  .battleclient.klm {
    padding-right: 0px;
    padding-left: 10px;
  }
  .battleclient.page {
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .battleclient.home {
    margin-top: 23px;
    margin-right: auto;
    margin-left: 0px;
  }
  .rank-points {
    overflow: visible;
    height: 22px;
    padding-left: 0px;
    font-size: 12px;
    text-align: left;
  }
  .rank-points.concepten {
    display: none;
  }
  .battleheader {
    padding-top: 287px;
  }
  .white {
    margin-top: 40px;
    font-size: 18px;
    line-height: 28px;
  }
  .tablink {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
  }
  .tablink.w--current {
    width: 100%;
    margin-bottom: 0px;
  }
  .tablink.ranking {
    width: 100%;
    margin-bottom: 0px;
  }
  .tablink.ranking.w--current {
    width: 100%;
  }
  .textfield {
    font-size: 13px;
  }
  .textfield.span66 {
    width: 100%;
  }
  .textfield.span66.instellingen60 {
    width: 100%;
    margin-right: 0px;
  }
  .textfield.span33 {
    width: 100%;
  }
  .textfield.span33.instellingen33 {
    width: 100%;
  }
  .textfield.span50 {
    width: 100%;
  }
  .textfield.zoekrank {
    width: 100%;
  }
  .textfield.datumfield {
    width: 28%;
  }
  .radiobutton {
    width: 100%;
  }
  .column2 {
    overflow: visible;
  }
  .fieldlabel {
    padding-left: 10px;
  }
  .fieldlabel.instellingen {
    padding-left: 0px;
  }
  .checkbox {
    text-align: left;
  }
  .login-container {
    width: 100%;
    margin-top: 57px;
    padding-right: 20px;
    padding-left: 20px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  .vergeten {
    text-align: left;
  }
  .dropdown.span66 {
    width: 100%;
  }
  .blogtitle {
    font-size: 12px;
    line-height: 16px;
  }
  .blog-subtitle {
    height: auto;
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px;
  }
  .blogimg-container {
    margin-bottom: 15px;
  }
  .contact-row {
    padding-left: 0px;
  }
  .ranknumber {
    margin-left: 0px;
  }
  .unilogo {
    height: 42px;
    margin-top: 15px;
    margin-left: 15px;
  }
  .unilogo.page {
    margin-left: 70px;
  }
  .breakslide {
    padding-right: 20px;
    padding-left: 20px;
  }
  .slide4 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .uparrow {
    display: none;
  }
  .downarrow {
    display: none;
  }
  .lastrank {
    display: none;
  }
  .pricenumber.diap {
    display: block;
  }
  .mainquestion-img {
    display: none;
  }
  .uitslagbekend-titleconcept {
    margin-top: 100px;
    margin-bottom: 20px;
    padding-top: 9px;
    padding-left: 0px;
    font-size: 14px;
  }
  .uitslagbekend-school {
    display: none;
  }
  .naam-winnaar {
    overflow: hidden;
    margin-top: 5px;
  }
  .winnaar-container {
    margin-top: 0px;
  }
  .datumcolumn {
    display: block;
  }
  .tijdcolumn {
    display: none;
  }
  .profielfotocontainer {
    width: 100%;
  }
  .profielfotocontainer.page {
    width: 100%;
    margin-bottom: 11px;
  }
  .headertitle {
    font-size: 20px;
    line-height: 23px;
  }
  .headertitle.black {
    font-size: 13px;
    line-height: 20px;
  }
  .overlay {
    height: 59%;
  }
  .notificationform {
    padding-top: 0px;
    padding-left: 0px;
  }
  .inzendingen-div {
    padding-right: 10px;
    padding-left: 10px;
  }
  .form-container {
    padding-right: 10px;
    padding-left: 10px;
  }
  .selectfield {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .battlestats-block {
    width: 100%;
  }
  .battlecliant-block {
    width: 100%;
  }
  .buttondiv {
    width: 100%;
  }
}