.kpn-briefcase:before{content:"\f11c"}.kpn-chevron-circle-down:before{content:"\f11d"}.kpn-chevron-circle-left:before{content:"\f11e"}.kpn-chevron-circle-right:before{content:"\f11f"}.kpn-chevron-circle-up:before{content:"\f120"}.kpn-chevron-down:before{content:"\f121"}.kpn-chevron-left:before{content:"\f122"}.kpn-chevron-right:before,#sidebar-nav [class^="nav-lvl-"] a:before,#sidebar-nav [class*=" nav-lvl-"] a:before{content:"\f123"}.kpn-chevron-up:before{content:"\f124"}.kpn-circle-o-ampersand:before{content:"\f125"}.kpn-home:before{content:"\f133"}.kpn-kpn-logo:before{content:"\f134"}.kpn-logo-facebook:before{content:"\f126"}.kpn-logo-google-plus:before{content:"\f127"}.kpn-logo-linkedin:before{content:"\f128"}.kpn-logo-pinterest:before{content:"\f129"}.kpn-logo-twitter:before{content:"\f12a"}.kpn-logo-youtube:before{content:"\f12b"}.kpn-mail:before{content:"\f12c"}.kpn-menu:before{content:"\f135"}.kpn-minus:before{content:"\f12d"}.kpn-minus-circle:before{content:"\f12e"}.kpn-mobile:before{content:"\f110"}.kpn-person-service:before{content:"\f12f"}.kpn-plus:before{content:"\f111"}.kpn-plus-circle:before{content:"\f112"}.kpn-search:before{content:"\f130"}.kpn-tag:before{content:"\f131"}.kpn-times:before{content:"\f136"}.kpn-times-circle:before{content:"\f132"}.grey-background{background-color:#f3f3f3}/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
 
   .container {
       width: 100%;
        margin: 0;
		padding-top: 10px;
   }

   #zipcode {
	   height: 46px;
   }

#map-canvas {
    height: 640px;
}
.kpn-icon {
    position: relative;
    top: 1px;
    display: inline-block;
    line-height: 1;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-family: "KPN-Icons";
}
#coverage-details-block .stars {
    float: right;
}
#coverage-details-block .stars .kpn-five-star {
    margin: 8px 0 7px 6px;
    position: relative;
    display: block;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-bottom: 3.5px solid #b3b3b3;
    border-left: 5px solid transparent;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    float: left;
}

#coverage-details-block .stars.star-1 .kpn-five-star:nth-child(1):after, #coverage-details-block .stars.star-1 .kpn-five-star:nth-child(1):before, #coverage-details-block .stars.star-2 .kpn-five-star:nth-child(1):after, #coverage-details-block .stars.star-2 .kpn-five-star:nth-child(1):before, #coverage-details-block .stars.star-3 .kpn-five-star:nth-child(1):after, #coverage-details-block .stars.star-3 .kpn-five-star:nth-child(1):before, #coverage-details-block .stars.star-4 .kpn-five-star:nth-child(1):after, #coverage-details-block .stars.star-4 .kpn-five-star:nth-child(1):before, #coverage-details-block .stars.star-5 .kpn-five-star:nth-child(1):after, #coverage-details-block .stars.star-5 .kpn-five-star:nth-child(1):before {
    border-bottom-color: #090;
}

#coverage-details-block .stars.star-2 .kpn-five-star:nth-child(2):after, 
#coverage-details-block .stars.star-2 .kpn-five-star:nth-child(2):before, 
#coverage-details-block .stars.star-3 .kpn-five-star:nth-child(2):after, 
#coverage-details-block .stars.star-3 .kpn-five-star:nth-child(2):before, 
#coverage-details-block .stars.star-4 .kpn-five-star:nth-child(2):after, 
#coverage-details-block .stars.star-4 .kpn-five-star:nth-child(2):before, 
#coverage-details-block .stars.star-5 .kpn-five-star:nth-child(2):after, 
#coverage-details-block .stars.star-5 .kpn-five-star:nth-child(2):before {
    border-bottom-color: #090;
}

#coverage-details-block .stars.star-3 .kpn-five-star:nth-child(3):after, 
#coverage-details-block .stars.star-3 .kpn-five-star:nth-child(3):before, 
#coverage-details-block .stars.star-4 .kpn-five-star:nth-child(3):after, 
#coverage-details-block .stars.star-4 .kpn-five-star:nth-child(3):before, 
#coverage-details-block .stars.star-5 .kpn-five-star:nth-child(3):after, 
#coverage-details-block .stars.star-5 .kpn-five-star:nth-child(3):before {
    border-bottom-color: #090;
}

#coverage-details-block .stars.star-4 .kpn-five-star:nth-child(4):after, 
#coverage-details-block .stars.star-4 .kpn-five-star:nth-child(4):before, 
#coverage-details-block .stars.star-5 .kpn-five-star:nth-child(4):after, 
#coverage-details-block .stars.star-5 .kpn-five-star:nth-child(4):before {
    border-bottom-color: #090;
}

