body {
    background-color: #fff;
}

@font-face {
  font-family: 'FontAwesome';
  font-display: auto;
  src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FontAwesome Regular';
  font-display: auto;
  src: url('../fonts/fa-regular-400.eot');
  src: url('../fonts/fa-regular-400.eot?#iefix') format('embedded-opentype'), url('../fonts/fa-regular-400.woff2') format('woff2'), url('../fonts/fa-regular-400.woff') format('woff'), url('../fonts/fa-regular-400.ttf') format('truetype'), url('../fonts/fa-regular-400.svg#fa-regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

ul.header-extra-links { font-family: Arial; font-size: 12px; color:#545045; line-height: 36px; max-height: 2.6rem; overflow: hidden; list-style: none; padding: 0; margin: 0; text-align:center;}
ul.header-extra-links li {position: relative; padding-left: 25px; margin-right: 70px; display:inline-block;}
ul.header-extra-links li::before { color: #69e060; font-family: FontAwesome; content: '\f00c'; position: absolute; left: 0;}

.cd-main-content, .cd-main-header {
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0); -moz-transform: translateZ(0);-ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); will-change: transform;}
.cd-main-content, .cd-main-header { position: relative; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;}
.cd-main-content { min-height: 100vh; z-index: 2; background:#faf2e7;}
.cd-main-header { height: 55px; background: #ffffff; z-index: 3;}
.nav-is-fixed .cd-main-header {
  /* add .nav-is-fixed class to body if you want a fixed navigation on > 992px */
	position: relative; top: 0; left: 0; width: 100%; }

.cd-nav-trigger { position: relative;display: block; width: 44px; height: 44px;overflow: hidden;white-space: nowrap; /* hide text */ color: transparent !important; z-index: 3;}
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {position: absolute; display: inline-block; height: 2px; width: 24px; background: #333;}
.cd-nav-trigger span { position: absolute;top: 50%; right: 10px; margin-top: 0px; -webkit-transition: background 0.3s 0.3s;
  -moz-transition: background 0.3s 0.3s; transition: background 0.3s 0.3s;}
.cd-nav-trigger span::before, .cd-nav-trigger span::after { content: ''; right: 0; -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);
  -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.3s 0.3s;
  -moz-transition: -moz-transform 0.3s 0.3s; transition: transform 0.3s 0.3s;}
.cd-nav-trigger span::before { top: -7px;}
.cd-nav-trigger span::after { top: 7px;}
.cd-nav-trigger.nav-is-visible span { background: rgba(46, 50, 51, 0); width:26px;}
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after { background: #2e3233; width:26px;}
.cd-nav-trigger.nav-is-visible span::before {-webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-3px) rotate(45deg); -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-3px) rotate(45deg); transform: translateX(4px) translateY(-3px) rotate(45deg);}
.cd-nav-trigger.nav-is-visible span::after { -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(2px) rotate(-45deg); -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(2px) rotate(-45deg);  transform: translateX(4px) translateY(2px) rotate(-45deg);}
.cd-primary-nav, .cd-primary-nav ul { position: fixed; top: 0; right: 0; padding:0; height: 100%; width: 260px; background: #ff6800;
  overflow:hidden; -webkit-overflow-scrolling: touch; z-index: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0);
  -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(0);
  -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;}
.cd-primary-nav a, .cd-primary-nav ul a { display: block; height: 50px; line-height: 50px; padding: 0 20px; color: #ffffff;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; border-bottom: 1px solid #f5f5f5; -webkit-transform: translateZ(0); -moz-transform: translateZ(0);
  -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s;
   transition: transform 0.3s, opacity 0.3s;}
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {-webkit-transform: translateX(100%);-moz-transform: translateX(100%); 
	-ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);}
.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
  -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0;}
  
