

.container_auto{
  width:900px;
  margin:0 auto;
  margin-top:20px;
  margin-bottom: 20px;
  text-align: center;
}

#ip-container {
  position: relative;
}


.inlinepopup {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #F5A623;
  float: left;
  width: 100%;
  margin-bottom: 15px;
  position: relative;
  border-top: 5px solid #F5A623;
  border-radius: 5px;
}
.inlinepopup_content {
  margin: 20px;
  color: #585858;
}
.inlinepopup_arrow {
  background: url("images/arrow-top.png") no-repeat scroll center 0;
  height: 32px;
  position: absolute;
  top: -34px;
  width: 32px;
}
.inlinepopupClose {
  background: url("images/close.png") no-repeat scroll 0 0;
  cursor: pointer;
  height: 16px;
  position: absolute;
  right: 20px;
  text-indent: -9999px;
  top: 20px;
  width: 16px;
  z-index: 99;
  overflow: hidden;
  transition: all 0.5s ease 0s;
}
.inlinepopupClose:hover {
  transform: rotate(180deg);
}
.inlinepopup_content h2 {
  color: #F5A623;
  font: 100 26px/140% "Source Sans Pro",sans-serif;
  margin: 0;
  padding: 0 0 10px;
}
.inlinepopup_content ul, .inlinepopup_content ol {
  margin: 0 0 20px;
  padding: 0 0 0 20px;
}
.inlinepopup_content .img-middle img {
  margin: 5px auto;
}
.inlinepopup_content a.go-button {
  background: rgba(0, 0, 0, 0) url("images/arrow-right.png") no-repeat scroll right center / 18% auto;
  color: #F5A623;
  font: 600 18px/150% "Source Sans Pro",sans-serif;
  padding: 5px 30px 5px 0;
}

.img_marque{
  width: 80px !important;
  height: 80px !important;
}

.brands-grid{
	background: #fff;
	border-radius: 5px;
	padding: 0px 0px;
	margin:10px;
}

.center-block{
	display: inline-block;
	cursor: pointer;
}

.brandBlock{
	display: inline-block;
	text-align: center;
	background: #f7f7f7;
	border:1px solid #eee;
	padding: 20px;
	margin:10px;
	cursor: pointer;
	border-radius: 5px;
}

.brandBlock:hover{
	border:1px solid #F5A623;
	cursor: pointer;

}

.brandBlock a{
	color:#000;
	text-decoration: none;
	margin-top: 10px;
}

#ip-container{
  width: 100%;
  display: block;
  clear: both;
}

#ip-container li{
	list-style: none;
	display: inline-block;
  text-align: center !important;
	padding: 15px;
	color: #000;
	cursor: pointer;
	border-radius: 5px;
  border:1px solid #fff;
  margin:10px !important;
}

#ip-container li a{
	color: #212121;
	text-decoration: none;
  text-align: center !important;
}

#ip-container li img{
	display: block;
	width: 110px;
	margin-bottom:20px;
  text-align: center !important;
}

#ip-container li:hover{
	border:1px solid #F5A623;
}

#ip-container li:hover > a{
	color:#000;
}

.feature-border{
  border-color:#fff !important;
}

#ip-container h1{
  font-size: 27px !important;
}

.ip-details .lazy-hidden{
  display: none !important;
}



@media screen and (max-width: 680px) {

  .brandBlock{
    padding: 10px;
    margin:9px 7px !important;
  }

  .container_auto{
    width:100% !important;
     padding: 0 20px;
     margin-left:-10px;
  }

}