@font-face { 
    font-family: "NespressoLucas"; 
    src: url("../fonts/NespressoLucas-Regular.woff") format('woff'); 
    font-weight: normal; 
    font-style: normal; 
}
/* General */
body {background-color: #333; margin: 0; padding: 0}
#b2b-office {font-family: "NespressoLucas"; font-size: 15px; color: #383838; line-height: 1.5} 
#b2b-office p {margin-top: 0}
#b2b-office * {box-sizing: border-box;}
#b2b-office h3 {font-size: 21px; line-height: 1.3; font-weight: normal; text-transform: uppercase;}
#b2b-office .subtitle-separator:after {width: 160px; content: ""; display: block; margin: 20px 0; background-color: #000; height: 1px}
#b2b-office .subtitle-separator.center:after {margin-left: auto; margin-right: auto}
#b2b-office .b2b-dark-section {color: #afafaf}
#b2b-office .b2b-dark-section h3 {color: #fff}
#b2b-office .b2b-dark-section .subtitle-separator:after {background-color: #fff;}
.b2b-wrapper {max-width: 918px; margin: 0 auto; background-color: #fff; position: relative;}

/* Layout */
@media only screen and (min-width: 641px) {
	#b2b-office .row {display: flex}
	#b2b-office .col-2 {width: 50%;}
}

/* List */
#b2b-office .list-check-white {margin: 0; padding: 0; list-style: none}
#b2b-office .list-check-white li {background: url(../images/bus_check_white.svg) 0 7px no-repeat; padding: 5px 0 5px 30px; background-size: 17px 17px;}
#b2b-office .list-check-green {margin: 0; padding: 0; list-style: none}
#b2b-office .list-check-green li {background: url(https://www.nespresso.com/shared_res/mos/free_html/nl/b2b/prospect/image/bus_check_green.svg) 0 7px no-repeat; background-size: 15px 15px; padding: 5px 0 5px 30px;}
#b2b-office .list-check-coffee {margin: 0; padding: 0; list-style: none}
#b2b-office .list-check-coffee li {background: url(https://www.nespresso.com/shared_res/mos/free_html/nl/b2b/prospect/image/bus_cup_01.svg) 0 7px no-repeat; background-size: 17px 17px; padding: 5px 0 5px 30px;}

/* button */
#b2b-office .b2b-btn-outline {border: 1px solid #000000; font-size: 13px; color: #221400; padding: 10px 20px; text-decoration: none; display: inline-block;}
#b2b-office .b2b-dark-section .b2b-btn-outline {border-color: #fff; color: #fff}
#b2b-office .b2b-btn-green {border: 1px solid #537d1d; font-size: 13px; color: #fff; padding: 10px 20px; background-color: #537d1d; text-decoration: none; display: inline-block;}

/* Slider */
#b2b-office .slick-dots {margin: 0; padding: 0; list-style: none; text-align: center;}
#b2b-office .slick-dots li {display: inline-block; margin: 10px 3px; padding: 0}
#b2b-office .slick-dots li button {outline: none}

/* banner */
#b2b-office .b2b-banner {background: #262626 url(https://www.nespresso.com/shared_res/mos/free_html/sg/b2b/office/images/office-header.jpg) top right no-repeat; padding: 50px 50px}
#b2b-office .b2b-banner-text {color: #ffffff; max-width: 340px}
#b2b-office .b2b-banner-text h1 {font-size: 40px; margin-top: 0; line-height: 1.2}
#b2b-office .b2b-banner-text h1 span {color: #c08c39; display: block;}
#b2b-office .b2b-banner-text ul {margin: 0 0 10px; padding: 0; list-style: none}
#b2b-office .b2b-banner-text li {margin: 0; padding: 5px 15px 5px 30px; background-size: 17px 17px; background-repeat: no-repeat; background-position: 0 5px}
#b2b-office .b2b-banner-text li#header-li-cup {background-image: url(../images/bus_cup_zwart_01.svg)}
#b2b-office .b2b-banner-text li#header-li-cog {background-image: url(../images/bus_cog_zwart_01.svg)}
#b2b-office .b2b-banner-text li#header-li-bag {background-image: url(../images/bus_bag_01.svg)}
#b2b-office .b2b-banner-text a {border: 1px solid #fff; /* background-color: #537d1d; border-radius: 3px; */ display: inline-block; padding: 10px 20px; text-transform: uppercase; text-decoration: none; color: #fff; font-size: 13px}
@media only screen and (max-width: 640px) {
	#b2b-office .b2b-banner-text h1 { font-size: 30px }
}
@media only screen and (max-width: 480px) {
	#b2b-office .b2b-banner {padding: 30px 25px; padding-top: 350px;}
}

/* navigation */
#b2b-office .b2b-nav {background-color: #fff; min-height: 70px}
#b2b-office .b2b-nav ul {padding: 15px 0; margin: 0; text-align: center;}
#b2b-office .b2b-nav li {display: block; margin: 10px; text-transform: uppercase; letter-spacing: .2em; transition: all .2s linear;}
#b2b-office .b2b-nav li a {color: #000; text-decoration: none;}
@media only screen and (min-width: 920px) {
	#b2b-office .b2b-nav ul.fixed {max-width: 918px; padding: 0 30px; display: flex; justify-content: space-around;}
}
@media only screen and (min-width: 481px) {
	#b2b-office .b2b-nav li {display: inline-block;}
	#b2b-office .b2b-nav ul.fixed {position: fixed; top: 0; width: 100%; z-index: 100}
	#b2b-office .b2b-nav ul.fixed {background-color: rgba(0,0,0,.7)}
	#b2b-office .b2b-nav ul.fixed a {color: #999;}
	#b2b-office .b2b-nav ul.fixed li {margin: 15px 10px; }
	#b2b-office .b2b-nav ul.fixed li.current a {color: #c08c39; border-bottom: 1px solid #fff;}
}

/* Why Nespresso */
#b2b-office .b2b-why-nespresso {background-color: #000; padding: 20px 0}
#b2b-office .b2b-why-nespresso h3 {text-align: center;}
#b2b-office .b2b-why-nespresso-video video {max-width: 100%; max-height: 100%}
#b2b-office .b2b-why-nespresso-text {padding: 20px 40px}
#b2b-office .b2b-why-nespresso-statistic {clear: both; text-align: center; margin: 10px auto; max-width: 450px; color: #fff; padding-top: 40px; line-height: 24px}
#b2b-office .b2b-why-nespresso-statistic span {font-size: 36px;}
#b2b-office .b2b-why-nespresso-statistic span b {font-size: 60px; color: #ad7e34}
#b2b-office .b2b-why-nespresso-tnc {font-size: 11px; text-align: center;}
@media only screen and (min-width: 641px) {
	#b2b-office .b2b-why-nespresso-video {float: left; width: 50%}
	#b2b-office .b2b-why-nespresso-text {float: right; width: 50%; padding-top: 0}
}

/* Customized Solutions */
#b2b-office .b2b-customised-solutions {background: #313131 url("https://www.nespresso.com/shared_res/mos/free_html/nl/b2b/prospect/image/bus_machines_bg_01.png") no-repeat top right; padding: 30px 50px}
#b2b-office .b2b-customised-solutions-text {max-width: 350px;}
#b2b-office .b2b-customised-solutions-text h3 {margin-top: 0}
@media only screen and (max-width: 640px) {
	#b2b-office .b2b-customised-solutions {padding-top: 400px}
}
@media only screen and (max-width: 380px) {
	#b2b-office .b2b-customised-solutions {background-size: 600px; padding-top: 350px}
}

/* Machine Slider */
#b2b-office .b2b-machine {background-color: #edecec; padding: 30px 0 0; color: #383838;}
#b2b-office .b2b-machine h3 {text-align: center; margin-bottom: 50px}
.b2b-machine-next-back > div {background-color: #c08c39; padding: 12px; text-align: center; cursor: pointer;}
.b2b-machine-next-back > div img {width: 6px}
.b2b-machine-next-back .b2b-machine-next {float: right;}
.b2b-machine-next-back .b2b-machine-prev {float: left; transform: scaleX(-1)}
#b2b-office .b2b-machine-navbar {width: 75%; margin: 0 auto 40px;}
#b2b-office .b2b-machine-nav-line {background-color: #7f7f7f; width: 75%; height: 1px; margin: 0 auto -7px}
#b2b-office .b2b-machine-nav-name {font-size: 11px; color: #7f7f7f; text-transform: uppercase; text-align: center;}
#b2b-office .b2b-machine-nav-name:before {width: 12px; height: 12px; background-color: #fff; border: 1px solid #7f7f7f; border-radius: 50%; content: ""; display: block; margin: 0 auto 10px}
#b2b-office .slick-current .b2b-machine-nav-name {color: #c08c39;}
#b2b-office .slick-current .b2b-machine-nav-name:before {background-color: #c08c39; border-color: #c08c39}
#b2b-office .b2b-machine-slider {margin: 0; padding: 0}
#b2b-office .b2b-machine-title {text-align: center; font-size: 24px; text-transform: uppercase;}
#b2b-office .b2b-machine-subtitle {text-align: center; color: #7f7f7f;}
#b2b-office .b2b-machine-details {margin: 30px auto;}
#b2b-office .b2b-machine-images-slider {width: 320px; margin: 0 auto}
#b2b-office .b2b-machine-images-slider .slick-dots li button {font-size: 0; display: block; width: 12px; height: 12px; border: 1px solid #7f7f7f; border-radius: 50%; background-color: #fff; padding: 0 }
#b2b-office .b2b-machine-images-slider .slick-dots li.slick-active button {border-color: #c08c39; background-color: #c08c39}
#b2b-office .b2b-machine-info {padding: 0 30px}
#b2b-office .b2b-machine-info ul {margin-bottom: 20px}
@media only screen and (min-width: 641px) {
	#b2b-office .b2b-machine-details {display: flex; width: 88%;}
	#b2b-office .b2b-machine-images {width: 45%;}
	#b2b-office .b2b-machine-info {width: 55%}
}

/* Testimonial */
#b2b-office .b2b-testimonial {background-color: #181818; padding: 40px}
#b2b-office .b2b-testimonial-slide {}
#b2b-office .b2b-testimonial-slide .b2b-testimonial-content {padding-left: 30px}
#b2b-office .b2b-testimonial-slide .b2b-testimonial-text {position: relative; margin-bottom: 30px}
#b2b-office .b2b-testimonial-slide .b2b-testimonial-text:before,
#b2b-office .b2b-testimonial-slide .b2b-testimonial-text:after {display: inline-block; content:''; width: 18px; height: 14px;}
#b2b-office .b2b-testimonial-slide .b2b-testimonial-text:before {background-image: url('https://www.nespresso.com/shared_res/mosaic_freehtml/images/b2b/channel/restaurant-cafe/quotes-open.png'); position: absolute; left: -25px; top: 0px;}
#b2b-office .b2b-testimonial-slide .b2b-testimonial-text:after {background-image: url('https://www.nespresso.com/shared_res/mosaic_freehtml/images/b2b/channel/restaurant-cafe/quotes-close.png'); position: relative;left: 5px; bottom: -10px;}
#b2b-office .b2b-testimonial-slide .b2b-author b {display: block; color: #fff}
#b2b-office .b2b-testimonial-slider .b2b-btn-prev,
#b2b-office .b2b-testimonial-slider .b2b-btn-next {display: block; width: 48px; height: 48px; position: absolute; top: 45%; border: 0 none; outline: none; cursor: pointer;}
#b2b-office .b2b-testimonial-slider .b2b-btn-prev {background: url('https://www.nespresso.com/shared_res/mosaic_freehtml/images/b2b/home/key-services-left-arrow.png'); left: -40px}
#b2b-office .b2b-testimonial-slider .b2b-btn-next {background: url('https://www.nespresso.com/shared_res/mosaic_freehtml/images/b2b/home/key-services-right-arrow.png'); right: -40px}
@media only screen and (min-width: 920px) {
	#b2b-office .b2b-testimonial-slider .b2b-btn-prev {left: -60px}
	#b2b-office .b2b-testimonial-slider .b2b-btn-next {right: -60px}
}
@media only screen and (min-width: 641px) {
	#b2b-office .b2b-testimonial-slide img {float: left;}
	#b2b-office .b2b-testimonial-slide .b2b-testimonial-content {margin-left: 140px; padding-right: 20px}
}

/* Coffee */
#b2b-office .b2b-coffee {text-align: center; padding: 40px}
#b2b-office .b2b-coffee-slider {padding-top: 80px;}
#b2b-office .b2b-coffee-slider .slick-dots {position: absolute; top: 0; width: 100%;}
#b2b-office .b2b-coffee-slider .slick-dots li {padding: 0 10px; margin-bottom: 0;}
#b2b-office .b2b-coffee-slider .slick-dots li button {text-decoration: none; color:#7f7f7f; background-color: transparent; border: 0 none; padding: 0 0 5px; cursor: pointer}
#b2b-office .b2b-coffee-slider .slick-dots li.slick-active button {border-bottom: 1px solid #cc9d49; color: #383838}
#b2b-office .b2b-coffee-slide ul {margin: 0; padding: 40px 0 0; list-style: none;}
#b2b-office .b2b-coffee-slide ul li {margin: 0; padding: 0;}
#b2b-office .b2b-coffee-slide ul li img {max-width: 140px; display: inline-block;}
#b2b-office .b2b-coffee-slide ul li h4 {margin: 20px 0 10px; text-transform: uppercase;}
#b2b-office .b2b-coffee-slide ul li p {}
#b2b-office .b2b-coffee-slider .b2b-btn-prev,
#b2b-office .b2b-coffee-slider .b2b-btn-next {display: block; width: 48px; height: 48px; position: absolute; top: 45%; border: 0 none; outline: none; cursor: pointer;}
#b2b-office .b2b-coffee-slider .b2b-btn-prev {background: transparent url('https://www.nespresso.com/shared_res/mosaic_freehtml/images/b2b/channel/hotel/bullet_filled_left.png'); left: -40px}
#b2b-office .b2b-coffee-slider .b2b-btn-next {background: transparent url('https://www.nespresso.com/shared_res/mosaic_freehtml/images/b2b/channel/hotel/bullet_filled_right.png'); right: -40px}
@media only screen and (min-width: 920px) {
    #b2b-office .b2b-coffee-slider .b2b-btn-prev {left: -60px}
    #b2b-office .b2b-coffee-slider .b2b-btn-next {right: -60px}
}
@media only screen and (min-width: 640px) {
    #b2b-office .b2b-coffee-slide ul li {display: inline-block; width: 30%}
}
@media only screen and (max-width: 480px) {
	#b2b-office .b2b-coffee-slider .slick-dots {}
	#b2b-office .b2b-coffee-slider { padding-top: 120px }
}
@media only screen and (max-width: 380px) {
	#b2b-office .b2b-coffee-slider { padding-top: 160px }
}

/* Sustainability */
#b2b-office .b2b-sustainability {min-height: 380px; background: #eae9e9 url('../images/sustainability-section-bg.jpg') no-repeat top left; text-align: center;}
#b2b-office .b2b-sustainability .b2b-sustainability-text {margin-left: 320px; padding: 10px 30px; text-align: center;}
@media only screen and (max-width: 640px) {
	#b2b-office .b2b-sustainability {background-position: top center; padding-top: 400px}
	 #b2b-office .b2b-sustainability .b2b-sustainability-text {margin: 0}
}

/* Recycling */
#b2b-office .b2b-recycling {background-color: #000; padding: 30px 50px;}
#b2b-office .b2b-recycling .b2b-recycling-video { position: relative }
#b2b-office .b2b-recycling .b2b-recycling-video::before { position: absolute; top: 0; content: ''; width: 280px; height: 280px; z-index: 2 }
#b2b-office .b2b-recycling .b2b-recycling-video video {max-width: 100%}
#b2b-office .b2b-recycling .b2b-recycling-video.isMobile::before { content: none }
@media only screen and (min-width: 641px) {
    #b2b-office .b2b-recycling .b2b-recycling-video {float: right; width: 280px}
    #b2b-restaurant .b2b-recycling .b2b-recycling-video::before { position: absolute; top: 0; content: ''; width: 280px; height: 280px; z-index: 2 }
    #b2b-office .b2b-recycling .b2b-recycling-text {margin-right: 300px}
}

/* Services */
#b2b-office .b2b-services {background-color: #1f1f1f; text-align: center; padding: 30px 40px}
#b2b-office .b2b-services-slide {padding: 20px 20px; position: relative; text-align: center;}
#b2b-office .b2b-services-slide img {display: inline-block;}
#b2b-office .b2b-services-slide h4 {color: #8F7247; text-transform: uppercase; letter-spacing: 3px; font-weight: 100; font-weight: normal;}
#b2b-office .b2b-services-slider .b2b-btn-prev,
#b2b-office .b2b-services-slider .b2b-btn-next {display: block; width: 48px; height: 48px; position: absolute; top: 45%; border: 0 none; outline: none; cursor: pointer;}
#b2b-office .b2b-services-slider .b2b-btn-prev {background: url('https://www.nespresso.com/shared_res/mosaic_freehtml/images/b2b/home/key-services-left-arrow.png'); left: -40px}
#b2b-office .b2b-services-slider .b2b-btn-next {background: url('https://www.nespresso.com/shared_res/mosaic_freehtml/images/b2b/home/key-services-right-arrow.png'); right:-40px}
@media only screen and (min-width: 920px) {
	#b2b-office .b2b-services-slider .b2b-btn-prev {left: -60px}
	#b2b-office .b2b-services-slider .b2b-btn-next {right: -60px}
}
@media only screen and (min-width: 481px) {
	#b2b-office .b2b-services-slide:after {display: inline-block; content: ""; background-color: #4d4b47; position: absolute; right: 0; top: 50%; height: 66%; width: 1px; transform: translateY(-50%)}
}

/* Contact */
.b2b-contact {color: #7f7f7f; padding: 30px}
.b2b-contact h3 {color: #cc9d49; margin-top: 0; text-align: center;}
.b2b-contact .row {margin: 0 -20px}
.b2b-contact .row > div {padding: 0 20px}
.b2b-contact .b2b-input-container {position: relative; padding-bottom: 30px} 
.b2b-contact .b2b-input-container .b2b-form-control {padding: 10px; width: 100%; font-family: inherit; background-color: #efefef; border: 1px solid rgba(0, 0, 0, .15);}
.b2b-contact .b2b-tnc {font-size: 11px;}
@media only screen and (min-width: 481px) {
	.b2b-contact {border:35px solid #efefef;}
}