.p7-wrapper {
width:640px;
height:640px;
z-index:9;
background-image:url(../images/preloader_white.png);
background-repeat:no-repeat;
background-position:center center;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-o-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
transform-style:preserve-3d;
margin:0 auto;
}

.p7-icons {
width:540px;
height:175px;
z-index:9;
}

.p7-carousel {
z-index:9;
-webkit-perspective:1000px;
-moz-perspective:1000px;
-o-perspective:1000px;
-ms-perspective:1000px;
perspective:1000px;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-o-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
transform-style:preserve-3d;
image-render:optimizeSpeed;
position:relative;
visibility:hidden;
height:100%;
margin:0 auto;
top:120px;
}

.p7-container {
position:absolute;
width:100%;
height:100%;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-o-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
transform-style:preserve-3d;
z-index:9;
}

.p7-wrapper figure {
z-index:9;
position:absolute;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-o-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
transform-style:preserve-3d;
margin:0;
}

.p7-reflection {
position:absolute;
margin-top:3px;
}

.p7-hover {
position:absolute;
top:0;
left:0;
opacity:0;
}

.p7-caption {
font-family: 'News Cycle', Arial, serif;
font-size: 11px;
z-index:9;
background-color:#003B71;
line-height:21px;
color:#FCDA02;
text-align:center;
overflow:hidden;
outline:3px solid transparent;
box-sizing:border-box;
visibility:hidden;
margin-left:3px;
}

.p7-border {
border-top:1px solid #003B71;
}

.p7-absolute {
position:absolute;
}

.p7-mouse {
cursor:pointer;
}

.p7-caption div {
box-sizing:border-box;
border-top:1px solid rgba(255,255,255,0.25);
padding:3px;
}

.p7-caption h3 {
font:14px 'News Cycle', Arial, serif;
text-shadow:2px 2px 2px rgba(0,0,0,0.05);
margin:0;
}

.p7-caption p {
z-index:9;
font:11px 'News Cycle', Arial, serif;
text-shadow:2px 2px 2px rgba(0,0,0,0.05);
color:#FCDA02;
margin:1px 0 0;
}

.p7-fallback {
z-index:5;
width:80%;
height:500;
line-height:0;
text-align:center;
}

.p7-fallback .p7-carousel {
visibility:visible;
display:inline-block;
}

.p7-fallback .p7-container {
z-index:5;
position:static;
}

.p7-fallback figure {
float:left;
position:relative;
overflow:hidden;
}

.p7-clear {
clear:left;
}

.p7-fallback .p7-caption {
width:100%;
margin-left:0;
position:absolute;
outline:0;
-moz-box-shadow:0 -1px 1px rgba(0,0,0,0.20);
-webkit-box-shadow:0 -1px 1px rgba(0,0,0,0.20);
box-shadow:0 -1px 1px rgba(0,0,0,0.20);
}

.p7-grid {
overflow:auto;
z-index:5;
}

.p7-grid footer {
display:none;
}

.color {
width:20px;
height:20px;
display:inline-block;
border:1px solid #999;
vertical-align:middle;
margin-top:-2px;
cursor:pointer;
}

.white {
background-color:#f5f5f5;
margin-left:10px;
}

.black {
background-color:#222;
}

@media screen and max-width600px{
.p7-wrapper {
background-image:none;
z-index:9;
}

.p7-grid-option {
width:100%!important;
background-image:none!important;
z-index:9;
}

.p7-responder {
margin-left:auto!important;
margin-right:auto!important;
float:none!important;
}

.p7-caption-option {
position:static!important;
height:auto!important;
overflow:visible!important;
visibility:visible!important;
-moz-box-shadow:none!important;
-webkit-box-shadow:none!important;
box-shadow:none!important;
}

}