@charset "UTF-8";
/* CSS Document */
body, div, span, applet, h1, h2, h3, h4, h5, h6, p, a, img, strong, sub, sup, center, dl, dt, dd, ol, ul, li, table, tr, th, td {margin:0px;padding:0px;border:0px;outline:0px;}
body {font-family: 'Roboto', sans-serif;}
.clear { clear:both; }
a {-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
.center { max-width:1140px; width:100%; margin:0 auto; position:relative;}


.header { width:100%; position:absolute; z-index:101;}
.header .logo { width:130px; margin:20px auto;}

.home-slider { width:100%; position:relative; z-index:99;}
.home-slider .slide img { width:100%; position:relative; z-index:100;}
.home-slider .slide .caption { position:absolute; bottom:30%; z-index:101; width:100%; text-align:center;}
.home-slider .slide .caption .center { max-width:720px; width:100%;}
.home-slider .slide .caption h1 { text-shadow:1px 1px 2px #000; color:#00a072;font-family: 'Roboto Slab', serif; font-size:34px;}
.home-slider .slide .caption p { text-shadow:2px 2px 6px #000; color:#fff; font-size:18px;}

.home-slider .bx-controls { position:absolute; bottom:15%; z-index:101; width:100%; text-align:center;}
.home-slider .bx-controls .bx-pager-item { display:inline-block; margin:0 5px;}
.home-slider .bx-controls .bx-pager-item a { width:40px; height:8px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; background:#fff; display:block; text-indent:-99999px;}
.home-slider .bx-controls .bx-pager-item a.active, .home-slider .bx-controls .bx-pager-item a:hover { background:#fcaf17;} 

.home-box { padding:80px 0; background:#0d0d0d; width:100%; color:#fff; text-align:center;}
.home-box .box { display:inline-block; width:calc(45% - 40px); margin:0 20px; vertical-align:top; text-align:left;-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important;}
.home-box .box h1 {color:#00a072;font-family: 'Roboto Slab', serif; font-size:34px; margin:0 0 20px 0;}
.home-box .box h2 { color:#35902b; margin:0 0 10px 0}
.home-box .box p { color:#fff; font-size:14px; margin:0 0 20px 0;}
.home-box .box:nth-child(2) { text-align:center;}
.home-box .box:nth-child(2) p { font-size:16px; text-align:center;}
.home-box .box:nth-child(2) a.url { display:block; width:100px; border:1px solid #fff; padding:3px 10px 6px 10px; margin:0 auto; color:#fff; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.home-box .box:nth-child(2) a.url:hover { color:#fff;}
.home-box .box:nth-child(2) { padding:20px; background:#111; margin:30px 0 0 0;}
.home-box .box:nth-child(2) img { width:100%;}

.home-menu { width:100%; position:relative;}
.home-menu img { width:100%; position:relative; z-index:99;}
.home-menu .center { position:absolute; width:100%; top:0; max-width:1140px; left:0; right:0; margin:auto; height:100%;}
.home-menu ul { position:relative; z-index:101; list-style:none; width:100%; height:100%; display: none;}
.home-menu ul li { display: inline-block; position: absolute; width: 50px; height:50px;-webkit-transition: all 1s; transition: all 1s;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; line-height:50px; text-align:center;}
.home-menu ul li a { text-decoration:none; color:#fff; font-size:34px;}
.home-menu ul li:nth-child(1) { top:10%; left:15%; background:#f2d2ab;}
.home-menu ul li:nth-child(2) { top:30%; left:45%; background:#d0622f;}
.home-menu ul li:nth-child(3) { top:15%; left:50%; background:#fa7152;}
.home-menu ul li:nth-child(4) { top:40%; left:65%; background:#8b001f;}
.home-menu ul li:nth-child(5) { top:10%; left:80%; background:#fcaf17;}
.home-menu ul li:nth-child(6) { top:50%; left:90%; background:#006333;}

.home-coffee { width:100%; padding:80px 0; text-align:center;}
.home-coffee h1 {color:#00a072;font-family: 'Roboto Slab', serif; font-size:34px; margin:0 auto 40px auto; max-width:400px;}
.home-coffee h2 { font-size:18px; margin:0 0 20px 0;}
.home-coffee .box { display:inline-block; width:45%; vertical-align:top;-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important; padding:0 40px; font-size:14px;}

.home-gallery { width:100%;}
 
  
.home-gallery .gallery-box { float:left; width:12.5%; background:#0d0d0d;}
.home-gallery .gallery-box img { width:100%;-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
.home-gallery .gallery-box:hover img {opacity: 0.5; filter: alpha(opacity=50);}

.home-black-content, .home-red-content { width:100%; padding:80px 0;}
.home-red-content { background:#8D001B;}
.home-black-content { background:url(../images/home-content-black.jpg) top center no-repeat; }
.home-black-content .box, .home-red-content .box { display:inline-block; width:calc(45% - 40px); margin:0 20px; vertical-align:top; text-align:left;}
.home-black-content .box h1, .home-red-content .box h1 {color:#00a072;font-family: 'Roboto Slab', serif; font-size:34px; margin:0 0 20px 0;}
.home-black-content .box p, .home-red-content .box p { color:#fff; font-size:14px; margin:0 0 20px 0;}
.home-black-content .box img, .home-red-content .box img { max-height:200px;}

.about .box img { max-height:300px;}

.home-black-content .box:nth-child(2) { text-align:right;}
.home-red-content .box:nth-child(2) h1 { text-align:right; font-family:'Roboto',serif; font-size:24px; margin:50px 0 0 0;color:#fff !important;}
.home-red-content .box:nth-child(2) h1 span { color:#fff !important; font-size:34px;}
.home-red-content .box:nth-child(2) { background:url(../images/coffee.png) no-repeat; background-position:70px center; background-size:15%;}

.page-banner { width:100%;overflow:hidden;}
.products { width:100%;}
.products .products-box { width:100%; margin:40px 0;}
.products .products-box .product-image {display:inline-block; width:calc(45% - 40px); margin:0 20px; vertical-align:top; }
.products .products-box .product-image img { width:100%;}
.products .products-box .product-desc {display:inline-block; width:calc(45% - 40px); margin:0 20px; vertical-align:top; }
.products .products-box .product-desc h1 {font-size:24px; margin:0 0 10px 0; color:#00a072;font-family:'Roboto Slab',serif;}
.products .products-box .product-desc p {font-family:'Roboto Slab',serif; font-size:15px; color:#666;}
.products .products-box .product-desc ul { list-style:none;}
.products .products-box .product-desc ul li { font-size:13px;}
.products .products-box .product-desc h4 { margin:20px 0 10px 0;}

.products .products-box .product-image h1 {font-family:'Roboto Slab',serif; font-size:24px; margin:0 0 20px 0;}
.products .products-box .product-desc ol { margin:50px 0 0 0; list-style:none;font-family:'Roboto Slab',serif;}
.products .products-box .product-desc ol li { font-size:18px; margin:10px 0 0 0; border-bottom:1px solid #ebebeb; padding:0 0 10px 0;}
.products .products-box .product-desc p { font-size:14px; margin:10px 0 20px 0;}

.contact {  width:100%; margin:40px 0;}
.contact .contact-desc {display:inline-block; width:calc(45% - 40px); margin:0 20px; vertical-align:top; }
.contact .contact-desc a { color: #333; }
.contact .contact-form {display:inline-block; width:calc(45% - 40px); margin:0 20px; vertical-align:top; }

.contact .contact-desc h1, .contact .contact-form h1 {font-size:24px; margin:0 0 10px 0; color:#00a072;font-family:'Roboto Slab',serif;}
.contact .contact-desc p, .contact .contact-form p {font-family:'Roboto Slab',serif; font-size:15px; color:#666; margin:0 0 10px 0;}

.footer { width:100%; padding:80px 0; background:url(../images/home-content-black.jpg) top center no-repeat; text-align:center;}
.footer .widget { width:32%; display:inline-block; text-align:left; vertical-align:top;-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important; padding:0 60px 0 0;}
.footer .widget h1 {font-family:'Roboto Slab',serif; font-size:18px; color:#00a072;}
.footer .widget p { font-size:12px; color:#aaa; margin:10px 0 0 0;}
.footer .widget ul { list-style:none;}
.footer .widget ul li { margin:10px 0 0 0; font-size:12px;}
.footer .widget ul li a { color:#aaa; text-decoration:none;}
.footer .widget:nth-child(3) { text-align:right; }
.footer .widget:nth-child(3) a { background:#fff; display:inline-block; padding:5px; width:24px; margin:20px 0 0 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.footer .widget:nth-child(3) a img { width:100%;}
.footer .widget:nth-child(3) a:hover { background:#ebebeb;}

.footer .widget:nth-child(1) a { color: #aaa; }

.footer p.copyright { color:#777; margin:50px 0 10px 0; font-size:12px;}

h3 { font-size:15px; margin:10px 0 10px 0; font-weight:400; color:#00a072;font-family:'Roboto Slab',serif;}

input, textarea {-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important; }
input[type="text"],input[type="email"], textarea {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; width:100%; border:1px solid #ddd; padding:10px; outline:none; margin:0 0 10px 0;}
input[type="submit"] {-webkit-appearance: none;
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin:20px 0 0 0; border:none; background:#00a072; color:#fff; font-size:14px; padding:10px; float:right;}
input[type="submit"]:hover { cursor:pointer;}

.menuBtn { display: none; position: absolute; right: 0; top: 40px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background:#fff; width: 22px; height: 22px; padding: 10px;}
.menuCls { display: none; position: absolute; right: 0; left: 0; margin: auto; top: 20px;  -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; width: 42px; height: 42px;}

.menuCls:hover , .menuBtn:hover {cursor: pointer;}
.menuCls img , .menuBtn img { width: 100%; }

@media screen and (min-width: 740px) {
	.header .nav { width:100%;font-family: 'Roboto Slab', serif; text-align:center;}
	.header .nav ul { list-style:none;}
	.header .nav ul li { display:inline-block; margin:0 20px;}
	.header .nav ul li a { text-decoration:none; color:#fff; font-size:18px; font-weight:700; text-shadow:2px 2px 6px #000;}
	.header .nav ul li a.active, .header .nav ul li a:hover { color:#fcaf17;}
}

@media screen and (max-width: 999px) {
	.center { max-width:720px;}
	.home-slider .bx-controls { bottom:5%;}
	.home-slider .slide .caption { bottom:15%;}
}

@media screen and (max-width: 740px) {
	.center { max-width:480px;}
	.home-slider .bx-controls { display: none;}
	.home-slider .slide .caption { bottom:10%;}
	.home-box .box {width:100%; margin:0 0 20px 0; text-align: center;}
	.home-coffee .box { width:100%; margin: 0 0 20px 0;}
	.home-black-content .box, .home-red-content .box { width:100%; margin:0 0 20px 0; text-align: center;}
	.home-black-content .box:nth-child(2), .home-red-content .box:nth-child(2) { display: none; }
	.footer .widget { width:100%; margin: 0 0 20px 0; text-align: center; padding: 0 0 0 0;}
	.footer { background:url(../images/home-content-black.jpg) top center; padding: 40px 0;}
	.footer .widget:nth-child(3) { text-align:center; }
	.header .nav { display: none;}
	.header .nav { overflow: auto; margin: 0 0 0 0; display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,255.95); z-index: 9999; padding:80px 100px 50px 100px;-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important;}
	.header .nav ul { list-style:none; text-align: center;}
	.header .nav ul li { font-size:18px;}
	.header .nav ul li a { display:block; text-decoration:none; color:rgba(0,0,0,1); font-weight:500; padding: 10px 0; border-bottom:1px solid rgba(121,121,121,0.2);}
	.home-slider .slide .caption h1 { font-size:24px;}
	.home-slider .slide .caption p { font-size:14px;}
	.home-slider .slide .caption .center { max-width:480px;}
	.products .products-box .product-image, .products .products-box .product-desc {width:100%; margin:0 0 20px 0; }
	.contact .contact-desc, .contact .contact-form  {width:100%; margin:0 0 20px 0;  }
	.header .logo { width:130px; float:left;}
	.menuCls, .menuBtn { display: block; }
}

@media screen and (max-width: 520px) {
	.center { max-width:280px;}
	.home-slider .slide .caption { display: none; }
	.home-menu { display: none;}
	.home-black-content, .home-red-content { width:100%; padding:20px 0;}
	.page-banner { width:100%;overflow:hidden; height: 200px;}
}