#coverage-details-block .stars.star-5 .kpn-five-star:nth-child(5):after, 
#coverage-details-block .stars.star-5 .kpn-five-star:nth-child(5):before {
    border-bottom-color: #090;
}

#coverage-details-block .stars .kpn-five-star:before {
     -webkit-transform: rotate(71deg); 
     transform: rotate(71deg); 
}
#coverage-details-block .stars .kpn-five-star:after {
    -webkit-transform: rotate(-70deg);
    transform: rotate(-70deg);
}
#coverage-details-block .stars .kpn-five-star:after, #coverage-details-block .stars .kpn-five-star:before {
    position: absolute;
    display: block;
    top: 0;
    left: -5px;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-bottom: 3.5px solid #b3b3b3;
    border-left: 5px solid transparent;
    content: '';
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

input[type="radio"]:checked+label {
    background-color: #f5f5f7;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9;
}
input[type="radio"]+label {
    padding-left: 31px;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9;
}
input[type="radio"] {
    opacity: 0;
    float: left;
    margin-right: -15px;
}
input[type="radio"]+label:before {
    background-color: #fff;
    border: 1px solid #939393;
    content: "";
    display: block;
    float: left;
    height: 16px;
    margin-left: 5px;
    width: 16px;
    border-radius: 8px;
    top: 50%;
    margin-top: -8px;
    
}
input[type="radio"]:checked+label:after {
    background-color: #791c59;
    content: "";
    display: block;
    height: 10px;
    left: 28px;
    position: absolute;
    top: 50%;
    width: 10px;
    border-radius: 5px;
    margin-top: -5px;
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
#coverage-checker .filter .radio {
    padding: 0px;
}
#coverageBlock label {
    position: static;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 22px;
    /*line-height:30px;*/
}
#coverage-checker .filter .radio.radio-4g .colored-bullet, #coverage-checker .filter .radio.radio-deepindoor4g .colored-bullet, #coverage-checker .filter .radio.radio-lora1 .colored-bullet {
    background-color: #9c0;
}
#coverage-checker .filter .radio .colored-bullet {
    content: "";
    position: absolute;
    display: block;
    height: 16px;
    width: 16px;
    right: 3px;
    margin-top: 5px;
    border-radius: 8px;
}

#coverage-checker .filter .radio.radio-5g .colored-bullet, #coverage-checker .filter .radio.radio-deepindoor5g .colored-bullet, #coverage-checker .filter .radio.radio-lora1 .colored-bullet {
    background-color: #fb5;
}
#coverage-checker .filter .radio.radio-4g .colored-bullet.coverage-plus, #coverage-checker .filter .radio.radio-deepindoor4g .colored-bullet.coverage-plus, #coverage-checker .filter .radio.radio-lora1 .colored-bullet.coverage-plus {
    background-color: #070;
}

#coverage-checker .filter .radio.radio-4g .colored-bullet, #coverage-checker .filter .radio.radio-deepindoor4g .colored-bullet, #coverage-checker .filter .radio.radio-lora1 .colored-bullet {
    background-color: #9c0;
}
#coverage-checker .filter .radio.radio-3g .colored-bullet, #coverage-checker .filter .radio.radio-lora2 .colored-bullet {
    background-color: #9cf;
}
#coverage-checker .filter .radio.radio-3g .colored-bullet.coverage-plus, #coverage-checker .filter .radio.radio-lora2 .colored-bullet.coverage-plus {
    background-color: #07c;
}
#coverage-checker .filter .radio.radio-2g .colored-bullet, #coverage-checker .filter .radio.radio-deepindoor2g .colored-bullet {
    background-color: #b3b3b3;
}
#coverage-checker .filter .radio.radio-spraak .colored-bullet {
    background-color: #939393;
}

.smartbanner-show {
	margin-top: 80px;
}

.smartbanner-show .smartbanner {
	display: block;
}

/** Default **/
.smartbanner {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 80px;
	line-height: 80px;
	font-family: 'Helvetica Neue', sans-serif;
	background: #f4f4f4;
	z-index: 9998;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	-webkit-text-size-adjust: none;
}

.smartbanner-container {
	margin: 0 auto;
	white-space: nowrap;
}

.smartbanner-close {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 5px;
	font-family: 'ArialRoundedMTBold', Arial;
	font-size: 20px;
	text-align: center;
	color: #888;
	text-decoration: none;
	border: 0;
	border-radius: 14px;
	-webkit-font-smoothing: subpixel-antialiased;
}

.smartbanner-close:active,
.smartbanner-close:hover {
	color: #aaa;
}

.smartbanner-icon {
	display: inline-block;
	vertical-align: middle;
	width: 57px;
	height: 57px;
	margin-right: 12px;
	background-size: cover;
	border-radius: 10px;
}

