body { background-color:#fff;}
#wrapper-header { position:fixed; top:50px; left:0; right:0; min-height:0; margin:0; z-index:1; }
#wrapper { max-width:none; padding:0; margin-top:100px; background:url(/img/box/box_bg.jpg) no-repeat center -70px transparent; }
    #wrapper #content { padding-top:50px; background-color:transparent; }

#box-landing-header { display:table; width:100%; height:50px; color:#fff; background-color:#7cb650; }
    #box-landing-header p { display:table-cell; padding:15px 10px; max-width:708px; margin:auto; font-weight:bold; text-align:center; vertical-align:middle; }
        #box-landing-header p span.icon { display:inline-block; margin-right:10px; width:24px; height:24px; vertical-align:top; background:url("/img/56/sprite.png") no-repeat -255px -388px transparent; }

#box-landing { text-align:center; }
    #box-landing h1 { text-indent:-9999px; line-height:0; margin:0; }
    #box-landing h2 { font-size:30px; font-weight:bold; line-height:140%; color:#333; }
		#box-landing h2.sec-name { line-height:0; }    
    #box-landing p { font-size:17px; margin-bottom:30px; line-height:140%; color:#546e7a; }
        #box-landing p.hl { font-size:18px; padding:20px; margin-bottom:40px; line-height:140%; color:#7e57c2; border:solid 1px #7e57c2; border-radius:20px; }
        #box-landing p.hl2 { font-size:20px; line-height:140%; color:#333; }
    #box-landing blockquote { font-family: 'Roboto', sans-serif; font-size:20px; margin-bottom:30px; line-height:120%; color:#29b6f6; }
    #box-landing a.bt { font-size:16px; padding:0; width:100%; max-width:330px; height:49px; line-height:49px; color:#fff; background-color:#ec407a; border:none; }
    #box-landing p.logo { font-family: 'Roboto', sans-serif; font-size:18px; line-height:32px; padding:0 10px; margin-bottom:26px; text-align:center; color:#546e7a; }
        #box-landing p.logo strong { text-transform:uppercase; }
        #box-landing p.logo small { font-size:14px; color:#4caf50; }
        #box-landing p.logo span.icon { display:inline-block; margin-right:10px; width:30px; height:30px; line-height:32px; vertical-align:top; background:url("/img/56/sprite.png") no-repeat -312px -326px transparent; }
	#box-landing p.create span { display:block; font-size:13px; margin-top:20px; color:#90a4ae; }

#box-landing div.slider { position:relative; margin-bottom:30px; }
#box-landing div.slide { display:table;}
#box-landing div.slide div.image { display:table-cell; vertical-align:middle; }
	#box-landing div.slide div.image img { width:380px; height:280px; }
#box-landing div.slide div.text { display:table-cell; padding-left:30px; text-align:left; vertical-align:middle; }
	#box-landing div.slide div.text h2 { margin-bottom:26px; color:#333; }
	#box-landing div.slide div.text p { font-family: 'Roboto', sans-serif; font-size:18px; line-height:140%; color:#546e7a; }

#box-landing div.slider button.slick-arrow { position:absolute; top:50%; width:30px; height:30px; padding:1px 0 0 6px; margin-top:-15px; line-height:0; text-indent:-9999px; background-color:#90a4ae; border:none; border-radius:50%; }
	#box-landing div.slider button.slick-arrow:hover { background-color:#546e7a; }
	#box-landing div.slider button.slick-arrow span { display:block; width:16px; height:16px; background:url(/img/56/sprite.png) no-repeat -85px 0 transparent; }
	#box-landing div.slider button.slick-prev { left:-50px; }
	#box-landing div.slider button.slick-next { right:-50px; padding-left:9px; }
		#box-landing div.slider button.slick-next span { background-position:-102px 0; }


#box-landing ul.slick-dots { height:9px; margin-top:30px; overflow:hidden; }
#box-landing ul.slick-dots li { display:inline-block; margin-left:10px; }
	#box-landing ul.slick-dots li:first-child { margin-left:0; }
	#box-landing ul.slick-dots li button { width:9px; height:9px; padding:0; text-indent:-9999px; border:none; background-color:#b0bec5; border-radius:50%; }
		#box-landing ul.slick-dots li.slick-active button { background-color:#ec407a; }
	

#box-landing div.section { position:relative; margin-bottom:60px; border-bottom:solid 1px #eceff1; }
    #box-landing div.section div.content { max-width:728px; margin:auto; }

#box-landing div.section.header { border-bottom:none; margin-bottom:40px; }    
	#box-landing div.section.header div.content { max-width:790px; }

#box-landing div.section.publishers { margin-left:-20px; margin-right:-20px; margin-bottom:0; padding:20px 0; background-color:#f6f7f9; border-top:solid 1px #cfd8dc; border-bottom:solid 1px #cfd8dc; }
	#box-landing div.section.publishers ul { display:table; margin:auto; width:100%; max-width:600px; }
		#box-landing div.section.publishers ul li { display:table-cell; width:145px; vertical-align:middle; }
			#box-landing div.section.publishers ul li span { display:inline-block; text-indent:-9999px; }
			#box-landing div.section.publishers ul li span.panini { width:92px; height:22px; background:url(/img/box/pub_panini.png) no-repeat 0 0 transparent; }
			#box-landing div.section.publishers ul li span.norma { width:89px; height:40px; background:url(/img/box/pub_norma.png) no-repeat 0 0 transparent; }
			#box-landing div.section.publishers ul li span.ivrea { width:73px; height:22px; background:url(/img/box/pub_ivrea.png) no-repeat 0 0 transparent; }
			#box-landing div.section.publishers ul li span.planeta { width:141px; height:21px; background:url(/img/box/pub_planeta_comic.png) no-repeat 0 0 transparent; }

#box-landing div.section.discount { margin-left:-20px; margin-right:-20px; margin-bottom:20px; padding:0; background-color:#29b6f6; }
	#box-landing div.section.discount div.promo { display:table; width:100%; }
		#box-landing div.section.discount div.promo p { display:table-cell; font-family: 'Roboto', sans-serif; font-size:24px; margin:0; text-align:left; line-height:140%; font-weight:bold;  color:#fff; vertical-align:middle; }
			#box-landing div.section.discount div.promo p strong { display:block; font-size:30px; }
		#box-landing div.section.discount div.promo p.img { line-height:0; width:350px; }
			#box-landing div.section.discount div.promo p.img img { width:350px; height:210px; }
		#box-landing div.section.discount div.promo p.text { padding-left:20px; padding-right:10px; }
#box-landing div.section.discount-info { border:none; }
	#box-landing div.section.discount-info p { font-size:13px; color:#90a4ae; }

#box-landing div.section div.content.desc { display:flex; flex-direction:column; }
    #box-landing div.section div.content.desc p.img { order:-1; }
        #box-landing div.section div.content.desc p.img img.sec-save-time { width:188px; height:120px; }
        #box-landing div.section div.content.desc p.img img.sec-add-cols { width:141px; height:112px; }
        #box-landing div.section div.content.desc p.img img.sec-honest { width:271px; height:59px; }


#box-landing div.soothings { display:table; width:100%; max-width:640px; margin:auto; margin-bottom:45px; }
    #box-landing div.soothings div.content { display:table-row; margin:0; }
    #box-landing div.soothing { display:table-cell; position:relative; width:33%; height:150px; }
        #box-landing div.soothing:last-child { margin-right:0; }
        #box-landing div.soothing p { font-size:14px; width:150px; height:150px; margin:0 auto; text-align:center; color:#546e7a; border:1px solid #c1dbed; border-radius:50%; }
            #box-landing div.soothing p span { display:block; padding:0 20px; line-height:120%; }
                #box-landing div.soothing p span.icon { padding:0; margin:42px auto 6px auto; width:34px; height:34px; }
                    #box-landing div.soothing.safe p span.icon { background:url(/img/box/shop_safePaymentTag.png) no-repeat 0 0 transparent; }
                    #box-landing div.soothing.ship p span.icon { background:url(/img/box/shop_shippingTag.png) no-repeat 0 0 transparent; }
                    #box-landing div.soothing.price p span.icon { background:url(/img/box/shop_priceTag.png) no-repeat 0 0 transparent; }

#box-landing div.contact { margin-bottom:50px; }
    #box-landing div.contact div.content { padding:35px 20px 35px 180px; margin:auto; max-width:480px; min-height:114px; background:url(/img/box/support.png) no-repeat 32px center #eceff1; }
        #box-landing div.contact div.content h2  { font-size:22px; margin-bottom:20px; padding-top:10px; text-align:left; color:#333; }
        #box-landing div.contact div.content p { font-size:16px; margin-bottom:0; text-align:left; line-height:140%; color:#546e7a; }

#box-landing div.section.help { border-bottom:none; }
    #box-landing div.section.help span.sep { display:inline-block; margin:0 10px; }


@media screen and (max-width: 900px) {    
	#box-landing div.slide { display:block;}
	#box-landing div.slide div.image { display:block; margin-bottom:20px; }
		#box-landing div.slide div.image img { margin:auto; }
	#box-landing div.slide div.text { display:block; padding:0 10px; text-align:center; }
	#box-landing div.slider button.slick-prev { left:0; }
	#box-landing div.slider button.slick-next { right:0; }

}


@media screen and (max-width: 700px) {    
    #box-landing h1 { font-size:30px; line-height:140%; }
    #box-landing h2 { font-size:22px; line-height:140%; }    		
    #box-landing blockquote { font-size:18px; line-height:140%; }    
    #box-landing p { font-size:16px; line-height:140%; }
    #box-landing div.section.header { margin-bottom:46px; }	
	#box-landing div.section.discount div.promo p.text { font-size:20px; }
		#box-landing div.section.discount div.promo p.text strong { font-size:24px; }
	#box-landing div.section.discount div.promo p.img { width:300px; }
		#box-landing div.section.discount div.promo p.img img { width:300px; height:180px; }
}

@media screen and (max-width: 550px) {   
    #box-landing div.soothing { height:auto; }
        #box-landing div.soothing p { height:auto; width:auto; border-radius:0; border:none; }
            #box-landing div.soothing.ship p { border-left:1px solid #c1dbed; border-right:1px solid #c1dbed; }
            #box-landing div.soothing p span.icon { margin-top:0; }
	#wrapper #content { padding-left:10px; padding-right:10px; }
	#box-landing div.section.publishers { margin-left:-10px; margin-right:-10px; }
	#box-landing div.section.discount { margin-left:-10px; margin-right:-10px; }
	#box-landing div.section.discount div.promo p.text { padding-left:10px; font-size:16px; }
		#box-landing div.section.discount div.promo p.text strong { font-size:20px; }
	#box-landing div.section.discount div.promo p.img { width:220px; }
		#box-landing div.section.discount div.promo p.img img { width:220px; height:132px; }

	#box-landing div.section.publishers ul { display:block; }
	#box-landing div.section.publishers ul li { display:inline-block; margin-bottom:26px; }
}

@media screen and (max-width: 500px) {   	
	#box-landing div.slide div.image img { width:300px; height:221px; }
	#box-landing div.slider button.slick-arrow { margin-top:-30px; }
}

@media screen and (max-width: 440px) {
    #box-landing div.section div.content.desc p.img img.sec-honest { width:100%; max-width:271px; height:auto;  }
    #box-landing div.contact div.content { padding-top:20px; padding-bottom:20px; min-height:0; padding-left:20px; background-image:none; }
    #box-landing div.contact div.content h2 { padding-top:0; }
	#box-landing div.section.discount { padding-bottom:10px; }
	#box-landing div.section.discount div.promo { display:block; }
	#box-landing div.section.discount div.promo p { display:block; text-align:center; }
	#box-landing div.section.discount div.promo p.img { margin-bottom:10px; width:auto; }
}

@media screen and (max-width: 400px) {
    #box-landing div.soothings { display:block; margin-top:-20px; }
        #box-landing div.soothings div.content { display:block; }
        #box-landing div.soothing { display:block; width:auto; margin-bottom:30px; }
            #box-landing div.soothing.ship p { border:none; }
	#box-landing div.slide div.image img { width:100%; height:auto; }
}

@media screen and (max-width: 350px) {
	#box-landing div.slider button.slick-arrow { margin-top:-45px; z-index:100; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx) {
	#box-landing div.slider button.slick-arrow span,
	#box-landing-header p span.icon,
	#box-landing p.logo span.icon { background-image:url(/img/5/sprite@2x.png); background-size:500px 454px; }
	#box-landing div.section.publishers ul li span.panini { background-image:url(/img/box/pub_panini@2x.png);  background-size:92px 22px; }
	#box-landing div.section.publishers ul li span.norma { background-image:url(/img/box/pub_norma@2x.png);  background-size:89px 40px; }
	#box-landing div.section.publishers ul li span.ivrea { background-image:url(/img/box/pub_ivrea@2x.png);  background-size:73px 22px; }
	#box-landing div.section.publishers ul li span.planeta { background-image:url(/img/box/pub_planeta_comic@2x.png);  background-size:141px 21px; }

}