/* Choose Diaper Service */

.choose .header-section { background:#f3eee1; }

.choose .header-section .choose-header { background: url(/welcome-dyper/images/header-bg-large.jpg) no-repeat center -70px; background-size: 1299px 562px; text-align: center; padding-top: 350px; }
.choose .header-section .choose-header h1 { text-align: center; margin-top: 15px; }
.choose .header-section .choose-header .intro { text-align: center; }
.choose .header-section .choose-header .snipe { font-size: 1.1em; margin-left: auto; margin-right: auto; padding-top: 1px; padding-bottom: 1px;  border-width: 2px; font-weight: 600; color:#fff; border-color: #ff6634; background: #ff6634; }
.choose .header-section .choose-header .snipe:hover { border-color: #d15252; text-decoration: none; }

.choose .header-section .services { padding-top: 60px; padding-bottom: 60px; }
.choose .header-section .services h4 { font-size: 26px; text-align: center; font-weight: 600; margin-top: 5px; }
.choose .header-section .services p { text-align: center; width: 90%; margin: 5px auto 0; }
.choose .header-section .services .service-icon { width: 80px; height: 80px; margin: 0 auto; }
.choose .header-section .services .service-icon.service-1 { background: url(/welcome-dyper/images/choose_best.png) center center no-repeat; background-size: contain; }
.choose .header-section .services .service-icon.service-2 { background: url(/welcome-dyper/images/choose_safer.png) center center no-repeat; background-size: contain; }
.choose .header-section .services .service-icon.service-3 { background: url(/welcome-dyper/images/choose_delivery.png) center center no-repeat; background-size: contain; }
.choose .header-section .services .service-icon.service-4 { background: url(/welcome-dyper/images/choose_easy.png) center center no-repeat; background-size: contain; }
.choose .header-section .services .service-icon.service-1 + h4 { color:#30802c; }
.choose .header-section .services .service-icon.service-2 + h4 { color:#41a7b3; }
.choose .header-section .services .service-icon.service-3 + h4 { color:#07a0dc; }
.choose .header-section .services .service-icon.service-4 + h4 { color:#d94d99; }

.choose .coupon { padding-top: 50px; padding-bottom: 50px; }
.choose .coupon .coupon-icon { width: 78px; height: 45px; margin: 15px auto 5px; background: url(/welcome-dyper/images/coupon-icon.png) center center no-repeat; background-size: 78px 45px; }
.choose .coupon h2 { font-size: 49px; font-weight: 900; text-transform: capitalize; color:#ff6634; text-align: center; margin-top: 0; }
.choose .coupon .intro { font-size: 19px; }
.choose .coupon .details { font-size: 13px; }
.choose .coupon .button { margin-top: 15px; background: #ff6634; font-weight: 600; }
.choose .coupon .button:hover { background: #d15252; }

.choose-section-share { text-align:center; background:#F6F6F6; border-top: solid 1px #f1f1f1; }
.choose-section-share .section-content {  }
.choose-section-share .share-center { margin-top: 15px; margin-bottom:15px; }

.choose .do-good { background: url(/welcome-dyper/images/starpattern-large.jpg) center center repeat; background-size: 1662px 793px; }
.choose .do-good .intro { margin: 0 auto; text-align: center; }
.choose .do-good .good-earth { background: url(/welcome-dyper/images/earth.jpg) center center no-repeat; background-size: 150px 150px; width: 150px; height: 150px; margin: 0 auto 40px; border-radius: 50%;  }

@media only screen {
	
	.choose .header-section .services .service-icon.service-1 { background: url(/welcome-dyper/images/choose_best.svg) center center no-repeat; background-size: contain; }
	.choose .header-section .services .service-icon.service-2 { background: url(/welcome-dyper/images/choose_safer.svg) center center no-repeat; background-size: contain; }
	.choose .header-section .services .service-icon.service-3 { background: url(/welcome-dyper/images/choose_delivery.svg) center center no-repeat; background-size: contain; }
	.choose .header-section .services .service-icon.service-4 { background: url(/welcome-dyper/images/choose_easy.svg) center center no-repeat; background-size: contain; }
	
	.choose .coupon .coupon-icon { background: url(/welcome-dyper/images/coupon-icon.svg) center center no-repeat; background-size: 78px 45px; }
	
	}



/*Retina Full Size*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 144dppx) {
	
	.choose .do-good { background: url(/welcome-dyper/images/starpattern-large-2x.jpg) center center repeat; background-size: 1662px 793px; }
	.choose .do-good .good-earth { background: url(/welcome-dyper/images/earth-2x.jpg) center center no-repeat; background-size: 150px 150px; }
	
	}

/*Medium*/
@media only screen and (max-width: 1069px) { 
	.choose .header-section .choose-header { background: url(/welcome-dyper/images/header-bg-medium.jpg) no-repeat center 0px; background-size: 1070px 384px; padding-top: 280px; }
	
	.choose .header-section .choose-header .snipe { font-size: 1em; padding-top: 1px; padding-bottom: 1px; }
	
	.choose .header-section .services { padding-top: 40px; padding-bottom: 40px; }
	.choose .header-section .services h4 { font-size: 20px; font-weight: 800; }
	.choose .header-section .services h4 .nowrap { display: block; font-weight: 600; }
	.choose .header-section .services p { font-size: 0.9em; }
	.choose .header-section .services .service-icon { width: 70px; height: 70px; }
	.choose .header-section .services .service-icon.service-2,
	.choose .header-section .services .service-icon.service-4 { margin-top: 30px; }
	
	.choose .coupon h2 { font-size: 40px; font-weight: 800; text-transform: capitalize; }
	.choose .coupon .intro { font-size: 16px; }
	.choose .coupon .details { font-size: 11px; }
	
	.choose .do-good { background: url(/welcome-dyper/images/starpattern-large.jpg) center center repeat; background-size: cover; }
	.choose .do-good .good-earth { background: url(/welcome-dyper/images/earth.jpg) center center no-repeat; background-size: 120px 120px; width: 120px; height: 120px; margin: 0 auto 30px; }
	}
	
/*Retina Medium*/
@media only screen and (max-width: 1069px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1069px) and (min-resolution: 144dpi), only screen and (max-width: 1069px) and (min-resolution: 144dppx) {
	
	.choose .do-good { background: url(/welcome-dyper/images/starpattern-large.jpg) center center repeat; background-size: cover; }
	.choose .do-good .good-earth { background: url(/welcome-dyper/images/earth-2x.jpg) center center no-repeat; background-size: 120px 120px; }
	
	}

/*Medium Short*/
@media only screen and (max-width: 1069px) and (max-height: 450px) {
	.choose .header-section .choose-header { padding-top: 150px; background-position: center -90px; }
	
	}

/*Small*/
@media only screen and (max-width: 735px) {
	.choose .header-section .choose-header { background: url(/welcome-dyper/images/header-bg-small.jpg) no-repeat center top; background-size: 480px 196px; padding-top: 150px; }
	.choose .header-section .choose-header .intro { max-width: 450px; margin-left: auto; margin-right: auto; }
	
	.choose .header-section .choose-header .snipe { font-size: 0.9em; padding-top: 0px; padding-bottom: 0px; }
	
	.choose .header-section .services { padding-top: 30px; padding-bottom: 15px; }
	.choose .header-section .services h4 { font-size: 18px; font-weight: 800; }
	.choose .header-section .services h4 .nowrap { display: inline-block; font-weight: 600; }
	.choose .header-section .services p { font-size: 0.9em; max-width: 300px; }
	.choose .header-section .services .column { margin: 15px 0; }
	.choose .header-section .services .service-icon.service-3,
	.choose .header-section .services .service-icon.service-4 { margin-top: 0px; }
	
	.choose .coupon { text-align:center; }
	.choose .coupon .coupon-copy { display: block; max-width: 300px; }
	.choose .coupon h2 { font-size: 28px; font-weight: 800; text-transform: capitalize; margin-bottom: 10px; }
	.choose .coupon .intro { font-size: 16px; }
	.choose .coupon .details { font-size: 11px; }
	
	.choose .do-good .intro { max-width: 300px; font-size: 16px; }
	.choose .do-good .good-earth { background: url(/welcome-dyper/images/earth.jpg) center center no-repeat; background-size: 100px 100px; width: 100px; height: 100px; margin: 0 auto 20px; }
	
	}

/*Retina Small*/
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
	
	.choose .do-good .good-earth { background: url(/welcome-dyper/images/earth-2x.jpg) center center no-repeat; background-size: 100px 100px; }
	
	}
