/* #Site Styles

================================================== */


/* #Font-Face

================================================== */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/* ### general ### */

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #000;
}
input, select, textarea {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #000;
}
body {
	background: #f4f3f3;
}
img {
	border: 0;
	display: block;
}
ul, li {
	list-style: none;
}
:focus {
	outline: none;
}
textarea {
	resize: none;
}


/* ### global classes ### */

.clear {
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* ### wrapper ### */

#wrapper {
	position: relative;
	display: block;
	width: 100%;
	min-height: 100%;
}


/* ### main container ### */

#mainCntr {
	width: 100%;
	overflow: hidden;
}
/* ### header container ### */
.customerBox h2.title{
	color: #446cb3;
	
}

#headerCntr {
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 999;
	height: 82px;
	background: #eaebee;
}
#headerCntr .logo {
	padding: 14px 15px 15px 0;
	float: left;
	z-index: 9;
}
#headerCntr .logo img {
	max-width: 100%;
}
#headerCntr .navbar-brand {
	padding: 20px 15px;
}
#headerCntr .navbar {
	margin-bottom: 0px;
}


/* KELLY */
.container .content .ondersubtitel, .adslBox .content .ondersubtitel, .servicesBox .content .ondersubtitel{
	margin-bottom: 30px;
	font-size: 16px;
	color: #191919;
	line-height: 35px;
	font-weight: normal;
	text-align: left;
}
.ondersubtitel a li{
	text-decoration: none;
}
.adslBox .nobottom, .content, .nobottom, .servicesBox .nobottom{
	height: auto;
	min-height: 0!important;
	font-size: 20px;
	color: #333;
	font-weight: 300;
	line-height: 42px;
	text-align: left;
	}



/* ### menu box ### */
.menuBox {
	width: 100%;
}
.menuBox li {
	position: relative;
	float: left;
}
.menuBox li a {
	padding: 15px 25px 15px 25px;
	font-size: 20px;
	color: #2e2e2e;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	font-weight: 600;
	border-bottom: 7px solid transparent;
}
.menuBox li > a:hover {
	color: #446cb3;
	text-decoration: none;
	background-color: transparent;
}
.menuBox ul li ul {
	display: none;
	position: absolute;
	left: 0px;
	top: 64px;
	width: 350px;
	background: rgba(46,47,50,0.95);
}
.menuBox ul li ul li {
	float: none;
	width: 100%;
}
.menuBox ul li ul li a {
	padding: 0px 0px 0px 27px;
	line-height: 56px;
	color: #8a8989;
	border: none;
}
.menuBox ul li ul li.submenu > a {
	background: rgba(54,56,57,0.5) url(../images/arrow2.png) right center no-repeat;
}
.menuBox ul li ul li a:hover {
	color: #446cb3;
	border: none;
	background-color: rgba(54,56,57,0.5);
}
.menuBox ul li:hover > ul {
	display: block;
}
.menuBox ul li ul li ul {
	display: none;
	left: 350px;
	top: 0px;
}
.menuBox ul li ul li:hover ul {
	display: block;
}
.mobileMenu {
	display: none;
}
.menuBox li.dropdown > a {
	background: url(../images/dropdown_arrow.png) right 25px no-repeat;
}
.menuBox ul li ul {
	border-top: 7px solid #337ab7;
}
.menuBox li[class=""]:hover {
	border-bottom: 7px solid #337ab7;
}
.menuBox li[class=""]:hover {
    margin-top: -9px;
    top: 9px;
    position: relative;
}
.menuBox li[class=""]:hover>a {
	top: 0px;
	position: relative;
}
 .menuBox li(.dropdown) {
margin-top: -2px;
}
/* ### everything box ### */

.everythingBox {
	width: 100%;
	height: 590px;
	text-align: center;
	background: url(../images/bg1.jpg) center top no-repeat;
	background-size: cover;
}
.everythingBox ul {
	list-style: none;
}
.everythingBox li {
	width: 20%;
	float: left;
}
.everythingBox .cover {
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(4,17,47,0.8) 0%, rgba(9,32,75,0.8) 50%, rgba(17,53,117,0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(4,17,47,0.8) 0%, rgba(9,32,75,0.8) 50%, rgba(17,53,117,0.8) 100%);
	background: linear-gradient(to bottom, rgba(4,17,47,0.8) 0%, rgba(9,32,75,0.8) 50%, rgba(17,53,117,0.8) 100%);
}
.everythingBox h2 {
	padding: 140px 0 32px;
	margin-bottom: 0px;
	font-size: 58px;
	color: #fff;
	font-weight: 700;
}
.everythingBox a {
	display: block;
	text-decoration: none;
}
.everythingBox .icon {
	margin: 0 auto;
	width: 140px;
	height: 140px;
}
.everythingBox .icon img {
	margin: 0 auto;
}
.everythingBox .title {
	font-size: 26px;
	color: #fff;
}
.everythingBox .slick-next {
	display: none!important;
}
.everythingBox .slick-prev {
	display: none!important;
}
/* ### content container ### */

#contentCntr {
	width: 100%;
	overflow: hidden;
}
/* ### services box ### */

.servicesBox {
	padding: 0px 0px 20px 0px;
	width: 100%;
	overflow: hidden;
	text-align: justify;
}
.servicesBox h1#home {
	padding: 45px 0;
	margin: 0px;
	font-family: Open Sans;
	font-size: 30px;
	color: #446cb3;
	font-weight: bold;
	word-break: break-all;
}

.servicesBox h2 {
	padding: 45px 0;
	margin: 0px;
	font-family: Open Sans;
	font-size: 30px;
	color: #446cb3;
	font-weight: 300;
}

.servicesBox .block {
	margin-bottom: 30px;
	width: 100%;
	overflow: hidden;
	border-radius: 3px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	background: #fff;
}
.content {
	padding: 64px 0px 45px 0px;
	width: 100%;
	overflow: hidden;
	color: #446cb3;
}

<!-- was eerst .servicesBox .content h2 -->
.servicesBox .content h1 {
	font-size: 34px;
	margin: 0px;
	padding: 0px 0 30px 0px;
	text-align: left;
	color: #446cb3!important;
}
.servicesBox .content p {
	font-size: 20px;
	color: #333;
	font-weight: 300;
	line-height: 42px;
	text-align: left;
}
.servicesBox .holder {
	padding: 17px 22px;
	overflow: hidden;
}
.servicesBox .img {
	width: 100%;
}
.servicesBox .img img {
	width: 100%;
}
.servicesBox .icon {
	padding: 28px 0px 0px 0px;
	text-align: center;
}
.servicesBox .icon img {
	width: auto;
	display: inline-block;
}
.servicesBox .title, .servicesBox h2.title {
	font-size: 30px;
	color: #446cb3;
	font-weight: normal;
	padding: 0;
}
.servicesBox p {
	padding: 19px 0px 0px 0px;
	min-height: 175px;  /* was min-height: 187px; */
	font-size: 14px;
	color: #6e6969;
	line-height: 27px;
	font-weight: normal;
}
.servicesBox .list {
	width: 100%; 
	min-height: 175px; /* was 198px; */
	position: relative;
}

