/* CSS Document */
.brand_logo {
	padding: 15% 0;
	width: 100%;
	background: #000;
}
.brand_logo .infocon {
	margin: 0 auto;
	text-align: center;
	width: 350px;
}
.brand_logo .infocon img {
	margin-bottom: 10px;
}
.brand_logo .infocon p {
	color: #fff;
	padding-top: 5px;
	font-size: 14px;
}
.brand_one { position: relative; }
.brand_one img { display: block; }
.brand_one .infocon {
	position: absolute;
	color: #fff;
	width: 66%;
	line-height: 22px;
	bottom: 100px;
	left: 50%;
	margin-left: -33%;
}
.brand_one .infocon .brandtop {
	padding-bottom: 100px;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
}
.brandlike {
	text-align: right;
	background: #000;
	position: relative;
}
.brandlike img.brandimg {
	width: 100%;
	display: block;
}
.brandlike .infocon {
	position: absolute;
	bottom: 8%;
	left: 50%;
	text-align: left;
	color: #fff;
	margin-left: -410px;
	width: 820px;
}
.brandlike.brandtwo .infocon,.brandlike.brandthree .infocon { bottom: auto;
    margin-top: -170px;
    top: 50%; }
.brandlike.brandthree .infocon{ margin-top:-235px;}
.brandlike.brandfour .infocon{ bottom:12%;}
.brandlike.brandthree .infocon p{ margin-left:30px;}
.brandlike.brandfour .infocon p{ margin-top:10px;}
.brandlike .infocon h3 {
	font-size: 20px;
	padding-bottom: 10px;
	clear: both;
	font-weight: normal;
}
.brand_one .infocon h3{ padding-bottom:30px;}
.brandtwo .infocon ul{ padding:40px 0; height:100%; overflow:hidden;}
.brandtwo .infocon ul li {
	float: left;
	width: 200px;
	text-align: center;
	height: 80px;
}
.brandtwo .infocon ul li img{ display:inline;}
.brandlike .infocon h2, .brandlike .infocon h3, .brandtwo .infocon p{ text-align:center; line-height:30px;}
.brandtwo .infocon ul {
	width: 800px;
	margin: 0 auto;
}
.brandlike.brandthree .infocon .team{ padding:40px 0;}
.brandlike .infocon .b_info {
	padding-top: 35px;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	text-align: left;
}
.brandlike:hover .infocon p {
	-webkit-animation: fadeInUp 1s .2s ease both;
	-moz-animation: fadeInUp 1s .2s ease both;
	-ms-animation: fadeInUp 1s .2s ease both;
}
@-webkit-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translateY(40px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
@-moz-keyframes fadeInUp { 0% {
opacity:0;
-moz-transform:translateY(40px)
}
100% {
opacity:1;
-moz-transform:translateY(0)
}
}
@-ms-keyframes fadeInUp { 0% {
opacity:0;
-ms-transform:translateY(40px)
}
100% {
opacity:1;
-ms-transform:translateY(0)
}
}
.brandlike .infocon p {
	clear: both;
	font-size: 14px;
	line-height: 22px;
	width:820px;
	margin:0 auto;
}
.brandlike .infocon p span {
	width: 200px;
	text-align: right;
	padding-right: 20px;
	display: block;
	float: left;
}
.brand_logo .infocon {
	-webkit-animation: bounceIn 1.5s .2s ease both;
	-moz-animation: bounceIn 1.5s .2s ease both;
	-ms-animation: bounceIn 1.5s .2s ease both;
}
@-webkit-keyframes bounceIn { 0% {
opacity:0;
-webkit-transform:scale(1.5)
}
50% {
opacity:1;
}
100% {
-webkit-transform:scale(1)
}
}
@-moz-keyframes bounceIn { 0% {
opacity:0;
-moz-transform:scale(1.5)
}
50% {
opacity:1;
}
100% {
-moz-transform:scale(1)
}
}
@-ms-keyframes bounceIn { 0% {
opacity:0;
-ms-transform:scale(1.5)
}
50% {
opacity:1;
}
100% {
-ms-transform:scale(1)
}
}
.brandfive { position: relative; }
.brandfive img { display: block; }
.brandfive .infocon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 400px;
	text-align: center;
	color: #fff;
	margin-top: -60px;
	margin-left: -200px;
}
.brandtwo:hover .infocon ul li{
-webkit-animation:pulse 1s .2s ease both;
-moz-animation:pulse 1s .2s ease both;
-ms-animation:pulse 1s .2s ease both;}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(0.1)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(0.1)}
100%{-moz-transform:scale(1)}
}
@-ms-keyframes pulse{
0%{-moz-transform:scale(0.1)}
100%{-moz-transform:scale(1)}
}
@media screen and (max-width:1200px){
.brandtwo .infocon ul{
	padding:15px 0;
	}
.brandlike.brandthree .infocon .team{ padding:10px 0; width:70%; display:inline;}
.brandlike.brandthree .infocon {
    margin-top: -190px;
	text-align:center;
}
}