.campaign-espot h2.cw-styled-title {
	font-size: 20px;
}

/* FRONT */
.campaign-espot.front {
	position: relative;
	padding-bottom: 175px;
}
.campaign-espot.front .cw-site-main-background {
    background-image: url(../sprite/sprite.png);
    background-position: 0px -68px;
    width: 447px;
    height: 151px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.campaign-espot .btn {
	margin-bottom: 42px;
}
.campaign-espot .cw-banner-hero {
	min-height: 400px;
	border: 1px solid #fff;
	border-radius: 4px;
	margin-bottom: 42px;
	background-color: #e9e6e6;
	padding: 0 20px;
	position: relative;
}
@media (min-width: 992px) {
	.campaign-espot .cw-banner-hero {
		background-image: url(../marketing/hpbanners/bg-banner-hero.jpg);
		background-position: right center;
		background-repeat: no-repeat;
		padding: 10px 50px 40px;
	}
}

.campaign-espot .cw-banner-hero h1 {
	font-size: 38px;
	color: #00BDD3;
	font-family: "Comfortaa";
	font-weight: 700;
	line-height: 50px;
}
.campaign-espot .cw-banner-hero-nav {
		margin-top: 21px;
	}
.campaign-espot .cw-banner-hero-nav > div:first-child {
	border-left: none;
	padding-left: 0;
}
.campaign-espot .cw-banner-hero-nav .btn {
	margin-bottom: 21px;
	width: 100%;
}
.campaign-espot .cw-banner-hero-nav h2 {
	margin-top: 0;
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 18px;
	min-height: 78px;
}
@media (min-width: 768px) {
	.campaign-espot .cw-banner-hero-nav {
		position: absolute;
	    bottom: 40px;
	}
	.campaign-espot .cw-banner-hero-nav > div {
		float: left;
		width: 160px;
		border-left: 2px dotted #DDDDDD;
		padding: 0 30px;
		box-sizing: content-box;
	}
	.campaign-espot .cw-banner-hero-nav .btn {
		margin-bottom: 0;
		width: 100%;
	}
}
.campaign-espot .cw-banner {
	margin-bottom: 16px
}
.campaign-espot .cw-management {
	padding: 20px 0 30px;
}
.campaign-espot .cw-management-feature {
	text-align: center;
}
.campaign-espot .cw-management-advantages {
	text-align: left;
}
@media (min-width: 1200px) {
	.campaign-espot .cw-management {
		padding: 20px 60px 30px;
	}
  .campaign-espot .cw-management-feature {
		text-align: center;
		padding: 0 60px;
	}
	.campaign-espot .cw-management-advantages {
		text-align: left;
		padding: 0 100px 0 80px;
	}
}
.campaign-espot ul, .campaign-espot ol {
	list-style: none;
	position: relative;
}
.campaign-espot ul {
	padding-left: 40px;
} 
.campaign-espot ol {
	padding-left: 60px;
}
.campaign-espot ul li, .campaign-espot ol li {
	margin-bottom: 10px;
}
.campaign-espot .bullet-yellowFlower {
	background: url(../sprite/sprite.png) -367px -182px no-repeat;
	display: block;
	width: 15px;
	height: 18px;
	overflow: hidden;
	position: absolute;
	left: 14px;
}
.campaign-espot .bullet-greenFlower {
	background: url(../marketing/hpbanners/green-flower.png) no-repeat;
	display: block;
	width: 15px;
	height: 18px;
	overflow: hidden;
	position: absolute;
	left: 14px;
}

.campaign-espot .bullet-number {
	display: block;
    position: absolute;
    font-family: "Comfortaa";
    color: #FFC00A;
    font-size: 20px;
    left: 15px;
    text-align: center;
    font-weight: 600;
    margin-top: -3px;
}
.campaign-espot .cw-management-feature .fa.fa-2x {
	color: #D81767;
    display: block;
    text-align: center;
    margin-bottom: 21px;
}
.campaign-espot .cw-createGiftlist {
	border: dotted #F6BD3E;
	border-width: 2px 0;
	padding: 80px 0 65px;
	margin: 0 0 42px;
}
.campaign-espot .cw-createGiftlist .btn-lg {
	margin-bottom: 21px;
	display: inline-block;
}
.campaign-espot .cw-createGiftlist .fa-angle-right {
	font-size: 1.5em;
	vertical-align: top;
	margin-left: 5px;
}

/* CHECKLIST */
.checklist-content {
    padding: 21px 0 0;
}
.checklist-content .campaign-espot .list-unstyled  {
	line-height: 24px;
}
.checklist-content .campaign-espot .row > div:nth-child(4) {
    padding-left: 0;
}
.checklist-content .campaign-espot .list-unstyled .list-unstyled-item-head-item {
    color: #666;
    margin-bottom: 8px;
    margin-top: 8px;
}
.checklist-content .campaign-espot .list-unstyled .list-unstyled-item.col-xs-8 {
    color: #46BFD3;
}
@media (min-width: 768px) {
	.checklist-content .campaign-espot .list-unstyled .list-unstyled-item-head-item {
		margin-top: 0;
	}
	.checklist-content .campaign-espot .row > div:nth-child(2) {
		border-right: 1px;
		border-right-style: dotted;
	}
	.checklist-content .campaign-espot .row > div:nth-child(4) {
		border-left: 1px;
		border-left-style: dotted;
	}
	.category-1 .checklist-content .campaign-espot .row > div {
	  border-color: #0077C0 !important;
	}

	.category-2 .checklist-content .campaign-espot .row > div {
	  border-color: #94C62A !important;
	}

	.category-3 .checklist-content .campaign-espot .row > div {
	  border-color: #54B53F !important;
	}

	.category-4 .checklist-content .campaign-espot .row > div {
	  border-color: #6CC5E9 !important;
	}

	.category-5 .checklist-content .campaign-espot .row > div {
	  border-color: #EBB913 !important;
	}

	.category-6 .checklist-content .campaign-espot .row > div {
	  border-color: #D7DF00 !important;
	}

	.category-7 .checklist-content .campaign-espot .row > div {
	  border-color: #E5570C !important;
	}

	.category-8 .checklist-content .campaign-espot .row > div {
	  border-color: #CF6281 !important;
	}

	.category-9 .checklist-content .campaign-espot .row > div {
	  border-color: #006994 !important;
	}

	.category-10 .checklist-content .campaign-espot .row > div {
	  border-color: #006994 !important;
	}

	.category-11 .checklist-content .campaign-espot .row > div {
	  border-color: #006994 !important;
	}

	.category-12 .checklist-content .campaign-espot .row > div {
	  border-color: #006994 !important;
	}

	.category-13 .checklist-content .campaign-espot .row > div {
	  border-color: #00B5C3 !important;
	}

	.category-14 .checklist-content .campaign-espot .row > div {
	  border-color: #0077C0 !important;
	}

	.category-15 .checklist-content .campaign-espot .row > div {
	  border-color: #94C62A !important;
	}

	.category-16 .checklist-content .campaign-espot .row > div {
	  border-color: #54B53F !important;
	}

	.category-17 .checklist-content .campaign-espot .row > div {
	  border-color: #6CC5E9 !important;
	}

	.category-18 .checklist-content .campaign-espot .row > div {
	  border-color: #EBB913 !important;
	}

	.category-19 .checklist-content .campaign-espot .row > div {
	  border-color: #D7DF00 !important;
	}

	.category-20 .checklist-content .campaign-espot .row > div {
	  border-color: #E5570C !important;
	}

	.category-21 .checklist-content .campaign-espot .row > div {
	  border-color: #CF6281 !important;
	}

	.category-22 .checklist-content .campaign-espot .row > div {
	  border-color: #006994 !important;
	}
}

/* STATIC FORM PAGE */
.campaign-espot .cw-info-block .wrapper {
	background-color: #FAF6EF;
	padding: 10px 20px;
	border-radius: 4px;
	margin: 21px 0;
	min-height: 393px;
}

.campaign-espot .cw-info-block .wrapper.fr {
	min-height: 458px;
}

.campaign-espot .cw-info-block h5 {
	color: #40CBDA;
	margin-bottom: 20px;
}
.campaign-espot .cw-info-block .program-hour {
	font-weight: bold;
}
.campaign-espot .cw-info-block .indent {
	padding-left: 15px;
}

.campaign-espot .success {
	padding: 20px;
    margin-bottom: 20px;
}

.campaign-espot #frmEmail .date-plaats label {
    overflow: inherit;
    margin: 0;
	display: block;
}