.servicesBox ul {
	padding: 20px 0 20px 0;
	list-style: none;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.servicesBox li {
	padding: 0 0 0px 45px;
	font-size: 17px;
	color: #333;
	font-weight: normal;
	text-align: left;
	background: url(../images/right.png) left 5px no-repeat;
}
.servicesBox ul.static {
	position: static;
	margin: 0px;
}
.servicesBox ul.static li {
	padding: 3px 0px 3px 35px;
	font-size: 14px;
}
.servicesBox a.button {
	width: 100%;
	height: 50px;
	text-align: center;
	display: block;
	font-size: 17px;
	color: #fff;
	text-decoration: none;
	line-height: 50px;
	border-radius: 3px;
	background: #446cb3;
}
.servicesBox a:hover {
	color: #000;
}
/* ek-media reseller gemaakt 1 kolom van servicesbox (hoofdpagina) */

.reseller {
	line-height: 0;
	padding: 64px 0 0 0!important;
}

.reseller2 {
	line-height: 0;
	padding: 0!important;
}
/* ### customer box ### */

.customerBox {
	margin-bottom: 36px;
	width: 100%;
	overflow: hidden;
}
.customerBox h2 {
	padding: 0 0 38px 0;
	font-size: 30px;
	color: #333;
	text-align: center;
	font-weight: normal;
}
.customerBox .slick-prev {
	margin-top: -14px;
	width: 16px;
	height: 29px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: 0px;
	top: 50%;
	background: url(../images/prev1.png) left top no-repeat;
	border: none;
}
.customerBox .slick-next {
	margin-top: -14px;
	width: 16px;
	height: 29px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	right: 0px;
	top: 50%;
	background: url(../images/next1.png) left top no-repeat;
	border: none;
}
.customerBox ul {
	padding: 0 40px;
	list-style: none;
	text-align: center;
}
.customerBox li {
	padding: 0 24px;
	display: inline-block;
}
/* ### media box ### */

.mediaBox {
	width: 100%;
	height: 550px;
	overflow: hidden;
	text-align: center;
	background: url(../images/bg2.jpg) center top no-repeat;
	background-size: cover;
}
.mediaBox.bg2 {
	background: url(../images/media_bg2.jpg) center top no-repeat;
	background-size: cover;
}
.mediaBox .cover {
	padding: 55px 0 60px 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(31,77,182,0.5);
}
.mediaBox h2 {
	padding: 0 0 15px 0;
	font-size: 38px;
	color: #fff;
	font-weight: 300;
	margin: 0px;
}
.mediaBox p {
	margin: 0 auto;
	max-width: 709px;
	font-size: 26px;
	color: #fff;
	font-weight: normal;
	font-style: italic;
}
.mediaBox ul {
	padding: 55px 0px 0px 0px;
	list-style: none;
}
.mediaBox li {
	width: 25%;
	float: left;
}
.mediaBox .icon {
	width: 154px;
	height: 154px;
	margin: 0px auto;
	border: 7px solid rgba(255,255,255,0.5);
	border-radius: 100%;
}
.mediaBox strong {
	display: block;
	padding: 5px 0px 0px 0px;
}
.mediaBox a {
	color: #fff;
	text-decoration: none;
}
.mediaBox a:hover {
	text-decoration: none;
}
.mediaBox .icon span {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
}
.mediaBox .icon1 {
	background: url(../images/icon6.png) center center no-repeat;
}
.mediaBox .icon2 {
	background: url(../images/icon7.png) center center no-repeat;
}
.mediaBox .icon3 {
	background: url(../images/icon8.png) center center no-repeat;
}
.mediaBox .icon4 {
	background: url(../images/icon9.png) center center no-repeat;
}
.mediaBox .icon5 {
	background: url(../images/icon17.png) center center no-repeat;
}
.mediaBox .icon6 {
	background: url(../images/icon18.png) center center no-repeat;
}
.mediaBox .icon7 {
	background: url(../images/icon19.png) center center no-repeat;
}
.mediaBox .icon8 {
	background: url(../images/icon20.png) center center no-repeat;
}
.mediaBox .icon9 {
	background: url(../images/icon26.png) center center no-repeat;
}
.mediaBox .icon10 {
	background: url(../images/icon27.png) center center no-repeat;
}
.mediaBox .icon11 {
	background: url(../images/icon28.png) center center no-repeat;
}
.mediaBox .icon12 {
	background: url(../images/icon29.png) center center no-repeat;
}
.mediaBox .title {
	font-size: 28px;
	color: #fff;
	line-height: 36px;
	font-weight: 300;
}
/* ### resellers box ### */

.resellersBox {
	padding: 46px 0;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.resellersBox h2 {
	padding: 0 0 15px 0;
	margin: 0px;
	font-size: 30px;
	color: #446cb3;
	font-weight: normal;
}
.resellersBox p {
	padding-bottom: 35px;
	font-size: 18px;
	color: #666;
	line-height: 32px;
}
.resellersBox span {
	margin-bottom: 23px;
	display: block;
	font-size: 22px;
	color: #333;
}
.resellersBox .block {
	margin-bottom: 30px;
	width: 100%;
	overflow: hidden;
	text-align: left;
	border-radius: 3px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	background: #fff;
}
.resellersBox .holder {
	padding: 22px;
	overflow: hidden;
}
.resellersBox .img {
	width: 100%;
	border-radius: 0 0 3px 3px;
	overflow: hidden;
}
.resellersBox .img img {
	width: 100%;
}
.resellersBox .title {
	margin: 0px 0 10px 0;
	display: block;
	font-size: 18px;
	color: #333;
	font-weight: normal;
}
.resellersBox .block p {
	min-height: 242px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-size: 14px;
	color: #a0a0a0;
	line-height: 20px;
	font-weight: normal;
	text-align: justify;
} 
.resellersBox a.button, td .button {
	padding: 0 37px;
	height: 54px;
	text-align: center;
	display: inline-block;
	font-size: 18px;
	color: #fff;
	text-decoration: none!important;
	line-height: 54px;
	border-radius: 5px;
	font-weight: normal;
	background: #2450b6;
}
.resellersBox .professinal {
	font-size: 20px;
	line-height: 45px;
}
.resellersBox a.button:hover {
	text-decoration: none;
	color: #000;
}
/* ### slider box ### */

.sliderBox {
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.sliderBox ul {
	list-style: none;
}
.sliderBox li {
	width: 100%;
}
.sliderBox h2 {
	padding: 0 0 15px 0;
	margin: 0px;
	font-size: 30px;
	color: #446cb3;
	font-weight: normal;
}
.sliderBox p {
	padding-bottom: 10px;
	font-size: 18px;
	color: #666;
	line-height: 32px;
}
.sliderBox span {
	display: block;
	font-size: 22px;
	color: #333;
}
.sliderBox p span {
	font-size: 18px;
	 color: #666;;
	font-style: italic;
}
.sliderBox .cycle-pager {
	width: auto;
	text-align: center;
}
.sliderBox .cycle-pager span {
	width: 18px;
	height: 18px;
	margin: 0px 3px;
	display: inline-block;
	text-indent: -9999px;
	cursor: pointer;
	border: 2px solid #333;
	box-sizing: border-box;
	border-radius: 100%;
}
.sliderBox .cycle-pager span:hover, .sliderBox .cycle-pager span.cycle-pager-active {
	background: #333;
}
/* ### adsl box ### */

.adslBox {
	padding: 30px 0 0 0;
	width: 100%;
	overflow: hidden;
}
.adslBox h2 {
	margin-bottom: 10px;
	color: #446cb3;
	font-weight: normal;
}
.adslBox p {
	margin-top: 9px;
	margin-bottom: 30px;
	font-size: 16px;
	color: #191919;
	line-height: 35px;
	font-weight: normal;
	text-align: justify;
}

.adslBox li {
	line-height: 30px;
	font-size: 16px;
	font-weight: normal;
	text-align: justify;
	list-style: inside circle;
}

/* ### benefitsadsl box ### */

.benefitsBox {
	width: 100%;
	display: inline-block;
}
.benefitsBox .holder {
	margin-right: -30px;
}
.benefitsBox .block {
	padding: 37px;
	display: inline-block;
	margin-right: 22px;
	width: calc(50% - 30px);
	overflow: hidden;
	text-align: center;
	border-radius: 3px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	background: #fff;
}
.benefitsBox .image img {
	width: 100%;
}
.benefitsBox .img {
	margin: 0 auto;
	width: 86px;
}
.benefitsBox .img img {
	width: 100%;
}
.benefitsBox .img .logogrootte {
	width: 150px; 
}
.benefitsBox .title {
	margin: 20px 0;
	display: block;
	font-size: 30px;
	color: #446cb3;
	font-weight: normal;
}
.benefitsBox p {
	padding: 0 0 20px 0;
	margin: 0px;
	font-size: 14px;
	 color: #666;;
	line-height: 27px;
	font-weight: normal;
}
.benefitsBox p.justify {
	text-align: justify;
}
.benefitsBox ul {
	list-style: none;
}
.benefitsBox li {
	padding: 0 0 0px 40px;
	text-align: left;
	background: url(../images/right1.png) left 5px no-repeat;
}
.benefitsBox .subtitle {
	font-size: 20px;
	color: #446cb3;
	font-weight: normal;
}
.benefitsBox .subtitle.cloudbackup{
	font-size: 15px;
}
.benefitsBox li p {
	font-size: 13px;
}
/* ### tariffs box ### */

.tariffsBox {
	width: 100%;
}
.tariffsBox .title{
	padding: 35px 0px;
	margin: 0px;
	font-size: 30px;
	color: #446cb3;
	font-weight: normal;
	text-align: center;
}
.tariffsBox .title span {
	font-size: 18px;
	color: #333;
}
.tariffsBox .block {
	width: 100%;
	overflow: hidden;
	border-radius: 3px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	background: #fff;
	margin-bottom: 30px;
}
.tariffsBox .top {
	padding: 6px 155px 66px 21px;
	position: relative;
	border-radius: 3px;
	background: #446cb3;
}
.tariffsBox .top.colocatie {
	padding: 6px 100px 0 21px;
}

.tariffsBox .subtitle {
	display: block;
	padding-bottom: 13px;
	font-size: 30px;
	color: #fff;
}
.tariffsBox .circle {
	position: absolute;
	right: 15px;
	top: 33px;
	width: 130px;
	height: 130px;
	border-radius: 100%;
	background: #fff;
}
.tariffsBox .circle.colocatie {
	top: 15px;
}
.tariffsBox .circle strong {
	padding: 41px 0px 0px 0px;
	font-size: 31px;
	color: #f7941d;
	text-align: center;
	display: block;
	line-height: 26px;
}
.tariffsBox .circle span {
	font-size: 16px;
	color: #414141;
	font-style: italic;
}
.tariffsBox .circle.xsmall {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 130px;
	height: 130px;
	border-radius: 100%;
	background: #fff;
}
.tariffsBox .circle .xsmall strong {
	padding: 41px 0px 0px 0px;
	font-size: 31px;
	color: #f7941d;
	text-align: center;
	display: block;
	line-height: 26px;
}
.tariffsBox .circle .xsmall span {
	font-size: 16px;
	color: #414141;
	font-style: italic;
}
.tariffsBox p {
	font-size: 16px;
	color: #fff;
}
.tariffsBox ul {
	padding: 14px 0px 0px 0px;
	overflow: hidden;
}
.tariffsBox li {
	padding: 10px 0px 10px 70px;
	font-size: 18px;
	color: #333333;
	background: #f9f9f9 url(../images/arrow.png) 23px 13px no-repeat;
}
.tariffsBox li:nth-child(odd) {
	background-color: #fff;
}
.tariffsBox .button {
	padding: 27px 20px 20px 20px;
	overflow: hidden;
}
.blueBtn {
	width: 100%;
	height: 50px;
	text-align: center;
	display: block;
	font-size: 17px;
	color: #fff;
	text-decoration: none;
	line-height: 50px;
	border-radius: 3px;
	background: #2450b6;
}
.blueBtn:hover {
	color: #000;
	text-decoration: none!important;
}
/* ### tab box ### */

.tabBox {
	width: 100%;
}
.tabBox .title {
	padding: 44px 0px 30px 0;
	margin: 0px;
	font-size: 30px;
	color: #446cb3;
	font-weight: normal;
	text-align: center;
}
.tabBox .tabs {
	border-radius: 3px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	background: #fff;
}
.tabBox ul {
	list-style: none;
}
.tabBox li {
	float: left;
	width: 16.6%;
}
.tabBox li a {
	width: 100%;
	float: left;
	font-size: 20px;
	font-weight: 600;
	text-decoration: none;
	line-height: 50px;
	border-radius: 3px;
	border: 1px solid #dbdada;
	display: block;
	text-align: center;
	border-top: none;
	border-right: none;
	background: #fff;
}
.tabBox li:first-child a {
	border-left: none;
}
.tabBox li:last-child {
	width: 17%;
	border-left: none;
}
.tabBox li a:hover, .tabBox li.r-tabs-state-active a {
	border-bottom: none;
	background: #fff;
}
.tabBox .detail {
	padding: 29px 20px 20px 20px;
	clear: both;
	overflow: hidden;
}
.tabBox .image {
	padding: 0px 37px 0px 0px;
	float: left;
	width: 375px;
}
.tabBox .image img {
	border-radius: 3px;
	width: 100%;
}
.tabBox .content {
	padding: 40px 0px 0px 0px;
	width: calc(100% - 375px);
	float: left;
}
.tabBox .content strong {
	font-size: 20px;
	color: #446cb3;
	display: block;
	font-weight: 600;
	display: block;
}
.tabBox .content p {
	font-size: 20px;
	color: #666;
	line-height: 45px;
	font-weight: 400;
}
/* ### text box ### */

.textBox {
	padding: 73px 0px 0px 0px;
	width: 100%;
	overflow: hidden;
}
.textBox .title {
	padding: 0px 0px 50px 0;
	margin: 0px;
	font-size: 34px;
	color: #333333;
	font-weight: 300;
}
.textBox p {
	padding: 0px 0px 40px 0px;
	font-size: 18px;
	color: #191919;
	font-weight: 300;
	line-height: 40px;
}
/* ### professional  box ### */

.professionalBox {
	padding: 40px 0px 0px 0px;
	width: 100%;
	overflow: hidden;
}
.professionalBox .title {
	padding: 0px 0px 25px 0;
	margin: 0px;
	font-size: 30px;
	color: #333333;
	font-weight: 300;
	text-align: center;
}
.professionalBox .title span {
	font-size: 24px;
	display: block;
}
.professionalBox .block {
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
	border-radius: 3px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	background: #fff;
}
.professionalBox .top {
	padding: 36px 155px 36px 21px;
	position: relative;
	border-radius: 3px;
	background: #446cb3;
}
.professionalBox .subtitle {
	display: block;
	padding-bottom: 13px;
	font-size: 30px;
	color: #fff;
}
.professionalBox .circle {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 130px;
	height: 130px;
	border-radius: 100%;
	background: #fff;
}
.professionalBox .circle strong {
	padding: 41px 0px 0px 0px;
	font-size: 31px;
	color: #f7941d;
	text-align: center;
	display: block;
	line-height: 26px;
}
.professionalBox .circle span {
	font-size: 16px;
	color: #414141;
	font-style: italic;
	display: block;
}
.professionalBox p {
	font-size: 16px;
	color: #fff;
}
.professionalBox ul {
	padding: 14px 0px 0px 0px;
	overflow: hidden;
}
.professionalBox li {
	padding: 10px 0px 10px 55px;
	font-size: 18px;
	color: #333333;
	background: #f9f9f9 url(../images/arrow.png) 85% 13px no-repeat;
}
.professionalBox li:nth-child(odd) {
	background-color: #fff;
}
/* ### radio box ### */

.radioBox {
	width: 100%;
	height: 550px;
	overflow: hidden;
	text-align: center;
	background: url(../images/bg2.jpg) center top no-repeat;
	background-size: cover;
}
.radioBox .cover {
	padding: 55px 0px 50px 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(31,77,182,0.5);
}
.radioBox h2 {
	padding: 0 0 60px 0;
	font-size: 38px;
	color: #fff;
	font-weight: 300;
	margin: 0px;
}
.radioBox p {
	padding: 0 85px;
	margin-bottom: 30px;
	font-size: 27px;
	color: #fff;
	font-weight: 600;
}
.radioBox a {
	margin-bottom: 20px;
	width: 381px;
	height: 58px;
	display: inline-block;
	font-size: 19px;
	color: #fff;
	text-decoration: none;
	line-height: 59px;
	text-align: center;
	border-radius: 3px;
	background: #f7941d;
}
.radioBox a:hover {
	text-decoration: none;
}
/* ### agreement box ### */

.agreementBox {
	width: 100%;
	padding: 44px 0px 45px 0px;
}
.agreementBox h2 {
	margin-bottom: 50px;
	font-size: 34px;
	color: #446cb3;
	font-weight: 300;
}
.agreementBox .cover {
	margin-right: -30px;
}
.agreementBox .detail {
	padding: 0 30px 0 0;
	width: 50%;
	float: left;
}
.agreementBox p {
	margin-bottom: 60px;
	font-size: 18px;
	color: #191919;
	line-height: 42px;
	text-align: justify;
}
.agreementBox .block1 {
	margin-bottom: 30px;
	width: 100%;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
}
.agreementBox .block1 .blue {
	padding: 24px 24px 48px 177px;
	position: relative;
	background: #446cb3;
	border-radius: 3px;
	overflow: hidden;
}
.agreementBox .block1 .icon {
	position: absolute;
	left: 20px;
	top: 17px;
	width: 130px;
	height: 130px;
	text-indent: -9999px;
	border-radius: 100%;
	background: #f4f3f3 url(../images/icon32.png) center center no-repeat;
}
.agreementBox .block1 .right {
	padding: 0 0 0 25px;
	overflow: hidden;
}
.agreementBox .title {
	padding-top: 20px;
	display: block;
	font-size: 30px;
	color: #fff;
	font-weight: normal;
}
.agreementBox .title span {
	display: block;
	font-size: 16px;
	color: #fff;
}
.agreementBox .star {
	overflow: hidden;
}
.agreementBox .star ul {
	list-style: none;
}
.agreementBox .star li {
	float: left;
}
.agreementBox .block1 .holder {
	padding: 38px 38px 20px 38px;
	overflow: hidden;
}
.agreementBox .block1 p {
	margin-bottom: 20px;
	font-size: 16px;
	 color: #666;;
	line-height: 31px;
}
.agreementBox .block1 .list {
	overflow: hidden;
}
.agreementBox .block1 .list ul {
	list-style: none;
}
.agreementBox .block1 .list li {
	padding: 0 0 20px 44px;
	font-size: 20px;
	color: #333;
	font-weight: normal;
	background: url(../images/arrow.png) left 8px no-repeat;
}
.agreementBox .block1 .list li span {
	display: block;
	font-size: 13px;
	 color: #666;;
}
.agreementBox .block1 a {
	margin: 0 auto;
	width: 381px;
	height: 58px;
	display: block;
	font-size: 19px;
	color: #fff;
	text-decoration: none;
	line-height: 59px;
	text-align: center;
	border-radius: 3px;
	background: #446cb3;
}
.agreementBox .block1 a:hover {
	text-decoration: none;
}
.agreementBox .block2 {
	margin-bottom: 30px;
	width: 100%;
	overflow: hidden;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
}
.agreementBox .block2 .blue {
	padding: 24px 177px 40px 24px;
	position: relative;
	background: #446cb3;
	border-radius: 3px;
	overflow: hidden;
}
.agreementBox .block2 .icon {
	position: absolute;
	right: 20px;
	top: 17px;
	padding: 17px 20px;
	width: 130px;
	height: 130px;
	float: right;
	text-align: center;
	font-size: 14px;
	color: #414141;
	border-radius: 100%;
	font-weight: 700;
	font-style: italic;
	background: #f4f3f3;
}
.agreementBox .block2 .icon span {
	padding: 0px 10px;
	display: block;
	font-size: 25px;
	color: #f7941d;
}
.agreementBox .block2 .list {
	overflow: hidden;
}
.agreementBox .block2 .list ul {
	list-style: none;
}
.agreementBox .block2 .list li {
	padding: 15px 40px;
	font-size: 20px;
	color: #333;
	font-weight: normal;
}
.agreementBox .block2 .list li:nth-child(even) {
	background: #f9f9f9;
}
.agreementBox .block2 .list li .strong {
	width: 151px;
	float: right;
	font-weight: normal;
}
.agreementBox .block2 .list li span {
	display: block;
	font-size: 14px;
	 color: #666;;
}
.agreementBox .block2 p {
	padding: 0 40px;
	margin-bottom: 0px;
	font-size: 14px;
	 color: #666;;
	font-style: italic;
	line-height: 18px;
}
.agreementBox .block2 p .span {
	width: 50px;
	float: left;
}
/* ### form box ### */

.formBox {
	width: 100%;
}
.formBox.contact {
	padding: 60px 0px 45px 0px;
}
fieldset {
	border: none;
}
.formBox .holder {
	width: 100%;
	overflow: hidden;
}
.formBox .holder .col {
	width: calc(100% - 176px);
	float: left;
}
.formBox .holder .col2 {
	width: 176px;
	text-align: center;
	float: right;
}
.formBox .title {
	font-size: 30px;
	color: #446cb3;
	font-weight: 300;
}
.formBox address {
	font-size: 18px;
	color: #191919;
	line-height: 42px;
}
.formBox address a {
	color: #191919;
	text-decoration: none;
}
.formBox p {
	padding: 0 0 33px;
	font-size: 20px;
	color: #191919;
	line-height: 42px;
}
.formBox input[type="text"], .formBox input[type="email"] {
	padding: 0px 20px;
	font-size: 19px;
	color: #000;
	font-weight: 400;
	width: 100%;
	line-height: 57px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	border: none;
	min-height: 50px;
}
.formBox .formrow {
	padding: 0px 0px 18px 0px;
	margin-right: -18px;
}
.formBox .column {
	padding: 0px 18px 0px 0px;
	width: 50%;
	float: left;
}
.formBox .select {
	position: relative;
	width: 100%;
	height: 57px;
	display: inline-block;
}
.formBox .select select {
	width: 100%;
	padding: 0 27px;
	height: 57px;
	font-size: 19px;
	color: #000;
	font-weight: 300;
	margin: 0;
	border: none;
	outline: none;
	display: inline-block;
	cursor: pointer;
	background: #fff;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	-webkit-appearance: none;
	-moz-appearance: none;
}
.formBox .select:after {
	content: url('../images/select_arrow.png');
	position: absolute;
	top: 0;
	right: 0;
	pointer-events: none;
}
.formBox .textarea {
	padding: 20px 27px;
	font-size: 19px;
	color: #000;
	font-weight: 400;
	height: 283px;
	width: 100%;
	line-height: 40px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	border: none;
}
.formBox .button {
	width: 340px;
	border: none;
	margin-top: 15px;
}
 .formBox input[type="text"]::-webkit-input-placeholder {
color: #4c4c4c!important;opacity: 1!important;font-weight: 300!important;
}
 .formBox input[type="text"]:-moz-placeholder {
color: #4c4c4c!important;opacity: 1!important;font-weight: 300!important;
}
 .formBox input[type="text"]::-moz-placeholder {
color: #4c4c4c!important;opacity: 1!important;font-weight: 300!important;
}
 .formBox input[type="text"]:-ms-input-placeholder {
color: #4c4c4c!important;opacity: 1!important;font-weight: 300!important;
}
 .formBox input[type="email"]::-webkit-input-placeholder {
color: #4c4c4c!important;opacity: 1!important;font-weight: 300!important;
}
 .formBox input[type="email"]:-moz-placeholder {
color: #4c4c4c!important;opacity: 1!important;font-weight: 300!important;
}
 .formBox input[type="email"]::-moz-placeholder {
color: #4c4c4c!important;opacity: 1!important;font-weight: 300!important;
}
 .formBox input[type="email"]:-ms-input-placeholder {
color: #4c4c4c!important;opacity: 1!important;font-weight: 300!important;
}
 .formBox .textarea::-webkit-input-placeholder {
color: #4c4c4c!important;opacity: 1!important;font-weight: 300!important;
}
 .formBox .textarea:-moz-placeholder {
color: #4c4c4c!important;opacity: 1!important;font-weight: 300!important;
}
 .formBox .textarea::-moz-placeholder {
color: #4c4c4c!important;opacity: 1!important;font-weight: 300!important;
}
 .formBox .textarea:-ms-input-placeholder {
color: #4c4c4c!important;opacity: 1!important;font-weight: 300!important;
}
.formBox .block {
	text-align: right;
}
.formBox .block p {
	max-width: 372px;
	float: right;
	font-size: 14px;
	line-height: 20px;
	padding: 0;
}
.formBox .block span {
	padding: 10px 0px 30px 0px;
	font-size: 20px;
	display: block;
}
.formBox .block address {
	padding: 10px 0px 0px 0px;
	font-size: 16px;
}
/* ### column Box  ### */

.columnBox {
	padding: 0px 0px 20px 0px;
	width: 100%;
}
.columnBox .block {
	margin-bottom: 30px;
	width: 100%;
	overflow: hidden;
	text-align: left;
	border-radius: 3px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	background: #fff;
}
.columnBox .holder {
	padding: 22px;
	overflow: hidden;
	text-align: center;
}
.columnBox .maintitle {
	padding: 40px 0px 26px 0px;
	text-align: center;
	display: block;
	font-size: 34px;
	color: #446cb3;
	font-weight: normal;
}
.columnBox .img {
	width: 100%;
	border-radius: 0 0 3px 3px;
	overflow: hidden;
}
.iptv-zenders{
	
}
.block .holder .iptv-zenders img{
	width: 70px;
	height: 70px;
	display: inline;
	border: solid 1px #ccc;
}
.iptvhoogte {
	min-height: 630px;
}
.columnBox .img img {
	width: 100%;
}
.columnBox .title {
	margin: 0px 0 10px 0;
	display: block;
	font-size: 30px;
	color: #446cb3;
	font-weight: normal;
}
.columnBox .block p {
	padding-bottom: 20px;
	margin-bottom: 0px;
	font-size: 16px;
	color: #595959;
	line-height: 23px;
	font-weight: normal;
	text-align: center;
}
/* ### footer container ### */

#footerCntr {
	padding: 37px 0 45px 0;
	overflow: hidden;
	width: 100%;
	background: #446cb3;
}
/* ### footer box ### */

.footerBox {
	width: 100%;
	overflow: hidden;
}
.footerBox .title {
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
}
.footerBox ul {
	list-style: none;
}
.footerBox li {
	line-height: 45px;
}
.footerBox li a {
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}
.footerBox li a:hover {
	text-decoration: none;
	color: #000000;
}
.footerBox p {
	font-size: 18px;
	color: #fff;
	line-height: 47px;
	margin-bottom: 0px;
}
.geld {
	width: 13%;
}
.SLA {
	float: right;
}
h3 {
	color:#446cb3;
	width: 100%;
}
.SLA-title {
	float: right;
}
.storingsnummer {
	color: #446cb3;
}
/* Projecten */
.th-projecten {
	background-color: #fff!important;
	width: 100%;
}
.projecten .holder {
	text-align:left;	
}
.modal-dialog {
	width: 100%;
	height: auto;	
}
#myModalLabel {
	display: inline-block;	
}
.kruisje {
	position: relative;
	top: -25px;	
}
#modal-img {
	width: 100%;
	height: auto;	
}
.modal-body {
	padding: 0px 10px 10px 10px;	
}
/* #Media Queries

==================================================*/

