* {}
body { color:#6e7c8f !important; /*color:#39464e !important;*/}
a { }
svg {  }
	p { color:#647f8c !important; font-size:16px; font-weight:200; margin:0 !important; }
*,*:focus,*:hover{
    outline:none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 400; margin:0 !important; color:#0b1d51; }
h2{ font-weight: 600 !important; font-size: 2.3rem !important; }
.leesmeer { font-weight:bold; margin-top:10px; color:#f71c6e; }
.containit-highlight { color:#24bbee !important; }

/* GENERAL */

	/* MEDIA QUERIES */
	@media (min-width: 1380px) {
		.nav-container {
			max-width: 1380px;
		}
	}
	
	/* FLEX */
	
	.flex-row {flex-flow: row nowrap;}

	/* MARGIN PRESETS */
	.m-t-5 { margin-top:5px; }
	.m-t-10 { margin-top:10px; }
	.m-t-15 { margin-top:15px; }
	.m-t-30 { margin-top:30px; }
	.m-t-60 { margin-top:60px; }
	.m-r-5 { margin-right:5px; }
	.m-r-10 { margin-right:10px; }
	.m-r-15 { margin-right:15px; }
	.m-r-30 { margin-right:30px; }
	.m-r-60 { margin-right:60px; }
	.m-b-5 { margin-bottom:5px; }
	.m-b-10 { margin-bottom:10px; }
	.m-b-15 { margin-bottom:15px; }
	.m-b-30 { margin-bottom:30px; }
	.m-b-60 { margin-bottom:60px; }
	.m-l-5 { margin-left:5px; }
	.m-l-10 { margin-left:10px; }
	.m-l-15 { margin-left:15px; }
	.m-l-30 { margin-left:30px; }
	.m-l-60 { margin-left:60px; }
	
	/* PADDING PRESETS */
	.p-5 { padding:5px; }
	.p-10 { padding:10px; }
	.p-15 { padding:15px; }
	.p-30 { padding:30px; }
	.p-t-5 { padding-top:5px; }
	.p-t-10 { padding-top:10px; }
	.p-t-15 { padding-top:15px; }
	.p-t-30 { padding-top:30px; }
	.p-t-60 { padding-top:60px; }
	.p-r-5 { padding-right:5px; }
	.p-r-10 { padding-right:10px; }
	.p-r-15 { padding-right:15px; }
	.p-r-30 { padding-right:30px; }
	.p-r-60 { padding-right:60px; }
	.p-b-5 { padding-bottom:5px; }
	.p-b-10 { padding-bottom:10px; }
	.p-b-15 { padding-bottom:15px; }
	.p-b-30 { padding-bottom:30px; }
	.p-b-60 { padding-bottom:60px; }
	.p-l-5 { padding-left:5px; }
	.p-l-10 { padding-left:10px; }
	.p-l-15 { padding-left:15px; }
	.p-l-30 { padding-left:30px; }
	.p-l-60 { padding-left:60px; }
	.p-30-60 {padding:30px 60px;}
	.p-0-45 { padding:0 45px; }
	.p-l-r-15 { padding-left:15px; padding-right:15px; }
	
	/* FONT SIZES */
	.fs-12 { font-size:12px !important;}
	.fs-14 { font-size:14px !important;}
	.fs-16 { font-size:16px !important;}
	.fs-18 { font-size:18px !important;}
	.fs-20 { font-size:20px !important;}
	.fs-22 { font-size:22px !important;}
	.fs-24 { font-size:24px !important;}
	.fs-26 { font-size:26px !important;}
	.fs-28 { font-size:28px !important;}
	.fs-30 { font-size:30px !important;}

	/* titles */
	
	.subtitle { color: #24bbee;font-size: 24px; font-weight: 600; }
	.title-pad { padding: 0 0 60px 75px; }
	
	
	/* PADDING PRESETS */
	.no-padding { padding:0; }
	.section-padding { padding:90px 0px; }
	.section-padding-sm { padding:30px 0px; }
	.section-padding-med { padding:60px 0px; }
	.section-padding-sm-top { padding:120px 0px 60px 0px; }
	.section-padding-mini { padding: 5px 0px; }
	
	/* box styling */
	.box-rounded { background-color:#fff; border-radius:10px; width:100%; box-shadow: 0px 5px 10px 1px rgba(158,199,218,0.1); padding:20px 30px; border: 1px solid rgba(158,199,218,0.25); }
	.pricing-box {  border-radius:10px; width:100%; background-clip: content-box; }
	.inner-rounding {  background-color:#fff; width: 100%; height: 100%; border-radius: 10px; border: 1px solid rgba(158,199,218,0.25); }
	
	/* shadows */
	.shadow-box { filter: drop-shadow(0px 5px 10px rgba(158,199,218,0.1)) !important; }
	
	/* opacity */
	.opacity-01 { opacity: 0.1; }
	.opacity-02 { opacity: 0.2; }
	.opacity-03 { opacity: 0.3; }
	.opacity-04 { opacity: 0.4; }
	.opacity-05 { opacity: 0.5; }
	.opacity-06 { opacity: 0.6; }
	.opacity-07 { opacity: 0.7; }
	.opacity-08 { opacity: 0.8; }
	.opacity-09 { opacity: 0.9; }
	
	/* backgrounds */
	.whitebg { background-color:#fff;}
	.greybg { background-color:#f7f7fb;}
	.greybgdarker { background: #ececf3; }
	.darkbluebg { background: #173642; }
	
/** Colors **/
ol.progress-track {
  display: table;
  list-style-type: none;
  margin: 0;
  table-layout: fixed;
  width: 100%;
  padding:0px;
}
ol.progress-track li {
  display: table-cell;
  line-height: 3em;
  position: relative;
  text-align: center;
}
ol.progress-track li .icon-wrap {
  border-radius: 50%;
  top: -1.5em;
  color: #fff;
  display: block;
  height: 1.5em;
  margin: 7px auto -20px;
  left: 0;
  right: 0;
  position: absolute;
  width: 1.5em;
}
ol.progress-track li .icon-check-mark,
ol.progress-track li .icon-down-arrow {
  height: 25px;
  width: 15px;
  display: inline-block;
  fill: currentColor;
}
ol.progress-track li .progress-text {
	font-weight: 600;
	color:#39464e;
  position: relative;
  top: 10px;
}
ol.progress-track li.progress-done {
  border-top: 10px solid #1DB954;
  transition: border-color 1s ease-in-out;
  -webkit-transition: border-color 1s ease-in-out;
  -moz-transition: border-color 1s ease-in-out;
}
ol.progress-track li.progress-done .icon-down-arrow {
  display: none;
}
ol.progress-track li.progress-todo.progress-current .icon-wrap {
  background-color: #24bbee;
}
ol.progress-track li.progress-current {
    border-top: 10px solid #24bbee;
    color: black;
}
ol.progress-track li.progress-todo.progress-current .icon-wrap .icon-check-mark {
  display: none;
}
ol.progress-track li.progress-todo.progress-current .icon-wrap .icon-down-arrow {
  display: block;
}
ol.progress-track li.progress-done .icon-wrap {
  background-color: #fff;
  border: 3px solid #24bbee;
}
ol.progress-track li.progress-todo {
  border-top: 10px solid #DDD;
  color: black;
}
ol.progress-track li.progress-todo .icon-wrap {
  background-color: #FFF;
  border: 3px solid #DDD;
  border-radius: 50%;
  bottom: 1.5em;
  color: #fff;
  display: block;
  height: 1.5em;
  margin: 7px auto -20px;
  position: relative;
  width: 1.5em;
}
ol.progress-track li.progress-todo .icon-wrap .icon-check-mark,
ol.progress-track li.progress-todo .icon-wrap .icon-down-arrow {
  display: none;
}





	/* buttons */
	.button { background-color:#f71c6e; color:#fff; font-weight:600; min-width:150px; padding:10px 30px; text-align: center!important; border-radius:30px; }
	.button a { color:#fff; }
	.verhuizing { background-color:#3a474f; }
	.add-product-btn { border:3px solid #f71c6e; padding:10px 20px; border-radius:30px; color:#f71c6e; font-weight:600; }
	.slide:hover,
	.slide:focus {
		box-shadow: inset 15em 0 0 0 #f71c6e;
		outline:none;
	}
	
	.slide {
	  -webkit-transition: 0.25s;
	  transition: 0.7s;
	}
	.slide:hover, .slide:focus {
	  color: #fff;
	  outline:none;
	}
	.btn-bg-lightblue { background-color: #f7fcff;}
	.btn-bg-pink { background-color: #f71c6e; color:#fff;}
	.btn-next { background-color: #f71c6e;color: #fff !important;padding: 15px 30px !important;border-radius: 30px; }

/* BLOCKS */

	/* nav */
	
	nav { padding:20px 0; }
	.logo { width:180px; }
	.nav-wrapper { background: #173642; background-image: linear-gradient(150deg, #173642 0%, #055b90 100%);}
	.nav-wrapper a { color:#fff; }
	.nav-wrapper a.dropdown-item { color:#0b1d51 !important; }
	.nav-item { padding: 0 15px; font-weight:600; }
	.inloggen { color:#f71c6e; }

		.nav-wrapper a { color:#fff !important; }
	.registreren { color:#fff !important; background-color:#f71c6e; padding:10px 30px !important; border-radius:30px;}
	.container-nav { max-width:1300px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

	/* cta homepage (hp) */
	.header { 	 padding:0; 
				background: #173642;
				background-image:linear-gradient(150deg, #173642 0%, #055b90 100%);				/* W3C */
	}
	
				.header-img { 
					background-image: url("../img/block-swarm.svg");
					background-repeat: no-repeat;
					background-position: 750px 110px; 
				}
				.header-img-small { 
					background-image: url("../img/block-swarm-small.svg");
					background-repeat: no-repeat;
					background-position: 220px 150px;
				}
				
	.header h1 { color:#fff; }
	.header input {width:100%;}
	.header a { color:#fff; }
	.domain-input { border-radius:20px; padding:35px 30px; font-size:24px;  border:none; }
	.domain-button { border-radius: 20px;padding: 22px 36px 23px 52px; font-size: 17px; background-color:#f81c6f; border:none; color:#fff; }
	.domain-shadow { -webkit-box-shadow: 0px 10px 30px 0px rgba(110,191,228,0.15);-moz-box-shadow: 0px 10px 30px 0px rgba(110,191,228,0.15);box-shadow: 0px 10px 30px 0px rgba(110,191,228,0.15); }
	.btn-min-margin { margin-left:-20px; }
	.domein-hp-cta { padding:180px 0; }
		
		/** media queries **/
		@media (min-width: 576px) {
			.form-inline .custom-select, .form-inline .input-group {
				width: 100%;
			}
		}
		
	/* homepage */
	
	.reasons-pad { padding: 0 60px 0 60px; }

	/* product section hp */
	.product-box-hp { background-color:#fff; border-radius:15px; width:100%; box-shadow: 0px 5px 35px 0px rgba(158,199,218,0.3); }
	.product-box-inner {   background-image: linear-gradient(to right, #6ebfe4,#6ebfe4 5%,#fff 5%); padding:30px 30px; border-radius:15px; }
	.product-title { font-weight:600; font-size:24px;color: #0b1d51;}
	.product-title-highlight { text-transform: uppercase !important; color: #24bbee; font-size:16px;}
	.product-text { font-weight:200; font-size:14px;}
	.product-icon { font-size:40px; color:#70bee1;}
	.toevoegingen { border:2px dashed rgba(158,199,218,0.3); padding: 30px 60px; margin-left:15px; margin-right:15px; }
	.toevoegingen2 { border:0px dashed rgba(158,199,218,0.3); padding: 30px 60px; margin-left:15px; margin-right:15px; }
	a.links { color:#24bbee; font-weight:600 !important; }
	.collapse { -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .product-divider { border-top:1px dashed rgba(158,199,218,0.3); margin:30px 0; }
	
	.m-h-200 { min-height:235px;}
	
	/* FAQ */
	.vraag { margin-bottom:15px;     border: 1px solid rgba(158,199,218,0.25); border-radius: 0px; box-shadow: 0px 5px 10px 1px rgba(158,199,218,0.1); }
	.accordionheader { background-color: #fff; padding: 1.3rem 20px;   }
	.accordionbody { background-color: #fff; padding: 20px 20px 40px 20px; color: #647f8c !important; font-size: 16px; font-weight:200;  }
	.accordionbtn, .accordionbtn:focus { border:none; background:none; outline:none; color: #647f8c !important; font-size: 16px; font-weight:200;  }
	
	/* domeinhosting */
	.domeinextensie { font-size:30px; font-weight:600; }
	
		/* hexagon */
		.hexagon {
			top:50%;
			left:50%;
			transform: rotate(120deg);;
			width:400px;
			height:275px;
			border-radius:50%;
			overflow:hidden;
			background:transparant;
		}

		.hexagon-inner {
			width:100%;
			height:100%;
			border-radius:50%;
			transform: rotate(-60deg);
			overflow:hidden;
			background:transparant;
		}

		.hexagon-inner-in {
			width:100%;
			height:100%;
			border-radius:50%;
			transform: rotate(-60deg);
			overflow:hidden;
			background:url(../img/helpcenter.jpg);
			background-size:contain;
		}
	
		/* kies domein */
		.domein-lijst { background-color:#f7f7fb;}
		
		.kies-domein-header { 	min-height:0; padding:0; 
				background: #173642;
				background-image:linear-gradient(150deg, #173642 0%, #055b90 100%);				/* W3C */
		}
		
					.kies-domein-header-img { 
						background-image: url("../img/block-swarm.svg");
						background-repeat: no-repeat;
						background-position: 750px 110px;
						padding:90px 0;
					}
		
		.pricing { font-weight:600; font-size:20px; }
		.price { min-width: 80px; display: flex; justify-content: flex-end; }
		.wijzig { font-size:14px; color:#24bbee; }
		.pricing-highlight { font-weight:600; font-size:16px; opacity:1.0; color:#0b1d51; }
		.title-block { font-weight:600; font-size:16px; opacity:1.0; color:#24bbee; }
		.whois { color: #24bbee; }
		.line { height:1px; background-color:#000; opacity:0.05; margin:10px 0; }
		.line-big { height:1px; background-color:#000; opacity:0.05; margin:30px 30px; }
		.subtotaal { font-size:14px; }
		.btw { font-size:14px; }
		
		/* webhosting */
		.pricing-title { font-size:24px; font-weight:400; color:#24bbee; }
		.feature-pad { padding:0 60px 60px 60px; }
		.feature-icon { font-size:38px; color:#0b1d51; }
		.pricing-icon { margin-bottom: 20px; font-size: 60px; color:#1888ca;}
		.pricing-webhosting { font-weight:600; font-size:28px; }
		
		/* containit stack */
		
		.containit-stack-header { 	min-height:0; padding:0; 
			background: #173642;
			background-image:linear-gradient(150deg, #173642 0%, #055b90 100%);				/* W3C */
		}
		
			.containit-stack-header-img { 
				background-image: url("../img/containit-stack.jpg");
			    /* Full height */
				height: 100%;
				/* Center and scale the image nicely */
				background-repeat: no-repeat;
				background-size: cover; 
				background-position: center center;
				/* background-attachment: fixed; */
				padding:90px 0;

			}
		
		.containit-features { font-weight:600; font-size:20px; opacity:1.0; color:#0b1d51; }
		
		
	/* hulpcentrum */
	
	.hulp-meer { background-color:#f7f7fb !important; color: #647f8c !important; font-weight:200; text-decoration:underline; text-align:left; }
	.amount-icon { font-size:12px; color:#f71c6e; }
	.amount { font-size:12px;  color:#f71c6e; opacity:0.5; } 
	.hulp-dienst-titel { color: #24bbee; font-weight: 600 !important; font-size: 1.0rem !important; }
	.hulp-dienst-icon { color: #0b1d51; }
		
		/* blog */
		.blogtag { background-color:#f71c6e; font-size:12px; color:#fff; padding: 2px 5px; border-radius:5px; opacity:1.0; }
		.blogline { height:1px; background-color:#000; opacity:0.05; margin:10px 0; margin-top:30px; margin-bottom:30px; }
		.blog-sidebar-box { background-color:#fff; border-radius:10px; width:100%; box-shadow: 0px 5px 10px 1px rgba(158,199,218,0.1); padding:20px 30px; border: 1px solid rgba(158,199,218,0.25); }
		.sidebar-head { font-weight:600; color:#0b1d51; margin-bottom:15px;}
		.sidebar-content { }
		.sidebar-active { border-left:2px solid #24bbee; font-weight:600; }
		.sidebar-not-active { opacity: 0.7; }
		.sidebar-active a {     color: #24bbee !important; }
		.sidebar-not-active a {     color: #6e7c8f !important; }
		.blog-yes { background-color:#24bbee; font-size:12px; color:#fff; padding: 5px 5px; border-radius:5px; opacity:1.0; margin-top:5px; margin-bottom:5px; }
		.blog-no { background-color:#fff; font-size:12px; color:#6e7c8f; padding: 5px 5px; border-radius:5px; opacity:1.0; margin-top:5px; margin-bottom:5px; }
		.blog-type { color:#6e7c8f !important; font-weight:600; text-transform:uppercase; opacity:0.8; }
		.blog-post-icon { color:#24bbee !important; }
		
	/* blocks */
	.blokjes {background: url(../img/blocks.svg) #f7f7fb; background-repeat: no-repeat;
  background-size: auto; }
  	.blokjes2 {   background: url(../img/blocks3.svg) center right ;
	background-repeat:no-repeat;
	background-color:#fff;
	background-size: auto; }
	.inhouse { width: 100%;
    padding: 30px; }
  

	
.blocks { display:absolute; width:400px; }

#block5 { -webkit-animation: blocksmover3 7s infinite  alternate;
    animation: blocksmover3 7s infinite  alternate; }
	
#block4 { -webkit-animation: blocksmover2 15s infinite  alternate;
    animation: blocksmover2 15s infinite  alternate;}
	
#block3 { -webkit-animation: blocksmover 2.5s infinite  alternate;
    animation: blocksmover 2.5s infinite  alternate; }
	
#block2 { -webkit-animation: blocksmover 10s infinite  alternate;
    animation: blocksmover 10s infinite  alternate;}
	
#block { -webkit-animation: blocksmover 4sinfinite  alternate;
    animation: blocksmover 4s infinite  alternate;}




#blueblock {
	 -webkit-animation: mover 5s infinite  alternate;
    animation: mover 5s infinite  alternate;
}

#pinkblock {
	 -webkit-animation: mover2 1.5s infinite  alternate;
    animation: mover2 1.5s infinite  alternate;
}


@-webkit-keyframes mover {
    0% { transform: translateY(0px); }
    100% { transform: translateY(5px); }
}
@keyframes mover {
    0% { transform: translateY(0px); }
    100% { transform: translateY(5px); }
}

@-webkit-keyframes mover2 {
    0% { transform: translateY(0); }
    100% { transform: translateY(14px); }
}
@keyframes mover2 {
    0% { transform: translateY(0); }
    100% { transform: translateY(14px); }
}

@-webkit-keyframes blocksmover {
    0% { transform: translateY(0); }
    100% { transform: translateY(0px); }
}
@keyframes blocksmover {
    0% { transform: translateY(0); }
    100% { transform: translateY(0px); }
}

@-webkit-keyframes blocksmover2 {
    0% { transform: translate(0px,0px); }
    100% { transform: translate(5px,10px); }
}
@keyframes blocksmover2 {
    0% { transform: translate(0px,0px);  }
    100% { transform: translate(30px,3px); }
}

@-webkit-keyframes blocksmover3 {
    0% { transform: translate(0px,0px); }
    100% { transform: translate(5px,10px); }
}
@keyframes blocksmover3 {
    0% { transform: translate(0px,0px);  }
    100% { transform: translate(-20px,3px); }
}

		
	/* leer ons kennen */
	.contact-box { background-color:#fff; border-radius:10px; width:100%; box-shadow: 0px 5px 10px 1px rgba(158,199,218,0.1); padding:30px 30px; border:1px solid rgba(158,199,218,0.25); }
	.contact-box-highlight { box-shadow: 0px 5px 10px 1px rgba(158,199,218,0.1); background: rgb(24,136,202);
background: -moz-linear-gradient(141deg, rgba(24,136,202,1) 0%, rgba(36,187,238,1) 66%, rgba(145,211,237,1) 100%);
background: -webkit-linear-gradient(141deg, rgba(24,136,202,1) 0%, rgba(36,187,238,1) 66%, rgba(145,211,237,1) 100%);
background: linear-gradient(141deg, rgba(24,136,202,1) 0%, rgba(36,187,238,1) 66%, rgba(145,211,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1888ca",endColorstr="#91d3ed",GradientType=1); border-radius:10px; width:100%; box-shadow: 0px 2px 5px 1px rgba(158,199,218,0.1); padding:30px 30px; color:#fff;  }
	.contact-box-text { font-size:24px; }
	.contact-icon { font-size:30px; }
	.contact-arrow-icon { font-size:20px; }
	
	/* lines */

		
	/* icons */
	.icon-color-blue { color:#24bbee; }
	.icon-color-green { color:#1DB954; }
				
	/* header subpages */
	.header-title { color:#fff; }
	.header-title h1 { color: #fff !important; }
	
	/* forms */
	label { font-weight:400; color:#89a6b4;  }
	select { color:#89a6b4; border:1px solid rgba(158,199,218,0.4); background-color:rgba(158,199,218,0.03);}
	.selectstyle { color:#89a6b4; border:1px solid rgba(158,199,218,0.4); background-color:rgba(158,199,218,0.03);}
	.form-control { color:#89a6b4; border: 1px solid rgba(158,199,218,0.25); background-color:rgba(158,199,218,0.03); }
	.input-group-text { color:#89a6b4 !important; border:1px solid rgba(158,199,218,0.4)  !important; background-color:rgba(158,199,218,0.03)  !important; font-weight:600; }
	.input-group-text2 { color:#fff !important; border:1px solid #f71c6e  !important; background-color:#f71c6e  !important; font-weight:600; }
	.form-control2 { color: #495057 !important; background-color: #fff !important; }
	.text-muted { color:#89a6b4 !important; }
	.kiesdomeinindex { background-color:#fff !important; }
	.input-group-absolute { margin-top: 188px;position: absolute;}

	/* footer blog */
	.footer-blog-item { color:#647f8c !important; }
	.footer-blog-title h3 { color:#0b1d51 !important; }
	.footer-lees-meer { font-weight:bold; margin-top:10px; color:#f71c6e; }
	
	/* footer */
	footer { background: #173642;
 }
	footer a { }
	.footerlink { color:#fff !important; }