.toplinks ul { display:inline-block; list-style:none;}
.toplinks li { display:inline-block; margin-left:15px;font-size: 14px; line-height:40px; color: #000; font-family: 'Open Sans', Arial; font-weight: bold;}
.toplinks a { color: #000; text-decoration:none; }
.toplinks a:hover {color:#ff6700;text-decoration:underline;}
.toplinks li a.abutton { background: #ff6800; display:inline-block; padding-left: 12px; padding-right: 12px; border-radius: 4px; color: #fff;}
.toplinks li a.abutton:hover {text-decoration:none; background: #f78204;}
.header-right { z-index: 3;}
.search {background: #f5f5f5; height: 40px; border-radius: 4px; border: 1px solid #dadada; position:relative;}
.search input { background: none; border: none; width: 100%; height: 40px; line-height: 40px; padding-left: 12px;}
.search .actions {position:absolute; top:0; right:0;}
.search .actions button { background: none; border: none; height: 40px;}
.search .actions button::after {font-family: 'FontAwesome';display: inline-block;content: '\f002'; font-size:20px;padding-right: 5px; }
.cd-header-buttons { position: absolute; display: inline-block; top: 3px; right: 3%;}
.cd-header-buttons li { display: inline-block;}
.cd-primary-nav .see-all a { color: #fff; font-family: 'DINCond-MediumAlternate',Arial; font-size:20px;}
.has-children > a, .go-back a {position: relative;}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
 	 /* arrow icon in CSS - for element with nested unordered lists */
  	content: '';position: absolute;top: 50%; margin-top: -1px; display: inline-block; height: 2px; width: 10px;
  	background: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.has-children > a::before, .go-back a::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);
  	-ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.has-children > a::after, .go-back a::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
  	-ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.has-children > a { padding-right: 40px;}
.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 20px; -webkit-transform-origin: 9px 50%; -moz-transform-origin: 9px 50%; -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%; transform-origin: 9px 50%;}

.cd-primary-nav .go-back a { padding-left: 40px;}
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%; transform-origin: 1px 50%;}

.breadcrumbs { list-style: none; margin: 0; padding: 0; padding-top: 20px;padding-bottom:20px;}
.breadcrumbs li {display: inline-block; color: #000; font-family: Arial; font-size: 12px; line-height: 20px;}
.breadcrumbs li a { color: #000; font-weight: 400;}
.breadcrumbs li::after { font-family: FontAwesome; content: '\f105'; font-weight: 700; padding-left: 15px; padding-right: 15px; color: #999;}
.breadcrumbs li span { color: #000; font-weight:bold;}
.breadcrumbs li:last-child::after{display:none}

.blockwhite { border-radius: 10px; background: #fff; display: block; padding: 20px;}
.hometop { padding-top: 15px;}
.hometophead, .hometophead h2 { font-size: 28px; font-weight: bold; font-family: 'Open Sans Condensed', Arial; margin-bottom: 12px; }
.hometophead h2 { margin:0; line-height:inherit;}
.hshop .hometophead,.hshop .hometopdesc { color:#fff;}
.hometopdesc { font-size: 16px; line-height: 26px;margin-bottom: 20px;}
.hometopdesc ul {list-style:none; padding:0; }
.hometopdesc ul li { padding-left: 50px; background: url(../images/list-lid.png) no-repeat; background-size: 29px; margin-top:12px;}
.buttongreen a { font-size: 18px; height: 40px; line-height: 40px; padding-left: 20px; padding-right: 20px; display: inline-block; border-radius:4px; background: #00b900; color:#fff;}
.buttongreen a:hover { text-decoration:none; background:#009400;}
.buttongreen-right a { font-size: 18px; height: 40px; line-height: 40px; padding-left: 20px; padding-right: 20px; display: inline-block; border-radius:4px; background: #00b900; color:#fff;}
.buttongreen-right a:hover { text-decoration:none; background:#009400; }
.keuze-right { }
.hshop .blockwhite { background: url(../images/shopbg.jpg) no-repeat top -20px left -0px #fff; overflow:hidden;}

.blogtop-wrapper { position:relative;}
.blogtop-image { height: 100%; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: -1; background-size: cover; background-position: center;}
.blogtop-image::after { background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(90%,rgba(211,233,247,.35)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(211,233,247,.35) 90%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(211,233,247,.35) 90%);
    bottom: 0; content: ''; height: 360px; position: absolute; width: 100%; max-height: 100%; z-index: -1;
}
.blogbox,.matchbox,.compbox { text-align:center;}
.blogbox-head {border-radius:4px; background:rgba(255, 255, 255, 0.75); text-align:center; display:inline-block; padding: 7px 25px;}
.blogbox-head h1 { color:#000; font-family: 'Open Sans Condensed', Arial; font-weight:bold; font-size:36px; margin:0;}
.blogbox-head .blogsubhead {color:#f48c00; font-weight:bold; font-size:20px; font-family: 'Open Sans Condensed', Arial;}
.blogitems h2 { color:#000; font-weight:bold; font-family: 'Open Sans Condensed', Arial; font-size:28px; margin:0; margin-bottom: 10px;} 

.matchbox .match-home,.matchbox .match-away { display:inline-block; background:#fff; color:#000;text-align:center; max-width:75px; padding:5px; border-radius:4px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
.matchbox .match-home img,.matchbox .match-away img {max-width:60px;}

.column-cat h2, .column-brand h2,.column-video h2, .latestblog h2, .prodcontent h2 { color:#000; font-weight:bold; font-family: 'Open Sans Condensed', Arial; font-size:28px; margin:25px 0; margin-bottom: 10px;} 
.hcattitle {font-size: 14px; color:#000;}
.hcattitle a {font-size: 14px; color:#000;}
.bhead { margin-bottom: 15px;}
.column-cat .blockwhite, .hometop .blockwhite, .column-brand .blockwhite,.column-video .blockwhite { margin-bottom: 20px;position:relative;}
.column-brand .blockwhite { padding: 10px;}
.column-video .blockwhite { padding: 0; overflow:hidden;}
.column-video .video-play { background: url(../images/icon/playicon.png) no-repeat; background-position:center; position:absolute; width:30px; height: 30px;left:45%;top: 40%; opacity:0.5;background-size: contain;}
.column-video .mainvideo .video-play { width:60px; height:60px;}
.column-brand img,.column-video img, .column-cat img { max-width: 100%;}
.column-video { background:#f3f3f3; border-top: 1px solid #ccc; border-bottom:1px solid #ccc; padding-bottom:30px;}
.videolabel-block { text-align: left; position: absolute; left: -5px; bottom: 20px; background: rgba(255,255,255,.85);  max-width:75%; height: 32px; line-height: 32px; 
	color: #000;font-size: 16px; font-weight:bold; overflow:hidden; padding-left: 15px; padding-right:10px; border-radius:4px; font-family: 'Open Sans Condensed',Arial;
}
.videolabelmain-block { text-align: left; position: absolute; left: -5px; bottom: 20px; background: rgba(255,255,255,.85); width: 300px; height: 42px; line-height: 42px; 
	color: #000;font-size: 22px; font-weight:bold; overflow:hidden; padding-left: 15px; padding-right:10px; border-radius:4px; font-family: 'Open Sans Condensed',Arial;
}
.videolabel-block a,.videolabelmain-block a { color:#000;display:block;}
.videolabel-block a:hover,.videolabelmain-block a:hover { text-decoration:none;} 

.info-block.page { margin:0 auto; float:none; margin-bottom:30px;}
.info-block { padding:25px; background:#fff; border-radius:10px; margin-bottom:25px; font-family:'Open Sans', Arial; font-size: 16px;}
.info-block span.h1 { color:#ff6800;font-family: 'Open Sans Condensed', Arial; font-size: 36px; font-weight:bold; display:block; margin-top:0; margin-bottom:25px;}
.info-block h2 { color: #000;font-family: 'Open Sans Condensed', Arial; font-size: 24px; font-weight:bold; margin: 25px 0; }
.info-block h3 { color: #000;font-family: 'Open Sans Condensed', Arial; font-size: 20px; font-weight:bold; margin: 12px 0; }
.info-block h3 a { color:#000; text-decoration:none;}
.info-block h3 a:hover { text-decoration:underline;}
.mbottom-20 { margin-bottom:20px; padding-bottom:12px; border-bottom: 1px solid #ededed;}
.info-block .share { margin-top:25px; text-align:center;}
.info-block .share span { color: #ff6800;font-family: 'Open Sans Condensed', Arial; font-style:italic; font-weight:bold; font-size: 16px; display:block; margin-bottom:12px; }
.info-block .share a { margin-left: 10px; margin-right:10px; background: #fff; border-radius: 10px; width: 50px; height: 50px; display: inline-block; text-indent: -99px; overflow: hidden; }
.info-block .share a.facebook { background:#4267b2;}
.info-block .share a.facebook::before { font-family: 'FontAwesome'; display: inline-block; content: '\f09a'; text-indent: 100px; font-size: 30px; color: #fff; line-height:50px;}
.info-block .share a.whatsapp { background:#34c221;}
.info-block .share a.whatsapp::before { font-family: 'FontAwesome'; display: inline-block; content: '\f232'; text-indent: 100px; font-size: 30px; color: #fff;line-height:50px;}
.info-block.blog img { max-width: calc(100% + 50px); position: relative; margin: 0 -25px; height: inherit; margin-top:20px; margin-bottom:20px;}
.info-block a { font-weight:bold; text-decoration:underline;}
.info-block a:hover { text-decoration:none;}
.info-block hr { border-top: 2px dashed #ec7e33;max-width: calc(100% + 50px); margin: 20px -25px;}

.side-block { padding:0px; background:#fff; border-radius:10px; overflow:hidden; margin-bottom:30px; }
.no-padding { padding:0;}
.side-head { text-align:center; color: #fff; font-family: 'Open Sans Condensed', Arial; font-weight:bold; font-size: 26px; background:#ff6800;padding:10px; }
.side-head a { font-weight:bold;display:inline-block; color:#fff;}
.side-content,.side-contentprod { padding:10px;}
.side-content ul,.side-contentprod ul { list-style: none; margin: 0; padding: 0;}
.side-content li,.side-contentprod li { color: #000; line-height: 50px; font-size: 20px; font-family: 'Open Sans Condensed', Arial; border-bottom: 1px solid #ddd;}
.side-block .side-contentprod li {line-height:24px; padding-bottom:12px; padding-top:12px;}
.side-content li a, .side-contentprod li a  { color: #000; display: block; position: relative; font-weight:normal;}
.side-content li a.active { color:#000;}
.side-content li:last-child,.side-contentprod li:last-child { border-bottom:none;}
.side-content li a::after { font-family: 'FontAwesome'; content: '\f054'; position: absolute; right: 15px; font-size:14px;}
.side-contentprod li a.blogprodimg { width: 30%;display:inline-block;}
.side-contentprod li img { border-radius: 10px; border: 1px solid #ddd; max-width:100%;}
.side-contentprod li a.blogprodt { display:inline-block; width: 65%; vertical-align: top; margin-left: 3%;padding-top: 3px;}

.smallform { max-width: 450px; background: #fff; border-radius: 10px; margin:0 auto; margin-top:20px; padding: 25px 30px; margin-bottom: 30px;}
.smallform h1, .smallform .page-header h1 { color:#ff6800; font-size: 36px; font-weight: bold; font-family: 'Open Sans Condensed', Arial;}
.social-login {margin-bottom:12px;}
.social-login button.fb-login { max-width: 270px; width: 270px; display: block; background: #4267b2; border:1px solid #4267b2; height: 40px; line-height: 40px; color:#fff;
	border-radius: 4px; font-family: Arial; font-size: 15px; margin-bottom:10px;text-align:left; padding-left: 75px; position:relative;}
.social-login button.g-login { max-width: 270px; width: 270px; display: block; background: #fff; border:1px solid #ddd; height: 40px; line-height: 40px; color:#666;
	border-radius: 4px; font-family: Arial; font-size: 15px; margin-bottom:10px;text-align:left; padding-left: 75px; position:relative;}
.social-login button::before { position: absolute; top: 0; left: 30px; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center;content: '';}
.social-login button.fb-login::before {background-image: url(../images/icon/login-fb.png);}
.social-login button.g-login::before {background-image: url(../images/icon/login-g.png);}
.social-login button.fb-login:hover {background:#365899;border-color:#365899;}
.social-login button.g-login:hover {background:#f2f2f2;}
.text-separator { position: relative; text-align: center; color: #d8d8d8; margin-bottom: 24px; font-size: 14px; font-size: .875rem; line-height: 1.71428571; }
.text-separator-or { color: #000; background-color: #fff; padding: 12px; font-size:14px;}
.separator-hr { margin: -11px auto 12px; border-bottom: 1px solid #ddd; width: 100%; height: 0;}
.text-input,.text-button,.radio-input { margin-bottom: 20px;}
.text-input input { height:60px; line-height: 60px; width:100%; border: 1px solid #ddd; border-radius: 4px; padding-left: 15px; padding-right: 15px;}
.login-status label,.accept-checkbox label, label.input-label-radio  { display: inline-block; position: relative; padding-left: 28px; margin-bottom: 0px; cursor: pointer; font-size: 14px;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight:normal;}
.login-status input, .accept-checkbox input, label.input-label-radio input { position: relative; opacity: 0; cursor: pointer; height:inherit; line-height:inherit; display:none; }
.login-status input:checked~.checkmark,.accept-checkbox input:checked~.checkmark, label.input-label-radio input:checked~.checkmark { background-color: #fff;}
.login-status .checkmark,.accept-checkbox .checkmark,label.input-label-radio .checkmark { position: absolute; top: 0px; left: 0; height: 20px; width: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 3px;}
.login-status input:checked~.checkmark:after,.accept-checkbox input:checked~.checkmark:after,label.input-label-radio input:checked~.checkmark:after { display: block;}
.login-status .checkmark:after,.accept-checkbox .checkmark:after,label.input-label-radio .checkmark:after{ content: ""; position: absolute; display: none;}
.login-status .checkmark:after,.accept-checkbox .checkmark:after,label.input-label-radio .checkmark:after { left: 4px; top: 0px; width: 10px; height: 16px; border: solid #ff6800; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); 
	-ms-transform: rotate(45deg); transform: rotate(45deg);}
.login-status a { float:right; position:relative; text-decoration:underline; display:inline-block;}
.login-status a:hover { text-decoration:none;}
.accept-checkbox a { text-decoration:underline;}
.accept-checkbox a:hover { text-decoration:none;}
.radio-input label.input-label-radio { min-width:100px;}
.radio-input label.input-label-radio .checkmark { border-radius: 50%;}
.text-button button { background: #ff6800; border: none; border-radius: 4px; color:#fff; height: 50px; line-height: 50px; display: inline-block; 
	font-family: Open Sans Condensed, Arial; font-size: 24px; font-weight: bold; padding: 0 30px;}
.text-button button:hover { background:#f78204;}
.no-account { line-height: 40px; }
.no-account .greenbutton { float:right;}
.greenbutton { height: 40px; line-height: 40px; border-radius: 4px; padding:0 20px; background:#00b900; color:#fff; display:inline-block;
	font-family: Open Sans Condensed, Arial; font-size: 18px; font-weight: bold; text-decoration:none;}
.greenbutton:hover { text-decoration:none; background:#007e00; color:#fff;}

.latestblog, .blogitems { padding-bottom: 40px; }
.blogpop-content { background: #fff; border-radius: 10px; overflow:hidden;}
.blogpop-content .blogpopimg{ width: 100%; overflow: hidden; border-radius: 0px;}
.blogpop-content .blogpopimg img { border-radius: 0;}
.blogpop-content .blogdate-block { text-align: right; position: absolute; right: 0; bottom: 20px; background: #fff; width: 100px;
    height: 32px; line-height: 32px; color: #000; font-size: 18px; padding-right: 10px; font-family: Open Sans Condensed,Arial;}
.blogpop-content .blogtext { padding: 15px;}
.blogpop-content .blogtext h3 { margin-top: 0; min-height: 40px; max-height: 40px; font-size: 18px; overflow:hidden;}
.blogpop-content h3 a { font-weight: bold; color: #000; text-decoration: none;}
.blogpop-content .readmore { font-size: 16px; line-height: 26px; margin-top: 20px; color:#000;}
.blogpop-content .readmore a { color:#000;}
.blogpop-content:hover img, .hprodimg:hover img, .hcatimg:hover img { -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.blog-content img, .blogpop-content img, .hprodimg img, .hcatimg img  { border-radius: 0px; max-width: 100%;
    -webkit-transition: opacity 1s ease-in-out,-webkit-transform .2s ease-out;
    transition: opacity 1s ease-in-out,-webkit-transform .2s ease-out;
    transition: transform .2s ease-out,opacity 1s ease-in-out;
    transition: transform .2s ease-out,opacity 1s ease-in-out,-webkit-transform .2s ease-out;
}
.hblog { margin-bottom: 20px;}
.blogitem { margin-bottom:40px;}
.content-button { font-size: 16px; line-height: 40px; color: #000; text-align: center;}
.content-button a { color: #000; background: #fff; font-family: Arial; padding: 0 60px; padding-left: 40px; display: inline-block;
    border: 2px solid #000; border-radius: 4px; position: relative;}
.content-button a::after { font-family: FontAwesome; content: '\f054'; position: absolute; right: 15px;}

.pager-navigation { border-radius:10px; background:#fff; display:inline-block; padding:15px;}
.pager-pagination { display:flex;}
.pager-info {color: #000; display:block; margin-bottom:10px; text-align:center; }
.pager-navigation a.page-next,.pager-navigation a.page-prev { color: #ff6800; font-family: 'Open Sans Condensed', Arial; font-size: 18px; font-weight:bold;
    padding: 0px 30px; display: inline-block; border: 2px solid #ff6800; border-radius: 4px; position: relative; line-height:40px;}
.pager-navigation a.page-next { padding-left:20px; margin-left:10px;}
.pager-navigation a.page-prev{ padding-right:20px; margin-right:10px; }
.pager-navigation a.page-next:hover,.pager-navigation a.page-prev:hover { text-decoration: none; background: #ff6800; color: #fff;}
.pager-navigation a.page-next::after { font-family: 'FontAwesome'; content: '\f054'; font-size: 16px; position: absolute; right: 10px;padding-top:1px;}
.pager-navigation a.page-prev::before { font-family: 'FontAwesome';content: '\f053'; font-size: 16px; position: absolute; left: 10px; padding-top:1px;}
.pagebutton-disabled {color:#dee1e2;font-family: 'Open Sans Condensed', Arial; font-size: 20px; font-weight:normal; padding: 0px 30px;
    display: inline-block; border: 2px solid #dee1e2; border-radius: 4px; position: relative; line-height:40px; }
.page-nav { margin: 0 10px; line-height:40px; font-size:20px; }
.pager .page-nav a, .page-nav span { margin: 0 5px; padding: 0 5px; font-weight:normal; }
.page-nav span  { color:#4f4f4f;}

.hprod { padding: 20px; background: #fff; border-radius: 10px; margin-bottom:20px;}
.hprod-content { text-align: center;}
.hprodimg { max-width: 100%; margin-bottom: 12px; text-align:center; overflow:hidden;}
.hprodimg img { max-width: 100%; }
.hbrand { color:#ff6800; font-size: 12px;}
.hprodtitle { font-size: 18px; color:#000; font-weight:bold; margin-top: 12px; height: 50px; overflow: hidden;}
.hprodtitle a { color:#000;}
.hprodprice { font-size: 24px; font-weight: bold; color:#000; margin-bottom: 12px;}
.hprod-detail { display: inline-block; color:#38a7d9; font-size: 14px; line-height: 36px;}
.hprod-detail a {color:#ff6800; }
.hprod-button { float:right;  text-align:right;}
.hprod-button a { padding-left: 12px; padding-right: 12px; display: inline-block;height: 36px; line-height: 36px; background: #00b900; color: #fff; border: 1px solid #009400; border-radius: 5px;}
.hprod-button a:hover { text-decoration:none; background:#009400; border-color:#009400;}

.column-grey2 {background:#f5f5f5; }
.column-hprod { margin-bottom: 40px;}
.text-content h1,.text-content span.h1, .text-content .h1, .info-content h1 { display:block; color:#000; font-weight:bold; font-family: 'Open Sans Condensed', Arial; font-size:36px; margin:0; margin-bottom:25px;}
.text-content h2, .info-content h2, .column-hprod h2 { color:#000; font-weight:bold; font-family: 'Open Sans Condensed', Arial; font-size:28px; margin:25px 0;}
.text-content, .info-content { color:#4f4f4f; font-size: 16px; line-height:26px;}
.text-content p, .info-content p, .column-cat p { margin:0;}
.text-content strong, .text-content a, .info-content strong, .info-content a { font-weight: bold; color:#000; text-decoration:none;}
.text-content a:hover, .info-content a:hover { text-decoration:underline;}
.column-blue { background:#c9e4f7; padding-top:40px; padding-bottom:60px;}
.column-grey { background:#f3f3f3; padding-top:40px; padding-bottom:60px;}
.column-white { background:#ffffff; padding-top:40px; padding-bottom:60px;}

.catcontent, .prodcontent { padding-bottom: 40px; }
.listfilter ul { list-style:none; margin:0; margin-bottom: 30px; padding:0;}
.listfilter ul li.title { color:#000; font-size: 20px; font-weight: bold; font-family: 'Open Sans Condensed', Arial; padding-bottom: 12px; border-bottom: 1px solid #ddd; margin-bottom: 12px;}
.listfilter ul li { font-size: 14px; line-height: 28px; color: #505050;}
.listfilter ul li a { color: #505050; text-decoration:none; padding-left: 33px; position:relative;}
.listfilter ul li a::before { left: 0; top:-2px;border-radius: 4px; width:20px; height:20px; border: 1px solid #c4c4c4; font-family: FontAwesome Regular; content: ""; position:absolute; display:inline; margin-right:12px; background: #fff; font-size: 20px;}
.listfilter ul li a:hover { color: #000; text-decoration:none;}
.listfilter ul li a:hover::before { text-decoration:none; color: #ff6800; content: '\f00c'; font-weight: bold; line-height: 20px;}
.listfilter ul li span { padding-left: 5px; color:#000;}
.listfilter ul li.more { color:#ff6800; font-size: 12px;}
.listfilter ul li.more a { color:#ff6800; padding-left:0; }
.listfilter ul li.more a::before { display:none; }
.listfilter ul li.more a:hover { color:#ff6800; }

.page-header { margin: 0;border-bottom:none;}
.page-header h1 { margin:0; margin-bottom: 20px; font-family: 'Open Sans Condensed', Arial; font-weight: bold; font-size: 36px; color:#000;}
.cat-desc { font-size: 14px; line-height: 24px; color:#000; margin-bottom: 20px;}

.prod { padding: 20px; background: #fff; border-radius: 10px; margin-bottom:30px;}
.prod-content { text-align: center;}
.prodimg { max-width: 100%; margin-bottom: 12px; text-align:center; overflow:hidden;}
.prodimg img { max-width: 100%; }
.brand { color:#ff6800; font-size: 11px;}
.prodtitle { font-size: 16px; color:#000; font-weight:bold; margin-top: 12px; height: 45px; overflow: hidden;}
.prodtitle a { color:#000;}
.prodprice { font-size: 20px; font-weight: bold; color:#000; margin-top:10px;margin-bottom: 12px;}
.prod-detail { display: inline-block; color:#ff6800; font-size: 12px; line-height: 30px;}
.prod-detail a {color:#ff6800; }
.prod-button { float:right;  text-align:right; font-size: 12px;}
.prod-button a { padding-left: 12px; padding-right: 12px; display: inline-block;height: 30px; line-height: 30px; background: #00b900; color: #fff; border: 1px solid #73a72c; border-radius: 5px;}
.prod-button a:hover { text-decoration:none; background:#009400; border-color:#009400;}

.pager .label { color:#000;}
.pager ul { margin-top: 10px; padding:0;}
.pager ul li a { border-radius: 4px; color:#000; }
.pager ul li.active a,.pager ul li.active { color: #fff; background:#ff6800;}

.cat-descbottom { background: #fff;border-radius:10px; margin-top:20px; padding:20px; font-size: 14px; line-height: 24px; color:#000; margin-bottom: 20px;}
.cat-descbottom h2 { margin-top:0; margin-bottom: 20px;font-size: 28px; color:#000; font-weight: bold; font-family: 'Open Sans Condensed', Arial;}
.cat-descbottom h3 { margin-top: 25px; font-size: 20px; color:#000; font-weight: bold; font-family: 'Open Sans Condensed', Arial;}

.bigimg { background: #fff; padding:20px; border-radius: 10px; text-align:center; width: 100%; display: block; margin-bottom: 20px;}
.bigimg img { max-width: 100%; }
.prodinfo h1 { font-size: 32px; color:#000;font-weight: bold; font-family: 'Open Sans Condensed', Arial; margin:0;}
.prodinfo .brand { font-size: 14px; color:#000; margin-top:12px;}
.prodinfo .brand span { color:#ff6800; font-weight: bold;}
.prodinfo .price { font-size: 42px; color:#000;font-weight: bold; font-family: 'Open Sans Condensed', Arial;}
.prodinfo .price .ship { font-weight:normal;font-size: 14px; font-family:Arial; color:#000;}
.prodinfo .price .free { font-weight:normal;font-size: 14px; font-family:Arial; color:#8dc441;}
.prodinfo .prodbutton { margin-top:12px;}
.prodinfo .prodbutton a { position:relative; display:inline-block; width:526px; max-width:100%; text-align:center; border-radius: 4px; background: #00b900; height:45px; line-height:45px; color:#fff; font-size: 18px;font-weight: normal; font-family: 'Open Sans', Arial; }
.prodinfo .prodbutton a::after { font-family: 'FontAwesome Regular'; display: inline-block; content: '\f105'; font-size: 20px; padding-left:15px; position:absolute; right:15px; color: #fff;}
.prodinfo .prodbutton a:hover { text-decoration: none; background: #69e060; }
.prodinfo .desc { margin-top:20px;}
.prodinfo .deschead { font-size: 20px; color:#000;font-weight: bold; font-family: 'Open Sans Condensed', Arial;}
.prodinfo .descinfo { margin-top:12px; font-size:14px; line-height: 24px; color:#000; max-height:50px; overflow:hidden;}
.prodinfo .descmore { margin-top:4px; font-size:14px; }
.prodinfo .descmore a {color:#ff6800; position:relative; padding-right: 25px;}
.prodinfo .descmore a::after { font-family: 'FontAwesome Regular'; display: inline-block; content: '\f078'; font-size: 16px;position:absolute; right:0px; top:-3px;color: #ff6800;}
.prod-seller { background: #fff; padding:20px; border-radius: 10px; width: 100%; display: inline-block; line-height:40px; margin-bottom:30px;}
.prod-seller .prodtitle { font-size:16px; margin-top:0; height:inherit; z-index:2;}
.prod-seller .prodtime,.prod-seller .prodship { font-size: 12px; line-height:16px; margin-top:12px; font-style: italic; color:#666;}
.prod-seller .prodprice { text-align:right;font-size: 24px; font-weight:bold; color:#d12c2a; font-family: 'Open Sans Condensed', Arial;margin-top:0;margin-bottom:0;}
.prod-seller .prodship .free {color:#00b900;}
.prod-seller .prodbutton { text-align:right;}
.prod-seller .prodbutton a { position:relative; background:#00b900; color:#fff; border-radius: 4px; height:40px; line-height:40px; display: inline-block; padding-left:20px; padding-right:35px;}
.prod-seller .prodbutton a::after { font-family: 'FontAwesome Regular'; display: inline-block; content: '\f105'; font-size: 20px; padding-left:15px; position:absolute; right:15px; color: #fff;}
.prodinfo-detail { background: #fff;border-radius:10px; margin-top:0px; padding:20px; font-size: 14px; line-height: 24px; color:#000; margin-bottom: 20px;}
.prodinfo-detail dt { width: 49%; font-size:16px; color:#333; display: inline-block; text-align: right; padding-right: 2%; line-height: 42px; border-right: 1px solid #ddd; }
.prodinfo-detail dd { width: 47%; font-size:16px; color:#000; display: inline-block; padding-left: 2%; }

/* program part*/
.filtercomp a {text-decoration:none; color:#333;font-size:14px;}
.filtercomp a::after { color: #ff6800; content: '\f078'; font-weight: bold; padding-left: 10px; font-family: FontAwesome Regular; position: absolute; display: inline;}
.filterdate a::after { right:10px;top:-5px; font-size:24px;color: #666; content: '\f073'; font-weight: normal; padding-left: 10px; font-family: FontAwesome Regular; position: absolute; display: inline;}
input.filterdate { border:none; background:none; width:40px; z-index:70000; position:relative; /*color:transparent;*/ cursor:pointer; display:inline; text-align:right;}
.compcalendar { text-align: right; position: relative; display: block; }

.comp-date { border-top: 1px dashed #ec7e33;border-bottom: 1px dashed #ec7e33;max-width: calc(100% + 50px); margin: 20px -25px; text-align:center; padding-top:5px; padding-bottom:5px; font-weight:bold;}
.comp-date a.prevdate::after, .comp-date a.nextdate::after { font-family: FontAwesome; content: '\f104'; font-weight: 700; padding-left: 15px; padding-right: 15px; color: #ff6800;}
.comp-date a.nextdate::after { content: '\f105'; }
.comp-date a.prevdate,.comp-date a.nextdate {text-decoration:none;position:absolute;}
.comp-date a.prevdate { left:0;}
.comp-date a.nextdate { right:0;}
.table-competition { margin-bottom:50px;position:relative;}
.table-competition .row { padding: 15px 0;display:flex;-ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center;
    -ms-flex-align: center; align-items: center; border-bottom: 1px solid #ededed; margin-left:0;margin-right:0;}
.comp-home,.comp-away { width: 33%; flex-direction: row; white-space: nowrap; display:flex;overflow: hidden; text-overflow: ellipsis; flex-flow: column nowrap;-ms-flex: 1; flex: 1; -ms-flex-flow: column nowrap;}
.comp-time { font-weight:bold;justify-content: center; flex: 0 0 55px;flex-basis: 85px; flex-direction: row; display: flex; overflow: hidden;align-items: center; width: 33%; white-space: nowrap; text-overflow: ellipsis;}
.table-competition .comp-home,.table-competition .comp-away {-ms-flex-direction: row; flex-direction: row;}
.table-competition .comp-team { overflow: hidden; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 100%; white-space: nowrap; text-overflow: ellipsis;}
.table-competition .comp-teambadge { -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 15px;}
.table-competition img { width: 30px; height: auto; max-width: 100%;}
.comp-home .comp-team { text-align:right;}
.comp-tickets { width:100%; text-align:center;}
.comp-tickets a { padding:5px 10px; background:#008000; border-radius: 4px; color:#fff; text-decoration:none; font-size:11px;}
.comp-tickets a::after { font-family: FontAwesome; content: '\f105'; font-weight: 700; padding-left: 7px; padding-right: 0px; color: #fff;}
.comp-tickets a:hover { text-decoration:none; background:#13af00;}
.more-match { position:absolute; right:0; opacity: 0.8;}
.more-match a {text-decoration:none;}
.more-match a::after { width:20px; height:20px;display:block; text-align:center; font-family: FontAwesome Regular; content: '\f061'; font-weight: normal;  color: #999;}
.table-competition .row.matchdetail:hover { background: #fafafa; cursor: pointer; }
/* END Program part */

/* Matchstats */
.tabs {text-align:center;}
.tabs ul { padding-left: 0; margin-top: 0; margin-bottom: 0;border-bottom:none;}
.tabs li { display: inline-block; position: relative; font-size: 1.3rem; text-decoration: none; text-align: center; float:none;
     transition: all .2s; border-radius: 3px 3px 0 0; font-family:'Open Sans Condensed', Arial; font-weight: bold; }
.tabs li:not(:last-child) { margin-right: .5rem;}
.tabs li a {color:#6c6c6c;padding: 1.5rem 3rem;background-color: #f3dabb; color: #6c6c6c; cursor: pointer;display:inline-block;}
.tabs li a:hover { text-decoration:none;}
.tabs li a:hover { background: #ff6800; color:#fff;}
.tabs li a:hover  { color:#fff;}
.tabs li.active a {color:#000;}
.tabs li.active { background: #fff; color: #000; font-weight:bold;}

.tabs .nav-tabs>li.active>a, .tabs .nav-tabs>li.active>a:hover, .tabs .nav-tabs>li.active>a:focus {color:#000;border:none;text-decoration:none;}
.tabs .nav-tabs>li>a { border:none;}

.match-comp-date { margin: 0px 0px; text-align:center; padding-top:5px; padding-bottom:5px; font-weight:bold; font-family:'Open Sans Condensed', Arial;}
.table-competition .row-results { border-bottom: none; color: #999; font-size: 12px; padding: 5px 0;}
.table-competition .result-teamhome,.table-competition .result-teamaway {-ms-flex-direction: row; flex-direction: row;}
.result-teamhome,.result-teamaway {width: 33%; flex-direction: row; white-space: nowrap; display:flex;overflow: hidden; text-overflow: ellipsis; flex-flow: column nowrap;-ms-flex: 1; flex: 1; -ms-flex-flow: column nowrap;}
.result-teamhome { text-align:right; display:inline;}
.result-minute { font-weight:bold;justify-content: center; flex: 0 0 55px;flex-basis: 85px; flex-direction: row; display: flex; overflow: hidden;align-items: center; width: 33%; white-space: nowrap; text-overflow: ellipsis;}
.table-matchstats { margin-bottom:50px;}
.table-matchstats .row { padding: 15px 0;display:flex;-ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center;
    -ms-flex-align: center; align-items: center; border-bottom: 1px solid #ededed; margin-left:0;margin-right:0;}
.table-matchstats .matchstats-teamhome,.table-matchstats .matchstats-teamaway {-ms-flex-direction: row; flex-direction: row;}
.matchstats-value {justify-content: center; flex: 0 0 155px;flex-basis: 355px; flex-direction: row; display: flex; overflow: hidden;align-items: center; width: 33%; white-space: nowrap; text-overflow: ellipsis;}
.matchstats-teamhome,.matchstats-teamaway { width: 33%; flex-direction: row; white-space: nowrap; display:flex;overflow: hidden; text-overflow: ellipsis; flex-flow: column nowrap;-ms-flex: 1; flex: 1; -ms-flex-flow: column nowrap;}
.matchstats-teamhome { text-align:right; display:inline;}
.comp-prevdate { width: 100%; text-align:center; font-size:12px; padding-top:12px;}
.result-predictionlabels { width: 100%; font-size: 14px; color:#333;}
.result-predictionpercentage { width: 100%; font-size: 13px; color:#666;margin-bottom:12px; float:left;}
.result-prediction { width:100%; border-radius: 4px; overflow:hidden;}
.result-prediction tr { height: 14px; }
/* END Matchstats */

/* Score results */
.comp-results { font-size: 16px;}
.score-group-head { width: 100%; color:#ff6800; margin-top:40px;}
.score-group-head h3 { color:#ff6800; margin-bottom:0;}
.score-list-head { font-weight:bold; line-height:50px; border-bottom:1px solid #ededed;}
.score-list-head-position { display:inline-block; width:30px;}
.score-list-head-team {display:inline-block;width:190px;}
.score-list-head-gs {display:inline-block; width:36px; text-align:center;}
.score-list-head-w {display:inline-block;width:36px; text-align:center;}
.score-list-head-g {display:inline-block;width:36px; text-align:center;}
.score-list-head-v {display:inline-block;width:36px; text-align:center;}
.score-list-head-p {display:inline-block;width:36px; text-align:center;}
.score-list-head-dvdt {display:inline-block; width:55px;text-align:center;}
.score-list-head-ds {display:inline-block; width:40px;text-align:center;}
.score-list-head-vorm {display:inline-block;}
.score-list { font-size:16px;line-height:50px; height:50px; border-bottom:1px solid #ededed; vertical-align:top;}
.score-list-position {display:inline-block;width:30px;vertical-align:top;}
.score-list-team {display:inline-block; width:190px;vertical-align:top;overflow:hidden;max-height:50px;}
.score-list-teamlogo {display:inline-block; width:40px;vertical-align:top;}
.score-list-teamlogo img { max-width: 30px;}
.score-list-teamname {display:inline-block; width:145px;vertical-align:top;}
.score-list-gs {display:inline-block;width:36px; text-align:center;vertical-align:top;}
.score-list-w {display:inline-block;width:36px; text-align:center;vertical-align:top;}
.score-list-g {display:inline-block;width:36px; text-align:center;vertical-align:top;}
.score-list-v {display:inline-block;width:36px; text-align:center;vertical-align:top;}
.score-list-p {display:inline-block;width:36px; text-align:center; font-weight:bold; font-size:larger;vertical-align:top;}
.score-list-dvdt {display:inline-block; width:55px;text-align:center;vertical-align:top;}
.score-list-ds {display:inline-block; width:40px; text-align:center;vertical-align:top;}
.score-list-vorm {display:inline-block;vertical-align:top;}
.score-lost {background:#d81920;}
.score-won {background: #13cf00; }
.score-draw { background:#76766f;}
.score-lost,.score-won,.score-draw {color:#fff;border-radius:4px; font-weight:bold;font-size:14px;width:22px; height:22px; line-height:20px; text-align:center; display:inline-block;}
/* END Score results */
.toplay-date { margin: 20px; text-align:center; padding-top:5px; padding-bottom:5px; font-weight:bold;}

/* VID PART */
.info-block.vid-block { background: none; padding-top:0;}
.vid { margin-bottom: 40px;}
.vid-thumbnail,.vid-rel-thumbnail { position:relative;overflow:hidden;}
.vid-thumbnail img,.vid-rel-thumbnail img { width: 100%; max-width: 100%; -webkit-transition: opacity 1s ease-in-out,-webkit-transform .2s ease-out;
    transition: opacity 1s ease-in-out,-webkit-transform .2s ease-out;
    transition: transform .2s ease-out,opacity 1s ease-in-out;
    transition: transform .2s ease-out,opacity 1s ease-in-out,-webkit-transform .2s ease-out;}
.vid:hover .vid-thumbnail img,.vid-rel:hover .vid-rel-thumbnail img { -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.vid-playtime { display: inline-block; position: absolute; bottom: 0; right: 0; margin: 4px; color: #fff; background-color: rgba(0, 0, 0, 0.8);
    padding: 2px 4px; border-radius: 2px; letter-spacing: 0.5px; font-size: 1.2rem;  font-weight: 500; line-height: 1.2rem; } 
.vid-details,.vid-rel-details {position: relative; cursor: pointer; margin: 0 12px; min-height: 90px;}
.vid-rel-details { margin:0;}
.vid-title { color:#000; font-size: 16px;font-weight:500; margin: 12px 0 4px 0; max-height: 44px; overflow: hidden;}
.vid-meta {}
.vid-channel { color:#666; font-size: 14px; }
.vid-viewdate { color:#666; font-size: 14px;position:relative;}
.vid-viewdate span.dot { padding-left: 5px; margin-right: 10px; display: inline-block; }
.vid-viewdate span.dot::after {font-family: 'FontAwesome';display: inline-block;content: '\f111';position:absolute; font-size: 5px; top:4px; line-height: 14px;}
.vid-player, .vid-related { padding-top: 24px;}
.vid-player { max-width: 100%; overflow:hidden;text-align:center;}
.vid-player img, .vid-rel-thumbnail { max-width: 100%;}
.vid-info { display: block; padding:20px 0 8px 0; border-bottom: 1px solid #ddd;}
.vid-info .vid-h1 {display: block; position:relative; }
.vid-info h1 { display: block; position:relative; max-height: 4.8rem; overflow: hidden; font-size: 2.0rem; font-weight: 600; line-height: 2.4rem; margin:0;padding:0;padding-right:20px; font-family: Open Sans Condensed;}
.vid-info .vid-h1 a.moreinfo { position:absolute; right:0; top:0; min-width:20px; cursor:pointer;text-decoration:none;}
.vid-info .vid-h1 a.moreinfo::after{ font-family: 'FontAwesome';display: inline-block;content: '\f106'; font-size: 24px; position:absolute; right:0; top:0; color:#333; }
.vid-info .vid-h1 a.moreinfo.collapsed::after{ content: '\f107';  }
.vid-info-text { color: #666; font-size: 14px; display: block; max-height: 2.1rem; overflow: hidden; font-size: 1.4rem; font-weight: 400; line-height: 2.1rem;}
.vid-view-renderer,.vid-date-renderer {display:inline; position:relative;}
.vid-date-renderer::before {font-family: 'FontAwesome';display: inline-block;content: '\f111';position:relative;padding-left: 5px; margin-right: 10px; font-size: 5px; top:-2px; line-height: 14px;}
.vid-related { margin-bottom: 25px;}
.vid-related h2 {font-size: 16px; margin:0;margin-bottom:12px;}
.vid-rel { margin-bottom: 8px;}
.vid-rel-details .vid-title { margin:0; font-size: 15px; font-weight: bold;font-family: Open Sans Condensed, Arial; line-height: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; max-height: 3.2rem;}
.vid-rel-details .vid-channel { font-size: 13px;}
.vid-rel-details .vid-viewdate { font-size: 12px;}
.vid-player iframe { width: 100%;}
.vid-description { color:#666;border-top: 1px solid #ddd; font-size: 14px; padding: 12px 0;/*margin-top:12px;*/}
.vid-cat { font-size: 14px; margin-top:12px; margin-bottom:12px;}
.vid-cat span { min-width:100px; color:#000; display:inline-block;}
.vid-cat a { color:#ff6800;font-weight:normal;}
.vid-subscribe { display:flex; border-top: 1px solid #ddd; padding: 12px 0;margin-top:12px;}
.vid-subscribe-channel { -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-flex-grow: 1; flex-grow: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    color:#000; font-size: 14px; font-family: Open Sans Condensed; font-weight: bold; -ms-flex-align: center; -moz-box-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; min-width: 0; }
.channel-icon { width: 34px; height: 34px; margin-right: 12px; border-radius: 50%; overflow:hidden;}
.channel-icon img { width: 100%; height: 100%;}
.vid-subscribe-button { display:flex;}
.vid-subscribe-button a { background: #ff6800; display: inline-block; padding-left: 12px; padding-right: 12px; border-radius: 4px; color: #fff; min-height: 34px; line-height: 34px; font-size: 14px; text-transform: uppercase; }
.vid-subscribe-button a:hover { text-decoration: none; background: #f78204;}
.vid-sharecontent { display:flex;-ms-flex-pack: justify; -webkit-box-pack: justify;}
.vid-sharelabel { width: 100%; text-align:center; display: block;color: #000; font-size: 12px; font-family: Open Sans Condensed; font-weight: bold;}
.vid-share a {margin-left: 10px; margin-right: 10px; border-radius: 50%; width: 35px; height: 35px; display: inline-block; text-indent: -99px; overflow: hidden;}
.vid-share a.whatsapp { background: #34c221;  }
.vid-share a.whatsapp::before { font-family: FontAwesome; display: inline-block; font-weight:normal; content: '\f232'; text-indent: 100px; font-size: 20px; color: #fff; line-height: 35px;}
.vid-share a.facebook { background: #4267b2;}
.vid-share a.facebook::before { font-family: FontAwesome; display: inline-block; content: '\f09a'; text-indent: 100px; font-size: 20px; color: #fff; line-height: 35px;}
.vid-share a.twitter { background: #009ee0;}
.vid-share a.twitter::before { font-family: FontAwesome; display: inline-block; content: '\f099'; text-indent: 100px; font-size: 20px; color: #fff; line-height: 35px;}
.vid-share a.mail { background: #888888;}
.vid-share a.mail::before { font-family: FontAwesome; display: inline-block; content: '\f0e0'; text-indent: 100px; font-size: 20px; color: #fff; line-height: 35px;}
.vid-share a.copylink { background: #bbbbbb;}
.vid-share a.copylink::before { font-family: FontAwesome Regular; display: inline-block; content: '\f0c1'; text-indent: 100px; font-size: 20px; color: #333; line-height: 35px;}
.share-item { -ms-flex: 1 1; -webkit-flex: 1 1; flex: 1 1;min-width: 0; -ms-flex-align: start; -moz-box-align: start; -webkit-box-align: start;-webkit-align-items: flex-start; align-items: flex-start;position: relative;}
/* END VID PART */

.footer-container { background:#ff6800; padding-top:30px; padding-bottom:40px;}
.footer-bottom { background:#f4f4f4; border-top:1px solid #ccc; padding-top:25px; padding-bottom:25px; font-size: 16px; 
	line-height:20px; color:#5d5d5d; font-family:Arial;}
.footer-bottom a {color:#5d5d5d; text-decoration:none; }
.footer-bottom a:hover { color:#333; text-decoration:underline;}
.footer-content .h5 { position:relative;margin-bottom:20px; text-transform: none; font-weight: normal; font-size: 24px; color: #fff;font-family: 'Open Sans Condensed', sans-serif, Arial; font-weight:bold;}
.footer-content ul { margin: 0; padding: 0; list-style: none none; }
.footer-content li { padding:5px 0; color:#fff;font-size:14px; line-height:24px;}
.footer-content li a {color:#fff;text-decoration:none;}
.footer-content li a:hover { text-decoration:underline;}
.footer-payicons { background:#fff; border-radius:4px; padding:20px;text-align:center;}
.footer-social a { margin-right:20px;background:#fff; border-radius:50px; width:43px; height:43px; display:inline-block;text-indent:-99px;overflow:hidden;}
.footer-social a.facebook::before {font-family: 'FontAwesome';display: inline-block;content: '\f09a'; text-indent:110px; font-size:30px; color:#ff6800;}
.footer-social a.twitter::before {font-family: 'FontAwesome';display: inline-block;content: '\f099'; text-indent:106px; font-size:30px; color:#ff6800;}
.footer-social a.instagram::before {font-family: 'FontAwesome';display: inline-block;content: '\f16d'; text-indent:107px; font-size:30px; color:#ff6800;}

.cd-overlay {
  /* shadow layer visible when navigation is active */
  position: fixed; z-index: 2; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer;
  background-color: rgba(255, 104, 1, 0.8); visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden;
  backface-visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;}
.cd-overlay.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;}
.no-js .cd-primary-nav { position: relative; height: auto; width: 100%; overflow: visible; visibility: visible; z-index: 2;}

label.error::before {border-radius: 3px 0 0 0; left: 15px;  top: -6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);  transform: rotate(45deg); content:" ";  width: 10px;
    height: 13px;background-color: #0282d6; position:absolute;}
label.error { background-color: #0282d6; border-radius: 3px; color: #fff; font-size: 12px; font-weight: bold; padding: 13px 20px;
    position: absolute; white-space: nowrap; z-index: 3; left: 20px; top: 43px;}
.ui-menu { max-height: 250px; overflow-y:scroll; overflow-x:hidden;}

@media (min-width: 320px) and (max-width: 479px) {
	.cd-main-content .contentsection .ui-tabs .ui-tabs-nav .ui-tabs-anchor { font-size:18px; padding:0.5em 0.7em; }
	.hprod .hprod-button,.hprod .hprod-detail { float: none; text-align:center; display:inherit;}
	.hometop .hshop .blockwhite { background: url(../images/shopbg.jpg) no-repeat top -25px right -380px #fff; }
	.prodcontent .prodinfo-detail dt {border-right: none;}
	.prodcontent .prod-seller .prodtime,.prodcontent .prod-seller .prodship { margin-top:0;}
	.prod .row2 { text-align:center;}
	.prod .prod-button { float:none; display:inline-block; text-align:center;}
	.no-account .greenbutton { padding:0 10px;}
	.breadcrumbs li { display:none;}
	.breadcrumbs li:first-child { display:inline-block;}
	.breadcrumbs li:nth-child(2) { display:inline-block;}
	.breadcrumbs li:nth-child(2)::after { display:none;}
	.infocontent .tabs li a { padding-left: 1.1rem; padding-right: 1.1rem;}
	.infocontent .tabs li:not(:last-child) { margin-right: .3rem;}
	.score-list-head-ds,.score-list-ds {display:none;}
	.comp-results .score-list-team,.comp-results .score-list-head-team { width:93px;}
	.comp-results .score-list-teamname { width:58px;}
	.comp-results .score-list-teamlogo img { max-width:25px;}
	.comp-results .score-list-teamlogo {width:30px;}
	.comp-results .score-list-head-gs,.comp-results .score-list-head-w,.comp-results .score-list-head-g,
	.comp-results .score-list-head-v,.comp-results .score-list-head-p,.comp-results .score-list-gs,
	.comp-results .score-list-w,.comp-results .score-list-g,.comp-results .score-list-v,.comp-results .score-list-p { width:24px; }
	.comp-results .score-list, .comp-results .score-list-head { font-size: 14px;}
	.comp-results .score-list-position, .comp-results .score-list-head-position { width: 20px;}
	.comp-results .score-list-dvdt, .comp-results .score-list-head-dvdt { width: 44px;}
	
	.info-block.vid-block hr { margin-top: 0;}
	.vid { margin-bottom: 30px;}
	.vid .vid-details { margin:0; min-height:inherit;}
	.vid .vid-thumbnail { max-width: calc(100% + 70px); margin: 0 -35px; }
	.vid-main .vid-player {padding-top:0;  max-width: calc(100% + 30px); margin: 0 -15px;margin-top:-10px;}
	.vid-rel .vid-rel-details { margin-right: 12px;}
	.prod-mview { padding: 0.5em;}
	.vid-main .vid-player iframe { height:220px;}
	.vid-main .vid-info { max-width: calc(100% + 30px); margin: 0 -15px; padding:15px;padding-top:0;padding-bottom:0;}
	.vid-main .vid-subscribe { max-width: calc(100% + 30px); margin: 0 -15px; padding: 15px 12px;}
	.vid-main .vid-description { max-width: calc(100% + 30px); margin: 0 -15px; padding: 15px;}
}
@media (min-width: 480px) and (max-width: 639px) { 
	.score-list-head-ds,.score-list-ds {display:none;}
	.comp-results .score-list-team,.comp-results .score-list-head-team { width:135px;}
	.comp-results .score-list-teamname { width:90px;}
	.vid-main .vid-player iframe { height:320px;}
}
@media (min-width: 320px) and (max-width: 767px) {
	/* small 768x512 */
	.logo {
		background: url(../images/logo/logo.png) no-repeat center;
	    display: block;
	    height: 30px;
	    margin-top:15px;
	    width: 140px;
	    background-size: 100%;
	}
	
	.cd-main-content { padding-top:10px; }
	.cd-main-content.info-bg { background:#e9f7fe;}
	.block-content { padding:10px; }
	.info-block { padding:20px;}
	.breadcrumbs { padding-top:0px; margin-bottom:0px;}
	.catcontent .page-header h1 { margin-bottom:0;}
	.cd-main-content .info-content { padding-top: 5px;}
	.cd-main-content .info-content.video-content { padding-top:0;}
	.hshop .blockwhite { background: url(../images/shopbg.jpg) no-repeat top -40px right -150px #fff; }
	
	.blogtop-wrapper { margin-top:-15px;}
	.blogtop-wrapper { height: 200px;}
	.blogtop-image { height:200px; }
	.blogtop-container .blogbox {text-align:left; margin-top:80px;}
	.blogtop-container .matchbox {text-align:center; margin-top:50px;}
	.blogtop-container .compbox {text-align:center; margin-top:50px;}
	.blogtop-container .blogbox-head {border-radius:0; text-align:left;} 
	.blogtop-container .matchbox .blogbox-head,.blogtop-container .compbox .blogbox-head {border-radius:0; text-align:center;} 
	.blogtop-container .blogbox-head h1 { font-size:28px;}
	.blogtop-container .blogbox-head .blogsubhead { font-size:16px;}
	.info-block.blog img { max-width: calc(100% + 40px); margin: 0 -20px; margin-top: 20px; margin-bottom:20px;}
	.info-block.blog span.h1 { font-size: 32px;}
	.info-block.blog hr,.info-block hr {max-width: calc(100% + 40px);margin: 20px -20px;}
	
	.comp-date {max-width: calc(100% + 40px);margin: 20px -20px;}
	.table-competition .comp-home {-ms-flex-direction: column-reverse; flex-direction: column-reverse;}
	.table-competition .comp-home,.table-competition .comp-away { text-align: center;}
	.table-competition .comp-away { flex-direction: column;}
	.table-competition .comp-home .comp-team { text-align: center;}
	.table-competition .comp-teambadge {padding-bottom: 7px; }
	.table-matchstats .matchstats-value { flex-basis:205px;}
	
	.tabs li a{ padding-left: 1.5rem; padding-right: 1.5rem;}
	
	.vid-main .vid-player {padding-top:0;  max-width: calc(100% + 30px); margin: 0 -15px;margin-top:-10px;}

	.footer-content p.h5::after { display: inline-block; font-weight: normal;font-size:32px;font-family: 'FontAwesome'; content: '\f105';
	    -moz-transition: all 500ms ease;
	    -webkit-transition: all 500ms ease;
	    -o-transition: all 500ms ease;
	    transition: all 500ms ease;
	    -moz-backface-visibility: hidden;
	    -webkit-backface-visibility: hidden;
	    backface-visibility: hidden; 
	    right: 0;
   		position: absolute;
	}
	.footer-content p.h5.active:after { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);  
		transform: rotate(90deg); }
	.footer-content ul { -moz-transition: all 500ms ease;
	    -webkit-transition: all 500ms ease;
	    -o-transition: all 500ms ease;
	    transition: all 500ms ease; padding-bottom:20px; }
	.footer-content p.h5.social { display:none;}
	.footer-content .footer-social { margin-top:30px;}
	.footer-content .footer-social a {margin-left:10px;margin-right:10px;}
	.footer-content .footer-social a.facebook:before { text-indent:100px;}
	.footer-content .footer-social a.twitter:before { }
	.footer-content .footer-social a.instagram:before { text-indent:100px; }
	.footer-social { text-align:center;}
	.footer-content .footer-line { display:block; border-top:1px solid #fff; margin-top:30px; margin-bottom:30px;}
	.showhide.active {
	    height: inherit;
	    -webkit-opacity: 1;
	    -moz-opacity: 1;
	    opacity: 1;
	    filter: alpha(opacity=100);
	    -moz-transform: translateY(0);
	    -webkit-transform: translateY(0);
	    -o-transform: translateY(0);
	    transform: translateY(0);
	    visibility: inherit;
	    margin-bottom: 10px; -webkit-transition: max-height .4s ease 0s;
    	transition: max-height .4s ease 0s;
	}
	.showhide { display:none;-webkit-transition: max-height .4s ease 0s;
    transition: max-height .4s ease 0s;}
    .footer-container .container { padding-left:0; padding-right:0;}
}
@media (min-width: 640px) and (max-width: 767px) {
	.vid-main .vid-player iframe { height:400px;}	
}
@media (min-width: 768px) {
	/* medium 1000 x 667 */
	.footer-payicons,.footer-line { display:none;}	
	.keuze-right { margin-right: 40%;}
	.smallform { margin-top: 40px;}
	.tabs li { font-size: 1.5rem;}
}
@media (min-width: 768px) and (max-width: 839px) {
	.vid-main .vid-player iframe { height:420px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.blogtop-wrapper { height: 230px;}
	.blogtop-wrapper { padding-top:55px; padding-bottom:20px; }
}
@media (min-width: 840px) and (max-width: 991px) {
	.vid-main .vid-player iframe { height:460px;}
}
@media screen and (max-width: 991px) {
	/* medium 1000 x 667 */
	body.nav-on-left.overflow-hidden { overflow: hidden; }
	.header-top-wrapper { display: none;}
	.logo {
		background: url(../images/logo/logo.png) no-repeat center;
	    display: block;
	    height: 30px;
	    margin-top:15px;
	    width: 170px;
	    background-size: 100%;
	}
	.cd-main-header { height: inherit;}
	.cd-main-header .header-right {margin-top: 7px;background: #f2f2f2;padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #ddd;}
	.cd-main-header .header-right .search { background: #fff;}
	.cd-main-header {border-bottom:0px solid #d9d9d9;}
	.header-right .toplinks { display:none;}
	.cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
	    -webkit-transform: translateX(-260px);
	    -moz-transform: translateX(-260px);
	    -ms-transform: translateX(-260px);
	    -o-transform: translateX(-260px);
	    transform: translateX(-260px);
	}
  	.nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
	    -webkit-transform: translateX(260px);
	    -moz-transform: translateX(260px);
	    -ms-transform: translateX(260px);
	    -o-transform: translateX(260px);
	    transform: translateX(260px);
	}
	.cd-overlay.is-visible { -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px);  -ms-transform: translateX(-260px);
   		-o-transform: translateX(-260px);  transform: translateX(-260px); }
  	.nav-on-left .cd-overlay.is-visible { -webkit-transform: translateX(260px); -moz-transform: translateX(260px);
    	-ms-transform: translateX(260px); -o-transform: translateX(260px); transform: translateX(260px); }
    .nav-on-left .cd-header-buttons { right: auto; left: 5%;}
 	.nav-on-left .cd-header-buttons li { float: right; }
 	.nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul { right: auto; left: 0; }
  	.cd-primary-nav {
    	/* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
    	visibility: hidden; -webkit-transition: visibility 0s 0.3s;  -moz-transition: visibility 0s 0.3s; transition: visibility 0s 0.3s;}
  	.cd-primary-nav.nav-is-visible {visibility: visible; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0s;
    	transition: visibility 0s 0s;  overflow:hidden; }
}
@media screen and (min-width: 992px) {
	/* large 1200x800 stretch */
	body { border-top:4px solid #ff6800;}
	.header-top-wrapper { height: 40px; overflow:hidden; background:#f2f2f2; border-bottom:1px solid #f2f2f2;}
	.header-wrapper { height: 92px; }
	.logo {background: url(../images/logo/logo-small.png) no-repeat center; display: block; height: 55px; margin-top:15px; margin-right: 100px; width: 250px;}
	.header-right { margin-top:22px; }
	.cd-main-header { height: inherit; }
	.cd-main-header::after { clear: both; content: ""; display: table; }
	.header-nav { /*height:50px;*/ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
	.header-nav ul { display: block; list-style: none; padding: 0; margin: 0; line-height: 50px;}
	.header-nav ul li { display:inline-block; color:#000; font-size:18px; font-family: Open Sans Condensed,Arial; font-weight:bold;}
	.header-nav ul li a { padding-left:20px;padding-right:20px; display:block; color:#000; text-decoration:none;}
	.header-nav ul li a:hover { color:#ff6801;  text-decoration:none;}
	.header-nav ul li li { display:block;}
	
	.blogtop-container  { padding-bottom:20px; min-height:180px;}
	.blogtop-wrapper { padding-top: 75px;}
	
	.cd-primary-nav { position: static; padding: 0; height: auto; width: auto; float: left; overflow: visible; background: transparent;list-style:none; }
  	.cd-primary-nav::after { clear: both; content: ""; display: table; }
  	.cd-primary-nav.moves-out > li > a { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0);
    	-ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1;}  
    .cd-primary-nav ul { position: static; height: auto; width: auto; background: transparent; overflow: visible; z-index: 3; }
	.cd-primary-nav ul.is-hidden { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0);
		-ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
 	.cd-primary-nav ul.moves-out > li > a { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0);
   		-ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }
  	.cd-primary-nav > li { float: left; }
  	.cd-primary-nav > li > a { /* main navigation buttons style */ position: relative; display: inline-block; padding: 0 10px; color: #2e3233;
    	overflow: visible; border-bottom: none; -webkit-transition: color 0.3s, box-shadow 0.3s; -moz-transition: color 0.3s, box-shadow 0.3s;
    	transition: color 0.3s, box-shadow 0.3s; }
    .cd-primary-nav > li > a:hover { color: #fff; }
    .cd-primary-nav > li > a.selected {color:#ff6800; }
    .cd-primary-nav .go-back, .cd-primary-nav .see-all { display: none; }
    .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons { /* dropdown menu style */
    	position: absolute; top: 50px; width: 972px; left:0; background: #ffffff; padding: 38px 34px 130px; box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
    	-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);
    	transform: translateX(0); -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s;
    	transition: opacity .3s 0s, visibility 0s 0s;}
  	.cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-gallery::after, .cd-primary-nav .cd-nav-icons::after { clear: both; content: ""; display: table;}
  	.cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
    	opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s;
    	transition: opacity .3s 0s, visibility 0s .3s; }
  	.cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
    	/* this is the BIG See all button at the bottom of the dropdown menu */
    	display: block; position: absolute; left: 0; bottom: 0; height: 80px; width: 100%; overflow: hidden; margin: 0; padding: 0;}
  	.cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
   		position: absolute; width: 100%; height: 100%; top: 0; left: 0; font-size: 2.2rem; font-weight: bold; text-align: center;
    	line-height: 80px; border-top: 1px solid #e2e3df; border-bottom: none; margin: 0; padding: 0; -webkit-transition: color 0.2s, background 0.2s, border 0.2s;
    	-moz-transition: color 0.2s, background 0.2s, border 0.2s; transition: color 0.2s, background 0.2s, border 0.2s; }
  	.cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
   		background: #ff6800; border-color: #ff6800; color: #ffffff; }
  	.cd-primary-nav .cd-secondary-nav > li {/* change the height according to your needs - you can even set height: auto */
    	height: 340px; width: 29%; float: left; margin-right: 2.66%; border-right: 1px solid #e2e3df; overflow: hidden; 
    	overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  	.cd-primary-nav .cd-secondary-nav > li:nth-child(4n+1) { /* +2 because we have 2 list items with display:none */   margin-right: 0; border-right: none; }
  	.cd-primary-nav .cd-secondary-nav > li > a { /* secondary nav title */ color: #000;font-family:'Open Sans Condensed', Arial; font-size: 2.2rem; margin-bottom: .6em; }
  	.cd-primary-nav .cd-secondary-nav a { height: 35px;  line-height: 30px; padding: 0 18% 0 0; color: #2e3233; border-bottom: none; font-size: 1.8rem; }
  	.cd-primary-nav .cd-secondary-nav a:hover { background:none; text-decoration:underline;}
  	.cd-primary-nav .cd-secondary-nav ul { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0);
    	-o-transform: translateZ(0); transform: translateZ(0); }
  	.cd-primary-nav .cd-secondary-nav ul ul { position: absolute;  top: 0; left: 0; height: 100%; width: 100%; }
  	.cd-primary-nav .cd-secondary-nav ul ul.is-hidden { -webkit-transform: translateX(100%); -moz-transform: translateX(100%);
   		-ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
  	.cd-primary-nav .cd-secondary-nav ul ul .go-back { display: block;}
 	.cd-primary-nav .cd-secondary-nav ul ul .go-back a {color: transparent; }
  	.cd-primary-nav .cd-secondary-nav ul ul .see-all { display: block; }
  	.cd-primary-nav .cd-secondary-nav .moves-out > li > a {
    /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
    	-webkit-transform: translateX(-100%); -moz-transform: translateX(-100%);
    	-ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
	.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after { background: #c9cbc4; }
  	.has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after { background: #69aa6f;}
	.has-children > a::before, .has-children > a::after { right: 15%; }

 	.cd-primary-nav > .has-children > a { /* main navigation arrows on larger devices */  padding-right: 30px !important; }
	.cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {idth: 9px; -webkit-transform-origin: 50% 50%;
    	-moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%;
    	background: #c9cbc4; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: width 0.3s, -webkit-transform 0.3s;
		-moz-transition: width 0.3s, -moz-transform 0.3s; transition: width 0.3s, transform 0.3s; }
  	.cd-primary-nav > .has-children > a::before { right: 12px; }
  	.cd-primary-nav > .has-children > a::after { right: 7px; }
  	.cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after { width: 14px; }
  	.cd-primary-nav > .has-children > a.selected::before { -webkit-transform: translateX(5px) rotate(-45deg); -moz-transform: translateX(5px) rotate(-45deg);
    	-ms-transform: translateX(5px) rotate(-45deg); -o-transform: translateX(5px) rotate(-45deg); transform: translateX(5px) rotate(-45deg);}
 	.cd-primary-nav > .has-children > a.selected::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); 
  		-ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  	.cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after { display: none; }

	.cd-primary-nav .go-back a { padding-left: 20px;}
	.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after { left: 1px; }
	
	.cd-header-buttons { display:none !important;}
	.no-js .cd-primary-nav { position: absolute; z-index: 3; display: inline-block; width: auto; top: 0; right: 150px; padding: 0; }
	.no-js .nav-is-fixed .cd-primary-nav { position: fixed; }	
	.hprodimg { height: 270px; }
	.keuze-right { margin-right: 45%;}
	.hometop .blockwhite { min-height: 320px;}
	.hometop .hshop .blockwhite { background: url(../images/shopbg.jpg) no-repeat top -20px right -250px #fff; }
	.buttongreen-right { margin-top: 95px;}
	.vid-main .vid-info #viddesccat { display:block; height:inherit; overflow:hidden;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.header-right .toplinks li  {font-size: 12px; margin-left:10px; }
	.hprod .hprodimg { height: inherit;}
	.column-video .mainvideo .blockwhite { max-height:304px;}
	.vid-main .vid-player iframe { height:380px;}
}
@media screen and (min-width: 1200px){
	.col-5 { width: 20%;}
	.column-video .mainvideo .blockwhite { max-height:370px;}
	.vid-main .vid-player iframe { height:430px;}
}