/*==================================== brands css ====================================*/

/*-------- wines country css ----------------------------*/
.wines {
	width:800px;
	margin:0 auto;
}
.wines ul {
	height:190px;
	background:url(../images/line-brands.png) no-repeat center bottom;
}
.wines ul li {
	width:150px;
	margin:40px 25px 0 25px;
	float:left;
	text-align:center;
	
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
.wines ul li:hover {
	margin-top:35px;
}
.wines ul li a {
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
.wines ul li img {
	width:48px;
}
.wines ul li h5 {
	font-size:18px;
	line-height:22px;
	margin:12px 0;
}





/*-------- spirits css ----------------------------*/
.spirits {
	width:800px;
	margin:0 auto;
}
.spirits ul {
	height:190px;
	background:url(../images/line-brands.png) no-repeat center bottom;
}
.spirits ul li {
	width:150px;
	margin:40px 25px 0 25px;
	float:left;
	text-align:center;
	
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
.spirits ul li:hover {
	margin-top:35px;
}
.spirits ul li a {
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
.spirits ul li img {
	width:80px;
}
.spirits ul li h5 {
	font-size:18px;
	line-height:22px;
	margin:12px 0;
}





/*-------- brand logo css ----------------------------*/
.brand-logos {
	width:800px;
	margin:25px auto;
}
.brand-logos ul {
}
.brand-logos ul li {
	width:198px;
	height:185px;
	margin:0;
	float:left;
	text-align:center;
	border: 1px solid #ccc;
	border-collapse:collapse;
	
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
.brand-logos ul li:hover {
	background:#E5E5E5;
}
.brand-logos ul li a {
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
.brand-logos ul li img {
	width:145px;
	margin-top:50px;
}





/*-------- brand info css ----------------------------*/
.brand-info {
	width:100%;
	text-align:center;
}
.brand-info img.logo {
	width:224px;
	height:auto;
}
.brand-info h5 {
	font-size:22px;
	line-height:30px;
	color:#28415c;
	text-transform:uppercase;
	margin:20px auto;
}
.brand-info p {
	width:95%;
	margin:20px auto;
	font-size:16px;
	line-height:28px;
	color:#888;
	text-align:center;
}
.brand-info h8 {
	font-size:16px;
	line-height:24px;
	color:#28415c;
	font-style:italic;
	margin:20px auto;
}
.brand-info .photos {
	width:695px;
	margin:25px auto;
}
.brand-info .photos a {
	width:215px;
	height:155px;
	overflow:hidden;
	float:left;
	margin:8px;
	background:#ccc url(../images/icons/add.png) no-repeat center;
	background-size:0;
	
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;	
}
.brand-info .photos a:hover {
	background:#333 url(../images/icons/add.png) no-repeat center;
	background-size: auto;
}
.brand-info .photos a img {
	width:215px;
	height:auto;
	min-height:155px;
	
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;	
}
.brand-info .photos a:hover img {
	opacity:0.15;
}

.brand-info .bottom {
	width:870px;
	margin:45px auto 0 auto;
}
.brand-info .bottom .backlist, .brand-info .bottom .nextbrand {
	width:120px;
	height:22px;
	line-height:22px;
	font-style:italic;
	color:#28415c;
	opacity:0.75;
}
.brand-info .bottom .backlist:hover, .brand-info .bottom .nextbrand:hover {
	opacity:1;
}
.brand-info .bottom .backlist {
	float:left;
	padding-left:30px;
	text-align:left;
	background:url(../images/icons/back.png) no-repeat center left;
}
.brand-info .bottom .nextbrand {
	padding-right:30px;
	text-align:right;
	float:right;
	background:url(../images/icons/next.png) no-repeat center right;
}

.brand-info .bottom .weblinks {
	width:300px;
	float:left;
	margin-left:130px;
	text-align:center;
}
.brand-info .bottom .weblinks a {
	display:block;
	font-size:14px;
	line-height:22px;
	font-style:italic;
	margin-bottom:5px;
}











/* Mobile */
@media screen and (max-width: 767px) {


.brand-info img.logo {
}


.brand-info .bottom {
	width:700px;
}

.brand-info .bottom .weblinks {
	margin-left:100px;	
}
.brand-info .bottom .weblinks {
	margin-left:50px;
}

.wines, .spirits {
	width:767px;
}
.wines ul li, .spirits ul li {
	margin:40px 5px 0 15px;
}
.brand-logos {
	width:600px;
}






}