html, body {height: 100%; }

:root{
    font-size:14px;
}

.section-title-alg{margin:36px 0;}

.bg-color{background-color:#428bca; color:#ffffff; padding:40px;}
.bg-color .btn{background-color:#428bca; border:1px solid #ffffff;}
.bg-color .btn:hover{ background-color:#ffffff; color:#428bca;}


.screen-full{min-height:100%; }

.slice-middle{padding:12% 0 0 !important;}


.contact-info i {color: #3498db; margin-right: 5px;}
.custom-info h3{margin-bottom:20px;}
address {line-height:2em;}

#checkResult,
.error{color:#ff0000}
.saved-success{
    font-weight:700;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 200;
}

h1{
    font-size:1.6rem;
}

h1, .h1, h2, .h2, h3, .h3 { 
}


a {
  color: #428bca;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


a.alt {
  color: #ffffff;
  text-decoration: underline;
}
a.alt:hover,
a.alt:focus {
  text-decoration: none;
}
a.alt:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


div.clickable { /* Containing div must have a position value */ position:relative; } 
div.clickable a{
    position:absolute; width:100%; height:100%; top:0; left:0; 
    text-decoration:none;   
    z-index:10; /* raises anchor tag above everything else in div */ 
    background-color:white; /*workaround to make clickable in IE */ 
    opacity: 0; /*workaround to make clickable in IE */ 
    filter: alpha(opacity=1); /*workaround to make clickable in IE */ 
}


ul.lijst{ list-style:outside; list-style-type:disc;}
ul.lijst li{margin-bottom:1rem !important;}


.mb-50 {
    margin-bottom: 50px !important;
}
.spacer-bottom{margin-bottom:10em;}

select.ddlLanguage{
    color: #555;
    display: block;
    font-size: 12px;
    height: 30px;
    padding: 3px;
    width: 50%;
}
.no-padding{padding-left:0; padding-right:0;}


.form-control{
    font-size:100%;
}






/* Login */
.wrapper .text .guestAccount{margin-top:2em; font-size:14px;}
.wrapper .text a{color:#ccc; font-weight:100; }

.dl-horizontal dt {
    white-space: normal;
}


/* balance */
.tegoed{ padding-right:20px;}
.balance{ font-size:1.3em; font-weight:bold;}
.cent{}

a.logout:hover{border-bottom:none !important;}

/* Menu */
.navbar{ background-color:#f87310; /*padding-bottom:1em;*/}
.navbar-nav > li > a{
  /*padding-bottom: 5px;
  padding-top: 10px;*/
  
}

.navbar-wp.affix {background-color:#f87310;}

.navbar-wp.affix-top .logo-container{ padding-top:23px; padding-left:30px;}
.navbar-wp.affix .logo-container{ padding-top:1em;}

.navbar-toggle-mobile-nav{margin-right: 15px; border-color:transparent; padding:8px 12px 3px;}

.effect a {
    text-transform:uppercase;
    color: #ffffff;
    font-weight: 400;
    border-bottom:2px solid transparent;
}

.navbar-nav > li > a:hover,
.navbar-nav > .active,
.navbar-nav > .active > a, 
.navbar-nav > .active > a:hover, 
.navbar-nav > .active > a:focus {
   color:#3452ff !important;
    background-color:transparent !important;
    border-color:#ffffff;
}


.btnclean:hover{color:#000000;}
.btnclean{
border: none;
border-radius: 0;
padding: 2px 1px 2px 5px;
line-height: 1;
background-color:transparent;
}



.btnclean a, .btnclean i{
    color:#333;
}

.btnclean a:hover, .btnclean i:hover{ color: #000000;}



input[type=number]{-moz-appearance:textfield;}
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


.nb-xl{
    -webkit-appearance:none;
    -moz-appearance:none;
    
    border:1px solid #ffffff;
    border-radius:5px;
    height:100px;
    width:100px;
    color:#333333;
    padding-top:19px;
    font-size:50px;
    line-height:1em;
    text-align:center;
}


/* Sticky footer styles
-------------------------------------------------- */
footer {
  /*position: absolute;
  bottom: 0;
  margin-top:5em;*/
 font-size: 0.9em;
 padding: 10px 0 6px;
 width: 100%;
 line-height:23px;
}



.block-sm p {min-height:4em; }

.block-common{ 
    margin:2em 0 8em; 
    padding: 3em 5em;
    text-align: center;
}

.block-common .btn-glass {
    background: #000000 none repeat scroll 0 0;
    border: 1px solid white;
    border-radius: 0;
    color: white !important;
    padding: 15px 40px;
    transition: background 300ms ease 0s, color 300ms ease 0s;
    opacity:0.75;
}

/* Block card */
.block-card{ 
    margin:2em 0 8em; 
    background-color:#000000;
    opacity: 0.75;
    padding: 3em 5em;
    text-align: center;
}

table.table-card{ color:#ffffff;}
table.table-card > thead > tr > th, 
table.table-card > tbody > tr > th, 
table.table-card > tfoot > tr > th, 
table.table-card > thead > tr > td, table.table-card > tbody > tr > td, table.table-card > tfoot > tr > td {
 border:none;
 vertical-align:middle;
}
table.table-card  h4{margin:0; padding:0;}

.pnl-banner{ text-align:center; color:#ffffff; margin-top:2em;}
.pnl-banner h1{text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);}






.bloxInfo{padding:0 2em 20px 0;}
.bloxInfo h2{ margin-bottom:25px;}
.bloxInfo ul li, .bloxInfo p{ margin-bottom:15px; font-size:14px;}



/* table */
.table > tbody > tr > td, 
.table > tbody > tr > th, 
.table > tfoot > tr > td, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > thead > tr > th {
    border-top: none;
    padding: 8px 0;
    vertical-align: top;
}

.table > thead > tr > th { border-bottom: 1px solid #bebebe; vertical-align:middle; font-weight:normal;}


table.basic {width:100%; margin-bottom:1.5em;}
table.basic td{}

table.basic tr > th{border-bottom: 1px solid #bebebe; } 
table.basic > thead.slim > tr > th { padding-bottom:0; font-weight:normal;}

table.basic >tbody > tr > td{ border-bottom: 1px solid #bebebe;}
table.basic th.no-leftpadding, table.basic td.no-leftpadding{padding-left:0;}
table.basic th.no-rightpadding, table.basic td.no-rightpadding{padding-right:0;}

table.basic > tbody.bline{border-bottom: 1px solid #bebebe;}


table.basic td span{display:block;}


.table-cart {/*border-top:1px solid #e0eded;*/}
.table-cart td{ padding:8px !important; vertical-align:middle !important;

}




.table-cart .lnkremove{
     -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    cursor: pointer;
    font-weight: normal;
    vertical-align: middle;
    white-space: nowrap;
    background-color:transparent;
}

.table-cart .lnkremove:hover{ color:#000000;}




@media (max-width: 992px){
    .block-card{ padding: 2em 4em !important;}
}

@media (max-width: 767px){
    h2{font-size:20px;}
    .bg-color{padding:20px;}

    img.logo{max-height:31px;}
    footer{text-align:center;}
    footer ul li{display:inline;}
    footer li + li{ margin-left:10px;}

    .language-selector{padding-left:33%;}
    .navbar {min-height:40px;}
    .navbar-toggle{margin-top:10px;}

    .block-card{ padding: 10px !important;}
    table.table-card {margin-bottom:0;}
    .bloxInfo h2{margin-bottom:8px;}


    table.table-card h4{font-size:13px; letter-spacing:1px;}

    table.table-card .btn-link{padding:8px 0 0; color:#FFFFFF;}

    .navbar-wp.affix-top .logo-container{ padding-top:13px; }
}


#checkname{font-style:italic; margin:10px 0;}


.panel-group .panel-heading::after{
    content:' ';
    color:#ffffff;
    font-size:16px;
}
.panel-group .panel-heading.collapsed::after{
}

.panel-group .panel-heading::after {

}

.panel-group .panel-title::after{
    content: '-'; 
    color:#ffffff;
    font-size:18px;
    float:right;
}

.panel-group .panel-title.collapsed:after{
    content:'+';
}



/* ===== Backgrounds ===== */
.bg-color-red {
  background: #e74c3c; color:#ffffff;
}
.bg-color-red-dark {
  background: #c0392b;
}

.bg-color-green {
  background: #2ecc71;
}
.bg-color-green-dark {
  background: #27ae60;
}
.bg-color-grey {
  background: #34495e; color:#ffffff;
}

.bg-color-grey-dark {
  background: #2c3e50; color:#ffffff;
}

.bg-color-purple {background: #69207a; color:#ffffff;

}

.bg-color-yellow{
    background: #d1ad30; color:#ffffff;
}


.bg1 {background-image:url('/Content/images/asset/bgCard.jpg');  background-position:center top;}
.bg2 {background-image:url('/Content/images/asset/refund.jpg'); background-position:center top;} 
.bg3 {background-image:url('/Content/images/asset/bg3.jpg'); background-position:left center;}
.bg4{background-image:url('/Content/images/asset/bg4.jpg'); background-size:cover; background-position:center bottom;}

@media (max-width: 767px) {
    .bg1 {
        background-image: none;
        background-position: center top;
        background-color:#fff;
    }

    .bg1 h1{color:#333333;}
    .bg1 p{color:#333333;}

}

.contenthover { padding:20px 20px 10px 20px; }
.contenthover, .contenthover h3, .contenthover a { color:#fff; }
.contenthover h3, .contenthover p { margin:0 0 10px 0; line-height:1.4em; padding:0; }
.contenthover a.mybutton { display:block; float:left; padding:5px 10px; background:#3c9632; color:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.contenthover a.mybutton:hover { background:#34742d }


.webloader-overview .table > tbody > tr > td{padding:3px 0;}

.webloader-overview .dl-horizontal dt{ text-align:left; font-weight:300; margin:5px 0;}
.webloader-overview .dl-horizontal dd {margin:5px 0;}


.reachMaxValue{
    color:#e74c3c;
    display:block;
    text-align:center;
    padding-bottom:4px;
}
.reachMaxValue:before{
    font-family: "FontAwesome";
    content:'\F071';
    font-size: 15px;
    padding-right: 8px;
}

.exceedMax{
    background-color: #444444;
    opacity:0.9;
    color:#ffffff;
    left: 10%;
    letter-spacing: 0.1em;
    padding: 45px 0 65px;
    position: absolute;
    right: 10%;
    text-align: center;
    top: 10%;
    border-radius:11px;
}


.exceedMax:before{
    font-family: "FontAwesome";
    content:'\f05e';
    display:block;
    padding-bottom:20px;
    font-size:20px;

}

ul.purses {padding:5px; min-width:200px;}
ul.purses li{
    color:#333333; font-size:11px; font-weight:400;

}

/* ===== Wrapper ===== */
.wrapper {
  position: relative;
  min-height: 100vh;
  height: auto !important;
  /* for older versions of IE */
  height: 100vh;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  background: transparent url('/Content/images/asset/login-blur.jpg') no-repeat center center;
}
.wrapper-inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: transparent url('/Content/images/asset/login.jpg') no-repeat center center;
  z-index: 0;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  transition: opacity 300ms;
}
.fading {
  opacity: 0;
}
.wrapper .text {
  position: absolute;
  width: 600px;
  top: 20%;
  left: 33%;
  padding: 40px 50px;
  background: rgba(0, 0, 0, 0.55);
  text-align: center;
  color: white;
  z-index: 1;
}
.wrapper .text > h1 {
  margin-top: 0;
}
.wrapper .text > hr {
  border-color: white;
}


/* */
.bglogin {
    background-image: url('/Content/images/asset/bg-login-blur.jpg');
    background-size: cover;
    background-position: center bottom;
}
.bglogin-inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: transparent url('/Content/images/asset/bg-login.jpg') no-repeat center bottom;
   background-size:cover;
  z-index: 0;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  transition: opacity 300ms;
}
.bglogin .wp-block {
  z-index: 1;
}


/* ===== Buttons ===== */
/*** Button Glass ***/
.btn-glass {
    border: 1px solid white;
    background: transparent;
    color: white !important;
    border-radius: 0;
    padding: 15px 40px;
    -moz-transition: background 300ms ease 0s, color 300ms ease 0s;
    -o-transition: background 300ms ease 0s, color 300ms ease 0s;
    -webkit-transition: background 300ms ease 0s, color 300ms ease 0s;
    transition: background 300ms ease 0s, color 300ms ease 0s;
}

.btn-glass:hover,
.btn-glass:focus,
.btn-glass:active {
  background: white;
  color: #333333 !important;
  text-decoration: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn-glass + .btn-glass{ margin-left:20px;}

.btn-blue{ border: 1px solid #428bca; background-color:#428bca; color: white !important;}

.btn-blue-inverse{color:#428bca !important; border: 1px solid #428bca; }
.btn-blue-inverse:hover{border: 1px solid #333333;}

.btn-orange{border: 1px solid #f87310; background-color:#f87310; color: white !important;}

.bt-link{border:none; text-decoration:underline;}
.bt-link:hover{background:transparent; text-decoration:none;}


.bloxPurse{min-height:287px;}


.blink_me {
  -webkit-animation: 4s linear infinite blinker; 
  animation: 4s linear infinite blinker;
  color:#c04b35;
}

@-webkit-keyframes blinker {
  50% { opacity: 0; }
}


@keyframes blinker {  
  50% { opacity: 0; }
}

.blink_me a{color:#c04b35;}
.blink_me a:hover {text-decoration:none;}


@media(min-width: 1200px)
{
    .homepage .block-sm{height:278px !important;}
}


@media(max-width: 1199px)
{
    .homepage .block-sm{height:178px !important;}
}




@media (min-width: 993px) and (max-width: 1079px){

    .wrapper .text {
        width: 600px;
        left: 20%;
    }

    
.bloxPurse{min-height:260px;}
 
}

@media (max-width: 992px){

    .wrapper .text {
        width: 600px;
        left: 17%;
    }

    .homepage h3{font-size:18px;}
    .homepage .btn{font-size:12px;}
    .homepage .btn-glass{ padding: 10px 15px; margin-left:auto; margin-right:auto;}

    
.bloxPurse{min-height:260px;}
}

@media (max-width: 767px){
    
    .wrapper .text {
        width: 100%;
        left: 0;
        padding: 20px 0;
    }

    .btn-glass{ display:block; max-width:100%;}
    .btn-glass + .btn-glass{ margin-left:0; margin:20px 0 40px;}

    .b-height-1{}
}






/* ===== Grid System ===== */
.container > .row {
  padding-top: 5px;
  padding-bottom: 5px;
}
.col-md-4 > .row:first-child {
  padding-bottom: 10px;
}

/* ===== Carousel ===== */
/* ===== Responsive Utilities ===== */
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}



/* ===== Homepage ===== */

.homepage .col-lg-1,  .homepage .col-lg-10, .homepage .col-lg-11, .homepage .col-lg-12, 
.homepage .col-lg-2, .homepage .col-lg-3, .homepage .col-lg-4, .homepage .col-lg-5, .homepage .col-lg-6, .homepage .col-lg-7, .homepage .col-lg-8, .homepage .col-lg-9, 
.homepage .col-md-1, .homepage .col-md-10, .homepage .col-md-11, .homepage .col-md-12, .homepage .col-md-2, .homepage .col-md-3, .homepage .col-md-4, .homepage .col-md-5, .homepage .col-md-6, .homepage .col-md-7, .homepage .col-md-8, .homepage .col-md-9, 
.homepage .col-sm-1, .homepage .col-sm-10, .homepage .col-sm-11, .homepage .col-sm-12, .homepage .col-sm-2, .homepage .col-sm-3, .homepage .col-sm-4, .homepage .col-sm-5, .homepage .col-sm-6, .homepage .col-sm-7, .homepage .col-sm-8, .homepage .col-sm-9, 
.homepage .col-xs-1, .homepage .col-xs-10, .homepage .col-xs-11, .homepage .col-xs-12, .homepage .col-xs-2, .homepage .col-xs-3, .homepage .col-xs-4, .homepage .col-xs-5, .homepage .col-xs-6, .homepage .col-xs-7, .homepage .col-xs-8, .homepage .col-xs-9 {
    padding-left: 5px;
    padding-right: 5px;
}



/* ===== Blocks ===== */
.block {
  text-align: center;
  overflow: hidden;
}
.block-hf {
  text-align: center;
  overflow: hidden;
}
.block-lg {
  padding: 50px;
}
.block-sm {
  padding: 20px;
}

/*** Block Hover ***/
.block-hover {
  position: relative;
}
.block-hover a {
  text-decoration: none;
}
.block-hover .plus {
  position: absolute;
  top: 50%;
  left: 0;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  margin-top: -35px;
  margin-left: -35px;
  border-radius: 70px;
  font-family: 'Segoe UI', sans-serif;
  font-size: 100px;
  font-weight: 100;
  background: transparent;
  color: transparent;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  transition: all 500ms;
}
.block-hover:hover .plus {
  background: rgba(0, 0, 0, 0.5);
  color: white;
  left: 50%;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  transition: all 500ms;
}
.block-hover:hover .plus:hover {
  background: rgba(0, 0, 0, 0.7);
  color: white;
}


/* ===== Responsive Adjustment ===== */
@media (min-width: 992px) and (max-width: 1199px) {
  .block-lg > h2 {
    margin-top: 0;
  }
  p {
    margin: 20px 0;
    font-size: 14px;
  }
  .btn {
    padding: 12.5px 25px;
  }
  .block-lg {
    padding: 35px;
  }
  .block-sm {
    padding: 15px;
  }

}

@media (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 767px) {
  .block,
  .block-hf,
  .block-img {
    height: auto !important;
    margin-top: 0;
    margin-bottom: 10px;
  }


  .block-lg,
  .block-sm {
    padding: 50px 20px;
  }

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

}


.navbar-wp .navbar-nav > li > a.active {
    border-top:3px solid #3498db;
    color:#fff;
}

h3.price-tag{/*text-align:left !important; padding-left:30%;*/}

/*.navbar-wp .navbar-nav > li > a {
    border-top:none;
    border-bottom: 2px solid transparent;
    color: #333333;
    padding: 15px 0 3px;
    text-transform: uppercase;
}
.navbar-wp .navbar-nav > li +li { margin-left:30px}

.navbar-wp .navbar-nav > li > a:hover,
.navbar-wp .navbar-nav > li > a:focus,
.navbar-wp .navbar-nav > li > a:active,
.navbar-wp .navbar-nav > li > a.selected { border-top:none; border-bottom-color:#ffffff;}*/

.sky-form .radio, .sky-form .checkbox {
    color: inherit;
    font-size: 13px;
    line-height: 23px;
    margin-bottom: 4px;
    padding-top:2px;
    padding-bottom:15px;
}

select{color:#616161}
.style2{ color:#616161}

/*select.formm-control{padding:5px 10px !important;}*/



header .navbar-wp .navbar-brand img {
    /*height: 100%;*/
}


.promo{
    min-height:316px;

}
.promo a{color:#fff; text-decoration:underline;}
.promo a:hover{text-decoration:none}
.promo ul > li{padding-left:10px; padding-right:10px;}

.promo + .promo{border-left:1px solid #ffffff;}

.PayPal{    background-image:url("../../../Content/images/paypal.png") !important;
    background-repeat:no-repeat !important;
    background-position:left bottom !important;}

.iDEAL {
    background-image:url("../../../Content/images/ideal.png") !important;
    background-repeat:no-repeat !important;
    background-position:left bottom !important;
}

/*.myOrder{
    background-image:url("../../../Content/images/myorder.png") !important;
    background-repeat:no-repeat !important;
    background-position:left bottom !important;
}*/


.promo sup{ font-size:19px; padding-left:3px;}

/*contact*/
.contact {text-align:center;}
@media (max-width: 767px) {
 .contact-info{text-align:center;}

}


/* Trx history*/
.accordion-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";
    float: right;
    color: #fff;
}
.accordion-heading .accordion-toggle.collapsed:after {
    content: "\e080";    /* taken from bootstrap.css */
}

 /* Mobile devices */
.mobGrid {   
    width: 98%;
    background-color: #69207a;
    margin: 0 1% 3% 1%;   
    border-collapse:collapse;  
    overflow: hidden;
    color:#fff;
}

.mobGrid .lt { display:inline-block; vertical-align:top; width:25%;}
.mobGrid .rt{display:inline-block; width:71%; word-wrap:break-word; padding:0 0 1% 2%; }
.mobGrid img {width:100%;}
.mobGrid h5{font-size:13px; margin:7px 0;}
.mobGrid span {display:block; margin:2px 0;}
.mobGrid .total { font-weight:bold; display:block;}



@media (min-width: 768px) and (max-width: 991px) {

}

@media (max-width: 767px) {
    /*.mobGrid .lt { width:17%; }
    .mobGrid .rt{padding:0 0 0 2%; }
    .mobGrid .total { font-weight:normal; padding-top:3%; font-size:1.5em;}*/


    .bg-profiel{padding:0 15px; height:250px !important;}
}




ul.top-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display:inline-block;
}

ul.top-menu > li {
  position: relative;
  float: left;
  display: inline-block;
  border-right: 1px solid #f2f2f2;
}
ul.top-menu > li:last-child {
  border: 0;
}

ul.top-menu > li > a {
  display: block;
  padding: 10px 15px;
  color: #333333;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 400;
}
ul.top-menu > li > a > i {
  margin-right: 6px;
}



ul.top-menu-cart{
    list-style:none;
    display:inline-block;
}

ul.top-menu-cart > li {
  position: relative;
  float: left;
  display: inline-block;
 
}



ul.top-menu-cart > li > a {
  display: block;
  color: #333333;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 400;
}
ul.top-menu-cart > li > a > i {
  margin-right: 0;
}

ul.top-menu-cart > li.bagqty{  border-right: 1px solid #f2f2f2; }

ul.top-menu-cart > li.bagqty > a{
    padding:10px 15px 10px 0;
}

/* cart */
.shopping-cart 
{
    display: inline-block;
    background: url('/content/images/cart.png') no-repeat 0 0;
    width: 20px;
    height: 18px;
    /*margin: 8px 0px 0 0;*/
    margin:0;
    background-size: 18px auto;
    
}

#mCartItemsQty{}
#mCartItemsQty:before{content:'(';}
#mCartItemsQty:after{
    content:')';
}

.cart-mobile {
    /*padding-left:20%;*/
}
.cart-mobile:before {
    content: '|';
    color:#fff;
    padding-right:30px;

}

.extra__menu{}
.extra__menu h2{ line-height:1em; margin-bottom:10px; margin-top:20px; font-size:18px; color:#000;}
.extra__menu ul{ margin-bottom: 30px;}
.extra__menu ul li {margin-top:5px;}
.extra__menu ul li span{ display:inline-block; width:35px;}
.extra__menu a{ color:#000; font-size:16px;}
.extra__menu a:hover {color:#000;}


/* versie 2 */
.extra__menu .nav{
	overflow:hidden;
	margin:0 auto 10px;

}
.extra__menu .nav li{
	/*width:145px;
	height:142px;*/
	display:inline-block;
	float:left;
	cursor:pointer;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
}
.extra__menu .nav li:hover{
	opacity:1;
}
.extra__menu .nav li.hm:hover{
	border-bottom:4px solid rgba(11, 132, 138, 1);
}
.extra__menu .nav li.fb:hover{
	border-bottom:4px solid rgba(241, 83, 70, 1);
}
.extra__menu .nav li.gp:hover{
	border-bottom:4px solid rgba(32, 16, 49, 1);
}
.extra__menu .nav li.tw:hover{
	border-bottom:4px solid rgba(228, 148, 7, 1);
}
.extra__menu .nav li.cl:hover{
	border-bottom:4px solid rgba(67, 138, 15, 1);
}

/*.extra__menu .nav li.blue:hover{
	background:rgba(249, 249, 249, 1);
}
.extra__menu .nav li.xa:hover{
	background:rgba(249, 249, 249, 1);
}*/


.extra__menu img.icon,
.extra__menu span.icon{
	background:rgba(255, 255, 255, 0.4);
	padding:14px;
	border-radius:100%;
    margin-top:30px;
    margin-bottom:30px;
	display:block;
	transition:all 0.8s;
	-webkit-transition:all 0.8s;
	-moz-transition:all 0.8s;
	box-shadow: 0 0 0 30px rgba(255,255,255,0.1);
	-webkit-box-shadow: 0 0 0 10px rgba(255,255,255,0.1);
}

.extra__menu span.icon{	padding:12px; margin:25px 0 25px 10px; color:#000 !important;}

.extra__menu ul li span{ display:inline-block; width:48px;}

.extra__menu .nav li:hover img.icon,
.extra__menu .nav li:hover span.icon
{
	background:rgba(255, 255, 255, 0.9);
	box-shadow: 0 0 0 10px rgba(255,255,255,0.8);
	-webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0.8);
}


.extra__menu .nav li span{
	text-align:center;
	display:inline-block;
	color:rgba(255, 255, 255, 1);
    /*padding-top:10px;
	font-size:0.9em;*/

    padding-top:15px;
	font-size:12px;


	transition:padding-top 0.4s;
	-webkit-transition:padding-top 0.4s;
}
.extra__menu .nav li:hover span{
	/*padding-top:20px;*/
}
.extra__menu .hm{
	background:rgba(29, 162, 168, 0.8);
}
.extra__menu .fb{
	background:rgba(255, 89, 76, 0.8);
}
.extra__menu .gp{
	background:rgba(47, 31, 64, 0.8);
}
.extra__menu .tw{
	background:rgba(254, 162, 14, 0.8);
}
.extra__menu .cl{
	background:rgba(93, 181, 29, 0.8);
}
.extra__menu .blue{
	background:rgba(0, 116, 200, 0.8);
}
.extra__menu .xa{
	background:rgba(255, 173, 51, 0.8);
}
.extra__menu .nav > li > a {padding:0 !important; display:block;}
.extra__menu .nav > li > a:focus, 
.extra__menu .nav > li > a:hover {background-color:transparent !important;}
.extra__menu .nav > li > a > div {
    font-size:18px; 
    color:#fff;
    display:inline-block;
    margin-left:25px;
}
/*end */



.banner{display:block;}



/*Panel*/
.panel-group .panel-heading {
    padding: 10px;
    position: relative;
    background: #3498db none repeat scroll 0 0;
    color: #fff;
}

.panel-group .panel-heading a {
    color: #ffffff;
    font-weight: normal;
    font-size:14px;
}

.panel-group .panel {
    border-color: #ffffff;
    border-radius: 0;
}


 /* Ribbon*/
.ribbon { margin: 0 0.25em 1em 0; background: #fff; float: right; color: #f9f9f9; padding: 0;    position: relative;
    right: 0; top:0; }

.ribbon .top, .ribbon .middle {
        background: #0090e3; /*#833;*/
        padding: 3px;
        border-bottom: 1px solid #f9f9f9;
        text-align: center;
        -moz-box-shadow: 2px 4px 7px #d9d9d9;
        -webkit-box-shadow: 2px 4px 7px #d9d9d9;
        box-shadow: 2px 4px 7px #d9d9d9;
        font-size:0.9rem;
      }
    .ribbon .middle { border: 0; }
    .ribbon .tail {
        height: 0.5em; width: 100%;
        position: absolute;
        bottom: -0.5em;
        left: 0;
        overflow: hidden; 
         /*background: #833;
        width: 0;
	    height: 0;
             border-left: 13px solid transparent;
             border-right: 13px solid transparent;
             border-bottom: 13px solid #ffffff;
             box-shadow: 1px 1px 3px #ccc;*/
      }

    .ribbon .tail .right, .ribbon .tail .left {
        position: absolute; height: 1em; width: 100%;
        background: #0090e3;
        bottom: 0.5em;
        -webkit-transform: skew(0, -20deg);
        -moz-transform: skew(-0deg, -20deg);
        -o-transform: skew(-0deg, -20deg);
        -ms-transform: skew(-0deg, -20deg);
        transform: skew(-0deg, -20deg);
        -moz-box-shadow: 1px 1px 3px #ccc;
        -webkit-box-shadow: 1px 1px 3px #ccc;
        box-shadow: 1px 1px 3px #ccc;
      }

.ribbon .tail .right {
    -webkit-transform: skew(0, 20deg);
        -moz-transform: skew(-0deg, 20deg);
        -o-transform: skew(-0deg, 20deg);
        -ms-transform: skew(-0deg, 20deg);
        transform: skew(-0deg, 20deg);
}
/* End Ribbon*/

.k-i-arrow-60-down{background-position:left -34px;}

.mysubscr-add-credit{

    color: #ffffff !important;
background-color: #4aa3df;
border: 1px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-color: #4aa3df;
    border-radius:3px;

    display: inline-block;
    padding: 12px 12px;
    margin-bottom: 0;
    font-size: 16px;
    width:100%;
    text-align:center;
    margin-top:20px;
}

.btn-renew {
    width:100%;
    padding-top:12px;
    padding-bottom:12px;
    font-size:16px;
    text-transform:uppercase;
    background-color: #f87310;
    border-color: #ffffff;
}

ul.list-listings-2 .listing-body{min-height:170px;}


@media (max-width: 767px) {
    ul.list-listings-2 .listing-image {
        display:none;

    }

    .tab-body{padding:0;}
}

/*NetPay Share*/
.base-inverse{     
    background: #fff;
    border: 1px solid #3498db;
}

.thumbnail-container {
  position: relative;
  width: 125px;
  height: 125px;
  overflow: hidden;
}
.thumbnail-container img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.thumbnail-container img.portrait {
  width: 100%;
  border-radius:50%;
}

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

.b-height-1{ min-height:275px; margin-bottom:10px; color:#fff; }
.b-height-2{ min-height:560px; margin-bottom:10px; color:#fff; }
.b-height-3{ min-height:845px; margin-bottom:10px; color:#fff; }
.b-height-4{ min-height:1130px; margin-bottom:10px; color:#fff; }


.block{padding:20px;}

.b-parent{
    position:relative;
    display:table;
}



.b-child{
  width:100%;
  text-align:center;
  padding:20px;
}

.b-child p{
    min-height:44px; 
    margin:45px auto;
}

.b-height-1 .b-child{ height:275px;}
.b-height-2 .b-child{ height:560px; padding-top:30%;}
.b-height-3 .b-child{ height:845px; padding-top:30%;}
.b-height-3 .b-child{ height:1130px; padding-top:30%;}



@media (max-width: 767px) {
    .b-child p{margin:5px auto;}

    .b-height-1{ min-height:100%; }
    .b-height-2{ min-height:100%; }
    .b-height-3{ min-height:100%; }
    .b-height-4{ min-height:100%;}

    .b-height-1 .b-child{ height:100%;}
    .b-height-2 .b-child{ height:100%; padding-top:20px;}
    .b-height-3 .b-child{ height:100%; padding-top:20px;}
    .b-height-3 .b-child{ height:100%; padding-top:20px;}

}




/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
   
}

.k-picker-wrap {height:40px !important;}


.validation-summary-errors ul{
    list-style:none;
    padding: 10px 0;
    font-size:12px;
}


.navbar-nav .nav-link{
    font-size:1rem !important;
}

.ic-cart{border-right:none !important;}
.ic-cart a{padding-right:0 !important;}
.bagqty{margin-top:0;}
.bagqty a{padding-left:0 !important;}

.uitloggen{

}

.uitloggen a{
    display: block;
    padding: 0.875rem 0.625rem;
    color: rgba(0,0,0,0.5);
    font-size: .75rem;
    text-transform:uppercase;
}

.top-navbar .top-navbar-menu ul.top-menu > li ul.sub-menu {
    min-width: 200px !important;
}
span.language {}
span.language > span{display:inline-block; width:40%; float:right; text-align:right; padding-left:5px;}


/*footer*/

.footer{
    font-size:0.8rem;
}

footer h4{
    font-size:1rem;
}




.wp-block.default {
    border: 1px solid #e0eded;
background:
    #ffffff;
}




/*menu*/
.navbar-light .navbar-nav .nav-link{ color:#212529;}

.card {
   border: 1px solid #dee2e6;
}

.block--style-3{
    border-color: #dee2e6;
}

.homepage .card {}
.homepage .card .titel{
    min-height:70px;
    font-size:20px;
}
.homepage .card .intro{}
.homepage .card .intro p{margin-top:43px;}

.homepage .card-body{ padding:30px} 
.homepage .card-colored .card-body{min-height:273px; padding:30px;}


.pricing-plans--style-1 .price-tag{
    padding:1rem 0;
    font-size:3rem;
}


@media (max-width: 767px) {

    .mega-dropdown-menu {
        background-color:#f87310;
    }

    .smenu-mobile-header{
        margin-bottom:0 !important;
        margin-top:16px;
        padding-left:28px;

    }

    .navbar-nav .dropdown-menu .dropdown-item {color:#000000;}

    .card {
        padding-left: 0;
        padding-right: 0;
    }

}



.test1 {
    background-color:lightblue;
}
.test1 .col-6, .test1 .col-3{ min-height:300px;}
.test1 .col-6 {background-color:orange; height:600px;}
.test1 .col-3{background-color:pink; height:300px;}


.homegrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: minmax(266px, auto);

  grid-gap: 15px;
}

.homegrid .blox{
    background-color:#eeeeee;
    padding:30px 1.5rem;
    transition: all .3s linear;
    border-radius:0.25rem;
    color:#ffffff;
}


.homegrid .slider {
    grid-area: slider;
}
.homegrid .info {
    border:1px solid #999999;
    background-color:#fff;
    grid-area: info;
}
.homegrid .webprint {
    grid-area: webprint;
    background-color:lightblue;
}

.homegrid .blockcard {
      grid-area: blockcard;
}

.homegrid .contact { grid-area:contact;cursor:pointer;border:1px solid #428bca; color:#333;}
.homegrid .history {
     grid-area: history;
}

.homegrid .refund {
     grid-area: refund;
}

.homegrid .notifyme {
     grid-area: notifyme;
}

.homegrid .loyaltypoints {
     grid-area: loyaltypoints;
}

.homegrid .webloader { grid-area: webloader;}


.homegrid .calorie { grid-area: calorie;}

.homegrid .netpayshare { grid-area: netpayshare;}


.homegrid.exttile { grid-area: exttile;}
.homegrid.exttile2 { grid-area: exttile2;}
.homegrid.exttile3 { grid-area: exttile3;}
.homegrid.exttile4 { grid-area: exttile4;}
.homegrid.exttile5 { grid-area: exttile5;}

.homegrid .image1 { grid-area:image1}
.homegrid .image2 { grid-area:image2;}
.homegrid .image3 { grid-area: image3;}
.homegrid .image4 { grid-area:image4;}
.homegrid .image5 { grid-area:image5;}




.homegrid .blox .titel{
    min-height:70px;
    font-size:20px;
}
.homegrid .blox .intro{}
.homegrid .blox .intro p{margin-top:43px;}


.spanloyalty {
    font-size: 2.5em;
    margin-left: 20px;
   color:#ffffff;
}



@media (max-width: 767px) {
    .homegrid{display:block;}
    .homegrid .blox {display:block;}

    .homegrid .blox + .blox {margin-top:15px;}

        .homegrid .blox.slider,
        .homegrid .blox.image1,
        .homegrid .blox.image2,
        .homegrid .blox.image3,
        .homegrid .blox.image4,
        .homegrid .blox.image5 {
            display: none;
        }

    .spanloyalty {
        display:block;
        font-size: 1.5rem;
        margin-left: 0;
    }


    .submenu_mobile{}
    .submenu_mobile .page-title h2
    {
        padding-top:0;
    }


    .link-menu > a {
        margin-right: 6px;
    }
}

/*T-box*/

/*.reservation-node {
    display: inline-block;
    margin-bottom: 5px;
    text-align: left;
    font-weight: 300;
    padding: 20px;
    text-align: center;
    border: 1px solid #495057;
    border-radius: 4px;
}*/

.reservation-node {
    display: inline-block;
    margin-bottom: 15px;
    text-align: left;
    font-weight: 300;
    padding: 12px;
    text-align: center;
    border-radius: 12px;
    background-image: url(../../../Content/images/golfball.png);
    height: 100%;
    min-height: 120px;
    background-size: cover;
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #ececec;
}


.reservation--disabled {
    cursor: not-allowed;
    /*background-color: #eee;*/
    background-color: #999999;
}

.reservation--active {
    background-color: #F47216;
    color:#ffffff !important;
}


.reservation--disabled .form-check-input:disabled ~ .form-check-label {
    color: red;
    font-weight:500;
    cursor: not-allowed;
}


.reservation-node .form-check-label {
    font-weight: 500 !important;
    font-size: 13px;
}



.reservation-node input[type="checkbox"],
.reservation-node input[type="radio"] {
    vertical-align: text-bottom;
    border: 1px solid;
    height: 17px;
    width: 17px;
}



.reservation-node input[type="checkbox"],
.reservation-node input[type="radio"] {
    display: none;
}

    .reservation-node input[type="checkbox"] label,
    .reservation-node input[type="radio"] label {
        padding-left: 0;
    }

    .reservation-node input[type="checkbox"]:checked + label,
    .reservation-node input[type="radio"]:checked + label {
        cursor: pointer;
        padding-left: 0;
    }

        .reservation-node input[type="checkbox"] + label:hover,
        .reservation-node input[type="checkbox"]:checked + label:hover,
        .reservation-node input[type="radio"] + label:hover,
        .reservation-node input[type="radio"]:checked + label:hover {
            cursor: pointer;
        }

    .reservation-node input[type="checkbox"] + label span,
    .reservation-node input[type="radio"] + label span {
        display: inline-block;
        vertical-align:middle;
        width: 17px;
        height: 17px;
        border: 2px solid #111;
        border-radius: 6px;
        cursor: pointer;
        margin-right: 5px;
    }

    .reservation-node input[type="checkbox"]:checked + label span::before,
    .reservation-node input[type="radio"]:checked + label span::before {
        content: " ";
        text-align: center;
        padding-left: 16px;
        margin-left: 1px;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAZCAYAAAEnCBwHAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZtJREFUeNpi/P//PwMyYELmMDMz/2dgYmJKAKkC0v/BqqEcAxANwgABxIhsBlDLBwaYDFDVB7AKkF6Q7N+/fxlBNCO6tQABhCGAYh4DAz8LFgkUI2EWJoDsgrkVGQMEEE4rYIAFlwTUqosM6EbCggWIF4BNRw4WdEmYArjj0CWRA/c/FCegW4dsdAI29wAEEEFv4gtljBRAjEZo8IA0LwTHBjZnYQm2D0j+RA0EUDDiikYkTRga0UMxAU3xf3whizWUYWmdWI0wDBBARIUBFq8ZwLzEQkYUGgCp81A2A0npAFkzFAiS6uz/6DFGkWaiDMCnGSUd4NCcgE8zLCXCkukEUjWjZHjk5EqsZmwFAggfIFYzSnkAKzCRAbzwxAOY0BR/JEUzRoEC1CQAMoRYzSAAEGBkZSYKMiBGwURWmUpG5j0AK4PRwEV6+hgZXwBiAbLLMwosXkCVApUaFlPNAdBcT7LF6CUBsusTSLD4P7kWYysMiTKEWhaTUq0vIEJNAblRSIrvSG5zkN2sIJCiqWIxUbkAi0MSqF1uAAASgbXTlmDcbQAAAABJRU5ErkJggg==');
        background-repeat: no-repeat;
        background-size: auto 11px;
        -webkit-background-position: 0 0;
        -o-background-position: 0 0;
        background-position: 1px 3px;
        -webkit-padding-before: 2px;
    }

.reservation--disabled input[type="checkbox"] + label span,
.reservation--disabled input[type="radio"] + label span {
    /*border-color: transparent;*/

}