.smartbanner-info {
	display: inline-block;
	vertical-align: middle;
	width: 44%;
	font-size: 11px;
	line-height: 1.2em;
	font-weight: bold;
}

.smartbanner-title {
	font-size: 13px;
	line-height: 18px;
}

.smartbanner-button {
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	color: #6a6a6a;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-button:active,
.smartbanner-button:hover {
	color: #aaa;
}

.smartbanner-button-text {
}

.smartbanner-button-text:active,
.smartbanner-button-text:hover {
}

/** iOS **/
.smartbanner-ios {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	line-height: 80px;
}

.smartbanner-ios .smartbanner-close {
	border: 0;
	width: 18px;
	height: 18px;
	line-height: 18px;
	color: #888;
	text-shadow: 0 1px 0 white;
}

.smartbanner-ios .smartbanner-close:active,
.smartbanner-ios .smartbanner-close:hover {
	color: #aaa;
}

.smartbanner-ios .smartbanner-icon {
	background: rgba(0, 0, 0, 0.6);
	background-size: cover;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.smartbanner-ios .smartbanner-info {
	color: #6a6a6a;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-ios .smartbanner-title {
	color: #4d4d4d;
	font-weight: bold;
}

.smartbanner-ios .smartbanner-button {
	padding: 0 10px;
	min-width: 10%;
	color: #6a6a6a;
	background: #efefef;
	background: linear-gradient(to bottom, #efefef, #dcdcdc);
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}

.smartbanner-ios .smartbanner-button:active,
.smartbanner-ios .smartbanner-button:hover {
	background: #dcdcdc;
	background: linear-gradient(to bottom, #dcdcdc, #efefef);
}

.smartbanner-ios .smartbanner-button-text {
}

.smartbanner-ios .smartbanner-button-text:active,
.smartbanner-ios .smartbanner-button-text:hover {
}

/** Android **/
.smartbanner-android {
	background: #3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);
	box-shadow: inset 0 4px 0 #88b131;
	line-height: 82px;
}

.smartbanner-android .smartbanner-close {
	border: 0;
	width: 17px;
	height: 17px;
	line-height: 17px;
	margin-right: 7px;
	color: #b1b1b3;
	background: #1c1e21;
	text-shadow: 0 1px 1px #000;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
}

.smartbanner-android .smartbanner-close:active,
.smartbanner-android .smartbanner-close:hover {
	color: #eee;
}

.smartbanner-android .smartbanner-icon {
	background-color: transparent;
	box-shadow: none;
}

.smartbanner-android .smartbanner-info {
	color: #ccc;
	text-shadow: 0 1px 2px #000;
}

.smartbanner-android .smartbanner-title {
	color: #fff;
	font-weight: bold;
}

.smartbanner-android .smartbanner-button {
	min-width: 12%;
	color: #d1d1d1;
	padding: 0;
	background: none;
	border-radius: 0;
	box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc;
}

.smartbanner-android .smartbanner-button:active,
.smartbanner-android .smartbanner-button:hover {
	background: none;
}

.smartbanner-android .smartbanner-button-text {
	text-align: center;
	display: block;
	padding: 0 10px;
	background: #42b6c9;
	background: linear-gradient(to bottom, #42b6c9, #39a9bb);
	text-transform: none;
	text-shadow: none;
	box-shadow: none;
}

.smartbanner-android .smartbanner-button-text:active,
.smartbanner-android .smartbanner-button-text:hover {
	background: #2ac7e1;
}

/** Windows **/
.smartbanner-windows {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	line-height: 80px;
}

.smartbanner-windows .smartbanner-close {
	border: 0;
	width: 18px;
	height: 18px;
	line-height: 18px;
	color: #888;
	text-shadow: 0 1px 0 white;
}

.smartbanner-windows .smartbanner-close:active,
.smartbanner-windows .smartbanner-close:hover {
	color: #aaa;
}

.smartbanner-windows .smartbanner-icon {
	background: rgba(0, 0, 0, 0.6);
	background-size: cover;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.smartbanner-windows .smartbanner-info {
	color: #6a6a6a;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-windows .smartbanner-title {
	color: #4d4d4d;
	font-weight: bold;
}

.smartbanner-windows .smartbanner-button {
	padding: 0 10px;
	min-width: 10%;
	color: #6a6a6a;
	background: #efefef;
	background: linear-gradient(to bottom, #efefef, #dcdcdc);
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}

.smartbanner-windows .smartbanner-button:active,
.smartbanner-windows .smartbanner-button:hover {
	background: #dcdcdc;
	background: linear-gradient(to bottom, #dcdcdc, #efefef);
}

.smartbanner-windows .smartbanner-button-text {
}

.smartbanner-windows .smartbanner-button-text:active,
.smartbanner-windows .smartbanner-button-text:hover {
}