@media only screen and (max-width: 1206px) {
.menuBox li a {
	padding: 0 17px 30px 18px;
}
.customerBox ul {
	padding: 0px 20px;
}
.customerBox li {
	padding: 0px 16px;
}
.servicesBox {
	padding: 0px;
}
.customerBox {
	margin-bottom: 10px;
}
.customerBox h2 {
	padding-bottom: 20px;
}
.mediaBox .title {
	font-size: 22px;
	line-height: 30px;
}
.resellersBox .holder {
	padding: 15px;
}
.tariffsBox li {
	padding-left: 50px;
	font-size: 17px;
	background-position: 16px 13px;
}
.resellersBox {
	padding: 38px 0px;
}
.servicesBox .content h2 {
	padding: 0px;
}
.servicesBox .holder {
	padding: 15px;
}
.servicesBox .title {
	font-size: 28px;
	color: #446cb3;
}
.tabBox li a {
	font-size: 17px;
}
.agreementBox .blick2 .list li {
	padding: 15px;
	font-size: 19px;
}
.formBox {
	padding: 50px 0px 0 0;
}
.everythingBox {
	height: 700px;
}
.everythingBox h2 {
	padding-top: 255px;
}
}
 @media only screen and (max-width: 1023px) {
#headerCntr .logo {
	padding-right: 20px;
}
.menuBox li a {
	padding: 0 20px 30px 10px;
	font-size: 13px;
	background-position: right 6px;
}
.menuBox ul {
	padding-top: 25px;
	margin-right: -20px;
}
.menuBox ul li ul {
	top: 58px;
	margin: 0px;
}
.menuBox ul li ul {
	width: 300px;
	margin: 0px;
}
.menuBox ul li ul li ul {
	left: 300px;
	margin: 0px;
}
.everythingBox .icon {
	width: 100px;
	height: 100px;
}
.everythingBox .icon img {
	width: 100%;
}
.everythingBox h2 {
	font-size: 45px;
}
.customerBox li {
	float: left;
}
.adslBox p {
	font-size: 16px;
	line-height: 30px;
}
.benefitsBox .block {
	padding: 30px 20px;
}
.tariffsBox .block {
	margin-bottom: 30px;
}
.r-tabs .r-tabs-accordion-title {
	margin-bottom: 10px;
}
.r-tabs .r-tabs-accordion-title a {
	width: 100%;
	margin-bottom: 10px;
	float: left;
	font-size: 20px;
	color: #333333;
	font-weight: 600;
	text-decoration: none;
	line-height: 50px;
	border-radius: 3px;
	border: 1px solid #dbdada;
	display: block;
	text-align: center;
	border-top: none;
	border-right: none;
	background: #fff;
}
.servicesBox .content p {
	font-size: 18px;
	line-height: 35px;
}
.r-tabs .r-tabs-panel {
	margin-bottom: 10px;
}
.agreementBox p {
	font-size: 18px;
	line-height: 35px;
}
.agreementBox .blick2 .list li {
	font-size: 16px;
	padding: 11px;
}
.agreementBox .blick2 .list li .strong {
	width: auto;
}
.agreementBox .blick1 a {
	width: 100%;
}
.resellersBox .professinal {
	font-size: 18px;
	line-height: 38px;
}
.formBox .title {
	font-size: 26px;
}
.formBox p {
	font-size: 18px;
	line-height: 30px;
}
.formBox .textarea {
	height: 200px;
}
.professionalBox .subtitle {
	font-size: 20px;
}
.professionalBox li {
	padding: 10px 44px 10px 27px;
	background-position: 90% 13px;
}
.agreementBox .block1 .blue {
	padding: 24px 24px 48px 138px;
}
.agreementBox .title {
	font-size: 27px;
}
.agreementBox .block2 .blue {
	padding-right: 153px;
}
.agreementBox .block1 .holder {
	padding: 20px;
}
.agreementBox .block2 .list li {
	padding: 15px 20px;
}
.agreementBox .block1 a {
	width: 100%;
}
.agreementBox .block2 .list li .strong {
	float: left;
}
.agreementBox .block2 .list li {
	overflow: hidden;
	font-size: 18px;
}
}
 @media only screen and (max-width: 767px) {
#headerCntr .menuBox {
	display: none;
}
#headerCntr .mobileMenu {
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
}
.menuBox li {
	float: none;
}
.menuBox li a:hover {
	border: none;
}
.menuBox li a {
	border-bottom: none;
}
.menuBox li.dropdown > a {
	background: none;
}
.menuBox li a {
	border-bottom: none;
}
.menuBox li.active {
	border-bottom: 0!important;
}
.everythingBox li {
	width: 33.3%;
	margin-bottom: 10px;
}
.everythingBox h2 {
	padding-top: 214px;
	font-size: 35px;
}
.servicesBox h2 {
	padding: 20px 0px;
	font-size: 28px;
}
.customerBox h2 {
	margin-bottom: 20px;
}
.mediaBox li {
	width: 50%;
}
.mediaBox {
	height: 780px;
}
.mediaBox strong {
	padding: 10px 0px;
}
.benefitsBox .holder {
	margin: 0px;
}
.benefitsBox .block {
	width: 100%;
	margin: 0px 0px 20px 0px;
}
.professionalBox li {
	padding-left: 28px;
	background-position: 95% 13px;
}
.radioBox p {
	font-size: 13px;
	margin-bottom: 12px;
}
.tabBox .image {
	width: 100%;
	padding: 0px 0 20px 0;
}
.tabBox .content {
	width: 100%;
}
.tabBox .content p {
	font-size: 18px;
	line-height: 35px;
}
.radioBox p {
	padding: 0px 30px;
}
.agreementBox .cover {
	margin: 0px;
}
.agreementBox .detail {
	width: 100%;
	padding: 0px 0px 30px 0px;
}
.everythingBox {
	height: 600px;
}
}
 @media only screen and (max-width: 479px) {
.everythingBox h2 {
	font-size: 160px;
	font-size: 25px;
}
.everythingBox li {
	width: 50%;
}
.servicesBox h2 {
	font-size: 22px;
	line-height: 30px;
}
.customerBox h2 {
	padding-bottom: 0px;
}
.mediaBox h2 {
	font-size: 30px;
}
.mediaBox p {
	font-size: 20px;
}
.mediaBox .icon {
	width: 120px;
	height: 120px;
}
.mediaBox .title {
	font-size: 20px;
}
.resellersBox p {
	font-size: 17px;
	line-height: 29px;
}
.resellersBox a.button {
	padding: 0px 20px;
	font-size: 18px;
}
.sliderBox h2 {
	font-size: 26px;
}
.tariffsBox .title span {
	font-size: 21px;
}
.tariffsBox .top {
	padding-right: 21px;
}
.tariffsBox .circle {
	position: static;
	margin: 0px auto;
}
.servicesBox .content h2 {
	font-size: 30px;
	line-height: 35px;
}
.servicesBox .content p {
	line-height: 30px;
}
.mediaBox li {
	min-height: 250px;
}
.textBox {
	padding: 50px 0px 0px 0px;
}
.textBox .title {
	padding-bottom: 20px;
}
.textBox p {
	line-height: 35px;
}
.professionalBox .top {
	width: 100%;
	padding-right: 21px;
}
.professionalBox .circle {
	position: static;
	margin: 0px;
}
.radioBox p {
	padding: 0px;
}
.radioBox a {
	width: 100%;
	font-size: 16px;
}
.tabBox .title {
	padding: 20px 0px;
}
.agreementBox .blick2 .list li .strong {
	float: left;
	display: block;
}
.formBox .holder .col {
	width: 100%;
}
.formBox .holder .col2 {
	width: 100%;
	float: left;
	text-align: left;
}
.formBox p {
	padding: 30px 0px 20px;
}
.formBox .formrow {
	margin: 0px;
	padding: 0px;
}
.formBox .column {
	width: 100%;
	padding: 0px 0px 18px 0px;
}
.formBox .textarea {
	height: 100px;
}
.formBox .button {
	width: 100%;
}
.agreementBox .block1 .blue {
	padding: 20px;
}
.agreementBox .block1 .icon {
	position: static;
	margin: 0px auto;
	float: none;
}
.agreementBox .block1 .right {
	padding: 0px 0px 10px 0px;
}
.agreementBox .block2 .blue {
	padding: 20px;
}
.agreementBox .block2 .icon {
	position: static;
	margin: 0px auto;
	float: none;
}
.agreementBox .block2 .right {
	padding: 0px 0px 10px 0px;
}
.slick-initialized .slick-slide {
	text-align: center;
}
.slick-initialized .slick-slide img {
	display: inline-block;
}

.servicesBox h1#home
{
	word-break: normal;
	text-align: left;
}
}
.errorBorder {
	border: 2px solid #FDADAF!important;
}
.errorPage {
	margin: 0 auto;
	text-align: center;
	padding-top: 150px;
	padding-bottom: 150px;
}
.error-code {
	bottom: 60%;
	color: #2d353c;
	font-size: 96px;
	line-height: 100px;
}
.error-desc {
	font-size: 12px;
	color: #647788;
}
.menuBox li.active {
	margin-top: -1px;
	color: #446cb3;
	border-bottom: 7px solid #446cb3;
	text-decoration: none;
}
.menuBox li.active>a {
	color: #446cb3;
	z-index: 999;
	top: 2px;
}
.mm-menu.mm-right {
	background: #333333;
}
.mm-menu .mm-list > li > a.mm-subopen::after {
	border-color: rgba(255, 255, 255, 0.5);
	font-size: 96px;
	padding: 5px;
}
 @media (max-width: 768px) {
.menuBox li a {
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.mm-list a.mm-subopen {
	width: 55px;
}
.mm-list a.mm-subopen::after {
	right: 25px;
}
.mm-list a.mm-subclose::before {
	margin-bottom: -4px;
}
.mm-list a.mm-subclose {
	padding-top: 20px;
}
.normaal{ 
	font-size: 16px!important;
	line-height: 30px!important;
}
.page_hosting .block {
	height:700px!important;
}
}
.onderen{ 
	font-size: 24px!important; 
	text-decoration: underline;
}
.onderen2{ 
	font-size: 24px!important; 
}
.kleinerr { 
	width: auto; 
	max-width: 565px;
	padding-top: 100px;
}
.kleinerrr{
	width: auto; 
	max-width: 565px;
}
.info {
	font-size: 18px!important;
	color: #191919!important;
	margin-left: 80px;
}
a {
	text-decoration: none!important;
}
#orderForm {min-height: 400px;}
#orderForm input {margin: 10px; margin-left: 0px;width: auto;}
#orderForm .formrow input:first-child {margin-left: 0px;}
#orderForm .formrow input:last-child {margin-right: 0px;}
#orderForm .formrow  select {padding: 0px 27px; padding-right: 0px;margin-right: 10px;font-size: 19px;color: #4c4c4c;font-weight: 300;min-width: 287.333px;width: 100%;line-height: 57px;background: #fff;border-radius: 5px;box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);border: none;width: 200px;height: 53px;}
#orderForm .formrow input[disabled]{background-color: #ececec;}
#company_order, #order {max-width: 100%;width:auto!important;}

.menuBox ul li ul li a.arrow-right::after {content: url(../images/dropdown_arrow_right.png);width: 16px; height: 16px; float: right;position: relative;right: 5px;}

.tariffsBox .top.ssl {
	padding: 6px 155px 0 21px;
	position: relative;
	border-radius: 3px;
	background: #446cb3;
}
img.center { 
	width: 150px;
	height: 150px;
	margin: 0 auto;
	padding-top: 20px;
}
.tariffsBox .subtitle.ssl{
	display: block;
	padding-bottom: 13px;
	font-size: 27px;
	color: #fff;
}

.flex {
	display:flex;
}

#back-to-top
{
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 9999;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 30px;
	background: #446cb3;
	color: #fff;
	cursor: pointer;
	border: 0;
	border-radius: 2px;
	text-decoration: none;
	transition: opacity 0.2s ease-out;
	opacity: 0;
	font-size: 22px;
	outline: none;
}
#back-to-top:hover
{
    background: #2781c2;
}
#back-to-top.show
{
    opacity: 1;
}
#back-to-top span
{
	font-size: 26px;
	left: -5px;
	top: -1px;
}
#back-to-top.footer
{
	background: #6390e0;
}
.hoogte{
	height: 350px;
}
.benefitsBox .block
{
	vertical-align: top;
}
.klik {
	cursor: pointer;	
}
.img-resize {
	margin-top: -46px;	
}
.img-mediamarkt {
	margin-top: 30px;
}
.img-seneca {
	width: 100%; height: 100%;
}
.full-size
{
	width: 100%; height: 100%;
}

.personeel
{
	border-radius: 50%;
	padding: 10px 0px 0px 0px;
}

.projecten .modal-body img {margin:0 auto; width: 100%;}
.projecten .columnBox .img {height: 230px;}
.projecten .kellyprijzentabel, .websites .kellyprijzentabel tr:first-child {background-color: #d9d9d9;}
.projecten .kellyprijzentabel tr:not(:first-child):hover {background: none;}
.websites .kellyprijzentabel tr:not(:first-child):hover {background: none;}
.websites .kellyprijzentabel .img {width: 100%;}
.websites .benefitsBox .block {width: 100%;}
.websites .projecten .img {width: 100%; margin: 0px;}
.websites .projecten .holder {margin-right: 0px}
.websites .benefitsBox .holder{margin-right: 0px}

.time li {
	line-height: 30px;
	font-size: 16px;
	font-weight: normal;
	text-align: justify;
	list-style: inside circle;
}
h1 {
	font-size: 34px;
	margin: 0px;
	padding: 0px 0 30px 0px;
	text-align: left;
	color: #446cb3!important;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
}

table.ssl td {
     width: 10%;
}
.linkerborder{
	border-left: solid 1px #ccc !important;
}
.adslBox p#ietsomhoog{
	margin-bottom: 15px!important;
}
img#settopbox{
	border: none;
	width: 400px;
	height: auto;
}
.strnormaal{
	font-size: 16px;
}
.servicesBox h1#tijdelijkiptv{
	line-heigt: 1;
	padding: 0px!important;
}
#evenement{
	font-size: 18px;
	color: red;
	font-weight: bold;
	padding-bottom: 0;
}

