@charset "utf-8";

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,main {display: block;}
figure{margin:40px 0 20px;}
html, body {font-size: 15px;line-height:26px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-family: arial;margin:0;color:#222;}
body.fixed { overflow: hidden;}
.payoff {font-family:'Fabio Handwriting W90 Regular';}
.h2.payoff {font-size: 36px;color: #0f4071;margin: 0 0 30px;}
.item-101 h1 {margin:0 0 20px;}
ul {list-style:none;padding:0;margin:0;overflow:hidden;}
div.item-page ul {list-style:initial;padding:0 0 0 40px;margin:0 0 20px;}
a {color:rgb(135, 159, 184);}
p {margin:0 0 20px 0;line-height:26px;}
b, strong {font-weight:normal;font-family:'Gilroy W05 ExtraBold',arial;}
article p a {display:inline-block;border-bottom:1px dotted #fff;color:#fff;}
h1,h2,h3, .heading {font-family:'Gilroy W05 ExtraBold', arial;color: rgba(15, 64, 113,1);line-height: 100%;font-size:2rem;text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);margin:0 0 40px 0;}
h2 {font-size:1.6rem;}
h3 {font-size:1.3rem;}
img {border:0;display:block;max-width:100%;height:auto;}
hr {margin:40px auto;padding:0;width:100%;border:0;background:rgba(255,255,255,0.1);height:1px;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);}
*:after, *:before {font-family: "Font Awesome 5 Free";font-weight: 900;position:relative;}
*:hover, *:hover:before {-webkit-transition:all 0.3s linear!important;-moz-transition:all 0.3s linear!important;}
*:focus {outline: none!important;}
* {box-sizing: border-box;}
.clear{clear:both;display:block;}

.button {border-radius:4px;background: rgb(135, 159, 184);color:#fff;padding:5px 10px;text-decoration:none;display:block;margin:0 0 10px;text-align:center;}
.button.training {text-transform:capitalize;}
.button:hover {background:rgba(15, 64, 113,1);box-shadow:5px 5px 10px rgba(0,0,0,.5);}
.button:before {content: "\f101";display:inline-block;margin:0 10px 0 0;vertical-align: top;}
.button.external:before {content: "\f35d"}
.button.training:before {content: "\f19d"}
.button.googlemaps:before {content: "\f5a0"}
.button.reserveer:before {content: "\f298";font-family: 'Font Awesome 5 Brands';}

div#navmobile {display:none;}
nav.navigation {width:100%;line-height:18px;z-index:100;background-image: linear-gradient(141deg, #0f407126 0%, hsla(210, 77%, 25%, 0.42) 51%, #0f4071 75%);padding-bottom: 10px;}
nav.navigation .container {box-shadow: 2px 2px 10px rgba(0,0,0,0.5);-webkit-appearance: none;}
ul.nav.menu {display:table;width:auto;max-width:1280px;margin: 0 auto;}
ul.nav.menu li {display:table-cell;vertical-align:middle;text-align:center;}
ul.nav.menu li a {padding:20px;display: block;text-decoration:none;color:#fff;}
ul.nav.menu li:not(.item-101) a:after {content: "\f105";margin:0 0 0 5px;vertical-align: middle;}
ul.nav.menu li.item-114 a:after {content: "\f107";}
ul.nav.menu li.item-101 a {height:100px;}
ul.nav.menu li.item-101 img {height:100%;width:auto;max-width:initial;}

ul.subtrainingen {-webkit-transition:all 0.3s linear!important;-moz-transition:all 0.3s linear!important;opacity:0; top:99px;left:-100%;width:100%; position: fixed; z-index: -1;font-size: 16px;background:  rgba(128,128,128,.95);}
ul.subtrainingen:after {content:' ';background:  url(../img/monkey.png) no-repeat center center;width:100%;height:100%;position:fixed;top:99px;left:0;z-index: -1;opacity: 0.3; filter: grayscale(100%);}
ul.subtrainingen.active {left:0;opacity:1;z-index:10;height:100%;}
ul.nav.menu li ul.subtrainingen li.container {display: grid;grid-template-columns: repeat(3, 1fr);max-width: 1280px;margin: 40px auto 0;box-shadow: none;}
ul.nav.menu li ul.subtrainingen li {display:block;color:#fff;padding: 20px;position: relative;}
ul.nav.menu li ul.subtrainingen li a {padding:10px 20px;}
ul.nav.menu li ul.subtrainingen li a:after {content:'';display:none;}
ul.nav.menu li ul.subtrainingen li ul.subcat {margin:20px 0 10px;}
ul.nav.menu li ul.subtrainingen li ul.subcat li {float:left;padding:0;width:calc(50% - 10px);text-align: center;}
ul.nav.menu li ul.subtrainingen li ul.subcat li:nth-child(even) {float: right;}
ul.nav.menu li ul.subtrainingen li ul.subcat li a {border:1px solid #fff;}
ul.nav.menu li ul.subtrainingen li ul.subcat li a:hover {background: rgb(188, 202, 216);color: rgba(15, 64, 113,1);}
ul.nav.menu li ul.subtrainingen li ul.parentcat {background: rgba(15, 64, 113,1);border-radius: 3px;margin: 10px;}
ul.nav.menu li ul.subtrainingen li ul.parentcat li span {position:relative;font-family:'Gilroy W05 ExtraBold', arial;font-size:18px;text-transform: capitalize;}

div.slides_container {position: relative;box-shadow: 2px 2px 10px rgba(0,0,0,0.5);}
ul.slides li {position:relative;height:450px;color:#fff;padding:40px 0;}
ul.slides li span.bg {position:absolute;z-index: -1;left:0;top:0;width:100%;height:100%;}
ul.slides li div.contentcontainer {max-width:1280px;margin:0 auto;}
ul.slides li div.contentcontainer div.heading {color:#fff;width:100%;}
ul.slides li div.contentcontainer div.image-container {float:left;}
ul.slides li div.contentcontainer div.image-container img {width:auto;height:100%;max-height: 270px;}
.flex-direction-nav a {position:absolute;top:50%;left:20px;text-decoration:none;color:#fff;transform:translateY(-50%);}
.flex-direction-nav a.flex-next {left:initial;right:20px;}
.flex-direction-nav a:hover {opacity:1;}
.flex-direction-nav a:before{content:'\f054';background: rgba(15, 64, 113,1);border-radius: 100%; width: 40px;height: 40px;line-height: 40px;display: block;text-align: center;font-size: 24px;}
.flex-direction-nav a.flex-prev:before {content:'\f053';}

div.item-page, div.container.trainers, div.container.trainer, div.container.trainingen, div.vev-ev-list-container,div.container.event, div.container.reservering,
div.container.training {max-width:1280px;margin:0 auto;padding:80px 20px;overflow: hidden;display: block;}

ul.trainingen {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 20px;text-align:center;padding: 0!important;list-style: none!important;}

ul.trainingen div.item {background: rgb(231 236 241)!important;  padding: 40px;  height: 100%;  overflow: hidden;  border-radius: 10px;  position: relative;  border: 1px solid #cdd8e2;}
ul.trainingen h3 {margin:0 0 30px;position: relative;font-size:1.3rem;text-transform: capitalize;}
ul.trainingen li a {position: relative;  transition: opacity 1s ease;  opacity: 1;  display: block;  float: left;  border: 1px solid #becbd8;  padding:5px 10px;  width: calc(50% - 10px);  color: #f5f5f5;  text-decoration: none;  background: rgb(81 120 179);  border-radius: 5px;  box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
ul.trainingen li a:nth-child(even) {float:right}
ul.trainingen li a:hover {background:rgba(15, 64, 113,.2);color:rgba(15, 64, 113,1);}
ul.trainingen li:hover a {opacity:1}


ul.trainerlist li {width:22%;margin:0 4% 40px 0;float:left;border:1px solid #eee;padding: 15px;background: #fbfbfb;color:rgba(15, 64, 113,1);}
ul.trainerlist li:nth-child(3n+4) {margin-right:0;}
ul.trainerlist li:last-of-type {margin-bottom:0;}
ul.trainerlist li img {border-radius:20px 10px 0 0; }
ul.trainerlist li a {display:block;text-decoration:none;}

table#trainingList {width:100%;text-align:left;}
table#trainingList td {vertical-align:top;padding-right: 40px;}
table#trainingList td:last-of-type {padding-right:0;}
div.container.category {background: rgba(15, 64, 113, .1);}
div.container.category div.inner {max-width:1280px;margin:0 auto;padding:40px;}
div.container.category div.inner p:last-of-type {margin:0;}
table#trainingList th.title {width:250px;}
table#trainingList th.price {width:130px;}
table#trainingList th.type {width:75px;}
table#trainingList th.locatie {width:250px;}
span.location:before, div.location:before {content: "\f3c5";display:inline-block;margin:0 10px 0 0;}

div.container.training > div {float:left;width:calc(50% - 20px);}
div.container.training > div:nth-child(even) {float:right;}
div.container.training label {display:table;width:100%;background: #eee;margin: 0 0 10px;padding: 15px;}
div.container.training label span {width:50%;display:table-cell;vertical-align:top;}
div.container.training label > span:first-child:before, td.locatie:before, label.prijs:before, label.deelnemers:before, label.training:before, label.datum:before, p.datum:before  {font-size: 26px;content: "\f153";display:inline-block;margin:0 10px 0 0;}
div.container.training label span.deelnemers:before, label.deelnemers:before {content: "\f0c0";}
div.container.training label span.locatie:before, td.locatie:before {content: "\f041";}
div.container.training label span.datum:before, label.datum:before, p.datum:before {content: "\f073";}
div.container.training label span.duur:before {content: "\f2f2";}
div.container.training label strong {display:block;}
div.container.trainingen span.online:before, div.container.training span.online:before, p.training:before, p.personalia:before {content: "\f0ac";display:inline-block;margin:0 10px 0 0;} 
div.container.training label.modules span.titel:before {content:'\f1b3';}
div.container.training label.modules span {width:100%;display:block;}
ul.modules {margin:20px;}
ul.modules li {padding:10px 20px;border-bottom:1px solid rgba(135,159,184,0.1);overflow: hidden;}
a.buy {background: #0f4071;padding: 3px 5px;font-size: 12px;border-radius: 5px;color: #fff;text-decoration: none;float: right;}
a.buy:before {content:'\f07a';margin:0 5px 0 0;}
span.moduleprijs {float:left;width:auto!important;}

div.trainingheader {overflow:hidden;box-shadow: 2px 2px 10px rgba(0,0,0,0.5);position: relative;height:200px;background-image: linear-gradient(141deg, #9E9E9E 0%, hsl(210deg 7% 18% / 42%) 51%, #585d63 75%);}
div.trainingheader div.flex-viewport {height:100%;}
div.trainingheader ul.slides li {height:200px;display:table!important}
div.trainingheader ul.noslides li {display: table;width: 100%; height: 200px;}
div.trainingheader li span.customer_ref {display:table-cell;max-width:800px;text-align:center;margin:0 auto;vertical-align: middle;}
span.quotes {display:inline-block;max-width:600px;margin: 0 auto;position: relative;padding:0 50px;font-size: 26px;}
span.quotes:before {content:'\f10d';position:absolute;top:-10px;left:0;}
span.quotes:after {content:'\f10e';position:absolute;bottom:-10px;right:0;}
span.customertitle {display:block;font-style:italic;}

div.container.trainer h1 {margin:0 0 20px;}
div.container.trainer div.inner {overflow: hidden;}
div.container.trainer div.inner > div {float:left;width:60%;}
div.container.trainer div.inner div.image {width:40%;padding:0 40px 0 0;}
div.container.trainer img {border-radius:20px 10px;}
div.container.trainer div.over, div.specialties, div.references {font-weight:bold;margin:0 0 10px!important;}
div.container.trainer a {text-decoration: none;}
ul.specs li {display:inline-block;margin:0 20px 20px 0;padding:10px 20px;border-radius:10px;background: linear-gradient(to right, #B38728, #FBF5B7, #AA771C);box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
ul.specs li:before {content:'\f02c';margin: 0 5px 0 0;}
div.trainerdetails > div {margin:0 0 20px;}
div.grid2 {display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 100px;}
div.trainerworden div.column.right { background: rgb(231 236 241)!important;padding: 20px;border: 1px solid #cdd8e2;border-radius:10px;}
div.trainerworden div.column.right h2 {margin:0 0 20px;}
a.pdf.roadmap {margin:0 0 40px;text-decoration:none;display:block;position: relative;padding:0 0 0 40px;}
a.pdf:before {content: "\f1c1 ";position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:36px;}

label.training:before, p.training:before {content: "\f19d"}
.ui.form select[name="deelnemers"], .ui.form select[name="datum"] {margin:10px 0 20px;}
div.field.phone {display:none;}
label.select {position:relative;}
label.select:after {content: "\f0d7 ";position:absolute;right:20px;bottom:10px;}
form div.container {float:left;width:calc(50% - 20px);}
form div.container:nth-child(even) {float:right;border: 1px solid #eee;background: #fbfbfb;padding:20px;}
div.trainingdata label {display:block;line-height: 100%;margin:0 0 20px;}
input.readonly {border:0!important;outline:0!important;padding:0!important;width: auto!important;background: #fbfbfb!important;}
input[name="training"] {font-weight:bold;}
div.trainingdata td {vertical-align:top;width:50%;line-height:22px;}

div.trainerworden div.ui.message.g2-message.error {display:none;}
a.chronoforms6_credits {display:none;}
textarea#opmerking {height:200px;}
div.item-page button.formc2a {background-color:rgb(135, 159, 184)!important;}
div.item-page button.formc2a:hover {background-color:rgba(15, 64, 113,1)!important;}
div.formrespons {border: 1px solid #eee;background: #fbfbfb;padding:20px;}
div.formrespons.training {width:calc(50% - 20px);float:left;min-height: 282px;}
div.formrespons.training.right {float:right;}
p.personalia:before {content:'\f007';}
a.back {display:inline-block;float:right;text-decoration:none;}
a.back:before {content: '\f104';margin-right:10px;}

body.page-215 header.header {height:250px;background:url(https://image.shutterstock.com/z/stock-photo-business-application-form-with-applicant-filling-in-company-document-filing-personal-profile-1708574428.jpg) no-repeat center center /cover;}

div.vev-ev-list-evinfodates {background: none repeat scroll 0 0 rgba(15, 64, 113,1);}
div.vev-ev-list-evtime {right:0;transform: translate(0%, -50%);}
div.vev-ev-list-evblock {overflow:hidden;box-shadow: 5px 5px 12px rgba(0,0,0,.1);margin: 0 0 30px;width:calc(100% - 10px)}
div.vev-ev-det-block {width:100%;}
div.vev-ev-list-evinfodates > div {position: relative;}
div.vev-ev-list-evtimecont { background: none repeat scroll 0 0 #879fb8;}
div.vev-ev-list-evtime:before {content: "\f017";display:block;line-height: 100%;font-size: 26px;}
.vev-ev-det-block .vev-ev-det-narrowerblock {margin-left:40px;}
p.vevresnoavail {padding:10px;font-size: .8rem;}
div.vevsharediv {line-height: 100%;}
div.vevsharep {  border-bottom: 0;}
div.vev-ev-det-descr-cont {margin:0;}
h4.vev-ev-det-hdetails {margin:0}
div.vev-ev-det-dinfo {padding:0;}
.vev-ev-det-booking-box {margin:  0;}
.vev-ev-det-book-cont .vev-ev-det-hbook {margin:0;}

.vevul li label {position: relative;padding: 0 0 0 40px;vertical-align: top;line-height: 20px;}
.vev-part-field-input input {display:block!important;}
.vev-ev-list-evshortdesc {line-height:100%;}
img.eventimage {width:100%;margin:0 0 20px;}
.vevconfirmation {font-size:0.8rem}
.vevpurchinfo  {font-size:0.9rem}
div.container.reservering br {display:none;} 
.vevcancelres { clear: none;margin: 0;}
.vev-res-totprice-cost {line-height:100%;}
#vevtotdyntotal {line-height:55px;}
span.vevcancelres a{text-decoration:none;padding: 0px 10px;line-height: 41px;display: inline-block;}
body.confirmreservation header.header {display:none;}


#abotarief {text-align:center;background: rgba(15, 64, 113, .1);}
#abotarief div.inner {padding:40px 10px;}
table.abotarief {width:100%;border-spacing: 20px;line-height: 1.5rem;}
table.abotarief td {background: #5178b3;color: #fff;border-radius: 10px;padding: 20px;}
table.abotarief td.prijs {background: #f5f5f5;color: #222;}
#abotarief img {margin:20px auto 0;max-width:400px;}

div.container.upcoming {font-size:18px;line-height:36px;background:#ced8e2;text-align:center;background-image: linear-gradient(141deg, rgba(236, 236, 236, 1) 0%, rgba(17, 51, 131, 0.12) 63%, #ced8e2 83%);}
div.container.upcoming div.inner {max-width:900px;}
div.inner {max-width:1280px;margin:0 auto;padding: 40px 20px;overflow: hidden;}
a.button.events {display:inline-block;margin:0 0 40px;}
div.mainimg {height:300px; background-attachment: fixed!important;}
div.container.upcoming div.content {float:left;width:calc(50% - 20px);text-align:left;}
div.container.upcoming div.content.right {float:right;}
div.container.upcoming div.title {font-family:'Gilroy W05 ExtraBold',arial;font-size: 24px; margin: 0 0 10px;}
div.container.upcoming a.button.book {background:rgba(15, 64, 113,1);display:inline-block;margin:20px 0;}
div.container.upcoming a.button.book:before {content:'\f09d';}
span.tijd:before, span.datum:before  {content: "\f017";font-weight: 400;margin:0 10px 0 0;}
span.datum:before  {content: "\f073";}

#footer {background:rgba(15, 64, 113,1);position:relative;color:#fff;font-size:.8rem;}
#footer article {max-width:1280px;margin:0 auto;}
li.social {display:inline-block;margin:0 30px 0 0}
li.social:last-child {margin:0;}
li.social a:before {content: '\f0e1';font-size: 32px;line-height:32px;font-family: "Font Awesome 5 Brands";}
li.social.facebook a:before {content: '\f39e';}
li.social.twitter a:before {content: '\f099';}
li.social.instagram a:before {content: '\f16d';}
footer a {text-decoration:none;color:#fff;}
#footer h3 {margin:0 0 20px;color:#fff;}
#footer h3 span {display:block;font-size:0.8rem;text-shadow:none;font-weight: normal;}
#footer h3 span.payoff {font-size:24px; margin: 0 0 0 10px; display: inline-block;}
#footer div#contact div.container {display:grid;grid-template-columns: repeat(4, 1fr);grid-gap: 20px;}
div.studio16 {position:absolute;bottom:10px;right:10px;font-size:0.5rem;}


#contact a:hover {color:rgb(135, 159, 184);}
.tel a:before, div.telefoon a:before {content: '\f095';color:rgb(216, 224, 232);font-size:20px;margin-right:10px;}
.www a:before {content: '\f0ac';color:rgb(216, 224, 232);font-size:20px;margin-right:10px;}
.email a:before, div.email a:before {content: '\f0e0';color:rgb(216, 224, 232);font-size:20px;margin-right:10px;}
.kvk:before {content: '\f08e';color:rgb(216, 224, 232);font-size:20px;margin-right:10px;}
.btw:before {content: '\f1ec';color:rgb(216, 224, 232);font-size:20px;margin-right:10px;}
a.linkedin, a.googleplus {display:inline-block;}
a.linkedin:after {content: '\f0e1';font-size:32px;margin-left:10px;font-family: "Font Awesome 5 Brands";}
a.googleplus:after {content: '\f0d5';font-size:32px;margin-left:10px;font-family: "Font Awesome 5 Brands";}





.submit, select, textarea{box-sizing:border-box;background:rgb(135, 159, 184);border:2px solid #CE2F5C;border-radius:5px 10px;padding:10px;color:#fff;font-size:22px;height:51px;margin:0 20px 0 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.submit{margin:0;}
select{height:auto;background: url(../img/select.svg) no-repeat rgb(135, 159, 184); right 10px center / 20px auto;width:120px;cursor:pointer;}
::-webkit-input-placeholder { color:#fff; }
::-moz-placeholder { color:#fff;opacity:1; }
:-ms-input-placeholder { color:#fff; }
input:-moz-placeholder { color:#fff; }
.submit {cursor:pointer;background:#CE2F5C;border:2px solid rgb(135, 159, 184);}
.submit:hover{background:rgb(135, 159, 184);border:2px solid #CE2F5C;}
input[type="radio"], input[type="checkbox"] {display:none;}
input[type="radio"] + label:before,  input[type="radio"] + label:after {position:absolute;left:0;top:0;content:' ';display:block;float:left;height:20px;width:20px;border-radius:20px;background:#fff;border:2px solid #CE2F5C;}
input[type="radio"] + label:after {width:10px;height:10px;border:none;top:7px;left:7px;}
input[type="radio"]:checked + label:after  {background:rgb(135, 159, 184);}
.gcore-checkbox-item {display:inline-block;position:relative;padding:0 0 0 25px;margin:0 20px 5px 0;}
input[type="checkbox"] + label,  {padding:0 0 0 10px;}
input[type="checkbox"] + label:before {content:'\f0c8';color:#CE2F5C;position:absolute;left:0;top:3px;font-size:28px;font-weight: normal;}
div.voorwaarden a {text-decoration:underline;}


.counter-container {
    margin: 20px auto;
    width: 355px;
  }
  .counter-container .countdown-container {
    height: 130px;
  }
  .counter-container .time {
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    display: inline-block;
    text-align: center;
    position: relative;
    height: 95px;
    width: 65px;
  
    -webkit-perspective: 479px;
    -moz-perspective: 479px;
    -ms-perspective: 479px;
    -o-perspective: 479px;
    perspective: 479px;
  
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  .counter-container .count {
    background: rgba(15, 64, 113,1);
    color: #f8f8f8;
    display: block;
    font-family:'Gilroy W05 ExtraBold',arial;
    font-size: 38px;
    line-height: 95px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    top: 0;
    width: 100%;
  
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    -o-transform-style: flat;
    transform-style: flat;
  }
  .counter-container .count.top {
    border-top: 1px solid rgba(255,255,255,0.2);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    border-radius: 5px 5px 0 0;
    height: 50%;
  
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  .counter-container .count.bottom {
    background-image: linear-gradient(rgba(255,255,255,0.1), transparent);
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.1), transparent);
    background-image: -moz-linear-gradient(rgba(255,255,255,0.1), transparent);
    background-image: -ms-linear-gradient(rgba(255,255,255,0.1), transparent);
    background-image: -o-linear-gradient(rgba(255,255,255,0.1), transparent);
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-radius: 0 0 5px 5px;
    line-height: 0;
    height: 50%;
    top: 50%;
  
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  .counter-container .count.next {
  }
  .counter-container .label {
    font-size: normal;
    margin-top: 5px;
    display: block;
    position: absolute;
    top: 95px;
    width: 100%;
  }
  /* Animation start */
  .counter-container .count.curr.top {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    z-index: 3;
  }
  .counter-container .count.next.bottom {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    z-index: 2;
  }
  /* Animation end */
  .counter-container .flip .count.curr.top {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
  
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  .counter-container .flip .count.next.bottom {
    -webkit-transition: all 250ms ease-in-out 250ms;
    -moz-transition: all 250ms ease-in-out 250ms;
    -ms-transition: all 250ms ease-in-out 250ms;
    -o-transition: all 250ms ease-in-out 250ms;
    transition: all 250ms ease-in-out 250ms;
  
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }