.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
outline: 0
}
.slides, .flex-control-nav, .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none
}
.flexslider {
margin: 0;
padding: 0
}
.flexslider, .flexslider * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.flexslider .slides>li {
display: none;
-webkit-backface-visibility: hidden
}
.flexslider .slides img {
height: auto;
}
.flex-pauseplay span {
text-transform: capitalize
}
.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
html[xmlns] .slides {
display: block
}
* html .slides {
height: 1%
}
.no-js .slides>li:first-child {
display: block
}
.flexslider {
margin: 0 0 60px;
background: #fff;
zoom: 1;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.flex-viewport {
height: 100%;
max-height: 2000px;
z-index: 1;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease
}
.loading .flex-viewport {
max-height: 300px
}
.flexslider .slides {
zoom: 1
}
.carousel li {
margin-right: 5px
}
.flexslider .flex-viewport>ul>li {
position: relative;
overflow: hidden;
}
.flexslider ul.slides li a {
display: block;
color: #fff;
}
.flex-direction-nav {
*height: 0
}
.flex-direction-nav a {
cursor: pointer;
display: block;
height: 90px;

position: absolute;
top: 50%;
transition: all 0.3s ease-in-out 0s;
width: 90px;
z-index: 100;
}
.flex-direction-nav .flex-disabled {
opacity: .3!important;
filter: alpha(opacity=30);
cursor: default
}
.flex-control-nav {
margin-top: -25px;
width: 100%;
position: absolute;
text-align: center
}
.flex-control-nav li {
margin: 0 4px;
display: inline-block;
zoom: 1;
cursor: pointer
}
.flex-control-paging li a {
background: #ed4240;
border: 2px solid #ed4240;
cursor: pointer;
display: block;
height: 15px;
text-indent: -9999px;
width: 15px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
cursor: pointer
}
.flex-control-paging li a:hover {
border: 3px solid #ed4240;
cursor: pointer;
height: 17px;
margin-top: 3px!important;
width: 17px
}
.flex-control-paging li .flex-active {
border: 3px solid #ed4240;
background: #FFF;
cursor: pointer;
height: 17px;
margin-top: 3px!important;
width: 17px
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0
}
.flex-control-thumbs img {
width: 100%;
display: block;
opacity: .7;
cursor: pointer
}
.flex-control-thumbs img:hover {
opacity: 1
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default
}
.flex-caption {
background: 0;
-ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
zoom: 1
}
.flex-caption {
width: 100%;
padding: 2%;
margin: 0;
position: absolute;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, .3);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
font-size: 14px;
line-height: 18px
}

@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 0
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 0
}
}
.flexslider .slides, .flexslider .slides li {
height: 100%;
}
.flexslider .slides > li div.container {
left: 19%;
position: absolute;
top: 46%;
width: 500px;
z-index: 1000;
}
.flexslider .slides > li div.container_main > p {
display: flex;
}
.flexslider .slides > li.loja5banner_background .background_container {
background-color: transparent;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: relative;
z-index: 50;
}
.flexslider .slides > li div.container_main span {
clear: both;
float: left;
font-size: 50px;
font-weight: 700;
height: 60px !important;
line-height: 60px;
margin: 2px;
padding: 0 10px;
text-transform: uppercase;
}
.flexslider .slides > li div.container_main .white {
background-color: #fff;
color: #fd8700;
}
.flexslider .slides > li div.container_main .orange {
background-color: #fd8700;
color: #000;
}
.flexslider .slides > li div.container_main .blue {
background-color: #145aa0;
color: #fff;
}
.flexslider .slides > li div.container_main .green-neon {
background-color: #9dff1e;
color: #000;
}
.flexslider .slides > li div.container_main .red {
background-color: #e1001a;
color: #fff;
}
.flexslider .slides > li div.container_main .buy {
background-image: url("/templates/loja5responsivo/images/imagens.png");
background-position: -119px -1017px;
clear: both;
float: left;
font-size: 24px;
font-weight: 700;
height: 32px !important;
line-height: 32px;
margin-top: 17px;
padding: 1px 5px 1px 20px;
text-transform: uppercase;
}
div.flexslider > ul.slides {
background: #fff url("images/loader.gif") no-repeat scroll center center;
}
/*.flexslider .slides > li div.container {
box-sizing: border-box;
float: left;
left: 69% !important;
margin-left: -4px;
opacity: 0;
position: relative;
text-align: center;
top: 50%;
transform: translateX(-50%) translateY(-50%);
width: 500px !important;
z-index: 1;
}*/