#ietsjesomhoog{
	
	 margin-top: -70px; }

.kellyprijzentabel {
	margin: auto;
}
.kellyprijzentabel table, td, th {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	padding: 10px;
}
.kellyprijzentabel i {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 14px;
}
.kellyprijzentabel table {
	border-collapse: collapse;
	max-width: 1250px;
	width: auto;
	margin: auto;
	width: auto;
}
.kellyprijzentabel table.fullsize {}
.kellyprijzentabel th {
	font-weight: 600;
	font-size: 16px;
	text-align: left;
	background-color: #446cb3;
	color: #ffffff;
	margin: 0;
	vertical-align: baseline;
	padding-top: 15px;
	padding-bottom: 15px;
}

/* th radius corners*/

.kellyprijzentabel .radius-left {
	border-top-left-radius: 3px;
}
.kellyprijzentabel .radius-right {
	border-top-right-radius: 3px;
}
.kellyprijzentabel td.title {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 14px;
	padding: 10px;
	color: #446cb3;
	font-weight: 600;
	text-align: left;
}
.kellyprijzentabel td {
	border-bottom: solid 1px #f9f9f9;
	margin: 0;
	border: 0;
	width: 20%;
}
.kellyprijzentabel .vijftienprocent td {
	border-bottom: solid 1px #f9f9f9;
	margin: 0;
	border: 0;
	width: 15%;
}

.kellyprijzentabel tr:hover {
	background-color: #d9d9d9;
}
.kellyprijzentabel .odd {
	background-color: #ffffff;
}
.kellyprijzentabel .even {
	background-color: #f9f9f9;
}
.kellyprijzentabel button, .tabelbutton {
	color: #ffffff;
	background-color: #446cb3;
	border-radius: 3px;
	padding: 8px 25px;
	border: 0;
}
.kellyprijzentabel button:hover, .tabelbutton:hover {
	color: #ffffff;
}
.kellyprijzentabel button a, .tabelbutton {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	color: #ffffff;
}
.kellyprijzentabel button:active {
	background-color: #f7941d;
}
.prijzentabel {
	width: 1000px;
	margin: auto;
}
table, td, th {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	padding: 10px;
}
i {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 14px;
}
table {
	border-collapse: collapse;
	max-width: 800px;
	width: auto;
	margin: auto;
	width: 100%;
}
th {
	font-weight: 600;
	font-size: 16px;
	text-align: left;
	background-color: #446cb3;
	color: #ffffff;
	margin: 0;
	vertical-align: baseline;
	padding-top: 15px;
	padding-bottom: 15px;
}

/* th radius corners*/

.radius-left {
	border-top-left-radius: 3px;
}
.radius-right {
	border-top-right-radius: 3px;
}
.title {
	color: #446cb3;
	font-weight: 600;
}
td {
	border-bottom: solid 1px #f9f9f9;
	margin: 0;
	border: 0;
	width: 25%;
}
tr:hover {
	background-color: #d9d9d9;
}
.odd {
	background-color: #ffffff;
}
.even {
	background-color: #f9f9f9;
}
button {
	color: #ffffff;
	background-color: #446cb3;
	border-radius: 3px;
	padding: 8px 50px 8px 50px;
	border: 0;
}
button a {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	color: #ffffff;
}
button:active {
	background-color: #f7941d;
}
.linker {
	float: left;
}
.blockk {
	display: block;
}
.blockk th, .blockk td {
	width: 150px;
}

.centercontact {
	text-align: center!important;
}