@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {max-width: 100%;}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {width:100%;}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		9;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	15;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/
a, a:hover{text-decoration:none}



#header{position:fixed; height:50px; display:block; width:100%; background:#333; z-index:9; color:#f2f2f2; padding:20px 0 0 0; top:0px;}

.break{display:block; margin:5px 0 0 0; padding:0; font-size:0; height:0;}
.bullet{display:none;}
.video-container {position:relative; padding-bottom:56.25%; padding-top:35px; height:0; overflow:hidden;}
.video-container iframe {position: absolute; top:0; left:0; width:100%; height:100%;}

body {font-size:100%; font-family: 'museo_sans_cyrl300', Arial, sans-serif; background-color:#000}

#preloader {position:fixed; top:0; left:0; right:0; bottom:0; background:#000; z-index:99999; height:100%;}
#status {position:absolute; left:50%; top:50%; width:64px; height:64px; margin:-32px 0 0 -32px; padding:0;}

.fixed-img, .fixed-img2 {background-image:url(../images/homebg.jpg); height:100%; width:100%; position:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:-1;}

.fixed-img2 {background-image: url(../images/bg-wine-cellar.jpg)!important;}

.alertprivacy{position:fixed; bottom:0; width:90%; height:40px; display:block; z-index:3; text-align:center; color:#FFF; font-size:13px; padding:10px 5%; background: rgba(98, 22, 14, .8); line-height:1.5em}
.alertprivacy a{color:#fff;}
.alertprivacy a:hover{color:#bb8839}
p {font-size:120%;}

.btn-alertclose{background:rgba(98, 22, 14, 0); border:none; text-indent:0; display:inline-block; color:#fff; font-size:18px; font-weight:bold; line-height:1.25em; height:auto; padding: 5px 8px; text-decoration:none; text-align:center; margin-top:0; margin-bottom:0; cursor:pointer; float:left;}

#nav-wrap {height:40px;}

#logo {text-align:center;}
#logo2 {text-align:center; position:absolute; z-index:999; top:0; left:0; display:block; width:60%; padding: 15px 0 0 20%; }
#logo2 img{width:100px}

.brand {text-align:center; font-size:13px; color:#90692a;}
#dividerline {margin:10px 0 20px 0; height:30px; background:url(../images/line-divider.gif)center no-repeat;}
#dividerline2 {clear:none; float:left; margin:10px 0 10px 0; height:20px; text-align:center; width:100%;}

.dposeal{float:left; width:18%; display:block; margin-top:30px; margin-right:2%}
#privacy-body{float:left; margin-left:0; width:80%; display:block; margin-top:20px;}

#privacy-body, #privacy-body p, #privacy-body ol{font-size:14px; color:#ccc}

#about-body{clear:both; float:left; margin-left:0; width:100%; display:block; margin-top:20px;}
#about-body p{/*font-size:20px;*/font-size:18px; line-height:1.25em;}
#about-body ol{color:#ccc}
#about-body h1 {/*font-size:42px;*/font-size:28px; color:#9a7131; margin:0 0 25px 0; line-height:1em; font-weight: normal; border:none; font-family: 'museo_sans_med', Arial, sans-serif; padding-bottom:0}
#about-body h2 {font-size:28px; color:#ccc; margin:0; padding-bottom:0; font-weight:bold; width:100%}
#about-body h3 {font-size:26px; color:#ccc; margin:0; padding-bottom:10px; font-weight:normal;}
#about-body ul {color: #ccc; font-size: 18px;}

#about-body table .hdtxt, #about-body ol table .hdtxt{color:#fff; font-size:18px; font-weight:bold}
#about-body table, #about-body ol table{width:100%; font-size:16px;}
#about-body ol table{line-height: 1.231; color:#000}
.wrap-table{max-width:1000px; overflow-x:scroll; overflow-y:visible}

.imgfloatright {float:right; margin-left:15px; margin-bottom:15px;}

#news-body table .hdtxt{color:#fff; font-size:16px; font-weight:bold}
#news-body table{width:100%}

#news-list {margin-right:25px;}
#news-list h1 {font-size:24px; margin:0; padding-bottom:20px; border-bottom:1px solid #bb8839;}

.content{padding:30px; margin:120px auto 20px; background-color:rgba(0,0,0,0.8);}
.content h1{font-size:32px; /*font-weight:normal;*/ margin:0; padding-bottom:20px; border-bottom:1px solid #bd853b; display:block; width:100%; color:#ccc; clear:both; }
.content h2{font-size:28px; font-weight:normal; color:#ce9741; display:block; float:left; width:100%; margin-top:20px; margin-bottom:10px; font-family: 'museo_sans_med', Arial, sans-serif;}
.content h3{font-size:18px; font-weight:normal; color:#ce9741; display:block; float:left; width:100%; margin-top:0; margin-bottom:20px; font-family: 'museo_sans_med', Arial, sans-serif;}

.content .share{display:block; float:right; width:200px; color:#ccc; margin-top:20px; text-align:right}
.content .share span{display:inline-block;}
.content .share a{ margin-left:5px; display:inline-block;}

.content-body{display:block; float:left; width:100%; clear:both}
.content-body h4{font-size:14px; color:#ccc; margin:0; font-weight:normal;
/* Careful, this breaks the word wherever it is without a hyphen */
overflow-wrap:break-word; word-wrap:break-word;
  /* Adds a hyphen where the word breaks */
-webkit-hyphens:auto; -ms-hyphens:auto; -moz-hyphens:auto; hyphens:auto;}
.content-body a, .content-body h4 a{color:#ccc}
.content-body a:hover, .content-body h4 a:hover{color:#ce9741}
.content-body p{font-size:18px; color:#ccc; line-height:1.25em; text-align:justify; text-justify:inter-word;}
.content-body p.nojustify{text-align:left; text-justify:none;}
.content-body span img{width:100%}
.content-body span.imgleft{float:left; width:100%; background-color:rgba(187,136,57,0.5); display:block; margin:0 20px 20px 0; text-align:center}
.content-body span.imgleft p{font-size:14px; padding:10px 20px; display:block; margin:0}
.content-body span.mainimgleft{float:left; width:100%; background-color:rgba(187,136,57,0.5); display:block; margin:25px 20px 20px 0; text-align:center}
.content-body span.mainimgleft p{font-size:14px; padding:10px 20px; display:block; margin:0}

.content-body .video-container{clear:both; display:block}
.content-body .news-main-img{display:block; float:left; text-align:center; clear:both; width:100%; margin:30px 0;}
.content-body .news-main-img span{background-color:rgba(187,136,57,0.5); display: block; color:#ccc; font-size:14px; float:lef; margin:0 auto }
.content-body .news-main-img span.img2{width:auto}
.content-body .news-main-img span p{font-size:14px; padding:10px; display:block; margin:0}
.content-body .news-main-img span img{width:100%}
.content-body img.main-img-desktp{display:none}
.content-body img.main-img-mobile{display:block}
.content-body .thmb{clear:both; width:100%; display:block; float:left;}
.mbtm80 {margin-bottom:80px}
.content-body .thmb span{width:100%; display:block; height:30px; margin:10px 0; background: url(../images/divider300.png)center no-repeat;}
.content-body .thmb ul{padding:0; margin:0; list-style-type:none}
.content-body .thmb li{float:left; display:block; width:100%; margin-right:0; margin-top:20px}
.content-body .thmb li:nth-child(3n){margin-right:0} 
.content-body .thmb li a{display:block; font-size:17px; background-color:#000; text-align:center; padding:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration:none; color:#ccc;} 
.content-body .thmb li a:hover, .content ul.archive a:hover{color:#fff; background-color:rgba(71,41,12,0.6)}
.content-body .thmb li a img{margin-bottom:10px}

.main-photo{float:left; display:block; width:100%; margin:40px 0 0}
.main-text{float:left; display:block; width:100%; margin-left:0; margin-top:20px}
.main-text h2{width:100%!important; margin-top:0!important}
.main-text .rmore a p{float:left; width:100%px!important}

.content ul.archive{padding:0; margin:20px 0 0; list-style-type:none; background:url(../images/archive-line.gif) left top repeat-x; display:block; float:left; clear:both}
.content ul.archive li{float:left; display:block; width:100%; background:url(../images/archive-line.gif) left bottom repeat-x;}
.content ul.archive a{color:#ccc; background:url(../images/archive-arrow.gif) 0 19px no-repeat; padding:10px 0 10px 20px; display:block; font-size:20px}

.brand{float:left; display:block; width:50%; text-align:center; margin-top:40px}
.brand a{color:#ccc; text-decoration:none; font-size:24px}
.brand a:hover{color:#ce9741}

.pdflist{width:100%; font-size:24px;}
.pdflist ul{padding:0; margin:0; list-style-type:none;}
.pdflist ul li {display:block; padding: 0}
/*.pdflist ul li.pdf-icon a{display:block; float:left; clear:both; padding:10px 5px 12px 40px; background:url(../images/pdf-icon.png) no-repeat; background-position: 2px 6px;}*/

/*.pdflist ul li a{display:block; float:left; clear:both; padding:10px 5px 12px 18px; color:#ccc!important; text-decoration:none; background:url(../images/list-arrow.gif) no-repeat; background-position: 2px 18px; font-weight: normal!important;}	*/
.pdflist ul li a{display:block; float:left; clear:both; padding:10px 5px 12px 40px; color:#ccc!important; text-decoration:none; background:url(../images/pdf-icon.png) no-repeat; background-position: 2px 4px; font-weight: normal!important;}			   
.pdflist ul li a:hover{color:#c9963d!important;}

.pdflist2{width:100%; font-size:24px;}
.pdflist2 ul{padding:0; margin:0; list-style-type:none;}
.pdflist2 ul li {display:block; padding: 0}
.pdflist2 ul li a{display:block; /*float:left; clear:right;*/ padding:10px 5px 12px 18px; color:#ccc!important; text-decoration:none; 
background:url(../images/list-arrow.gif) no-repeat; background-position: 2px 18px; font-weight: normal!important;}
				   
.pdflist2 ul li a:hover{color:#c9963d!important;}

/*aboutlist*/
#aboutlist {margin-right:25px; margin-top:40px; display:none}
.aboutlist {font-size:20px;}
.aboutlist ul {margin:0; padding:0; list-style-type:none; border-top: 1px solid #bb8839;}
.aboutlist ul ul{border-top:none; border-bottom:1px solid #bb8839;}
.aboutlist ul ul li{border-bottom:1px dotted #634921;}
.aboutlist ul ul li a{margin:0; padding:10px 5px 12px 45px; background-position: 25px 17px;}
.aboutlist ul li {margin:0; padding:0 0 0 0; list-style-type:none; border-bottom:1px solid #bb8839;}
.aboutlist ul li.dotted {border-bottom:1px dotted #634921;}
.aboutlist ul li a {display:block; padding:10px 5px 12px 22px; color:#ccc; text-decoration:none; background:url(../images/list-arrow.gif) no-repeat; background-position: 5px 17px;}
.aboutlist ul li a:hover {color:#fff; background-color:rgba(71,41,12,0.6); background-position:10px 17px;}
.aboutlist ul li a.active, .aboutlist ul ul li a.active, .aboutlist2 ul li a.active, .aboutlist2 ul ul li a.active{color:#bb8839}	
.aboutlist ul ul li a:hover {background-position:30px 17px;}

/*aboutlist2*/
.aboutlist2 {font-size:20px; margin-top:20px;}
.aboutlist2 ul {margin:0; padding:0; list-style-type:none; border-top:1px solid #bb8839;}
.aboutlist2 ul ul{border-top:none; border-bottom:1px solid #bb8839;}
.aboutlist2 ul ul li{border-bottom:1px dotted #634921;}
.aboutlist2 ul ul li a{margin:0; padding:10px 5px 12px 45px; background-position: 25px 17px;}
.aboutlist2 ul li {margin:0; padding:0 0 0 0; list-style-type:none; border-bottom:1px solid #bb8839;}
.aboutlist2 ul li a {display:block; padding:10px 5px 12px 22px; color:#ccc; text-decoration:none; background:url(../images/list-arrow.gif) no-repeat; background-position: 5px 17px;}
.aboutlist2 ul li a:hover {color:#fff; background-color:rgba(71,41,12,0.6); background-position:10px 17px;}
.aboutlist2 ul ul li a:hover {background-position:30px 17px;}			   

/*neswslist*/
.news-list {font-size:14px;}
.news-list ul {margin:0; padding:0; list-style-type:none; /*border-top: 1px solid #bb8839;*/}
.news-list ul li {margin:0; padding:0 0 0 0; list-style-type:none; border-bottom:1px solid #bb8839;}
.news-list ul li a {display:block; padding:10px 5px 12px 22px; color:#000; text-decoration:none; background:url(../images/news-arrow.gif) no-repeat; background-position: 5px 11px;}
.news-list ul li a:hover {color:#000; background:#fff url(../images/news-arrow.gif) no-repeat; background-position:10px 11px;}

/*neswslist2*/
.news-list2 {font-size:14px; margin-top:20px;}
.news-list2 ul {margin:0; padding:0; list-style-type:none; border-top:1px solid #bb8839;}
.news-list2 ul li {margin:0; padding:0 0 0 0; list-style-type:none; border-bottom:1px solid #bb8839;}
.news-list2 ul li a {display:block; padding:10px 5px 12px 22px; color:#000; text-decoration:none; background:url(../images/news-arrow.gif) no-repeat; background-position: 5px 11px;}
.news-list2 ul li a:hover {color:#000; background:#fff url(../images/news-arrow.gif) no-repeat; background-position:10px 11px;}

.gridContainer3 {margin-left:auto; margin-right:auto; width:100%;}

.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{height: auto !important;}
.fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell {height: auto !important;}

#latestnews-wrap{display:block; width:100%; padding:20px 0 0; margin-left:auto; margin-right:auto; height:auto; font-family: 'museo_sans_med', Arial, sans-serif;}

.latestnews01{position:relative; float:left; display:block; width:100%; background:#000;}

.latestnews01 h1{position:absolute; z-index:2; bottom:0; background-color: rgba(0,0,0,0.8); width: 100%; margin:0; padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:block; font-weight:normal; font-size:18px; text-align:center; text-transform: uppercase;}

.latestnews02{float:left; display:block; width:94%; margin:10px 3% 0; background:url(../images/news/divider-dots.gif) top repeat-x; padding:19px 0; text-transform: uppercase;}
.latestnews02box{float:left; display:block; width:100%; padding-bottom:19px; background:url(../images/news/divider-dots.gif) bottom repeat-x; margin-bottom:19px;}
.latestnews02box img{float:left; display:block; width:35%;}
.latestnews02box p{float:left; display:block; width:63%; margin:5px 0 0 2%; font-size:14px;}
.latestnews01 a h1, .latestnews02 a p{color:#ccc}
.latestnews01 a:hover h1, .latestnews02 a:hover p{color:#ce9841}

.latestnews02 .rmore a p, .main-text .rmore a p {float:left; padding:15px 32px; border:2px #8c6239 solid; width:60%; margin:0 20%; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:15px; background-color:rgba(0,0,0,0.3); color:#ccc}
.latestnews02 .rmore a:hover p, .main-text .rmore a:hover p{background-color:#301d0a}

#new1 {clear:both; float:left; margin-left:0; width:100%; display:none;}
#news2 {clear:none; float:left; margin-left:2.6785%; width:100%; display:none;}
#news3 {clear:none; float:left; margin-left:2.6785%; width:100%; display:none;}
#section1, #section2, #section3, #section4, #section5, #about, main.html#contact, #footer{overflow:hidden;}
#collection-classic, #collection-light, #collection-gold, #collection-hotshot, #collection-dlight, #collection-deluxe, #collection-special, #collection-majestic, #collection-grand, #collection-red, #collection-coffee, #collection-importedlight{overflow:hidden;}

.cover-wrap{margin-left:auto; margin-right:auto; width:80%; padding-left:10%; padding-right:10%; height:100%;}
.cover-wrap span{float:left; width:100%}
.cover-wrap span.coverhd{width:100%; margin-top:110px; text-align:center}
.cover-wrap span.coverhd img{margin:0 auto; width:60%}
.cover-wrap span.coverlearnmore{width:100%; text-align:center; margin-top:175px; margin-bottom:55px}
.cover-wrap span.coverlearnmore img{width:250px}

.collection-wrap, .collection-wrap2{text-align:center; display:none}
.collection{display:block; background:url(../images/collection/collectionbg2.jpg); background-position: 50% 0; background-size:cover;  background-repeat:no-repeat; padding-top:90px; padding-bottom:40px}
.collection h1{text-align:center; color:#fff; margin-top:10px; margin-bottom:20px; font-weight:normal; font-size:25px}
.bttl img{height:auto; width:100%; vertical-align:middle; opacity: 0.5; -webkit-transform: scale(0.70); transform: scale(0.70); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s, -webkit-filter 0.3s, filter 0.3s; transition: opacity 0.3s, transform 0.3s, filter 0.3s;}
.bttl{width:65px; height:auto;  margin:0 auto; vertical-align:bottom}
.bttl.majestic{margin:0 auto; padding-right:20px}
.bttl.grand{margin:0 auto; padding-right:40px}
.center .bttl.grand img{margin-top:10px; width:110px !important; max-width:none !important; padding-left:0}
.bttl.grand img{margin-top:40px; width:95px !important; max-width:none !important; padding-left:0}
.bttl.majestic img{margin-top:10px; width:85px !important; max-width:none !important; padding-left:0}
.owl-carousel{width:600px; display:block}

.center .bttl img{opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-filter: none; filter: none;}

.ribbon{position:relative; text-align:right; z-index:2; top:30px;}
.ribbon2{position:relative; text-align:left; z-index:2; top:30px;}
.ribbon img, .ribbon2 img{width:300px; height:auto}
.brand-wrap2{position:relative; z-index:1;}
.brand-wrap, .footer {margin-left:auto; margin-right:auto; width:80%; padding-left:10%; padding-right:10%; height:100%;}
#fullpage.mtop{/*top:116px*/top:91px}
.brand-wrap span, .brand-wrap div.info{float:left; text-align:center; width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; height:auto;}

.brand-wrap span.info{width:100%; margin:0; display:table-header-group; float:none; vertical-align: middle; text-align:center}
.brand-wrap span.info h1{font-family: 'vollkornregular', Arial, sans-serif; font-size:46px; font-weight:normal; text-align:center; margin-top:0; line-height:1em}
.brand-wrap span.bottle img{height:auto; max-height:100%; width:25%; max-width:100%; padding-top:30px}
.brand-wrap span.bottle.dlight img{width:77%; padding-top:20px}
.brand-wrap span.bottle.coffee img{width:65%; padding-top:20px; margin-left:15%}
.brand-wrap span.bottle.red img{width:35%; padding-top:20px}
.brand-wrap span.info img{width:50%; margin:30px 25% 10px; display:block; text-align:center}
.brand-wrap span.info.hotshot img{width:70%; margin:30px 15% 10px; display:block; text-align:center}
.brand-wrap span.info.hotshot img.tagtxt{width:100%; margin:0 auto;}
.brand-wrap span.info.red img {width: 70%; margin:30px 15% 0; display:block; text-align:center}
.brand-wrap span.info.dlight img {width: 66%; margin:50px 18% 0; display:block; text-align:center}
.brand-wrap span.info.coffee img {width: 66%; margin:50px 18% 0; display:block; text-align:center}

.brand-wrap span.light img, .brand-wrap span.deluxe img, .brand-wrap span.importedlight img{margin-top:30px;}
/*.brand-wrap span.gold img*/
.brand-wrap bottle.gold img{width:25%; margin:20px 37.5% 0;}
.brand-wrap span.bottle.grand img{width:42%; margin:30px 29% 0;}
.brand-wrap span.bottle.majestic img{width:35%; margin:30px 29% 0;}
.brand-wrap span.info.special img, .brand-wrap span.info.majestic img, .brand-wrap span.info.grand img{margin-top:60px;}
.brand-wrap span.info.majestic img, .brand-wrap span.info.grand img{width:65%; margin-left:17.5%; margin-right:17.5%}
.brand-wrap a{border:none; text-decoration:none; color:#fff; width:100%; display:table}

.brand-wrap span.bottle{width:100%; margin:0; display:table-footer-group; vertical-align: middle; text-align:center}
.brand-wrap span.mbottle{display:none}
.brand-wrap span.info.light h1{font-family: 'latothin', Arial, sans-serif; font-size: 45px; font-weight: normal; text-align: center; margin:10px 0 0; line-height:.75em}
.brand-wrap span.info.light h2{font-family: 'latothin', Arial, sans-serif; font-size: 24px; font-weight: normal; text-align: center; margin:0}
.brand-wrap span.info.gold h1{font-family: 'vollkornregular', Arial, sans-serif; font-size: 45px; font-weight: normal; text-align: center; color:#fff; }
.brand-wrap span.info.deluxe h1{font-family: 'vollkornregular', Arial, sans-serif; font-size: 16px; font-weight: normal; text-align: center; color:#fff; margin:20px 0 0; line-height:0}
.brand-wrap span.info.deluxe h2{font-family: 'vollkornregular', Arial, sans-serif; font-size: 38px; font-weight: normal; text-align: center; color:#fff; margin:0 10%; line-height:1.25em}
.brand-wrap span.info.special h1{font-family: 'vollkornregular', Arial, sans-serif; font-size: 16px; font-weight: normal; text-align: center; margin:0 8% 25px}
.brand-wrap span.info.majestic h1{font-family: 'vollkornitalic', Arial, sans-serif; font-size: 16px; font-weight: normal; text-align: center; margin:0 8% 0; line-height:1.25em}
.brand-wrap span.info.grand h1{font-family: 'vollkornitalic', Arial, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; text-align: center; margin:0 10% 0; line-height:1.25em}
.brand-wrap span.info.importedlight h1{font-size: 16px; margin:0 5%; line-height:1.25em; font-family: 'Museo W03 500' !important; font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale}

/*.brand-wrap div.info.light, .brand-wrap div.info.deluxe, .brand-wrap div.info.hotshot{padding-left:150px; padding-right:0}*/
.brand-wrap div.minfo.light, .brand-wrap div.minfo.deluxe, .brand-wrap div.minfo.hotshot, .brand-wrap div.minfo.importedlight, .brand-wrap div.minfo.coffee{padding-left:0;}
.brand-wrap div.info{width:75%; color:#fff}
.brand-wrap div.info.coffee{color:#046648}
.brand-wrap div.minfo{width:100%}
.brand-wrap div span{display:block; width:50%; margin-top:130px; padding:0 2%}

.brand-wrap div span.padbtm{padding-bottom:24px}
.brand-wrap div span span.size{padding:0 1%}
.brand-wrap div span.hotshottxt{display:block; width:100%; margin-top:20px; padding:0 2%; font-family: 'passiontea'; letter-spacing:3px; font-size:18px}
.brand-wrap div span.hotshottxt2{display:block; width:100%; margin-top:20px; padding:0 2%; font-family: 'passiontea'; letter-spacing:3px; font-size:28px}
.brand-wrap .hotshot div span.glass{display:none}
.brand-wrap span.glassmobile{display:block; width:80%; margin:140px 10% 0}
.brand-wrap div span.mtop2{margin-top:60px}
.brand-wrap div span.mtop2.cblock{margin-left: auto; margin-right: auto; display:block; width:100%}
.brand-wrap div span img{display:block; margin:0 auto; width:auto; height:70px}
.brand-wrap div span h3{font-family: 'latothin'; font-weight:normal; font-style:normal; margin-top:3px}
.brand-wrap div.coffee span h3{font-family: 'minionpro-it'; margin-bottom:0; font-weight:600}

.brand-wrap div.coffee span p{font-family: 'museo_sans_med'; font-size:15px; height:50px}
.brand-wrap div span p{font-family: 'minionpro-it'; display:block; width:80%; text-align:center; font-size:20px; padding:0 10%}
.brand-wrap .pwrap{float:left; display:block; width:100%; padding-left:0; margin-top:20px; font-family: 'latothin'; font-size:20px;}

.brand-wrap .ingrednt{float:left; display:block; width:100%; margin-top:0;}
.brand-wrap .ingrednt h3, .brand-wrap .ingrednt p{float:left; width:100%; text-align: center}
.brand-wrap .ingrednt h3{font-family: 'latothin'; font-weight: normal; font-style: normal; margin-bottom:0}

.brand-wrap .ingrednt p{font-family: 'minionpro-it'; font-weight: normal; font-style: normal;}


.brand-wrap .pwrap.coffee{margin-top:40px;}
.brand-wrap div span.proof{float:left; display:block; text-align:center; margin-top:0; width:100%; padding:0}
.brand-wrap div span.pwrap2{float:left; margin-top:30px; width:100%; text-align:center; border-top:1px solid #fff; padding-top:30px}
.brand-wrap div.coffee span.pwrap2{border-top:1px solid #046648;}
.brand-wrap div span.proof img{margin:0 5px; display:inline-block; width:90px; height:auto}
.brand-wrap div span span.size{font-family: 'minionpro-it'; margin:10px 0 50px; float:none; width:auto; display:block; font-size:18px}
br.brk{display:none}
.brand-wrap .returnbtn, .brand-wrap .returnbtn2, .brand-wrap .returnbtn2.dlight{float:left; width:100%}
.brand-wrap .returnbtn a, .brand-wrap .returnbtn2 a{color: #ccc; display:block; text-decoration:none; margin:0 auto 20px; width:100%; text-align:center; padding:15px 0; border:2px solid #8c6239;}
.brand-wrap .returnbtn2.coffeebtn a{color: #046648; border:2px solid #046648;}
.brand-wrap .goldbtn a{border:2px solid #b98846;}
.brand-wrap .returnbtn a:hover, .brand-wrap .returnbtn2 a:hover{background-color:#301d0a}
.brand-wrap .returnbtn2.coffeebtn a:hover{color:#fff}
.brand-wrap .pwrap span.pwrap2 span.pdivider{font-family:'latothin'; margin:0; width:auto; padding:0 3px; display:inline-block; float:none; text-align:left}
.brand-wrap div span.proof img{height:auto}

.tvc-wrap {margin-left:auto; margin-right:auto; width:100%; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:20px;}
.tvc-wrap a{color: #FFF; display:block; text-decoration:none; margin:10px auto 0; width:200px; text-align:center; padding:15px; border:2px solid #8c6239;}
.tvc-wrap a:hover, .about-wrap a:hover, .thankyou-wrap a:hover{background-color:#301d0a}
.tvc-container div a:hover{background-color:#000}
.tvc-container {position:relative; padding-bottom:56.25%; padding-top:35px; height:0; overflow:hidden;}
.tvc-container div a{display:none; background-color:#301d0a; padding:15px; width:200px; border:2px solid #8c6239;}
.tvc-container iframe {position: absolute; top:0; left:0; width:100%; height:100%;}

.about-wrap{margin-left:auto; margin-right:auto; width:80%; padding:40px 0; text-align:center;}
.about-wrap p, .thankyou-wrap p{font-size:14px; color:#ccc; width:100%; padding:30px 0 0; margin:20px auto; display:block; line-height: 1.5em; background: url(../images/divider300.png) top center no-repeat; }
.about-wrap a, .thankyou-wrap a{color: #ccc; display:block; text-decoration:none; margin:0 auto; width:200px; text-align:center; padding:15px; border:2px solid #8c6239;}

.contact-wrap {margin-left:auto; margin-right:auto; width:100%; padding-left:0; padding-right:0;}

.thankyou-wrap{margin-left:auto; margin-right:auto; width:80%; padding:40px 0; text-align:center; }
.thankyou-wrap p{font-size:16px; background:none; margin-top:150px; margin-bottom:80px}

.footer {margin-left:auto; margin-right:auto; width:100%; padding-left:0; padding-right:0;}

.contactcontent{width:90%; margin:50px auto 0;}
.map-container {position: relative; padding-bottom: 60%; padding-top: 30px; height: 0; overflow: hidden;}
.map-container iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.contactdetails{color:#ccc; float:left; width:100%; margin-right:auto; margin-bottom:20px}
.contactdetails2{display:none}
.contactdetails p, .contactdetails2 p{display:block; clear:both; font-size:16px}
.contactdetails p a, .contactdetails2 p a{color:#ccc; text-decoration:none}
.contactdetails p a:hover, .contactdetails2 p a:hover{color:#bc8a3b}
.contactdetails p span{display:block; float:left; margin-bottom:20px; width:60px; text-align:center}
.contactdetails p span img{ }
.contactdetails p i{font-size:28px; color:#fff; margin:0 10px 15px; display:block; float:left}
.contactdetails p a.alink{line-height:0; padding-top:13px; display:block; float:left}
.contactdetails p.address{margin-top:30px}
.contactdetails p.contactsocial{display:block}

.contactform{float:left; width:100%; margin-left:auto; display:block;}
.contactform input.name, .contactform input.email{width:49%; float:left; display:block;}
.contactform input.name{margin-right:2%}
.contactform input, .contactform textarea{font-family: 'museo_sans_cyrl300', Arial, sans-serif; display:block; width: 100%; padding:2%; margin-bottom:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: rgba(255,255,255,0.7); border:none}
.contactform select{display:block; width: 100%; margin-bottom:5px;}
.contactform input::-webkit-input-placeholder { /* Chrome/Opera/Safari */opacity:1; color: black;}
.contactform input::-moz-placeholder { /* Firefox 19+ */opacity:1; color: black;}
.contactform input:-ms-input-placeholder { /* IE 10+ */opacity:1; color: black;}
.contactform input:-moz-placeholder { /* Firefox 18- */opacity:1; color: black;}
.contactform textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */opacity:1; color: black;}
.contactform textarea::-moz-placeholder { /* Firefox 19+ */opacity:1; color: black;}
.contactform textarea:-ms-input-placeholder { /* IE 10+ */opacity:1; color: black;}
.contactform textarea:-moz-placeholder { /* Firefox 18- */opacity:1; color: black;}
.contactform .capchabox{text-align:center; display:block; color:#FFF; font-size:14px; width:100%; margin-top:30px;}
.contactform .capchabox input{width:75%; margin:10px auto}
.contactform .submitbtn{width:100%; display:block; clear:both; margin-top:20px; margin-bottom:40px}
.contactform .submitbtn a{color: #FFF; display:block; text-decoration:none; margin:0 auto; width:200px; text-align:center; padding:15px; border:2px solid #bc8a3b; background-color: rgba(0,0,0,0.3)}
.contactform .submitbtn a:hover{background-color:#301d0a}

#recaptcha div {margin: 0 auto;}

.footer-wrap, .footer-wrap2 {width:80%; padding:40px 10%; font-size:12px; color:#ccc; background-color: rgba(0,0,0,0.6); display:block; clear:both;}
.footerlink {margin-left:0; width:100%; display:block; margin-bottom:25px; clear:both; text-align:center}
.footerlink ul {display:block; padding:70px 0 0 0; margin:0 auto; width:100%; list-style-type:none; background: url(../images/footer-line.png) top center no-repeat;}
.footerlink ul li{display:block; padding:0; width:100%; border-bottom: 1px dotted #786153}
.footerlink a{text-decoration:none; line-height:25px; color:#ccc; padding:10px 0; display:block;}
.footerlink a:hover{color:#bc8a3b}
.footerlink li.sep {display:none;}
/*.socialfooter{width:100%; display:block; padding:10px 0 15px}*/
.socialfooter{width:50%; display:block; padding:10px 0 15px; margin-left:25%; float:left}
.seal{width:25%; float:left; display:block; margin-top:15px}
.seal img{padding-left:100px}

.socialfooter span{display:block; float:left; width:50%; font-size:18px; text-align:center}
.socialfooter a{display:block; width:30px; float:right}
.socialfooter a.left {float:left;}
.copyright {width:100%; text-align:center; display:block; clear:both;}
.copyright a{color:#ccc}
.copyright a:hover{color:#bc8a3b}

.news-img {clear:both; margin-bottom:2%; width:97%; display:block; padding: 7px; border: 1px solid #cfa75e; background-color:#FFF;}

.news-img-caption{float:right; margin-bottom:15px; width:97%; display:block; padding: 7px; border: 1px solid #cfa75e; background-color:#FFF;}
.news-img-caption p.caption2{font-size: 12px !important; margin-top:5px; margin-bottom:0}
.news-img-caption img{width:100%}

#news-body .caption {font-style:italic; font-size:13px;}

#news-list-bottom {clear:both; float:left; margin-left:0; width:100%; display:block;}
#aboutlist-bottom {clear:both; float:left; margin-left:0; width:100%; display:block;}

#investor-body {clear:both; float:left; margin-left:0; width:100%; display:block; color:#ccc/*margin-top: 20px;*/}
#investor-body h1 {font-size:24px; margin:0; padding-bottom:20px; border-bottom:1px solid #bb8839;}
#investor-body h2 {font-size:34px; color:#9a7131; margin:0; padding-bottom:0; font-weight:normal; width:100%}
#investor-body p {font-size:20px; line-height:1.25em;}

/*.inv-list-wrap {clear: both; float:left; margin-left:0; width:100%; display:block;}*/
.inv-list h1 {font-size:24px; color:#ccc; margin:0; padding:10px 0; border-bottom:1px solid #bb8839; font-weight:normal}

.m-right {margin-right:5%;}
.no-m-right {margin-right:0;}

/*investor list*/
.inv-list {font-size:20px;}
.inv-list ul {margin:0; padding:0; list-style-type:none; /*border-top: 1px solid #bb8839;*/}
.inv-list ul li {margin:0; padding:0; list-style-type:none; border-bottom:1px solid #bb8839;}
.inv-list ul li a {display:block; padding:10px 5px 12px 22px; color:#ccc; text-decoration:none; background:url(../images/list-arrow.gif) no-repeat; background-position:5px 17px;}
.inv-list ul li a:hover {color:#fff; background-color:rgba(71,41,12,0.6); background-position:10px 17px;}

#mainnav {display:block; width:100%; position: fixed; z-index:9; top:0px; overflow-y:auto; max-height: 100%;}


/* Backgrounds will cover all the section
	* --------------------------------------- */
	.section{background-size: cover;}
	.slide{background-size: cover;}

	/* Defining each section background and styles
	* --------------------------------------- */
	#cover{background-image: url(../images/coverbg.jpg); background-size:200% auto; background-repeat:no-repeat; background-position:65% 90px;}
	#section0{}
	#section1{background-color:#000;}
	#section2{background-color:#000;}
	
	#section3{background:url(../images/collection/collectionbg.jpg); background-position:50% 0%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
	
	#section4{background:url(../images/collection/collectionbg.jpg); background-position:center; background-size:cover;}
	#section5{background-color:#000;}
	
	#section6{background-color: rgba(0,0,0,0.4);}
	#section7{background-color: rgba(56,42,4,0.5);}
	
	#about{background-color: rgba(0,0,0,0.4);}
	main.html#contact{background-color: rgba(56,42,4,0.5);}
	#footer{background-color: rgba(56,42,4,0.5);}
	
	#collection-classic{background-image: url(../images/collection/classicbg.jpg); background-position: center;}
	#collection-light{background-image: url(../images/collection/lightbg.jpg); background-position: center;}
	#collection-dlight{background-image: url(../images/collection/dlightbg-mobile.jpg); background-position: 50% 90%;}
	#collection-coffee{background-image: url(../images/collection/coffeebrandy-bg.jpg); background-position: center;}
	#collection-importedlight{background-image: url(../images/collection/importedlight-bg.jpg); background-position: center;}
	#collection-gold{background-image: url(../images/collection/goldbg.jpg); background-position: center;}
	#collection-hotshot{background-image: url(../images/collection/hotshotbg.jpg); background-position: center;}
	#collection-deluxe{background-image: url(../images/collection/deluxebg2.jpg); background-position: center;}
	#collection-special{background-image: url(../images/collection/specialbg.jpg); background-position: 28% 50%;/*background-position: center;*/}
	#collection-majestic{background-image: url(../images/collection/majesticbg2.jpg); background-position: center;}
	#collection-grand{background-image: url(../images/collection/grandbg.jpg); background-position: center;}
	#collection-red{background-image: url(../images/collection/redbg-mobile.jpg); background-position: 50% 90%;}

    #collection-clvb{background-image: url(../images/collection/CLVB_bg.jpg); background-position: center;}
#collection-clvb2{background-image: url(../images/collection/CLVB_bg02.jpg); background-position: center;}

.brand-wrap span.info.clvb img.clvblogo{display:none}
.brand-wrap span.info.clvb img.clvblogo2{display:block; width: 70%; margin: 30px 15% 10px; text-align: center;}

.red img.dlogo{display:none !important}
.red img.mlogo{display:block !important}
/*back to top button*/
.cd-top {display:inline-block; height:30px; width:30px; position:fixed; bottom:5px; right:5px; box-shadow:0 0 10px rgba(0, 0, 0, 0.05);
/* image replacement properties */
overflow:hidden; text-indent:100%; white-space:nowrap; background:rgba(0, 0, 0, 1) url(../images/cd-top-arrow.svg) no-repeat center 50%; visibility:hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; z-index:3;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition:opacity .3s 0s, visibility 0s 0s; -moz-transition:opacity .3s 0s, visibility 0s 0s; transition:opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible {/* the button becomes visible */ visibility: visible;opacity: 1;}
.cd-top.cd-fade-out {/* if the user keeps scrolling down, the button is out of focus and becomes less visible */opacity: .5;}
.no-touch .cd-top:hover {background-color: #e86256; opacity: 1;}
#about-body table .hdtxt .tshares{display:block; width: 132px;}

/* Mobile Layout: 480px and below. */
@media only screen and (min-width: 321px) {
#logo {clear:both; float:left; margin-left:0; width:100%; display:block; padding:10px 0 20px 0;}

}

@media only screen and (min-width: 400px) {
.alertprivacy{height:20px; padding: 3px 0 16px; width:100%;}
.btn-alertclose{float:none;}
#cover{background-size:230% auto; background-position:65% 80px;}

.cover-wrap span.coverhd{margin-top:115px;}
.cover-wrap span.coverhd img{margin:0 auto; width:60%}
.cover-wrap span.coverlearnmore{margin-top:315px; margin-bottom:35px}
.collection{display:block; background:url(../images/collection/collectionbg2.jpg); background-position: 50% 20%; background-size:cover; padding-top:30px; padding-bottom:20px}
.collection h1{text-align:center; color:#fff; margin-top:10px; margin-bottom:30px; font-weight:normal; font-size:28px}
.bttl img{height:auto; width:100%; vertical-align:middle; opacity: 0.5; -webkit-transform: scale(0.70); transform: scale(0.70);
/*-webkit-filter:blur(5px); filter:blur(5px);*/
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s, -webkit-filter 0.3s, filter 0.3s; transition: opacity 0.3s, transform 0.3s, filter 0.3s;}
.bttl{width:100px; height:auto;  margin:0 auto; vertical-align:bottom}
.bttl.majestic{margin:0 auto; padding-right:30px}
.bttl.grand{margin:0 auto; padding-right:60px}
.center .bttl.grand img{margin-top:35px; width:160px !important; max-width:none !important; padding-left:0}
.bttl.grand img{margin-top:90px; width:130px !important; max-width:none !important; padding-left:0}
.bttl.majestic img{margin-top:40px; width:120px !important; max-width:none !important; padding-left:0}
.owl-carousel{width:600px; display:block}
.center .bttl img{opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-filter: none; filter: none;}
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.break{display:none;}
.bullet{display:inline-block; padding:0 5px}

.gridContainer3 {width:100%; margin:auto;}

#nav-wrap {clear:both; float:left; margin-left:0; width:100%; display:block;}

#news-wrap {clear:both; float:left; margin-left:0; width:100%; display:block;}
#newsframe {clear:both; float:left; margin-left:0; width:100%; display:block;}

.about-wrap{margin-left:auto; margin-right:auto; width:100%; padding:40px 0; text-align:center;}
.about-wrap p{font-size:16px; background: url(../images/divider480.png) top center no-repeat; width:80%; ; padding:30px 10% 0;}
.thankyou-wrap p{font-size:16px; margin-bottom:80px; margin-top:130px}
.content-body .thmb span{background: url(../images/divider480.png)center no-repeat;}
}
@media only screen and (min-width: 535px) {	
.brand-wrap div span.padbtm{padding-bottom:0}

}

@media only screen and (min-width: 700px) {	
#privacy-body, #privacy-body p, #privacy-body ol{font-size:20px;}
#fullpage.mtop{top:30px}
.latestnews02box p{font-size: 1.5em; margin-top:18px}
.latestnews01 h1 {font-size: 32px;}

#cover{background-size:120% auto; background-position:70%; margin-top:20px}
.cover-wrap span.coverhd{width:50%; margin-right:50%; margin-top:180px}
.cover-wrap span.coverhd img{margin-left:70px;}
.cover-wrap span.coverlearnmore{margin-top:140px; margin-bottom:10px}
.brand-wrap span.info h1{font-size: 50px;}
.brand-wrap span.info.light h1{font-size: 60px;}
.brand-wrap span.info.light h2{font-size: 30px;}
.brand-wrap span.info.gold h1{font-size: 56px; margin-bottom:0}
.brand-wrap span.info.deluxe h1{font-size: 18px}
.brand-wrap span.info.deluxe h2{font-size: 46px; margin:0 20%; line-height:1.10em}
.brand-wrap span.info.deluxe h1{font-size: 46px; margin:0 20%; line-height:1.25em}
.brand-wrap span.info.importedlight h1{font-size: 22px; margin:0 5%; line-height:1.25em; font-family: 'Museo W03 500' !important; font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale}
.brand-wrap span.info img{width:32%; margin: 115px 34% 40px;}
.brand-wrap span.info.light img{margin-top:40px; margin-bottom:10px}
.brand-wrap span.info.majestic img{width:40%; margin: 40px 30% 20px;}
.brand-wrap span.info.grand img{width:40%; margin: 40px 30% 20px;}
.brand-wrap span.bottle img{width:20%; padding-top:40px}
.brand-wrap span.bottle.light img{padding-top:10px}
.brand-wrap span.info.gold img{margin-top:40px; margin-bottom:25px}
.brand-wrap span.bottle.gold img{padding-top:25px}

.brand-wrap span.info.importedlight img{margin-top:40px; margin-bottom:10px}
.brand-wrap span.bottle.importedlight img{padding-top:10px}

.brand-wrap span.info.deluxe img{margin-top:40px; margin-bottom:10px}
.brand-wrap span.bottle.deluxe img{padding-top:10px}
.brand-wrap span.info.special img{margin-top:30px; margin-bottom:15px}
.brand-wrap span.bottle.majestic img{padding-top:20px; width:24%}
.brand-wrap span.bottle.grand img{padding-top:20px; width:26%}

.brand-wrap div.coffee span h3{font-size:30px;}
.brand-wrap div.coffee span p{font-size:20px; height:60px}
.brand-wrap div.coffee span.mtop2 p{margin-bottom:0}
.brand-wrap div.coffee span.mtop2.cblock p{margin-bottom:30px}
.brand-wrap div.coffee span img{height:95px; width:auto}


.collection{display:none}
.collection-wrap h1{display:block; font-weight:normal; margin-top:70px; color:#fff}
.collection-wrap, .collection-wrap2{text-align:center; display:block}
#section3{background-position:50% 55%;}
#section4{background-position:50% 65%;}

.collection-wrap img{width:11%; height:auto; margin:30px 5% 0; max-height:100%;}
.collection-wrap2 img{width:11%; height:auto; margin:30px 5% 0; max-height:100%;}
.collection-wrap2 img.majestic{width:12.5%; margin-top:85px}
.collection-wrap2 img.grand{width:14.5%; margin-top:130px; margin-bottom:-10px}

.about-wrap p{font-size:18px; width:80%; padding:40px 10% 0; margin:30px auto; display:block; line-height:1.75em; background: url(../images/divider768.png) top center no-repeat;}
.thankyou-wrap p{font-size:18px; margin-top:200px; margin-bottom:100px}

#section2{background-position:0 55%;}

.content{padding:50px;}
.content-body .thmb li{display:block; width:49%; margin-right:2%;}
.content-body .thmb li:nth-child(3n){margin-right:2%} 
.content-body .thmb li:nth-child(2n){margin-right:0} 
.content-body .thmb li a{height:245px}
.content-body .thmb span{background: url(../images/divider768.png)center no-repeat;}
.main-photo{width:50%; margin:40px 0}
.main-text{width:48%; margin-left:2%; margin-top:40px}
.main-text .rmore a p{float:left; margin:0!important; width:auto!important}
.brand{float:left; display:block; width:25%; text-align:center; margin-top:40px}
.content-body img.main-img-desktp{display:block}
.content-body img.main-img-mobile{display:none}

.latestnews02 .rmore a p{width:40%; margin:0 30%;}
.brand-wrap span.info.hotshot img {width:50%; margin:30px 25% 10px;}
.brand-wrap span.info.hotshot img.tagtxt{width:70%; margin:0 auto;}
.brand-wrap span.glassmobile {width:60%; margin:140px 20% 0;}
}

@media only screen and (min-width: 768px) {
.cd-top {right: 20px; bottom: 20px;}
/*.brand-wrap span.mbottle{display:block}*/
/*.brand-wrap div.minfo{width:80%; padding-left:0}*/
/*.brand-wrap div.red.minfo {width:78%; padding-left:0}
.brand-wrap div.majestic.minfo{width:78%; padding-left:0}*/
.brand-wrap div.minfo.light, .brand-wrap div.minfo.hotshot{padding-left:0}
/*.brand-wrap div span.mtop2{margin-top:220px}
.brand-wrap div span{width:25%; margin-top:220px}*/
.brand-wrap div span.hotshottxt{width:70%; margin:20px 15% 0;/*margin:200px 15% 0;*/ font-family:'passiontea'; letter-spacing:3px; font-size:24px}
/*.brand-wrap .pwrap{display:block; width:95%; padding-left:5%;}*/
.brand-wrap div span h3{margin-top:20px}
/*.brand-wrap div span.proof{text-align:left; margin-top:0; width:29%; padding:0}
.brand-wrap div span.pwrap2{margin-top:30px; width:70%; text-align:left; border:none; padding-top:0}*/
.brand-wrap div span span.size{display:inline-block; margin:0;}
.brand-wrap .returnbtn{/*display:block; width:75%; padding-left:25%;*/ margin-top:20px; margin-bottom:20px}
.brand-wrap .returnbtn2{/*display:block; width:75%; padding-right:25%;*/ margin-top:20px; margin-bottom:20px}
.brand-wrap .returnbtn a, .brand-wrap .returnbtn2 a{color: #ccc; display:block; text-decoration:none; margin:0 auto; width:200px; text-align:center; padding:15px; border:2px solid #8c6239;}
/*.brand-wrap .returnbtn2.dlight a{margin:0 25px}*/
.brand-wrap .goldbtn a{border:2px solid #b98846;}
.brand-wrap .returnbtn a:hover, .brand-wrap .returnbtn2 a:hover{background-color:#301d0a}
.brand-wrap span.bottle.dlight img{width:62%}
.brand-wrap span.bottle.coffee img{width:62%}
.brand-wrap span.bottle.red img{width:28%}
}

@media only screen and (min-width: 769px) {
.gridContainer {width:89.0217%; max-width:1232px; padding-left:0.4891%; padding-right:0.4891%; margin:auto;}
.gridContainer2 {margin-left:auto; margin-right:auto; width:100%; padding-left:0; padding-right:0; padding:34px 0 50px 0; margin-bottom:20px}
.gridContainer3 {width: 100%; max-width: 1250px; margin: auto;}

#nav-wrap {clear:both; float:left; margin-left:0; width:100%; display:block;}
#logo {clear:both; float:left; margin-left:0; width:100%; display:block; padding:28px 0 55px 0;}

#aboutlist {clear:both; float:left; margin-left:0; width:24.1758%; display:block;}
/*.news-img {clear:none; margin-bottom:2%; width:60%; display:block;}*/
.news-img {clear:none; /*margin-left:20%;*/ /*margin-bottom:2%;*/ width:100%;/* display:block;*/}
.f-right{float:none; margin-left:0;}
.f-left{float:none; margin-left:0;}

#about-body {clear:none; float:left; margin-left:1.0989%; width:70%; display:block; margin-top:40px;}

.aboutlist {display:block;}

#news-list-bottom {clear:both; float:left; margin-left:0; width:100%; display:none;}
#aboutlist-bottom {clear:both; float:left; margin-left:0; width:100%; display:none;}

.inv-list {display: block; float:left; margin-left:0; width:47%; }

.content .share{margin-top:40px; width:20%}
.content h2 {/*width:78%;*/ margin-right:2%; margin-top:35px}
.content-body {clear:none; float:left; display:block; margin-top:0;}
.content-body h1 {font-size:22px; color:#9a7131; margin:0 0 25px 0; line-height:26px;}
.content-body .thmb li a{height:285px}
.content-body .news-main-img span.img2{width:500px}
.content-body span.imgleft{width:50%;}
.content-body span.mainimgleft{width:50%;}


}

@media only screen and (min-width: 901px) {
#news-body table{width:70%}
.red img.dlogo{display:block !important}
.red img.mlogo{display:none !important}

.latestnews01 h1{font-size:26px; text-align:left}
#latestnews-wrap{width:96%; padding-left:2%; padding-right:2%; padding-top:20%}
.latestnews01{width:55%;}
.latestnews02{width:43%; margin:0 0 0 2%; padding-top:0; background:none}
.latestnews02box {padding-bottom: 15px; margin-bottom: 15px;}
.latestnews02box img{width:30%;}
.latestnews02box p{width:68%; font-size:1em; margin-top:10px}
.latestnews02 .rmore a p {padding: 12px 30px; font-size:1em; width:auto; margin:0}

.brand-wrap span.info{width:81%; margin:0; display:block; float:left;}
.brand-wrap a {display:inline; float:none}
.brand-wrap span.bottle{float:left; display:block; width: 15%; height: 100vh; margin: 130px 0 0 2%; padding: 0;}
.brand-wrap span.bottle.red.mbottle{width: 22%; margin-left:0}
.brand-wrap span.bottle img {width: 100%;}
.brand-wrap span.bottle.red img {width: 100%; padding-bottom:10px}
.brand-wrap span.info h1 {/*font-size: 20px;*/}

.brand-wrap span.info img{width:30%; margin:230px 35% 30px;}
.brand-wrap span.info.light img, .brand-wrap span.info.gold img{width:30%; margin:230px 35% 30px;}
.brand-wrap span.info.deluxe img, .brand-wrap span.info.special img, .brand-wrap span.info.importedlight img{width:38%; margin:230px 31% 30px;}
.brand-wrap span.info.hotshot img{width:60%; margin:190px 20% 10px;}
.brand-wrap span.info.hotshot img.tagtxt{width:80%; margin:0 auto;}
.brand-wrap span.info.majestic img{width:38%; margin:230px 31% 30px;}
.brand-wrap span.info.grand img{width:36%; margin:230px 32% 30px;}
.brand-wrap span.info.special h1, .brand-wrap span.info.majestic h1, .brand-wrap span.info.grand h1{font-size: 19px; line-height:1.25em; margin:0 13%}
br.brk{display:block}

.brand-wrap span.bottle.majestic img{width:100%; margin-left:0; margin-right:0}

.brand-wrap span.info.gold h1{font-size: 72px; margin:20px 0 0}

.brand-wrap span.info.deluxe h1{font-size: 23px;}
.brand-wrap span.info.deluxe h2{font-size: 35px;}

.brand-wrap div span{width:25%;}
.brand-wrap div.minfo.coffee span{width:20%;}
.brand-wrap div span p{font-size:16px}
.brand-wrap div span.proof{width:24%}
.brand-wrap div.red span.proof{width:25%}
.brand-wrap div span.proof img{width:80px; margin-right:0}
.brand-wrap div span.pwrap2{margin-top:25px; width:76%}
.brand-wrap div span.pwrap2, .brand-wrap div.coffee span.pwrap2{/*margin-top:30px; width:70%;*/ text-align:left; border:none; padding-top:0}
.brand-wrap div.red span.pwrap2{margin-top:25px; width:75%}
.brand-wrap div span, .brand-wrap div span.mtop2{margin-top: 180px;}
.brand-wrap div.minfo.deluxe{width: 84%;}
.brand-wrap div.minfo.importedlight{width: 84%;}
.brand-wrap div.minfo.coffee{width: 84%;}

.brand-wrap div.coffee span p{height:70px}
.brand-wrap div span.mtop2{margin-top:40px}

/*.brand-wrap div.coffee span.mtop2 p{margin-bottom:20px}
.brand-wrap div.coffee span.mtop2.cblock p{margin-bottom:30px}*/

.tvc-wrap{padding-top:100px; padding-bottom:10px;}
.tvc-wrap a{display:none}
.tvc-container{padding-bottom:51%;}
.tvc-container iframe {position: absolute; top:0; left:0; width:100%; height:100%;}
.tvc-container div a{display:block; position: absolute; left:0; right:0; bottom:0; color: #ccc; text-decoration:none; text-align:center; border:2px solid #8c6239;}
.about-wrap p{font-size:20px; width:80%; padding:30px 10% 0; margin:30px auto; display:block; line-height: 1.75em; background: url(../images/divider1024.png) top center no-repeat;}
.about-wrap{padding-top:140px;}
.thankyou-wrap p{font-size:22px; margin-top:150px; margin-bottom:100px}

.contactcontent{margin:140px auto 0}
.map-container {position: relative; padding-bottom: 50%; padding-top: 30px; height: 0; overflow: hidden;}
.map-container iframe{position: absolute; top: 0; left: 0; width: 100%; height: 420px;}

.contactdetails{float:left; width:48%; margin-right:2%}
.contactdetails2{display:none; float:left; width:48%; margin-left:2%; margin-top:40px}
.contactdetails p, .contactdetails2 p{font-size:15px}
.contactdetails p i, .contactdetails2 p i{font-size:28px; color:#fff; margin:0 10px 15px; float:left}
.contactdetails p a.alink, .contactdetails2 p a.alink{line-height:0; padding-top:13px; display:block; float:left}
.contactdetails p.contactsocial{display:block}
.contactform{float:left; width:48%; margin-left:2%; display:block;}
.contactform .capchabox{float:left; display:block; color:#FFF; font-size:13px; width:50%; margin:0; clear:none; text-align:left}
.contactform .capchabox input{margin-top:10px; width:100%}
.contactform .submitbtn{display:block; width:40%; clear:none; margin: 20px auto 0;}
.contactform .submitbtn a{width:140px; float:right; margin:0;}
.contactform textarea{height:100px}

.footer-wrap {width:80%; padding:20px 10%; font-size:12px; position:absolute; bottom:0; left:0; right:0; background-color: rgba(0,0,0,0.4);}
.footerlink ul li{display: inline-block; padding:0 3px; width:auto; border:none}
.footerlink a{text-decoration:none; line-height:25px; padding:0}
.footerlink li.sep {display:inline-block;}
.footerlink ul {padding:50px 0 0 0;}

.content-body .thmb li{display:block; width:32%; margin-right:2%;}
.content-body .thmb li:nth-child(2n){margin-right:2%}
.content-body .thmb li:nth-child(3n){margin-right:0}
.content-body .thmb li a{height:235px}
.content-body .thmb span{background: url(../images/divider1024.png)center no-repeat; margin: 30px 0;}
.content-body p{font-size:24px; text-align:initial; text-justify:initial;}
.content h2, #about-body h1{font-size:42px;}
.content h3{font-size:26px;}
#investor-body p {font-size:24px;}
.content ul.archive a{font-size:24px}
#about-body p, #about-body ol{font-size:24px; line-height:1.5em;}
#about-body ul{font-size:24px;}
#about-body.body2 ol{font-size:20px}
#collection-special{background-position: center;}
#section3, #section4{background-position:center;}
#cover{background-size:cover; margin-top:0}
.cover-wrap span.coverhd{margin-top:280px}
.cover-wrap span.coverhd img{margin-left:50px; width:60%}
.cover-wrap span.coverlearnmore{margin-top:175px}
.cover-wrap span.coverlearnmore img{width:250px}
.collection-wrap h1 {margin-top: 110px;}
#collection-red{background-image: url(../images/collection/redbg.jpg); background-position: center;}
#collection-dlight{background-image: url(../images/collection/dlightbg.jpg); background-position: center;}
}

@media only screen and (min-width: 930px) {
	.cover-wrap span.coverhd{margin-top:200px}
	.cover-wrap span.coverlearnmore{margin-top:90px}
	.collection-wrap img, .collection-wrap2 img{width:9%; height:auto; margin:110px 5% 0; max-height:100%;}
	.collection-wrap2 img.majestic{margin-top:120px}
	.collection-wrap2 img.grand{margin-top:165px}
	#latestnews-wrap{padding-top:10%}
	.latestnews02box p{font-size:.75em}
	.about-wrap{padding-top:100px}
	.about-wrap img{width:250px}
	.about-wrap p{font-size:14px; margin:15px auto}
	
	.brand-wrap span.bottle{margin: 50px 0 0 13%; width:12%}
    
    .brand-wrap span.bottle.clvb{margin: 0 0 0 13%; width:12%; padding-top:60px}
    
	.brand-wrap span.bottle.special{margin: 10px 13% 0 0; width:12%}
	.brand-wrap span.bottle.coffee.mbottle{margin: 50px 0 0 0; width:12%}
	.brand-wrap div.minfo.coffee{width: 88%;}
	.brand-wrap div.coffee span h3.mtop{margin-top:0}
	
	.brand-wrap div.minfo.coffee span.proof{width:25%}
.brand-wrap div.minfo.coffee span.pwrap2{width:300px}
.brand-wrap div.minfo.coffee span.size{width:auto}

	.brand-wrap span.info{width:75%}
	.brand-wrap span.info img{margin:140px 35% 30px}
    .brand-wrap span.info.clvb img.clvblogo2{margin:120px 20% 0; width: 60%;}
    
    
	.brand-wrap span.info.light img{margin:100px 25% 30px; width:40%}
	.brand-wrap span.bottle.light{margin-left:0}
	
	.brand-wrap span.bottle.dlight{margin: 0; width:38%}
	.brand-wrap span.info.dlight{width:62%; margin-top:50px}
	.brand-wrap span.bottle.dlight img{margin-top:70px; width:100%}
	
	.brand-wrap span.bottle.dlight.mbottle{margin: 50px 0 0 0; width:36%}
	.brand-wrap div.minfo.dlight{width:64%}
	.brand-wrap div.minfo.dlight span.proof{width:30%}
	.brand-wrap div.minfo.dlight span.pwrap2{width:70%}
	
	.brand-wrap span.bottle.coffee{margin:0 0 0 8%; width:30%}
	.brand-wrap span.info.coffee{width:62%; margin-top:50px}
	.brand-wrap span.bottle.coffee img{margin-top:70px; width:100%; padding-top:0; margin-left:0}
	
	.brand-wrap span.bottle.majestic.mbottle img{margin-top:70px;}
	
	.brand-wrap span.bottle.majestic, .brand-wrap span.bottle.grand{margin-top: 0;}
	.brand-wrap span.bottle.special.mbottle{margin-top: 120px; margin-right:0}
	.brand-wrap span.bottle.special img, .brand-wrap span.bottle.majestic img, .brand-wrap span.bottle.grand img{ padding-top:0}
	.brand-wrap span.info.special img, .brand-wrap span.info.majestic img, .brand-wrap span.info.grand img{margin-top:50px; margin-bottom:10px}
	.brand-wrap span.info.special h1, .brand-wrap span.info.majestic h1, .brand-wrap span.info.grand h1{font-size:16px}
	.ribbon, .ribbon2{margin-top:40px}
	.brand-wrap span.bottle.majestic {margin: 50px 0 0 10%; width:15%}
	.brand-wrap span.bottle.majestic.mbottle{margin:50px 0 0;}
	.brand-wrap span.bottle.majestic {margin-top:0}
	.brand-wrap div.minfo.majestic{width: 85%;}
	.brand-wrap span.bottle.grand{margin:30px 0 0; width:20%;}
	.brand-wrap span.bottle.grand.mbottle{margin:130px 0 0; width:20%;}
	.brand-wrap span.bottle.grand img{width:100%; margin:0;}
	
	.brand-wrap span.info.importedlight img{width:38%; margin:120px 31% 30px;}
	.brand-wrap span.info.importedlight h1{font-size:18px}
	.brand-wrap span.mbottle{margin-left:0; margin-top:70px}
	.brand-wrap div.minfo{width:88%;}
	.brand-wrap div.minfo.grand{width:80%;}
	.brand-wrap div span, .brand-wrap div span.mtop2{margin-top:120px}
	.brand-wrap .pwrap{padding-left:20px}
	
	.brand-wrap div.coffee span h3{font-size:19px;}
.brand-wrap div.coffee span p{font-size:15px; height:70px; margin-bottom:15px}
.brand-wrap div.coffee span.mtop2 p{margin-bottom:15px}
.brand-wrap div.coffee span.mtop2.cblock p{margin-bottom:15px}
.brand-wrap div.coffee span img{height:70px; width:auto}
.brand-wrap div span.proof img{height:80px; width:auto}
.brand-wrap .returnbtn2{width:86%; padding-right:14%}
.brand-wrap .returnbtn{width:86%; padding-left:14%}
.brand-wrap .returnbtn.grandbtn{width:75%; padding-left:25%}
.brand-wrap .returnbtn2.coffeebtn{width:86%; padding-right:14%}
.brand-wrap .returnbtn2.importedbtn{width:90%; padding-right:10%}
.brand-wrap .returnbtn2.dlight{width:50%; padding-right:50%}
}

@media only screen and (min-width: 1000px) {
	.cover-wrap span.coverhd{margin-top:280px}
	.cover-wrap span.coverlearnmore{margin-top:175px}
	*#latestnews-wrap{padding-top:20%}
	.latestnews02box p{font-size:1em}
	.about-wrap{padding-top:140px}
	.about-wrap img{width:auto}
	.about-wrap p{font-size:20px; margin:30px auto}
	
br.brk{display:none}
#fullpage.mtop{top:0}
.brand-wrap span.bottle{position: relative; top: 0; margin-top:0}
.brand-wrap span.bottle img {position: absolute; bottom: 0; left: 0; right: 0;}
.brand-wrap2{bottom:50px}
.brand-wrap span.bottle, .brand-wrap span.bottle.coffee.mbottle, .brand-wrap span.bottle.special, .brand-wrap span.bottle.clvb{display:block; width:16%; height:100%; margin-left:8%; padding:0; /*position:relative; top:0*/}
.brand-wrap span.bottle.special{margin-top:0; margin-right:0; margin-left:6%}

.brand-wrap span.bottle.coffee.mbottle img, .brand-wrap span.bottle.coffee.mbottle, .brand-wrap span.bottle.dlight.mbottle img, .brand-wrap span.bottle.dlight.mbottle{margin-top:0}
.brand-wrap span.bottle.dlight.mbottle{width:48%}
.brand-wrap span.bottle.dlight{display:block; width:48%; height:100%; margin-left:0; padding:0;}
.brand-wrap div.minfo.dlight {width:52%; padding-left:0;}
.brand-wrap div.minfo.dlight span.proof{width:40%}
.brand-wrap div.minfo.dlight span.pwrap2{width:60%; margin-top:15px}

.brand-wrap div.minfo.coffee{width:84%}
.brand-wrap span.bottle.coffee{display:block; width:40%; height:100%; margin-left:5%; padding:0;}
.brand-wrap span.info.coffee{width:55%;}
.brand-wrap span.bottle.coffee img{width:100%; padding-top:0; margin-left:0}
.brand-wrap span.info.coffee img{width: 80%; margin: 240px 10% 0;}


.brand-wrap div span, .brand-wrap div span.mtop2{margin-top: 240px;}
.brand-wrap .dlight span.proof {width: 32%}
.brand-wrap .dlight span.pwrap2 {margin-top: 25px; width: 68%;}
.brand-wrap .dlight span span.size {width: 180px ;text-align: left;}
.brand-wrap .returnbtn2.dlight {margin-top: 30px;}

.brand-wrap div.minfo {width: 76%;}
.brand-wrap div.minfo.majestic{width:76%;}

.brand-wrap span.bottle.red{width:22%; margin-left:4%;}
.brand-wrap span.bottle.majestic, .brand-wrap span.bottle.grand{display:block; height:100%; margin:0; padding:0; position:relative; top:0}
.brand-wrap span.bottle.majestic{width:20%; margin-left:8%; margin-right:0}
.brand-wrap span.bottle.grand{width:22%;}
.brand-wrap div.minfo.grand{width:77%;}
.brand-wrap span.bottle.grand.mbottle {margin: 0; width: 20%; margin-left:3%}
.brand-wrap span.bottle img{width:100%; position:absolute; bottom:0; left:0; right:0}
.brand-wrap span.bottle.dlight img{width:100%; padding-top:0}


.brand-wrap .returnbtn2 {width: 70%; padding-right: 30%;}
.brand-wrap .returnbtn2.redbtn {width: 72%; padding-right: 28%;}
.brand-wrap .returnbtn2.deluxebtn{width: 80%; padding-right: 20%;}
.brand-wrap .returnbtn2.majesticbtn {width: 68%; padding-right: 32%;}
.brand-wrap .returnbtn {width: 69%; padding-left: 31%;}
.brand-wrap .returnbtn2.importedbtn{width:80%; padding-right:20%}
.brand-wrap .returnbtn2.dlight a{margin:0 25px}

.brand-wrap span.bottle.light, .brand-wrap span.bottle.hotshot, .brand-wrap span.bottle.gold{margin-left:0; margin-right:0}
.brand-wrap span.bottle.deluxe{margin-left:8%; margin-right:0}
.brand-wrap span.bottle.deluxe.mbottle{margin-left:0}

.brand-wrap span.bottle.importedlight{margin-left:8%; margin-right:0}
.brand-wrap span.bottle.importedlight.mbottle{margin-left:0}

.brand-wrap span.bottle.coffee.mbottle{margin-left:0}

.brand-wrap span.bottle.majestic.mbottle{margin-left:4%; margin-top:0}
.brand-wrap div span.hotshottxt{margin:230px 5% 0; width:90%}
.brand-wrap .hotshot .pwrap {margin-bottom: 30px;}
.brand-wrap .hotshot div span.glass {display:block; width:45%; margin:0;}
.brand-wrap .hotshot div span.glass img {width:80%; height:auto;}
.brand-wrap .hotshot div span.pwrap2 {width:27%; margin-top:30px;}
.brand-wrap span.glassmobile {display: none;}
.brand-wrap span.bottle.grand{margin-left:0}
.brand-wrap span.info{width:70%}
.brand-wrap span.info.special{width:70%}
.brand-wrap span.info.light, .brand-wrap span.info.gold, .brand-wrap span.info.hotshot{margin-left:6%}

.brand-wrap span.info.dlight{width:51%}
.brand-wrap span.info.red{width:74%}
.brand-wrap span.info.special h1{margin:0 12%}
.brand-wrap span.info.grand h1{margin:0 11%}
.brand-wrap span.info img{/*width:50%; margin:210px 0 20px 0;*/margin-bottom:70px}
.brand-wrap span.info.red img {/*margin-top: 220px*/width: 90%; margin: 220px 5% 0;}
.brand-wrap span.info.light img{margin-bottom:20px}
.brand-wrap span.info.gold img{margin-bottom:30px}
.brand-wrap span.info.deluxe img{margin-bottom:30px}
.brand-wrap span.info.importedlight img{margin-bottom:30px}
.brand-wrap span.info.dlight img {width: 90%; margin: 240px 5% 0;}


.brand-wrap span.bottle.majestic img, .brand-wrap span.bottle.grand img{width:100%; margin-left:0; margin-right:0}
.ribbon, .ribbon2{top:120px; margin-top:0}


.collection-wrap img{width:12%; height:auto; margin:165px 5% 0; max-height:100%;}
.collection-wrap2 img{width:13%; height:auto; margin:110px 4% 0; max-height:100%;}
.collection-wrap2 img.majestic{width:15%; margin-top:185px}
.collection-wrap2 img.grand{width:18%; margin-top:245px}
.wrap-table{display:block; overflow:auto}
.pdflist ul li a {background-position: 2px 8px;}

.brand-wrap span.info img{width:30%; margin:230px 35% 30px;}
.brand-wrap span.info.gold img{width:30%; margin:230px 35% 30px;}
.brand-wrap span.info.light img{width:50%; margin:230px 15% 30px;}
.brand-wrap span.info.deluxe img, .brand-wrap span.info.special img, .brand-wrap span.info.importedlight img{width:38%; margin:230px 31% 30px;}
    .brand-wrap span.info.clvb img.clvblogo2 {margin: 230px 20% 0;}    
    
.brand-wrap span.info.majestic img{width:38%; margin:230px 31% 30px;}
.brand-wrap span.info.grand img{width:36%; margin:230px 32% 30px;}
.brand-wrap span.info.special h1, .brand-wrap span.info.majestic h1, .brand-wrap span.info.grand h1{font-size: 19px;}
.brand-wrap span.info.importedlight h1{font-size:22px}
.brand-wrap div.coffee span img{height:95px; width:auto}
.brand-wrap span.bottle.special.mbottle{margin-top: 0;}
}

@media only screen and (min-width: 1024px) {
.cd-top {height: 30px; width: 30px; right: 5px; bottom: 5px;}
.brand-wrap div.coffee span h3{font-size:20px;}
}

@media only screen and (min-width: 1025px) {
.news-img {width:60%;}
.news-img-caption{width:35%; margin-left:20px}
.f-right{float:right; margin-left:3%;}
.f-left{float:left; margin-right:3%; }
#news-body table{width:60%}
.content-body .thmb li a{height:250px}
.contactcontent{margin:110px auto 0}
.brand-wrap div span span.size{width:310px; text-align:left}
.brand-wrap .hotshot div span span.size{width:135px; text-align:center}
}

@media only screen and (min-width: 1100px) {
#logo2{display:none}	
#mainnav {overflow-y:visible; max-height: none;}
.content{margin-top:170px}
#cover{background-size:cover; background-position:50% -20px}
.cover-wrap span.coverhd{margin-top:270px}
.cover-wrap span.coverhd img{margin-left:120px; width:60%}
.cover-wrap span.coverlearnmore{margin-top:135px}
.brand-wrap div.coffee span h3{font-size:22px;}
}
@media only screen and (min-width: 1150px) {
.contactdetails2{display:none}
.contactdetails p.contactsocial{display:block}
}

@media only screen and (min-width: 1200px) {
.brand-wrap span.info.clvb img.clvblogo2 {margin: 130px 20% 0;} 
    .brand-wrap span.bottle.clvb{width:12%}
    
    
    
.latestnews02box p {font-size: 1.25em;}
.latestnews01 h1 {font-size: 28px;}
#latestnews-wrap{padding-top:15%}

.brand-wrap div.minfo{width:78%; padding-left:1%;}
.brand-wrap div.minfo.majestic{width:79.5%;}
.brand-wrap span.bottle.majestic.mbottle{margin-top:20px}
.brand-wrap span.bottle.majestic.mbottle img{margin-top:20px}
.brand-wrap div.red.minfo{width:78%; padding-left:0;}
.brand-wrap div span{width:25%; margin-top:200px; padding:0 1%;}
.brand-wrap div.minfo.coffee span{width:19%; margin-top:180px; padding:0 .5%;}
.brand-wrap div.minfo.coffee .pwrap span{margin-top:0}
.brand-wrap div.minfo.coffee span.proof{width:25%}
.brand-wrap div.minfo.coffee span.pwrap2{width:75%; margin-top:25px}
.brand-wrap div.minfo.coffee span.size{width:300px}

.brand-wrap div span.mtop2{margin-top:200px;}
.brand-wrap div.minfo.light, .brand-wrap div.minfo.hotshot, .brand-wrap div.minfo.special, .brand-wrap div.minfo.grand{padding-left:3%;}
.brand-wrap div span.hotshottxt{width:80%; margin:210px 10% 0;}
.brand-wrap div.minfo.deluxe{padding-left:1%; width: 75%}
.brand-wrap div.minfo.importedlight{width:78%; padding-left:1%;}
.brand-wrap div.minfo.coffee{width:78%; padding-left:1%;}
.brand-wrap .grand span, .brand-wrap .grand span.mtop2 {margin-top: 180px;}

.brand-wrap span.bottle, .brand-wrap span.bottle.coffee.mbottle{display:block; width:12%; height:100%; margin:0; padding:0; position:relative; top:0}
.brand-wrap span.bottle.grand{display:block; width:17%; height:100%; margin:0; padding:0; position:relative; top:0}
.brand-wrap span.bottle.majestic{display:block; width:15.5%; height:100%; margin:0; padding:0; position:relative; top:0}
.brand-wrap span.bottle img, .brand-wrap span.bottle.majestic img, .brand-wrap span.bottle.grand img, .brand-wrap span.bottle.red img{width:100%; position:absolute; bottom:0; left:0; right:0; margin:0}
.brand-wrap span.bottle{margin-left:12%}
.brand-wrap span.bottle.red img{padding-bottom:10px; padding-top:0}
.brand-wrap span.bottle.red{margin-left:9.75%; width:16.9%;}
.brand-wrap span.bottle.mbottle{margin-left:8%}
/*.brand-wrap span.bottle.deluxe.mbottle{margin-left:0}*/
.brand-wrap span.bottle.red.mbottle{margin-left:4.1%; width:16.9%}

.brand-wrap div.minfo.grand{width:77%;}
.brand-wrap span.bottle.grand.mbottle {margin: 50px 0 0; width: 20%; margin-left:3%}

.brand-wrap span.bottle.light,/* .brand-wrap span.bottle.special,*/ .brand-wrap span.bottle.hotshot{margin-left:0; margin-right:12%}
.brand-wrap span.bottle.majestic{margin-left:0; margin-right:0/*; margin-right:9.5%*/}
.brand-wrap span.bottle.light.mbottle, .brand-wrap span.bottle.deluxe.mbottle, .brand-wrap span.bottle.majestic.mbottle, .brand-wrap span.bottle.hotshot.mbottle, .brand-wrap span.bottle.special.mbottle, .brand-wrap span.bottle.grand.mbottle, .brand-wrap span.bottle.importedlight.mbottle{margin-right:0}
/*.brand-wrap span.bottle.majestic.mbottle img{width:92%;}*/
.brand-wrap span.bottle.grand{/*margin-left:8%;*/margin-left:0; margin-right:0}
.brand-wrap span.bottle.dlight {width: 38%; margin-left: 5%; margin-top:0}
span.bottle.dlight.mbottle {margin-left: 0;}
.brand-wrap span.info.dlight{width: 50%;}
.brand-wrap div.minfo.dlight{width: 65%;}
.brand-wrap span.info.dlight img {margin-top: 110px;}
.brand-wrap span.bottle.dlight.mbottle{margin: 0; width:35%}

.brand-wrap span.bottle.coffee {width: 30%; margin-left: 5%;}
.brand-wrap span.info.coffee {width: 65%;}
.brand-wrap span.info.coffee img {margin-top: 80px;}

.brand-wrap span.bottle.gold, .brand-wrap span.bottle.special {margin-left: 0;}

.brand-wrap span.info.special{width:75%}
.brand-wrap span.bottle.special {margin-right: 12%; width:12%}
.brand-wrap span.bottle.special.mbottle{margin-top: 20px; margin-left:5%}
.brand-wrap span.bottle.deluxe{margin-left: 12%;}
.brand-wrap span.bottle.importdelight{margin-left: 12%;}
.brand-wrap span.bottle.deluxe.mbottle, .brand-wrap span.bottle.importedlight.mbottle, .brand-wrap span.bottle.majestic, .brand-wrap span.bottle.coffee.mbottle{margin-left: 8%;}
.brand-wrap span.bottle.majestic.mbottle{margin-left: 5%;}

.brand-wrap span.info h1{font-size:57px}
.brand-wrap span.info{width:75%;}
.brand-wrap span.info img{width:25%; margin:250px 37.5% 60px;}
.brand-wrap span.info.red{width:73.35%;}
.brand-wrap span.info.red img{width:75%; margin:220px 12.5% 60px;}

.brand-wrap2{bottom:60px}
.brand-wrap span.info.light, .brand-wrap span.info.gold, .brand-wrap span.info.hotshot{margin-left:0}
.brand-wrap span.info.light img{width:42%; margin:150px 25% 20px;}

.brand-wrap span.info.light h2{font-size:40px}
.brand-wrap span.info.gold img{margin-top:200px; margin-bottom:40px}
.brand-wrap span.info.hotshot img{width:50%; margin:170px auto 10px;}
.brand-wrap span.info.hotshot img.tagtxt{width:65%; margin:0 auto;}
.brand-wrap span.info.deluxe img{width:34%; margin:210px 33% 60px;}
.brand-wrap span.info.importedlight img{width:34%; margin:210px 33% 60px;}
.brand-wrap span.info.deluxe h2{margin:0 10%;}
.brand-wrap span.info.special img{width:32%; margin:200px 34% 30px}
.brand-wrap span.info.majestic img{width:40%; margin:170px 30% 40px;}
.brand-wrap span.info.grand img{width:34%; margin:170px 33% 40px;}
.brand-wrap span.info.special h1{font-size:22px; margin:0 14%; line-height:1.25em}
.brand-wrap span.info.majestic h1{font-size:22px; margin:0 15%; line-height:1.25em}
.brand-wrap span.info.grand h1{font-size:22px; margin:0 14%; line-height:1.25em}
.brand-wrap span.info.importedlight h1{font-size:22px; line-height:1.25em}
br.brk{display:block}
.ribbon, .ribbon2{top:95px; margin-top:0}
.ribbon img, .ribbon2 img{width:350px;}
.brand-wrap div span.proof {width: 22%;}
.brand-wrap .dlight span.proof {width: 30%;}
.brand-wrap .dlight span.pwrap2{width: 65%}
.brand-wrap .dlight span span.size {width: 200px;}
.brand-wrap div span p{font-size: 19px;}
.brand-wrap div span img{height:55px}
.brand-wrap .hotshot .pwrap{margin-top:0; margin-bottom:30px}
.brand-wrap .hotshot div span.proof {width:25%; margin-left:5%; margin-top:20px}
.brand-wrap .hotshot div span.glass{display:block; float:left; width:35%; margin:0 0 0}
.brand-wrap span.glassmobile{display:none}
.brand-wrap .hotshot div span.glass img{width:auto; height:auto}
.brand-wrap .hotshot div span.pwrap2{width:25%; margin-top:50px; text-align:center; margin-left:2%}
.brand-wrap .pwrap.deluxe, .brand-wrap .pwrap.special, .brand-wrap .pwrap.grand, .brand-wrap .pwrap.importedlight{margin-top:0}

.brand-wrap .returnbtn {width: 75%; padding-left: 25%;}
.brand-wrap .returnbtn.goldbtn {width: 71%; padding-left: 29%;}
.brand-wrap .returnbtn2 {width: 75%; padding-right: 25%;}
.brand-wrap .returnbtn2.coffeebtn {width: 75%; padding-right: 25%;}
.brand-wrap .returnbtn2.importedbtn {width: 75%; padding-right: 25%;}
.brand-wrap .returnbtn2.dlight {margin-top:50px; margin-bottom:0; width:60%}
.brand-wrap .returnbtn2.redbtn {width: 75%; padding-right: 25%;}
.brand-wrap .returnbtn2.majesticbtn {width: 75%; padding-right: 25%;}

.brand-wrap div span.proof img{width:80px; height:auto}

.brand-wrap div.coffee span h3{font-size:22px; margin-top:25px}
.brand-wrap div.coffee span h3.mtop{margin-top:0}

.brand-wrap div.minfo.dlight span.proof{width:25%}
.brand-wrap div.minfo.dlight span.pwrap2{width:75%; margin-top:25px}

.tvc-wrap{padding-top:80px;}
.tvc-container{}
.tvc-container iframe {top:-8%; height:95%;}
.tvc-container div a{bottom:85px;}
.about-wrap p{font-size:20px; width:80%; padding:30px 10% 0; margin:30px auto; display:block; line-height: 1.75em; background: url(../images/divider.png) top center no-repeat;}
.thankyou-wrap p{font-size:22px; margin-top:250px;}
.content-body .thmb li a{height:285px}
.content-body .thmb span{background: url(../images/divider.png)center no-repeat;}
#recaptcha {width: 304px; float: left;}
#recaptcha div {margin: 0;}
.contactform .submitbtn {float: right;}
.contactdetails2{display:block}
.contactdetails p.contactsocial{display:none}

.collection-wrap h1{margin-top:150px; color:#fff; font-weight:normal}
.collection-wrap img{width:9%; height:auto; margin:140px 5% 0; max-height:100%;}
.collection-wrap2 img{width:9%; height:auto; margin:125px 5% 0; max-height:100%;}
.collection-wrap2 img.majestic{width:11%; margin-top:165px}
.collection-wrap2 img.grand{width:14%; margin-top:205px}
#latestnews-wrap {padding-top:130px}
.tvc-wrap {padding-top: 70px;}
.tvc-container div a {bottom: 120px;}
.about-wrap {padding-top: 110px;}
.contactdetails2{margin-top:25px}
    
.brand-wrap .ingrednt h3, .brand-wrap .ingrednt p{float: left; width: auto;}
.brand-wrap .ingrednt h3{padding-left:38px}
.brand-wrap .ingrednt p {margin-left: 5px; padding-top: 2px;}
    
#collection-dlight .brand-wrap{width: 94%; padding-left: 3%; padding-right: 3%;}
}

@media only screen and (min-width: 1280px) {
#latestnews-wrap{width:88.626%; padding-left:1.1869%; padding-right:1.1869%; padding-top:12%}
.contactdetails2{margin-top:40px}

}

@media only screen and (min-width: 1300px) {
#collection-dlight .brand-wrap{width:86%; padding-left:7%; padding-right:7%;}
.brand-wrap span.info.clvb img.clvblogo2{margin: 180px 20% 0;}  
    
.latestnews02box p {font-size: 1.25em;}
.latestnews01 h1 {font-size: 28px;}

.cover-wrap span.coverhd{margin-top:280px}
.cover-wrap span.coverlearnmore{margin-top:140px; margin-bottom:0}
.brand-wrap div.minfo {width:80%; padding-left:0;}
.brand-wrap div.minfo.majestic{width:78.5%;}
.brand-wrap div.minfo.grand{width:77%;}
.brand-wrap span.bottle.grand.mbottle {margin: 50px 0 0; width: 20%; margin-left:3%}
.brand-wrap div span {width:25%; margin-top:220px; padding:0 2%;}
.brand-wrap div span.mtop2{margin-top:220px;}
.brand-wrap div.minfo.light, .brand-wrap div.minfo.hotshot, .brand-wrap div.minfo.special, .brand-wrap div.minfo.grand{padding-left:0;}
.brand-wrap div span.hotshottxt{width:70%; margin:230px 15% 0;}
.brand-wrap div.minfo.deluxe{padding-left:0; width:80%}
    
#collection-dlight .brand-wrap div span.mtop1, #collection-dlight .brand-wrap div span.mtop2{margin-top:240px;}

.brand-wrap span.bottle{display:block; width:12%; height:100%; margin:0 0 0 13%; padding:0; position:relative; top:0}

.brand-wrap span.bottle.grand{display:block; width:19%; height:100%; margin:0 6% 0 0; padding:0; position:relative; top:0}

.brand-wrap span.bottle.majestic{display:block; width:15.5%; height:100%; margin:0; padding:0; position:relative; top:0}
.brand-wrap span.bottle img, .brand-wrap span.bottle.majestic img, .brand-wrap span.bottle.grand img, .brand-wrap span.bottle.red img{width:100%; position:absolute; bottom:0; left:0; right:0; margin:0 0 50px}
.brand-wrap span.bottle.red img{padding-bottom:10px; padding-top:0}
.brand-wrap span.bottle{margin-left:12%; }
.brand-wrap span.bottle.red{margin-left:9.75%; width:16.9%;}/*bottle left*/
/*.brand-wrap span.bottle.red{margin-left:0; width:17%;}*//*bottle right*/
.brand-wrap span.bottle.mbottle{margin-left:8%}
.brand-wrap span.bottle.red.mbottle{margin-left:3.1%; width:16.9%}

.brand-wrap span.bottle.light, .brand-wrap span.bottle.special, .brand-wrap span.bottle.gold, .brand-wrap span.bottle.hotshot/*, .brand-wrap span.bottle.deluxe*/{margin-left:0; margin-right:11%}

.brand-wrap span.bottle.deluxe, .brand-wrap span.bottle.importedlight, .brand-wrap span.bottle.coffee/*, .brand-wrap span.bottle.hotshot*/{margin-left:12%; margin-right:0}/*bottle left*/

/*.brand-wrap span.bottle.majestic{margin-left:0; margin-right:9.5%}*//*bottle right*/
.brand-wrap span.bottle.majestic{margin-left:8%; margin-right:0}/*bottle left*/
.brand-wrap span.bottle.majestic.mbottle{margin-left:6%; margin-right:0}/*bottle left*/
.brand-wrap span.bottle.light.mbottle, .brand-wrap span.bottle.deluxe.mbottle, .brand-wrap span.bottle.majestic.mbottle, .brand-wrap 
span.bottle.hotshot.mbottle, .brand-wrap span.bottle.special.mbottle, .brand-wrap span.bottle.grand.mbottle, .brand-wrap span.bottle.importedlight.mbottle, .brand-wrap span.bottle.coffee.mbottle{margin-right:0}
.brand-wrap span.bottle.deluxe.mbottle, .brand-wrap span.bottle.importedlight.mbottle{margin-left:8%;}
.brand-wrap span.bottle.gold.mbottle{margin:0;}
/*.brand-wrap span.bottle.majestic.mbottle img{width:92%;}*/
/*.brand-wrap span.bottle.grand{margin-left:8%; margin-right:0}*//*bottle left*/


.brand-wrap span.bottle.dlight{display:block; width:37%; height:100%; margin:0; padding:0; position:relative; top:0}
.brand-wrap span.bottle.dlight img{margin-bottom:50px}
.brand-wrap span.info.dlight{width:63%;}
.brand-wrap span.info.dlight img{width:70%; margin:155px 12.5% 0;}
.brand-wrap span.bottle.dlight.mbottle{width:35%;}
.brand-wrap div.minfo.dlight{width:65%;}
.brand-wrap .pwrap.dlight span.proof {width: 25%;}
.brand-wrap .pwrap.dlight span.pwrap2 {width: 70%;}
.brand-wrap .pwrap.dlight span span.size {width: 200px;}

.brand-wrap span.bottle.coffee{display:block; width:37%; height:100%; margin:0; padding:0; position:relative; top:0}
.brand-wrap span.bottle.coffee img{width:80%; margin-left:20%; margin-bottom:50px}
.brand-wrap span.info.coffee{width:63%;}
.brand-wrap span.bottle.coffee.mbottle img{width:100%; margin-left:0}
/*.brand-wrap span.bottle.coffee.mbottle{width:37%;}*/

.brand-wrap span.info h1{font-size:57px}
.brand-wrap span.info{width:75%}
.brand-wrap span.info.light, .brand-wrap span.info.gold, .brand-wrap span.info.hotshot{margin-left:0}
.brand-wrap span.info.red{width:73.35%;}
.brand-wrap span.info.red img{width:75%; margin:220px 12.5% 60px;}

.brand-wrap span.info.coffee img{width:80%; margin:100px 20% 0 0;}
.brand-wrap span.info img{width:25%; margin:250px 37.5% 60px;}
.brand-wrap2{bottom:60px}
.brand-wrap span.info.light img{margin-top:170px; margin-bottom:20px}
.brand-wrap span.bottle.light img {margin-bottom: 50px;}
.brand-wrap span.info.light h2{font-size:40px}
.brand-wrap span.info.gold img{margin-top:200px; margin-bottom:40px}
.brand-wrap span.info.hotshot img{width:50%; margin:170px auto 10px;}
.brand-wrap span.info.hotshot img.tagtxt{width:65%; margin:0 auto;}
.brand-wrap span.info.deluxe img{width:34%; margin:210px 33% 60px;}
.brand-wrap span.info.deluxe h2{margin:0 10%;}

.brand-wrap span.info.importedlight{width:70%}
.brand-wrap span.info.importedlight img {width: 32%; margin: 250px 34% 30px;}
.brand-wrap span.bottle.importedlight img{margin-bottom:50px}

.brand-wrap span.info.special img{width:32%; margin:230px 34% 30px}
.brand-wrap span.bottle.special img{margin-bottom:50px}

.brand-wrap span.info.majestic img{width:40%; margin:200px 30% 40px;}
.brand-wrap span.info.grand img{width:34%; margin:170px 33% 40px;}
.brand-wrap span.info.special h1{font-size:22px; margin:0 14%; line-height:1.25em}
.brand-wrap span.info.majestic h1{font-size:22px; margin:0 15%; line-height:1.25em}
.brand-wrap span.info.grand h1{font-size:22px; margin:0 14%; line-height:1.25em}
br.brk{display:block}
.ribbon, .ribbon2{top:95px;}
.ribbon img, .ribbon2 img{width:350px;}
.brand-wrap div span.proof {width: 19%;}
.brand-wrap div span p{font-size: 20px;}
.brand-wrap div span img{height:55px}
.brand-wrap div.coffee span img{height:105px}
.brand-wrap div span.proof img{width:80px; height:auto}
.brand-wrap .hotshot .pwrap{margin-top:0; margin-bottom:30px}
.brand-wrap .hotshot div span.proof {width:20%; margin-left:10%; margin-top:20px}
.brand-wrap .hotshot div span.glass{display:block; float:left; width:35%; margin:0 0 0}
.brand-wrap span.glassmobile{display:none}
.brand-wrap .hotshot div span.glass img{width:auto; height:auto}
.brand-wrap .hotshot div span.pwrap2{width:20%; margin-top:50px}
.brand-wrap .pwrap.deluxe, .brand-wrap .pwrap.special, .brand-wrap .pwrap.grand, .brand-wrap .pwrap.importedlight, .brand-wrap .pwrap.dlight{margin-top:0}
.brand-wrap .pwrap.coffee{margin-top:70px}
.brand-wrap .returnbtn {width: 74%; padding-left: 26%;}
.brand-wrap .returnbtn2, .brand-wrap .returnbtn2.majesticbtn{width: 75%; padding-right: 25%;}
.brand-wrap .returnbtn2.coffeebtn{width: 75%; padding-right: 25%;}
.brand-wrap .returnbtn2.redbtn, .brand-wrap .returnbtn2.deluxebtn{width: 76%; padding-right: 24%;}

.collection-wrap, .collection-wrap2{text-align:center;}
.collection-wrap h1{color:#fff; font-size:40px; font-weight:normal; margin-top:110px}
.collection-wrap img{width:9%; height:auto; margin:155px 5% 0;max-height:100%}
.collection-wrap2 img{width:9%; height:auto; margin:135px 5% 0; max-height:100%;}
.collection-wrap2 img.majestic{width:11%; margin-top:185px}
.collection-wrap2 img.grand{width:13%; margin-top:255px}

.tvc-wrap{padding-top:70px;}
.tvc-container iframe {top:-8%; height:85%;}
.tvc-container div a{bottom:135px;}
.contactcontent{margin:130px auto 0}
}

@media only screen and (min-width: 1400px) {
.gridContainer3 {width: 100%; max-width: 1350px;}
.latestnews02box p {font-size: 1.35em;}
.latestnews01 h1 {font-size: 30px;}
#latestnews-wrap{padding-top:14%}

/*.brand-wrap span.bottle{width:14%; margin-left:11%}
.brand-wrap span.info{width:75%}*/
.brand-wrap span.bottle, .brand-wrap span.bottle.clvb{width:15%; margin-left:11%}
.brand-wrap span.info{width:74%}
.brand-wrap span.bottle.red{width:19.5%; margin-left:8%}
.brand-wrap span.bottle.mbottle.red{width:19.5%; margin-left:.5%}
.brand-wrap span.bottle.mbottle.special{/*margin-left:0;*/margin-left:6%; margin-right:0}
.brand-wrap span.bottle.mbottle, .brand-wrap span.bottle.coffee.mbottle{width:14%; margin-left:6% /*margin-left:0;*/}
.brand-wrap span.bottle.coffee.mbottle{width:14%; margin-left:6%}

.brand-wrap span.bottle.majestic{width:20%; margin-right:0; margin-left:8%}
.brand-wrap span.info.majestic{width:72%; margin-left:0}
.brand-wrap span.bottle.mbottle.majestic{margin-right:0; margin-left:0; width:20%}
.brand-wrap span.bottle.mbottle.majestic img{width:85%;}
.brand-wrap span.info.majestic img{margin-top:280px; margin-bottom:50px}
.brand-wrap span.info.majestic h1{font-size: 27px; margin:0 12%;}

.brand-wrap span.bottle.mbottle.grand{margin-left:0}
.brand-wrap span.bottle.light, .brand-wrap span.bottle.deluxe, .brand-wrap span.bottle.hotshot{margin-right:11%; margin-left:0}

.brand-wrap span.bottle.importedlight{margin-left:11%; margin-right:0}
.brand-wrap span.info.importedlight img{width:34%; margin:320px 33% 40px}

.brand-wrap span.bottle.dlight{width: 46%;}
.brand-wrap span.info.dlight{width: 54%;}
.brand-wrap span.bottle.dlight img{margin-top:0; margin-bottom:30px}
.brand-wrap span.info.dlight img {width:80%; margin:190px 10% 0;}

.brand-wrap span.info h1{font-size:64px;}
.brand-wrap span.info img{margin-bottom:100px; width:30%; margin-left:35%; margin-right:35%; margin-top:300px}
.brand-wrap span.info.light h1{font-size: 75px;}
.brand-wrap span.info.light img{margin-top:220px; margin-bottom:30px}
.brand-wrap span.info.light h2{font-size: 50px;}
.brand-wrap span.info.gold h1{font-size: 87px;}
.brand-wrap span.info.red{width:70%} 
.brand-wrap span.info.red img{width:80%; margin:260px 10% 60px}
.brand-wrap span.info.deluxe h1{font-size: 31px; margin-bottom:10px}
.brand-wrap span.info.deluxe h2{font-size: 46px; margin:0 10%}
.brand-wrap span.info.special img{margin-top:270px; margin-bottom:60px}

.brand-wrap span.bottle.special{width:15.5%; margin-right:0}
.brand-wrap span.info.special{width:67%; margin-left:5%; margin-right:1.5%}
.brand-wrap span.bottle.special.mbottle{width:14%; margin-right:0; margin-top:0}

/*.brand-wrap div.minfo.special{width:75%}*/
.brand-wrap span.info.special h1{font-size: 26px; margin:0 10%}

.brand-wrap span.info.grand img{width:34%; margin: 270px 33% 70px}
.brand-wrap span.bottle.grand{width:24%; margin-left:0; margin-right:0}
.brand-wrap span.info.grand h1{font-size: 27px; margin:0 10%;}
.brand-wrap div span img{height:65px}
.brand-wrap div span p{font-size:22px}
.brand-wrap div span.proof img{width:100px}
.brand-wrap div span.proof{width:20%}
.brand-wrap div span.pwrap2{width:75%; margin-top:35px}
.brand-wrap div.minfo.dlight span.pwrap2{margin-top:35px}
.brand-wrap div span, .brand-wrap div span.mtop2{margin-top:260px; padding:0 1%}
/*.brand-wrap div.deluxe span{margin-top:240px;}*/
.brand-wrap .grand span, .brand-wrap .grand span.mtop2{margin-top:250px}
.brand-wrap div span.hotshottxt{margin-top:250px}
br.brk{display:none}

.brand-wrap div.coffee span h3{font-size:26px; margin-top:30px}
.brand-wrap div.coffee span h3.mtop{margin-top:0}
.brand-wrap div.minfo.coffee span{margin-top:250px}
.brand-wrap div.minfo.coffee span.pwrap2{margin-top:35px}
.brand-wrap div.coffee span img{height:105px}
.brand-wrap span.bottle.coffee img{width:100%; margin-left:0}
.brand-wrap span.info.coffee img{margin-top:200px}
.brand-wrap span.bottle.coffee img{margin-top:0}
.brand-wrap span.info.coffee{width:55%}
.brand-wrap span.bottle.coffee{width:37%; margin-left:8%}

.collection-wrap h1{margin-top:135px}	
.collection-wrap img{margin:240px 5% 0;}
.collection-wrap2 img{margin:240px 5% 0;}
.collection-wrap2 img.majestic{margin-top:295px}
.collection-wrap2 img.grand{margin-top:365px}

.tvc-wrap{padding-top:80px;}
.tvc-container{padding-bottom:52.25%}
.tvc-container iframe {top:-10%; height:100%;}
.tvc-container div a{bottom:75px;}
.about-wrap p{font-size:22px; width:70%; padding:40px 15% 0; margin:40px auto; display:block; line-height: 2em; background: url(../images/divider.png) top center no-repeat;}
.thankyou-wrap p{font-size:24px;}
.contactcontent{margin:130px auto 0}
.footer-wrap {width:80%; padding:50px 10%;}
.footerlink {margin-bottom:25px;}
.footerlink ul {padding:70px 0 0 0;}
.copyright {width:100%; text-align:center; display:block; clear:both;}
.content-body .thmb li a{height:295px}
.content-body .thmb span{background: url(../images/divider.png)center no-repeat;}
.brand-wrap .hotshot .pwrap{margin-bottom:50px}
#cover{background-position:50% 20px;}
.cover-wrap span.coverhd{margin-top:300px}
.cover-wrap span.coverlearnmore{margin-top:235px}
}

@media only screen and (min-width: 1500px) {
.contactdetails p.address span img{margin-bottom:40px}

#latestnews-wrap{display:block; width:80%; padding:13% 10% 0 10%; margin-left:auto; margin-right:auto;}

.latestnews01{position: relative; float:left; display:block; width:55%;}
.latestnews01 h1{position:absolute; z-index:2; bottom:0; background-color: rgba(0,0,0,0.8); width: 100%; margin:0; padding:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:block; font-weight:normal; font-size:32px; text-align:left;}

.latestnews02{float:left; display:block; width:43%; margin-left:2%;}
.latestnews02box{float:left; display:block; width:100%; padding-bottom:19px; background:url(../images/news/divider-dots.gif) bottom repeat-x; margin-bottom:19px;}
.latestnews02box img{float:left; display:block; width:35%;}
.latestnews02box p{float:left; display:block; color:#fff; width:63%; margin:10px 0 0 2%; font-size:24px}
.latestnews02 .rmore a p{float:left; padding:15px 32px; border:2px #8c6239 solid; width:200px; margin:0;}

.brand-wrap{width:80%; padding-left:10%; padding-right:10%; height:100%;}
.brand-wrap span.info.gold img{margin-bottom:55px;}
.brand-wrap div.info{padding-right:150px}
.brand-wrap .grand span, .brand-wrap .grand span.mtop2{margin-top:300px}

.tvc-wrap a{display:none}
.tvc-wrap{width:100%; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0;}
.tvc-container{ position:relative; padding-bottom:50%; padding-top:35px; height:0; overflow:hidden;}
.tvc-container iframe{position: absolute; top:-5%; left:0; width:100%; height:105%;}
.tvc-container div a{display:block; position: absolute; left:0; right:0; bottom:0; text-decoration:none; text-align:center; border:2px solid #8c6239;}

.about-wrap{margin-left:auto; margin-right:auto; width:70%; padding-left:15%; padding-right:15%; text-align:center; padding-top:200px}
.about-wrap p{font-size:24px; width:85%; margin:50px auto; display:block; line-height: 2em; background: url(../images/divider.png) top center no-repeat; padding:50px 0 0}
.about-wrap a{display:block; text-decoration:none; margin:10px auto 0; width:200px; text-align:center; padding:15px;}
.thankyou-wrap p{font-size:28px;}
.contact-wrap {margin-left:auto; margin-right:auto; width:100%; padding-left:0; padding-right:0; position:relative; height:100%}
.footer {margin-left:auto; margin-right:auto; width:100%; padding-left:0; padding-right:0; height:auto}

.contactcontent{position:absolute; top:0; left:0; right:0; width:62%; margin:150px auto 0}
.map-container {position: relative; padding-bottom: 50%; padding-top: 30px; height: 0; overflow: hidden;}
.map-container iframe{position: absolute; top: 0; left: 0; width: 100%; height: 320px;}

.contactdetails{float:left; width:48%; margin-right:2%}
.contactdetails p{display:block; clear:both; font-size:20px}
.contactdetails p a{text-decoration:none}
.contactdetails p a:hover{color:#bc8a3b}
.contactdetails p span{display:block; float:left; margin-bottom:20px; width:60px; text-align:center}
.contactdetails2{display:none}
.contactdetails p.contactsocial{display:block}

.contactform{float:left; width:48%; margin-left:2%; display:block;}
.contactform input.name, .contactform input.email{width:49%; float:left; display:block;}
.contactform input.name{margin-right:2%}
.contactform input, .contactform textarea{font-family: 'museo_sans_cyrl300', Arial, sans-serif; display:block; width: 100%; padding:2%; margin-bottom:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: rgba(255,255,255,0.7); border:none}
.contactform select{display:block; width: 100%; margin-bottom:5px;}
.contactform textarea{height:200px}
.contactform input::-webkit-input-placeholder { /* Chrome/Opera/Safari */opacity:1; color: black;}
.contactform input::-moz-placeholder { /* Firefox 19+ */opacity:1; color: black;}
.contactform input:-ms-input-placeholder { /* IE 10+ */opacity:1; color: black;}
.contactform input:-moz-placeholder { /* Firefox 18- */opacity:1; color: black;}
.contactform textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */opacity:1; color: black;}
.contactform textarea::-moz-placeholder { /* Firefox 19+ */opacity:1; color: black;}
.contactform textarea:-ms-input-placeholder { /* IE 10+ */opacity:1; color: black;}
.contactform textarea:-moz-placeholder { /* Firefox 18- */opacity:1; color: black;}
.contactform .capchabox{float:left; display:block; color:#FFF; font-size:14px}
.contactform .capchabox input{margin-top:10px}
.contactform .submitbtn{float:right; display:block}
.contactform .submitbtn a{color: #FFF; display:block; text-decoration:none; margin:0 auto; width:150px; text-align:center; padding:15px; border:2px solid #8c6239; background-color: rgba(0,0,0,0.3)}
.contactform .submitbtn a:hover{background-color:#301d0a}

.footer-wrap {width:80%; padding:50px 10%; font-size:12px; position:absolute; bottom:0; left:0; right:0; background-color: rgba(0,0,0,0.4);}
.footerlink {margin-left:0; width:100%; display:block; margin-bottom:25px; clear:both; text-align:center}
.footerlink ul {display:block; padding:70px 0 0 0; margin:0 auto; width:100%; list-style-type:none; background: url(../images/footer-line.png) top center no-repeat;}
.footerlink ul li{display: inline-block; padding:0 15px}
.footerlink a{text-decoration:none; line-height:25px;}
.footerlink a:hover{color:#bc8a3b}
.footerlink li.sep {display:inline-block;}
.copyright {width:100%; text-align:center; display:block; clear:both;}
.content-body .thmb span{background: url(../images/divider.png)center no-repeat;}
.cover-wrap span.coverhd{margin-top:380px}
.cover-wrap span.coverlearnmore{margin-top:335px}
.collection-wrap img{margin:265px 6% 0;}
.collection-wrap2 img{margin:240px 5% 0;}
.collection-wrap2 img.majestic{margin-top:295px}
.collection-wrap2 img.grand{margin-top:365px}
.brand-wrap div.minfo.dlight {width: 58%; padding-right:20px}
.brand-wrap span.bottle.dlight.mbottle {width: 37%; margin-left:3%}
.brand-wrap .returnbtn2 {margin-top: 44px}
.brand-wrap .returnbtn2.coffeebtn{width: 60%; padding-right: 40%;}
.brand-wrap .returnbtn2.importedbtn{width: 65%; padding-right: 35%;}
}

@media only screen and (min-width: 1900px) {
.contactdetails p.address span img{margin-bottom:20px}
br.addrss{display:none}
    
    /*.brand-wrap div.minfo.clvb span, .brand-wrap div.minfo.clvb span.mtop2{padding:0 .5%; margin-top:280px; width:24%}
   .brand-wrap div.minfo.clvb span.proof, .brand-wrap div.minfo.clvb span.pwrap2, .brand-wrap div.minfo.clvb span.size{margin-top:0; width:auto; float:left; padding:0}    
    .brand-wrap div.minfo.clvb span.pwrap2{margin-top: 47px;}*/
    
    
.brand-wrap span.info img{width:32%; margin:320px 34% 130px;}
.brand-wrap span.info h1{font-size:82px}
.brand-wrap span.info.light img{margin-top:190px}
.brand-wrap span.info.light h1{font-size:92px; margin-bottom:15px}
.brand-wrap span.info.light h2{font-size:62px}
.brand-wrap span.info.gold img{width:27%; margin:320px 36.5% 70px;}
.brand-wrap span.info.gold h1{font-size:117px}
.brand-wrap span.info.red img{width:80%; margin:320px 10% 60px;}

.brand-wrap span.info.importedlight img{width:40%; margin:320px 30% 70px;}
.brand-wrap span.info.importedlight h1{font-size:30px; margin-bottom:20px}

.brand-wrap span.info.deluxe img{width:40%; margin:320px 30% 70px;}
.brand-wrap span.info.deluxe h1{font-size:39px; margin-bottom:20px}
.brand-wrap span.info.deluxe h2{font-size:59px; margin:0}
.brand-wrap span.info.special img{width:40%; margin:280px 30% 60px;}
.brand-wrap span.info.special h1{font-size:35px; margin:0 7%}

.brand-wrap span.info.majestic{width:65%; margin-left:0}
.brand-wrap span.bottle.majestic{margin-right:0; margin-left:12%;width:16%}
.brand-wrap span.bottle.mbottle.majestic{margin-left:10%; width:18.75%}
.brand-wrap span.info.majestic img{width:40%; margin:270px 30% 70px;}
.brand-wrap span.info.majestic h1{font-size:35px; margin:0 7%}

.brand-wrap span.info.grand{margin-left:5%; width:65%}
.brand-wrap span.bottle.grand{width:20%; margin-left:0; margin-right:0}
.brand-wrap span.info.grand img{width:34%; margin:260px 33% 90px}
.brand-wrap span.info.grand h1{font-size:32px; margin:0 8%}

.brand-wrap div.minfo.special{width:65%; margin-left:10%}
.brand-wrap2{bottom:70px}
.brand-wrap span.bottle{width:13.5%; margin-left:15.5%}
    
.brand-wrap span.bottle.mbottle, .brand-wrap span.bottle.coffee.mbottle{width:13.5%; margin-left:11.5%; margin-right:1.5%}
.brand-wrap span.bottle img{width:100%; margin-bottom:0}
.brand-wrap span.bottle.mbottle.grand{width:18%; margin-left:0}
.brand-wrap span.bottle.mbottle.special{margin-left:2%; margin-top:20px}
.brand-wrap span.bottle.red{margin-left:13.5%; width:19.5%;}
.brand-wrap span.bottle.mbottle.red{width:18%; margin-left:7.5%; margin-right:0}
.brand-wrap span.bottle.dlight.mbottle {width: 42%;margin-left: 0; margin-right:0; margin-top:20px}
.brand-wrap div.minfo.dlight {padding-right: 0}
.brand-wrap span.info, .brand-wrap div.majestic.minfo{width:65%}
.brand-wrap div.red.minfo{width:65%}
.brand-wrap div.majestic.minfo{margin-left:0}

.brand-wrap div.minfo.importedlight{width:65%; margin-left:3%}
.brand-wrap span.bottle.importedlight.mbottle {margin-left: 12%;}

.brand-wrap div.coffee span h3.mtop{margin-top:0}
.brand-wrap div.minfo.coffee{width:65%; margin-left:3%}
.brand-wrap span.bottle.coffee.mbottle {margin-left: 12%;}

.brand-wrap div.minfo.deluxe{width:65%; margin-left:3%}
.brand-wrap span.bottle.deluxe.mbottle {margin-left: 12%;}
.brand-wrap span.info.red{width:67%;}
.brand-wrap div.minfo{width:65%; padding-right:0;}
.brand-wrap div.minfo.light, .brand-wrap div.minfo.gold, .brand-wrap div.minfo.hotshot{margin-left:10%}
.brand-wrap div.minfo.grand{width:66%; margin-left:9%}
.brand-wrap span.bottle.light, .brand-wrap span.bottle.hotshot, .brand-wrap span.bottle.gold, .brand-wrap span.bottle.special{margin-left:0; margin-right:0}
.brand-wrap span.bottle.light img{margin-bottom:0}
.brand-wrap span.bottle.special{width:13.5%;}
.brand-wrap span.info.special{width:65%; margin-left:5%; margin-right:1.5%}
.brand-wrap span.bottle.special img{margin-bottom:0}

.brand-wrap span.bottle.dlight {width: 43%;}
.brand-wrap span.info.dlight {width: 57%;}
.brand-wrap span.info.dlight img {width:70%; margin:250px 12.5% 0;}
.brand-wrap span.bottle.dlight img{margin-bottom:0}

.brand-wrap span.bottle.coffee {width: 33%; margin-left:10%}
.brand-wrap span.bottle.coffee img {margin-top:150px; width:100%; margin-left:0; margin-bottom:0}
.brand-wrap span.info.coffee {width: 57%;}
.brand-wrap span.info.coffee img {margin-top:150px;}

.brand-wrap span.info.light, .brand-wrap span.info.hotshot, .brand-wrap span.info.gold{margin-left:5%; margin-right:1.5%}

.brand-wrap span.bottle.importedlight{margin-left: 15%; margin-right:0}
    .brand-wrap span.bottle.clvb{margin-left: 15%; margin-right:0; width:13.5%;}
.brand-wrap span.bottle.importedlight img{margin-bottom:0}
.brand-wrap span.info.importedlight{margin-left:0; margin-right:0; width:70%}

.brand-wrap span.bottle.deluxe{margin-left: 15%; margin-right:0}	
.brand-wrap span.info.deluxe{margin-left:0;/*margin-left:7%;*/ margin-right:0}

.brand-wrap div span img{height:85px}
.brand-wrap div.coffee span img{height:125px}
.brand-wrap div span h3{font-size:25px; margin-top:35px}
.brand-wrap div span p{font-size:25px;}
.brand-wrap div.coffee span h3{font-size:28px}
.brand-wrap div.coffee span p{font-size:17px}
.brand-wrap div span, .brand-wrap div span.mtop2{padding:0 .5%; margin-top:320px; width:24%}
.brand-wrap div.minfo.coffee span.proof{width:25%}
    
#collection-dlight .brand-wrap div span.mtop1, #collection-dlight .brand-wrap div span.mtop2{margin-top:280px;}
/*#collection-dlight .brand-wrap div .pwrap > span, #collection-dlight .brand-wrap div .pwrap2 > span, #collection-dlight .brand-wrap div .size > span{margin-top:0;}
    #collection-dlight .brand-wrap div .pwrap2{margin-top:47px}*/

.brand-wrap div.minfo.coffee span.pwrap2 span{width:auto}

.brand-wrap div.minfo.coffee span, .brand-wrap div.minfo.coffee span.mtop2{padding:0 .5%; margin-top:280px; width:19%}
.brand-wrap div.minfo.coffee span{margin-bottom:50px}
.brand-wrap div.minfo.coffee .pwrap.coffee span{margin-bottom:0}
.brand-wrap div.minfo.coffee .pwrap span{margin-top:0}
.brand-wrap div.minfo.coffee span.pwrap2{width:75%; margin-top:47px}

.brand-wrap .pwrap.coffee{margin-top:30px}

.brand-wrap .pwrap{font-size:25px;}
.brand-wrap div span span.size{font-size:23px; text-align:left; width:500px}
.brand-wrap .hotshot div span span.size{text-align:center; width:165px}
.brand-wrap .hotshot div span.pwrap2{margin-top:70px}
.brand-wrap .hotshot div span.glass{margin-top:10px}
.brand-wrap .hotshot .pwrap{margin-top:20px}
.brand-wrap div span.proof, .brand-wrap .hotshot div span.proof{width:25%}
.brand-wrap div span.proof img{width:130px; height:auto}
.brand-wrap div span.pwrap2{margin-top:47px}
.brand-wrap div span.hotshottxt{margin-top:330px; font-size:30px}
.brand-wrap .hotshot .pwrap{margin-bottom:50px}
.brand-wrap span.info.hotshot img{margin-top:250px}
.brand-wrap .dlight span.pwrap2 {margin-top: 45px;}
.brand-wrap div.minfo.dlight span.pwrap2{margin-top:47px}
    


.brand-wrap .returnbtn2.dlight{margin-top: 50px;}
.brand-wrap .returnbtn2.majesticbtn, .brand-wrap .returnbtn2.deluxebtn{width:69%; padding-right:31%}
    
.brand-wrap .ingrednt{float:left; display:block; width:100%; padding-left:50px; margin-top:0;}
.brand-wrap .ingrednt h3, .brand-wrap .ingrednt p{float:left; width:auto}
.brand-wrap .ingrednt h3{padding-left:0}
.brand-wrap .ingrednt p{margin-left:5px; padding-top:2px}
    

.collection-wrap h1{margin-top:150px}
.collection-wrap img{margin:235px 5% 0; /*width:10%*/}
.collection-wrap2 img{margin:210px 5% 0;}
.collection-wrap2 img.majestic{margin-top:265px}
.collection-wrap2 img.grand{margin-top:360px}

.ribbon img, .ribbon2 img{width:410px}	
.latestnews02box p{margin-top:20px}
.latestnews01 h1{bottom:-1px}
#cover{background-position:50% -20px;}
.cover-wrap span.coverhd{margin-top:380px}
.cover-wrap span.coverlearnmore{margin-top:280px}
    
    
 
 .brand-wrap span.info.clvb img.clvblogo {width: 80%; margin: 320px 0 0; text-align:right; display:inline}  
   /* .brand-wrap span.info.clvb img {width: 32%; margin: 320px 34% 130px;}  */
 .brand-wrap span.info.clvb img.clvblogo2{display:none}
    
    
 #collection-dlight .brand-wrap{width: 80%; padding-left: 10%; padding-right: 10%;}
    
}
@media only screen and (min-width: 2000px) {
.collection-wrap img, .collection-wrap2 img{margin-top:320px}
.collection-wrap2 img.majestic{margin-top:420px}
.collection-wrap2 img.grand{margin-top:500px}
}
@media only screen and (max-width: 500px) {
.seal img{padding-left:50px}
    .dposeal{width:60%; margin:30px 20% 0}
#privacy-body{width:100%; }
}
@media only screen and (max-width: 340px) {
    .socialfooter{width:40%; margin-left:30%;}
.seal{width:30%; margin-top:5px}
.seal img{padding-left:30px}

}