.campaign-espot #frmEmail .date-plaats input.radio {
    display: inline-block;
    margin: 15px 10px 0 0;
}

.campaign-espot #frmEmail .form-group-afspraakdatum label {
	overflow: visible;	
}

/* BANNERS */
/* Init */
.campaign-espot .cw-banner { display: block; margin-bottom: 10px; }
.campaign-espot .cw-banner a { text-decoration: none; }
.campaign-espot .cw-banner .wrapper {  font-family: "Comfortaa";background: right center no-repeat; position: relative; overflow: hidden; }
.campaign-espot .cw-banner .wrapper h1, .campaign-espot .cw-banner .wrapper h2, .campaign-espot .cw-banner .wrapper h3 { margin: 0; text-decoration: none; }
.campaign-espot .cw-banner .wrapper h1 { font-size: 30px; margin-top: -5px; line-height: 36px; font-weight:400; margin-bottom:10px; }
.campaign-espot .cw-banner .wrapper h2 { font-size: 18px; line-height: 21px; font-weight: 400; }

/* Sizes */
.campaign-espot .cw-banner .wrapper { width: 100%; height: 190px; padding:20px; border-radius: 9px; }
.campaign-espot .cw-banner .wrapper.big { height: 100%; }

/* Colors */
.campaign-espot .cw-banner .wrapper.promo { background-color: #DF0073; color: #fff; }
.campaign-espot .cw-banner .wrapper.promo .arrow:after { border-color: transparent transparent transparent #DF0073; }
.campaign-espot .cw-banner .wrapper.promo-negative { background-color: #fff; color: #DF0073; border: 1px solid #DF0073;}
.campaign-espot .cw-banner .wrapper.promo-negative .arrow { background-color: #DF0073; }
.campaign-espot .cw-banner .wrapper.promo-negative .arrow:after { border-color: transparent transparent transparent #fff; }

.campaign-espot .cw-banner .wrapper.info { background-color: #48BFD5; color: #fff; }
.campaign-espot .cw-banner .wrapper.info .arrow:after { border-color: transparent transparent transparent #48BFD5; }
.campaign-espot .cw-banner .wrapper.info-negative { background-color: #fff; color: #48BFD5; border: 1px solid #48BFD5; }
.campaign-espot .cw-banner .wrapper.info-negative .arrow { background-color: #48BFD5; }
.campaign-espot .cw-banner .wrapper.info-negative .arrow:after { border-color: transparent transparent transparent #fff; }

.campaign-espot .cw-banner .wrapper.info-grey { background-color: #F9F9F9; color: #48BFD5; }
.campaign-espot .cw-banner .wrapper.info-grey .arrow:after { border-color: transparent transparent transparent #48BFD5; }

.campaign-espot .cw-banner .wrapper.catEtenDrinken-negative { background-color: #fff; color: #F7C214; border: 1px solid #F7C214;}
.campaign-espot .cw-banner .wrapper.catEtenDrinken-negative .arrow { background-color: #F7C214; }
.campaign-espot .cw-banner .wrapper.catEtenDrinken-negative .arrow:after { border-color: transparent transparent transparent #fff; }

.campaign-espot .cw-banner .wrapper.catOpStap-negative { background-color: #fff; color: #0077C0; border: 1px solid #0077C0;}
.campaign-espot .cw-banner .wrapper.catOpStap-negative .arrow { background-color: #0077C0; }
.campaign-espot .cw-banner .wrapper.catOpStap-negative .arrow:after { border-color: transparent transparent transparent #fff; }

.campaign-espot .cw-banner .wrapper.catAuto-negative { background-color: #fff; color: #6CC5E9; border: 1px solid #6CC5E9;}
.campaign-espot .cw-banner .wrapper.catAuto-negative .arrow { background-color: #6CC5E9; }
.campaign-espot .cw-banner .wrapper.catAuto-negative .arrow:after { border-color: transparent transparent transparent #fff; }

/* Link cta */
.campaign-espot .cw-banner .wrapper .cta { position: absolute; bottom: 20px; left: 20px; }
.campaign-espot .cw-banner .wrapper .arrow { position: absolute; width: 15px; height: 15px; background-color: #fff; right: 20px; bottom: 20px; border-radius:15px; }
.campaign-espot .cw-banner .wrapper .arrow:after { content: ""; width: 0;height: 0;border-style: solid;border-width: 4px 0 4px 5px; display: block; left: 6px; top: 3px; position:absolute}

/* Spacer */
.campaign-espot .spacer { height: 42px; }

.campaign-espot .img-sfeer {padding-bottom: 25px !important;}
.campaign-espot .dottedBorder {border-right: 2px dotted #48bfd5; min-height: 147px;}


.campaign-espot h1.cw-styled-title.promo { background-color: #DF0073; }
.campaign-espot h2.cw-styled-title.promo { color: #DF0073; }

/* FORM */
.campaign-espot .form-control { height: 35px !important; }

/* Footer */
.campaign-espot.footer {margin: 30px auto 65px !important;}
.campaign-espot.footer h2 a { font-size: 15px; font-weight: 600; color: #48bfd5;}
.campaign-espot.footer h2 a:link, .campaign-espot.footer h2 a:visited, .campaign-espot.footer h2 a:hover, .campaign-espot.footer h2 a:active { text-decoration: none; }
.campaign-espot.footer h3 { font-size: 15px; font-weight: 600; color: #48bfd5; padding: 0; margin-bottom: 5px; margin-top: 15px; text-transform: uppercase; margin-top: 21px; margin-bottom: 10.5px; }
.campaign-espot.footer p { font-size: 14px; }

.campaign-espot.footer ul { padding-left: 0; }
.campaign-espot.footer .focus { margin-left: 50px; position: relative; padding-left: 25px; }
.campaign-espot.footer .focus:before { background: transparent url("../sprite/footer-sprite.png") no-repeat left top; width: 56px; height: 55px; left: -50px; display: block; position: absolute; content: ""; }
.campaign-espot.footer .focus.giftlist:before { background-position: left 0px; }
.campaign-espot.footer .focus.shops:before { background-position: left -145px; }
.campaign-espot.footer .focus.support:before { background-position: left -265px; }


/* SOCIAL MEDIA */
.campaign-espot.footer .social { display: block; width: 23px; height: 23px; float:left; margin-right: 8px; }
.campaign-espot.footer .facebook { background: url('../marketing/footer/facebook-grey.png'); }
.campaign-espot.footer .facebook:hover { background: url('../marketing/footer/facebook-blue.png'); }
.campaign-espot.footer .twitter { background: url('../marketing/footer/twitter-grey.png'); }
.campaign-espot.footer .twitter:hover { background: url('../marketing/footer/twitter-blue.png'); }
.campaign-espot.footer .pinterest { background: url('../marketing/footer/pinterest-grey.png'); }
.campaign-espot.footer .pinterest:hover { background: url('../marketing/footer/pinterest-blue.png'); }
.campaign-espot.footer .instagram { background: url('../marketing/footer/instagram-grey.png'); }
.campaign-espot.footer .instagram:hover { background: url('../marketing/footer/instagram-blue.png'); }

@media only screen and (max-width: 1220px) {
	.campaign-espot .cw-banner .wrapper.big { background-image: none !important; }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), (max-width: 400px) {
	.campaign-espot .cw-banner .wrapper { background-image: none !important; }
}

@media (max-width: 992px) {
	.campaign-espot img.img-hidden {
		display: none;
	}
}