#clients{
display:block;margin-bottom:15px;border:groove;background-color:dodgerblue
}
#clients .clients-wrap{
display:block;
width:700px;
margin:0 auto;
overflow:hidden;
}
#clients .clients-wrap ul{
display:block;
list-style:none;
position:relative;
display:inline;
}
#clients .clients-wrap ul li{
display:block;
float:left;
position:relative;
width:130px;
height:55px;
line-height:55px;
text-align:center
}
#clients .clients-wrap ul li img{
vertical-align:middle;
max-width:100%;
max-height:100%;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
transition:all 0.3s linear;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter:alpha(opacity=65);opacity:0.65
}
#clients .clients-wrap ul li img:hover{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1.0
}
#popup_box{
display:none;
position:fixed;
position:absolute;
height:auto;
width:600px;
background:#FFF;
left:300px;top:150px;
z-index:100;margin-left:15px;
border:2px solid #68A5E8;
padding:15px;font-size:15px;
-moz-box-shadow:0 0 5px #f00;-webkit-box-shadow:0 0 5px #f00;box-shadow:0 0 5px #68A5E8
}
#container{
background:#000;
width:100%;
height:100%;
}
a{
cursor:pointer;
text-decoration:none
}
#popupBoxClose{
font-size:20px;
line-height:15px;
right:5px;
top:5px;
position:absolute;
color:#6fa5e2;
font-weight:500;
}
#popup_box1{
display:none;
position:fixed;
position:absolute;
height:auto;
width:600px;
background:#FFF;
left:300px;
top:150px;
z-index:100;
margin-left:15px;
border:2px solid #68A5E8;
padding:15px;
font-size:15px;
-moz-box-shadow:0 0 5px #f00;
-webkit-box-shadow:0 0 5px #f00;
box-shadow:0 0 5px #68A5E8
}
#container_second{
background:#000;
width:100%;
height:100%
}
a{
cursor:pointer;
text-decoration:none;
}
#popupBoxClose1{
font-size:20px;
line-height:15px;
right:5px;
top:5px;
position:absolute;
color:#6fa5e2;
font-weight:500;
}
#popup_box2{
display:none;
position:fixed;
position:absolute;
height:auto;
width:600px;
background:#FFF;
left:300px;
top:150px;
z-index:100;
margin-left:15px;
border:2px solid #68A5E8;
padding:15px;
font-size:15px;
-moz-box-shadow:0 0 5px #f00;
-webkit-box-shadow:0 0 5px #f00;
box-shadow:0 0 5px #68A5E8
}
#container_third{
background:#000;
width:100%;
height:100%
}
a{cursor:pointer;
text-decoration:none;
}
#popupBoxClose2{
font-size:20px;
line-height:15px;
right:5px;
top:5px;
position:absolute;
color:#6fa5e2;
font-weight:500;
}
#popup_box3{
display:none;
position:fixed;
_position:absolute;
height:auto;
width:600px;
background:#FFF;
left:300px;
top:150px;
z-index:100;
margin-left:15px;
border:2px solid #68A5E8;
padding:15px;
font-size:15px;
-moz-box-shadow:0 0 5px #f00;
-webkit-box-shadow:0 0 5px #f00;
box-shadow:0 0 5px #68A5E8
}
#container_fourth{
background:#000;
width:100%;
height:100%
}
a{cursor:pointer;
text-decoration:none;
}
#popupBoxClose3{
font-size:20px;
line-height:15px;
right:5px;
top:5px;
position:absolute;
color:#6fa5e2;
font-weight:500;
}
#popup_box4{
display:none;
position:fixed;
_position:absolute;
height:auto;
width:600px;
background:#FFF;
left:300px;
top:150px;
z-index:100;
margin-left:15px;
border:2px solid #68A5E8;
padding:15px;
font-size:15px;
-moz-box-shadow:0 0 5px #f00;
-webkit-box-shadow:0 0 5px #f00;
box-shadow:0 0 5px #68A5E8;
}
#container_fifth{
background:#000;
width:100%;
height:100%;
}
a{
cursor:pointer;
text-decoration:none;
}
#popupBoxClose4{
font-size:20px;
line-height:15px;
right:5px;
top:5px;
position:absolute;
color:#6fa5e2;
font-weight:500;
}
#popup_box5{
display:none;
position:fixed;
position:absolute;
height:auto;
width:600px;
background:#FFF;
left:300px;
top:150px;
z-index:100;
margin-left:15px;
border:2px solid #68A5E8;
padding:15px;
font-size:15px;
-moz-box-shadow:0 0 5px #f00;
-webkit-box-shadow:0 0 5px #f00;
box-shadow:0 0 5px #68A5E8;}
#container_six{
background:#000;
width:100%;
height:100%;
}
a{cursor:pointer;
text-decoration:none;
}
#popupBoxClose5{
font-size:20px;
line-height:15px;
right:5px;
top:5px;
position:absolute;
color:#6fa5e2;
font-weight:500;
}
*{
box-sizing:border-box;
}
footer{
width:100%;
background:#1E90FF;
color:#FFF;
}
footer:after{
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0}
footer>ul{
float:left;
list-style-type:none;
width:25%;
}
.wrapper{
text-align:center;
}
.button{
position:absolute;
button-align:center;
top:50%;
}