#top-menu h1 {
  font-size: 1.4em;
  font-weight: bold;
  margin: 0.5em 0;
  color: #333;
}

/* Estilo para os itens do menu */
.menu-titulo {
  font-size: 1.1em;
  font-weight: normal;
  margin: 0;
  padding: 0.0em 0;
}

.menu-titulo a {
  color: #000;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0.1em 0;      /* reduz o espa�«®o vertical interno */
  line-height: 1.0;      /* altura da linha mais justa ao texto */
}


/* Hover */
.menu-titulo a:hover {
  color: #AC006D;
}

/* Cor promocional */
.promocao {
  color: #AC006D;
  font-weight: bold;
}

#top-menu h1 {
  font-size: 16px; /* ou o tamanho anterior */
  font-weight: normal; /* ou bold, conforme desejar */
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
}

.btn{
-moz-transition:0.2s linear;
-o-transition:0.2s linear;
-webkit-transition:0.2s linear;
transition:0.2s linear;
font-size:13px;
font-size:0.8125rem;
font-family:"PT Sans", sans-serif;
display:inline-block;
text-align:center;
border:1px solid #999999;
color:#333333;
padding:10px 15px;
background-color:transparent}

.wraptitle{
text-align:center;
display:block;
width:100%}

.wraptitle h2.title,.wraptitle h3.title{
font-family:"PT Sans", sans-serif;
color:#333333;
text-align:center;
border-bottom:3px solid;
display:inline-block;
padding:5px 10px;
font-weight:bold;
margin:20px 0;
cursor:default}

header nav{
overflow:hidden}

@media (min-width:767px){
header nav{
background-color:#FAFAFE}


}


@media (min-width:767px){
header nav .wrap{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-webkit-justify-content:flex-end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap}
}

@media (max-width:767px){
header nav .wrap{
text-align:center;
width:100%}
}


@media (min-width:767px){
header nav .wrap ul{
display:-webkit-box!important;
display:-webkit-flex!important;
display:-ms-flexbox!important;
display:flex!important;
opacity:1!important;
text-align:right;
-webkit-box-pack:end;
-webkit-justify-content:flex-end;
-ms-flex-pack:end;
justify-content:flex-end;
padding:10px 0}


}


@media (max-width:767px){
header nav .wrap ul{
display:none;
background-color:rgba(0, 0, 0, 0.1);
position:fixed;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
z-index:99;
height:calc(100vh);
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:5px 0;
padding-top:50px;
text-align:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
width:100%}
}

@media (max-width:767px){
header nav .wrap ul li{
display:inline;
margin-top:15px}
}

header nav .wrap ul li a{
font-size:14px;
font-size:0.875rem;
color:#333333;
font-family:"PT Sans", sans-serif;
text-decoration:none;
padding:0 10px;
border-right:1px solid rgba(51, 51, 51, 0.2);
line-height:12px;
display:block;
text-align:center}

@media (max-width:767px){
header nav .wrap ul li a{
color:#FFF;
padding:15px 0;
margin:5px;
background-color:#848484;
border:none;
width:50%;
float:right;
border-radius:2px;
border:2px solid #777777}
}

@media (min-width:767px){
header nav .wrap ul li:last-child a{
border:none}
}

//header nav .wrap ul li.active a{
//color:#EC008C}

header nav .wrap a.cart,header nav .wrap button#toggle-menu{
color:#FFF;
display:inline-block}

@media (max-width:767px){
header nav .wrap a.cart,header nav .wrap button#toggle-menu{
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
margin:5px}
}

header nav .wrap a.cart{
height:40px;
line-height:40px;
text-decoration:none;

border-radius: 5px;
position:relative;
top:9px
}


@media (max-width:767px){
header nav .wrap a.cart{
float:left}
}

header nav .wrap a.cart i{
color: #EC008C;
font-size: 15px;
//font-size: 0.9375rem;
font-size: 1.6em;
//padding: 0 10px 0 0;
position: relative;
top: 5px;
left: 3px;
}


header nav .wrap a.cart span{
font-size: 12px;
font-size: 0.75rem;
color: #EC008C;
position: relative;
top: -14px;
left: -12px;


}


header nav .wrap button#toggle-menu{
width:40px;
height:40px;
border:none;
float:right;
color:#FFF;
background-color:#777777;
position:relative;
z-index:999}


@media (min-width:767px){
header nav .wrap button#toggle-menu{
display:none}


}


header nav .wrap button#toggle-menu i{
position:relative}


header nav .wrap button#toggle-menu i:nth-child(2){
display:none}


header>.wrap{
padding:5px 0}


@media (min-width:767px){
header>.wrap{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap}


}


header>.wrap .login,header>.wrap figure,header>.wrap form.search{
position:relative;
width:100%;
display:block;
margin:10px 0}


header>.wrap .login,header>.wrap form.search{
height:40px}


@media (min-width:767px){
header>.wrap figure{
-webkit-flex-basis:20%;
-ms-flex-preferred-size:20%;
flex-basis:20%}


}


header>.wrap figure a{
padding:10px 0}


header>.wrap figure a img{
display:block;
margin:0 auto;
max-width:100%}


@media (min-width:767px){
header>.wrap figure a img{
margin:0}


}


@media (min-width:767px){
header>.wrap form.search{
-webkit-flex-basis:55%;
-ms-flex-preferred-size:55%;
flex-basis:55%;
margin:35px}


}


header>.wrap form.search button,header>.wrap form.search input{
height:40px;
line-height:40px;
padding:0 10px;
color:#333333}


header>.wrap form.search input{
width:100%;
border:1px solid #B2B2B2;
padding-right:40px}


header>.wrap form.search button{
position:absolute;
top:0;
right:0;
background-color:transparent;
border:none;
background-color:#999;
}

header>.wrap form.search button::before{
content:"\f002";
color:black;
font-family: FontAwesome;
color:#fff;
width:50px


}







@media (min-width:767px){
header>.wrap .login{
-webkit-flex-basis:25%;
-ms-flex-preferred-size:25%;
flex-basis:25%;
margin-top:35px}


}


header>.wrap .login a{
width:55%;
height:50%;
font-size:14px;
font-size:0.875rem;
padding:0;
margin:0;
display:block;
float:left;
font-family:"PT Sans", sans-serif;
color:#777777}


header>.wrap .login a:first-child{
height:40px;
line-height:40px;
font-size:13px;
font-size:0.8125rem;
width:calc(45% - 10px);
text-align:center;
text-decoration:none;
font-family:"PT Sans", sans-serif;
font-weight:bold;
text-transform:uppercase;
background-color:#ffffff;
color:#EC008C;
margin-right:10px;
letter-spacing:2px;
border:#EC008C 1px solid;
border-radius:10px

}

header>.wrap .login a:first-child i{
font-size:20px

}






footer{
padding:50px 0;
background-color:#FFF;
overflow:hidden}

/*
footer .wrap p{
font-size:17px;
font-size:1.0625rem;
color:#777777;
text-align:center;
font-family:"PT Sans", sans-serif;
font-style:italic;
margin:40px auto}
*/

@media (min-width:767px){
footer .wrap p{
float:left;
text-align:left}


}


footer .wrap p a{
text-decoration:none;
color:#777777}


footer .wrap img{
display:block;
margin:40px auto;
max-width:100%}


@media (min-width:767px){
footer .wrap img{
float:right}


}

/* -- SIDEBAR --  */

nav#sidebar{
-webkit-box-ordinal-group:3;
-webkit-order:2;
-ms-flex-order:2;
order:2;
text-align:left;
width:100%;	
/*border-radius:5px*/
}

@media (min-width:1023px){
nav#sidebar{
-webkit-flex-basis:25%;
-ms-flex-preferred-size:25%;
flex-basis:25%;
min-width:245px	}

}


nav#sidebar a.purchase{
font-size:17px;
font-size:1.0625rem;
background-color:#333333;
color:#FFF;
background-image:url("../image/ico/compartilhada.png");
background-repeat:no-repeat;
background-position:15px center;
padding:15px 15px 15px 60px;
width:100%;
display:block;
font-family:"PT Sans", sans-serif;
text-decoration:none;
font-weight:200}

nav#sidebar ul{
/*background-color:#0095DA;*/
background-color:#fff;
/*padding:40px 30px;*/
margin:0px 0px;
border-radius:5px;	
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 
}


nav#sidebar ul li{
font-size:16px;
font-size:1rem;
font-family:"PT Sans", sans-serif;
font-weight:200;
box-shadow: 0px 1px 1px 0px #888888;
}


nav#sidebar ul li a,nav#sidebar ul li b{
display:block}


nav#sidebar ul li b{
margin:40px 0;
color:#FFF}


nav#sidebar ul li a{
/*margin:5px 0;*/
/*color:rgba(255, 255, 255, 0.8);*/
color:#5f5f5f;
font-size:0.9em;
text-decoration:none;
padding:10px;
font-family:roboto;
font-weight: 400;
height:100%
}


nav#sidebar ul li.active a{
color:#0095DA;
//background-color:#0095DA}

nav#sidebar ul li:hover a{
color:#0095DA;	
	
}

section nav#sidebar ul li.active:hover a{
color:#0095DA;
//background-color:#0095DA}


section nav#sidebar ul li:hover a:after{
color:#0095DA;
//background-color:#0095DA}


section nav#sidebar ul li a:after{
content:">";
margin-right:5px;
font-weight:700;
color:#5f5f5f;
float:right;
font-family: roboto;
}




section#payment{
background-color:#FFF;
padding:20px 0}


section#payment .wrap h2{
font-size:15px;
font-size:0.9375rem;
color:#212121;
display:block;
width:100%;
font-family:"PT Sans", sans-serif;
text-align:center}


section#payment .wrap ul{
width:100%;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center}


#banner{
width:100%;
overflow:hidden;
background-image:url("../image/banner-calc.png");
background-size:cover;
padding:50px 0;
position:relative}


@media (max-width:767px){
#banner{
text-align:center}
}


#banner:before{
content:"";
width:100%;
height:100%;
background-color:rgba(51, 51, 51, 0.75);
position:absolute;
top:0;
left:0}


#banner .wrap{
max-width:720px}


#banner .wrap:after{
content:"";
background-image:url("../image/calculator.png");
background-size:100% auto;
background-position:center top;
background-repeat:no-repeat;
display:block}


@media (max-width:767px){
#banner .wrap:after{
width:50%;
height:120px;
position:relative;
margin:0 auto;
margin-bottom:-50px;
margin-top:-10px}


}


@media (min-width:767px){
#banner .wrap:after{
position:absolute;
width:250px;
height:250px;
bottom:0}


}


#banner .wrap>span.title{
font-size:50px;
font-size:3.125rem;
color:#FFF;
font-family:"Corpid", sans-serif;
position:relative;
cursor:default}


@media (min-width:767px){
#banner .wrap>span.title{
max-width:50%;
text-align:right;
float:right;
clear:both}


}


#banner .wrap>a{
font-size:30px;
font-size:1.875rem;
color:#FFF;
text-decoration:none;
font-family:"Corpid", sans-serif;
font-style:italic;
font-weight:100;
position:relative}


@media (min-width:767px){
#banner .wrap>a{
text-align:right;
float:right;
clear:right;
margin:50px 0}


}


#banner .wrap>a>i{
color:#FFEF24}


#banner .wrap>a:before{
content:"xxxxxxxxxxxxxxx";
font-size:12px;
font-size:0.75rem;
font-family:"Roboto", sans-serif;
color:#FFF;
display:inline}


@media (max-width:767px){
#banner .wrap>a:before{
margin-right:10px;
margin-top:15px;
display:block;
margin:40px auto}


}


@media (min-width:767px){
#banner .wrap>a:before{
max-width:50%;
text-align:right;
position:absolute;
left:-90px;
top:15px}


}


.swiper-container.index{
height:auto;
margin:auto}


.swiper-container.index .swiper-wrapper .swiper-slide{
position:relative}


.swiper-container.index .swiper-wrapper .swiper-slide figure{
width:100%}


.swiper-container.index .swiper-wrapper .swiper-slide figure img{
width:100%;
display:block;
margin:0 auto}


.swiper-container.index .swiper-wrapper .swiper-slide .content{
position:absolute;
top:0;
width:90%;
right:5%;
left:5%;
text-align:right;
padding:2% 0;
font-family:"Corpid", sans-serif}


@media (min-width:1023px){
.swiper-container.index .swiper-wrapper .swiper-slide .content{
right:15%;
left:15%;
width:70%;
padding:5% 0}


}


.swiper-container.index .swiper-wrapper .swiper-slide .content span{
font-size:30px;
font-size:1.875rem;
color:#FFEF24;
display:block;
text-transform:uppercase;
font-weight:100}


@media (max-width:767px){
.swiper-container.index .swiper-wrapper .swiper-slide .content span{
font-size:13px;
font-size:0.8125rem}


}


@media (max-width:767px) and (min-width:375px){
.swiper-container.index .swiper-wrapper .swiper-slide .content span{
font-size:15px;
font-size:0.9375rem}


}


.swiper-container.index .swiper-wrapper .swiper-slide .content span strong{
font-size:35px;
font-size:2.1875rem;
color:#FFF}


@media (max-width:767px){
.swiper-container.index .swiper-wrapper .swiper-slide .content span strong{
font-size:15px;
font-size:0.9375rem}


}


@media (max-width:767px) and (min-width:375px){
.swiper-container.index .swiper-wrapper .swiper-slide .content span strong{
font-size:17px;
font-size:1.0625rem}


}


@media (max-width:767px) and (min-width:375px) and (min-width:1023px){
.swiper-container.index .swiper-wrapper .swiper-slide .content span strong{
font-size:35px;
font-size:2.1875rem}


}


.swiper-container.index .swiper-wrapper .swiper-slide .content p{
margin:0;
padding:0;
color:#FFF;
font-weight:100;
font-size:20px;
font-size:1.25rem}


@media (max-width:767px){
.swiper-container.index .swiper-wrapper .swiper-slide .content p{
font-size:12px;
font-size:0.75rem}


}


.swiper-container.index .swiper-wrapper .swiper-slide .content p strong{
font-size:80px;
font-size:5rem;
color:#FFEF24}


@media (max-width:767px){
.swiper-container.index .swiper-wrapper .swiper-slide .content p strong{
font-size:20px;
font-size:1.25rem}


}


@media (max-width:767px) and (min-width:375px){
.swiper-container.index .swiper-wrapper .swiper-slide .content p strong{
font-size:27px;
font-size:1.6875rem}


}


.swiper-container.index .swiper-pagination-bullets{
text-align:left;
bottom:5%;
left:5%;
right:5%;
position:absolute;
width:90%;
font-family:"Corpid", sans-serif}


@media (min-width:1023px){
.swiper-container.index .swiper-pagination-bullets{
right:15%;
left:15%;
width:70%;
text-align:right}


}


.swiper-container.index .swiper-pagination-bullets span.swiper-pagination-bullet{
opacity:1;
filter:alpha(opacity=100);
background-color:transparent;
border:1px solid #FFF;
margin:0 2px;
width:0.8rem;
height:0.8rem;
-moz-transition:0.2s linear;
-o-transition:0.2s linear;
-webkit-transition:0.2s linear;
transition:0.2s linear}


.swiper-container.index .swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color:#990000}


section#see-too{
clear:both;
margin:70px 0;
float:left;
width:100%}


section#see-too .wraptitle h3.title{
font-size:20px;
font-size:1.25rem}


section#see-too ul{
width:100%;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between}


li.product-card{
padding:10px 10px 10px 10px;
background-color:#FFF;
border-radius:2px;
border:1px solid #E9E9E9;
margin-bottom:10px;
width:50%;
text-align:right;
position:relative;
list-style-type:none;
-moz-transition:0.1s ease;
-o-transition:0.1s ease;
-webkit-transition:0.1s ease;
transition:0.1s ease}


@media (min-width:767px){
li.product-card{
-webkit-flex-basis:45%;
-ms-flex-preferred-size:45%;
flex-basis:45%}
}


@media (min-width:767px) and (min-width:1073px){
li.product-card{
-webkit-flex-basis:32%;
-ms-flex-preferred-size:32%;
flex-basis:24%}


}


li.product-card a{
text-decoration:none;
color:#535353}


li.product-card a figure img{
max-width:100%;
display:block;
margin:0 auto}


li.product-card span{
font-size:15px;
font-size:0.9375rem;
display:block;
padding:0 10px;
color:#212121}


li.product-card span.shared{
font-size:14px;
font-size:0.875rem;
position:absolute;
top:0;
left:0;
background-color:#333333;
color:#FFF;
font-family:"PT Sans", sans-serif;
width:100%;
padding:5px 0;
text-align:center;
cursor:default}


li.product-card span.description{
font-style:italic;
color:#545454}


li.product-card span.amount{
font-size:45px;
font-size:1.8rem;
font-weight:bold}


li.product-card span.deadline i{
margin-right:5px}


li.product-card a.btn{
width:calc(50% - 3px);
margin-top:30px}


li.product-card a.btn:hover{
background-color:#EC008C;
color:#FFF;
border:1px solid transparent}


li.product-card a.btn:first-child{
margin-right:6px}


li.product-card a.btn:last-child{
margin-left:6px}


li.product-card-2{
padding:30px 30px 30px 30px;
background-color:#FFF;
border-radius:2px;
border:1px solid #E9E9E9;
margin-bottom:20px;
width:100%;
text-align:center;
position:relative;
list-style-type:none;
-moz-transition:0.1s ease;
-o-transition:0.1s ease;
-webkit-transition:0.1s ease;
transition:0.1s ease}


@media (max-width:1072px){
li.product-card-2{
padding:30px}


}


@media (min-width:1072px){
li.product-card-2{
padding:30px 10px 10px 10px}


}


@media (min-width:767px){
li.product-card-2{
-webkit-flex-basis:45%;
-ms-flex-preferred-size:45%;
flex-basis:45%}


}


@media (min-width:767px) and (min-width:1073px){
li.product-card-2{
-webkit-flex-basis:32%;
-ms-flex-preferred-size:32%;
flex-basis:24%}


}


li.product-card-2 a{
text-decoration:none;
color:#535353}


li.product-card-2 a figure img{
max-width:100%;
display:block;
margin:0 auto}


li.product-card-2 a.blue{
font-size:14px;
font-size:0.875rem;
color:#0095DA;
text-decoration:underline;
font-weight:bold;
display:inline-block;
margin:0 auto;
font-style:italic}


li.product-card-2 span{
font-size:15px;
font-size:0.9375rem;
display:block;
padding:0 10px;
color:#212121}


li.product-card-2 span.deadline{
font-size:14px;
font-size:0.875rem;
position:absolute;
top:0;
right:0;
background-color:#333333;
color:#FFF;
font-family:"PT Sans", sans-serif;
padding:5px 10px;
text-align:center;
cursor:default}


li.product-card-2 span.title{
font-style:italic;
color:#545454;
text-align:center;
color:#535353}


li.product-card-2 span.title strong{
font-size:18px;
font-size:1.125rem}


li.product-card-2 span.description{
font-style:italic;
color:#545454;
text-align:center}


li.product-card-2 span.amount{
font-size:45px;
font-size:1.8rem;
font-weight:bold}


li.product-card-2 a.btn{
font-size:15px;
font-size:0.9375rem;
-moz-transition:0.1s ease;
-o-transition:0.1s ease;
-webkit-transition:0.1s ease;
transition:0.1s ease;
width:100%;
border:2px solid transparent;
margin-top:30px;
background-color:#EC008C;
color:#FFF;
font-weight:bold;
text-transform:uppercase}


li.product-card-2 a.btn:hover{
background-color:#d3007d;
border-color:#b9006e}


.swiper-container{
width:100%;
height:300px;
margin:20px auto}


.swiper-container .swiper-wrapper .swiper-slide{
text-align:center;
font-size:18px;
background:#fff;
/*display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;*/
-webkit-box-pack:center;
-ms-flex-pack:center;
-webkit-justify-content:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
-webkit-align-items:center;
align-items:center}


.swiper-container .swiper-pagination-bullets{
text-align:left;
bottom:5%;
position:absolute;
font-family:"Corpid", sans-serif;
right:15%;
left:15%;
width:70%;
text-align:right}


.swiper-container .swiper-pagination-bullets span.swiper-pagination-bullet{
opacity:1;
filter:alpha(opacity=100);
background-color:transparent;
border:1px solid #AAAAAA;
margin:0 2px;
width:0.7rem;
height:0.7rem;
-moz-transition:0.2s linear;
-o-transition:0.2s linear;
-webkit-transition:0.2s linear;
transition:0.2s linear}


.swiper-container .swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color:#EC008C}


section#characteristics,section#finalization,section#finishing{
clear:both;
margin:10px 0;
padding:10px 0;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:end;
-webkit-justify-content:flex-end;
-ms-flex-pack:end;
justify-content:flex-end;
width:100%}


section#characteristics .wraptitle,section#finalization .wraptitle,section#finishing .wraptitle{
margin-bottom:10px}


section#characteristics .wraptitle h2.title,section#finalization .wraptitle h2.title,section#finishing .wraptitle h2.title{
font-size:20px;
font-size:1.25rem}


section#characteristics .settings,section#finalization .settings,section#finishing .settings{
width:100%}


@media (min-width:767px){
section#characteristics .settings,section#finalization .settings,section#finishing .settings{
width:60%}


}


section#characteristics{
border-top:1px solid #EEEEEE}


section#characteristics .preview{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap}


@media (min-width:767px){
section#characteristics .preview{
width:40%}


}


section#characteristics .preview figure{
width:250px;
max-width:80%;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
border:1px solid #F2F2F2;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:0 auto;
padding:40px}


section#characteristics .preview figure img{
max-width:100%}


section#characteristics .preview span{
font-size:15px;
font-size:0.9375rem;
display:block;
text-align:center;
width:100%;
margin:15px auto;
color:#222222;
font-style:italic;
font-family:"PT Sans", sans-serif}


section#characteristics .settings label,section#finalization .settings label{
font-size:18px;
font-size:1.125rem;
width:35%;
color:#535353;
font-weight:bold;
font-style:italic;
display:inline-block;
clear:left}


section#characteristics .settings button,section#characteristics .settings input,section#characteristics .settings select,section#finalization .settings button,section#finalization .settings input,section#finalization .settings select{
width:calc(65% - 5px);
border:1px solid #999999;
text-align:center;
padding:7px;
color:#0095DA;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-bottom:5px;
font-family:"PT Sans", sans-serif;
background-color:transparent}


section#characteristics .settings span,section#finalization .settings span{
font-size:18px;
font-size:1.125rem;
width:30px;
display:inline-block;
text-align:center;
color:#535353;
font-style:italic;
font-weight:bold;
cursor:default}


section#characteristics .settings input.m,section#finalization .settings input.m{
width:calc((65% - 40px) / 2)}


@media (min-width:767px){
section#characteristics .settings input.m.d,section#finalization .settings input.m.d{
margin-right:40px}


}


@media (max-width:767px){
section#characteristics .settings input.m.d,section#finalization .settings input.m.d{
width:calc(65% - 5px)}


}


section#characteristics .settings button,section#finalization .settings button{
display:inline-block;
width:calc((65% - 10px) / 2)}


section#finishing .settings input{
display:none}


section#finishing .settings input+label{
font-size:14px;
font-size:0.875rem;
width:100%;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
font-family:"PT Sans", sans-serif;
color:#333333;
margin:5px 0;
cursor:pointer}


section#finishing .settings input+label:before{
content:"";
width:10px;
height:10px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
display:inline-block;
background-color:transparent;
border:1px solid #B2B2B2;
margin-right:8px}


section#finishing .settings input:checked+label:before{
background-color:#0095DA}


section#finalization .settings span.type{
font-size:14px;
font-size:0.875rem;
color:#0095DA;
font-style:italic;
font-weight:normal;
width:auto;
padding:0 5px}


#login-inner{
padding:40px 0;
margin:40px 0;
border-top:1px solid #EEEEEE;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center}


#login-inner form{
background-color:#F2F2F2;
padding:30px 40px;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:end;
-webkit-justify-content:flex-end;
-ms-flex-pack:end;
justify-content:flex-end;
width:100%;
max-width:400px}


#login-inner form input{
font-size:15px;
font-size:0.9375rem;
width:100%;
border:1px solid #AAAAAA;
padding:8px 12px;
margin-bottom:20px;
color:#878787;
background-color:transparent}


#login-inner form button{
font-size:18px;
font-size:1.125rem;
background-color:#0095DA;
color:white;
font-weight:bold;
padding:4px 40px;
border:none;
text-transform:lowercase}


#login-inner span{
display:block;
width:100%;
text-align:center;
margin:10px}


#login-inner span a{
text-decoration:none;
font-style:italic;
color:#0095DA;
font-size:14px;
font-size:0.875rem;
margin:10px}


#login-inner span a:first-child{
color:#444444}


main section#index .wraptitle h2.title{
font-size:18px;
font-size:0.9rem;
margin:60px 0}


main section#index .wrap{
text-align:center;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap}


@media (min-width:1023px){
main section#index .wrap{
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap}
}


main section#index .wrap #featured{
width:100%;
-webkit-box-ordinal-group:2;
-webkit-order:1;
-ms-flex-order:1;
order:1}


@media (min-width:1023px){
main section#index .wrap #featured{
-webkit-flex-basis:75%;
-ms-flex-preferred-size:75%;
flex-basis:75%;
-webkit-box-ordinal-group:4;
-webkit-order:3;
-ms-flex-order:3;
order:3;
margin-left:20px}


}


main section#index .wrap #featured ul{
width:100%;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between}


main section#index .wrap #featured i.fa.fa-spinner.load{
font-size:50px;
font-size:3.125rem;
color:#CBCBCB;
margin:70px 0}


section#product{
background-color:#FFF;
border-radius:25px;


}








section#product .wrap{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
position:relative}


@media (min-width:1023px){
section#product .wrap{
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap}


}


section#product .wrap .content{
width:100%;
overflow:hidden;
-webkit-box-ordinal-group:2;
-webkit-order:1;
-ms-flex-order:1;
order:1;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between}


@media (min-width:1023px){
section#product .wrap .content{
-webkit-flex-basis:75%;
-ms-flex-preferred-size:75%;
flex-basis:75%;
-webkit-box-ordinal-group:4;
-webkit-order:3;
-ms-flex-order:3;
order:3;
margin-left:20px}


}


section#product .wrap .content .left{
width:100%}


@media (min-width:1023px){
section#product .wrap .content .left{
width:48%}


}


@media (min-width:1023px){
section#product .wrap .content .right{
width:50%}


}


section#product .wrap .content .right h2{
font-size:40px;
font-size:2.5rem;
color:#333333;
font-family:"PT Sans", sans-serif;
font-weight:bold;
margin:0 0 10px 0}


section#product .wrap .content .right span.subtitle{
font-size:20px;
font-size:1.25rem;
font-weight:bold;
color:#333333;
font-family:"PT Sans", sans-serif;
display:block}


section#product .wrap .content .right span.desc{
font-size:17px;
font-size:1.0625rem;
color:#777777;
font-style:italic;
font-family:"PT Sans", sans-serif}


section#product .wrap .content .right span.time{
font-size:17px;
font-size:1.0625rem;
color:#EC008C;
font-style:italic;
font-family:"PT Sans", sans-serif;
display:block}


section#product .wrap .content .right button.btn,section#product .wrap .content .right span.price{
width:100%;
text-align:center}


@media (min-width:767px){
section#product .wrap .content .right button.btn,section#product .wrap .content .right span.price{
width:50%;
float:left}


}


section#product .wrap .content .right span.price{
/*	
font-size:35px;
font-size:2.1875rem;
color:#545454;
font-weight:bold;
font-family:"PT Sans", sans-serif;
display:block;
line-height:37px;
margin:20px 0*/	

}


section#product .wrap .content .right button.btn{
font-size:20px;
font-size:1.25rem;
margin:15px 0;
font-weight:bold;
background-color:#0095DA;
color:#FFF;
border:none;
border-color:#FFF}


section#about.page .wrap{
text-align:center}


section#about.page .wrap>p{
font-size:20px;
font-size:1.25rem;
color:#777777;
font-style:italic;
font-family:"PT Sans", sans-serif;
margin:30px 0}


section#about.page .characteristics{
background-color:#0095DA;
color:#FFF;
margin:70px 0}


@media (min-width:767px){
section#about.page .characteristics{
padding:60px 0}


}


@media (max-width:767px){
section#about.page .characteristics{
padding:60px 30px}


}


section#about.page .characteristics ul.wrap{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap}


@media (min-width:767px){
section#about.page .characteristics ul.wrap li{
-webkit-flex-basis:calc(100% / 3);
-ms-flex-preferred-size:calc(100% / 3);
flex-basis:calc(100% / 3);
padding:0 30px}


}


section#about.page .characteristics ul.wrap li span{
font-size:35px;
font-size:2.1875rem;
font-family:"Lato", sans-serif;
font-weight:bold;
display:block;
cursor:default}


@media (min-width:767px){
section#about.page .characteristics ul.wrap li span{
margin:0 0 70px 0}


}


@media (max-width:767px){
section#about.page .characteristics ul.wrap li span{
margin:20px 0}


}


section#about.page .characteristics ul.wrap li p{
font-size:17px;
font-size:1.0625rem;
font-style:italic;
font-family:"Lato", sans-serif}


@media (min-width:767px){
section#about.page .characteristics ul.wrap li p{
text-align:left}


}


section#help.page .wrap ul{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-flex-basis:100%;
-ms-flex-preferred-size:100%;
flex-basis:100%}


section#help.page .wrap ul li{
background-color:#DDDDDD;
margin:20px 0;
cursor:default;
color:#FFF;
background-repeat:no-repeat;
-moz-transition:background-color 0.2s linear;
-o-transition:background-color 0.2s linear;
-webkit-transition:background-color 0.2s linear;
transition:background-color 0.2s linear}


section#help.page .wrap ul li:hover{
background-color:#0095DA}


@media (min-width:767px){
section#help.page .wrap ul li{
padding:30px 170px 30px 50px;
background-position:right 50px center}


}


@media (max-width:767px){
section#help.page .wrap ul li{
padding:170px 40px 20px 40px;
background-position:center 50px}


}


section#help.page .wrap ul li span{
font-size:30px;
font-size:1.875rem;
font-weight:bold;
font-family:"PT Sans", sans-serif;
margin:0 0 40px 0;
display:block}


section#help.page .wrap ul li p{
font-size:17px;
font-size:1.0625rem;
font-style:italic;
font-family:"PT Sans", sans-serif}


section#help.page .wrap ul li.manual{
background-image:url("../image/ico/manual.png")}


section#help.page .wrap ul li.login{
background-image:url("../image/ico/login.png")}


section#help.page .wrap ul li.criar{
background-image:url("../image/ico/criar_layout.png")}


section#help.page .wrap ul li.envia{
background-image:url("../image/ico/enviar_layout.png")}


section#help.page .wrap ul li.pedidos{
background-image:url("../image/ico/meus_pedidos.png")}


section#help.page .wrap ul li.carrinho{
background-image:url("../image/ico/carrinho.png")}


section#contact.page .wrap ul{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap}


section#contact.page .wrap ul li{
opacity:0.3;
filter:alpha(opacity=30);
font-size:17px;
font-size:1.0625rem;
-moz-transition:opacity 0.2s linear;
-o-transition:opacity 0.2s linear;
-webkit-transition:opacity 0.2s linear;
transition:opacity 0.2s linear;
overflow:hidden;
color:#212121;
text-align:center;
margin:20px 0;
font-style:italic;
cursor:default}


@media (min-width:767px){
section#contact.page .wrap ul li{
width:calc(100% / 3)}


}


@media (max-width:767px){
section#contact.page .wrap ul li{
width:100%}


}


section#contact.page .wrap ul li:hover{
opacity:1;
filter:alpha(opacity=100)}


section#contact.page .wrap ul li:before{
content:"";
width:100px;
height:100px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
display:block;
margin:0 auto;
border:2px solid #212121;
margin-bottom:20px;
background-position:center;
background-repeat:no-repeat;
background-size:50%}


section#contact.page .wrap ul li.phone:before{
background-image:url("../image/ico/phone.png")}


section#contact.page .wrap ul li.email:before{
background-image:url("../image/ico/mail.png")}


section#contact.page .wrap ul li.email a{
text-decoration:none;
color:#212121;
word-break:break-all}


section#contact.page .wrap ul li.address:before{
background-image:url("../image/ico/map.png")}


section#contact.page form{
background-color:#0095DA;
padding:50px 20px;
margin:50px 0}


section#contact.page form .wrap{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
max-width:550px}


section#contact.page form .wrap h3{
font-size:24px;
font-size:1.5rem;
text-align:center;
font-family:"PT Sans", sans-serif;
font-style:italic;
font-weight:100;
color:#FFF;
margin:0 0 40px 0;
-webkit-flex-basis:100%;
-ms-flex-preferred-size:100%;
flex-basis:100%}


section#contact.page form .wrap input,section#contact.page form .wrap textarea{
font-size:22px;
font-size:1.375rem;
opacity:0.8;
filter:alpha(opacity=80);
font-weight:normal;
background-color:transparent;
border:none;
border-bottom:1px solid rgba(255, 255, 255, 0.4);
color:#FFF;
text-align:center;
padding:10px 0;
height:50px;
-webkit-flex-basis:100%;
-ms-flex-preferred-size:100%;
flex-basis:100%}


section#contact.page form .wrap textarea{
max-width:100%}


@media (min-width:767px){
section#contact.page form .wrap input#e-mail,section#contact.page form .wrap input#telefone{
-webkit-flex-basis:48%;
-ms-flex-preferred-size:48%;
flex-basis:48%}


}


@media (min-width:767px){
section#contact.page form .wrap input#telefone{
margin-left:4%}


}


section#contact.page form .wrap textarea{
-webkit-flex-basis:100%;
-ms-flex-preferred-size:100%;
flex-basis:100%}


section#contact.page form .wrap button{
font-size:35px;
font-size:2.1875rem;
background-color:transparent;
border:none;
display:inline-block;
margin:20px auto;
font-weight:bold;
color:#FFF}


section#customize.page .wrap ul li{
background-color:#DDDDDD;
color:#FFF;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
counter-increment:item;
margin:20px 0;
background-repeat:no-repeat;
cursor:pointer}


@media (min-width:767px){
section#customize.page .wrap ul li{
padding:20px 40px;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
background-position:right 60px top 60px}


}


@media (max-width:767px){
section#customize.page .wrap ul li{
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
text-align:center;
padding:20px 40px 160px 40px;
background-position:center bottom 60px}


}


section#customize.page .wrap ul li:before{
content:counter(item);
font-size:130px;
font-size:8.125rem;
font-weight:bold;
font-family:"Corpid", sans-serif}


section#customize.page .wrap ul li:hover{
background-color:#0095DA}


section#customize.page .wrap ul li span.title{
font-size:30px;
font-size:1.875rem;
font-family:"PT Sans", sans-serif;
font-weight:bold}


@media (min-width:767px){
section#customize.page .wrap ul li span.title{
padding-left:40px}


}


section#customize.page .wrap ul li.material{
background-image:url("../image/ico/material.png")}


section#customize.page .wrap ul li.dados-pedido{
background-image:url("../image/ico/dados-pedido.png")}


section#customize.page .wrap ul li.envio-arte{
background-image:url("../image/ico/envio-arte.png")}


section#customize.page .wrap ul li.confirmacao-pedido{
background-image:url("../image/ico/dados-pedido.png")}


section#customize.page .wrap ul li .content{
display:none;
padding:0 30px 30px;
margin:0 auto}


section#customize.page .wrap ul li .content p{
font-size:20px;
font-size:1.25rem;
font-family:"PT Sans", sans-serif;
font-style:italic}


section#customize.page .wrap ul li .content select{
width:100%;
background-color:transparent;
border:1px solid #FFF;
color:#FFF;
padding:10px 15px}


section#customize.page .wrap ul li.active .content{
display:block}


section#visit-cards{
background-color:#F5F5F5}


section#visit-cards .wraptitle h2.title{
font-size:20px;
font-size:1.25rem;
margin-bottom:70px}


section#visit-cards .wrap{
text-align:center;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap}


@media (min-width:1023px){
section#visit-cards .wrap{
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap}


}


section#visit-cards .wrap .right{
width:100%;
-webkit-box-ordinal-group:2;
-webkit-order:1;
-ms-flex-order:1;
order:1}


@media (min-width:1023px){
section#visit-cards .wrap .right{
-webkit-flex-basis:75%;
-ms-flex-preferred-size:75%;
flex-basis:75%;
-webkit-box-ordinal-group:4;
-webkit-order:3;
-ms-flex-order:3;
order:3;
margin-left:20px}


}


section#visit-cards .wrap .right a.inner-banner-content{
background-image:url("../image/banner-send.png");
background-size:cover;
background-repeat:no-repeat;
position:relative;
padding:10% 5%;
text-decoration:none;
display:block;
margin-bottom:70px}


section#visit-cards .wrap .right a.inner-banner-content:before{
content:"";
background-color:rgba(51, 51, 51, 0.6);
position:absolute;
top:0;
left:0;
right:0;
bottom:0}


section#visit-cards .wrap .right a.inner-banner-content span{
font-size:32px;
font-size:2rem;
font-family:"Corpid", sans-serif;
font-weight:normal;
color:#FFF;
text-transform:uppercase;
position:relative;
z-index:99}


section#visit-cards .wrap .right a.inner-banner-content span strong{
font-weight:bold;
color:#FFEF24}


section#visit-cards .wrap .right>span{
font-size:20px;
font-size:1.25rem;
color:#333333;
font-family:"PT Sans", sans-serif;
text-align:center;
display:block;
width:100%;
margin-bottom:70px}


section#visit-cards .wrap .right ul.list{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between}


section#visit-cards .wrap .right i.fa.fa-spinner.load{
font-size:50px;
font-size:3.125rem;
color:#CBCBCB;
margin:10px 0}


section#shared{
background-color:#F5F5F5}


section#shared .wraptitle h2.title{
font-size:20px;
font-size:1.25rem;
margin-bottom:10px}


section#shared .wrap{
text-align:center;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap}


@media (min-width:1023px){
section#shared .wrap{
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap}


}


section#shared .wrap .right{
width:100%;
-webkit-box-ordinal-group:2;
-webkit-order:1;
-ms-flex-order:1;
order:1}


@media (min-width:1023px){
section#shared .wrap .right{
-webkit-flex-basis:75%;
-ms-flex-preferred-size:75%;
flex-basis:75%;
-webkit-box-ordinal-group:4;
-webkit-order:3;
-ms-flex-order:3;
order:3;
margin-left:20px}


}


section#shared .wrap .right .inner-shared-content{
padding:10% 5%;
text-decoration:none;
display:block;
margin-bottom:10px;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
cursor:default}


@media (max-width:767px){
section#shared .wrap .right .inner-shared-content{
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap}


}


section#shared .wrap .right .inner-shared-content strong{
font-size:70px;
font-size:4.375rem;
font-weight:bold;
color:#95DDFF;
font-family:"PT Sans", sans-serif;
display:inline-block;
white-space:nowrap}


@media (max-width:767px){
section#shared .wrap .right .inner-shared-content strong{
margin-bottom:20px}


}


section#shared .wrap .right .inner-shared-content span{
font-size:18px;
font-size:1.125rem;
font-family:"PT Sans", sans-serif;
font-weight:normal;
color:#777777;
font-style:italic;
position:relative;
text-align:left;
z-index:99}


@media (min-width:767px){
section#shared .wrap .right .inner-shared-content span{
padding-left:40px}


}


@media (max-width:767px){
section#shared .wrap .right .inner-shared-content span{
padding:0 20px;
text-align:justify}


}


section#shared .wrap .right ul.list{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between}


section#shared .wrap .right ul.list li .price span{
font-size:20px;
font-size:1.25rem;
width:50%;
display:inline-block;
color:#535353;
margin:20px 0;
font-style:italic}


section#shared .wrap .right ul.list li .price span strong{
font-size:20px;
font-size:1.25rem;
font-weight:bold;
display:block;
font-style:normal}


section#shared .wrap .right ul.list li .price span.old strong{
color:#1F1F1F;
text-decoration:line-through}


section#shared .wrap .right ul.list li .price span.new strong{
color:#0095DA}


section#shared .wrap .right ul.list li span.amount{
font-size:16px;
font-size:1rem;
color:#535353;
display:block;
font-weight:normal;
font-style:italic}


section#shared .wrap .right ul.list li span.amount strong{
font-weight:bold}


section#shared .wrap .right i.fa.fa-spinner.load{
font-size:50px;
font-size:3.125rem;
color:#CBCBCB;
margin:10px 0}


section.auth{
text-align:center}


section.auth .wraptitle h2.title{
font-size:20px;
font-size:1.25rem;
margin-bottom:10px}


section.auth .wrap{
text-align:center;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap}


@media (min-width:1023px){
section.auth .wrap{
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap}


}


section.auth .wrap .right{
width:100%;
-webkit-box-ordinal-group:2;
-webkit-order:1;
-ms-flex-order:1;
order:1}


@media (min-width:1023px){
section.auth .wrap .right{
-webkit-flex-basis:75%;
-ms-flex-preferred-size:75%;
flex-basis:75%;
-webkit-box-ordinal-group:4;
-webkit-order:3;
-ms-flex-order:3;
order:3;
margin-left:20px}


}


section.auth .wrap .right form{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
max-width:400px;
margin:0 auto}


section.auth .wrap .right form input{
height:40px;
line-height:40px;
-webkit-flex-basis:100%;
-ms-flex-preferred-size:100%;
flex-basis:100%;
border:none;
background-color:#EEEEEE;
margin-bottom:5px;
padding:0 15px;
color:#333333}


section.auth .wrap .right form input:focus{
background-color:#e6e6e6}


section.auth .wrap .right form a{
-webkit-flex-basis:50%;
-ms-flex-preferred-size:50%;
flex-basis:50%;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
font-size:15px;
font-size:0.9375rem;
color:#535353}


section.auth .wrap .right form button{
background-color:#EC008C;
text-transform:uppercase;
font-weight:bold;
border:none;
color:#FFF}


section.auth .wrap .right form button:hover{
background-color:#ff079a}


section.auth .wrap .right a.destaque{
color:#333333;
font-size:22px;
font-size:1.375rem;
text-decoration:none;
margin-top:20px;
display:table;
margin:20px auto}


section#carrinho.page.payment{
text-align:center}


section#carrinho.page.payment .wraptitle h2.title{
margin-bottom:10px}


section#carrinho.page.payment .wrap{
text-align:center;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap}


section#carrinho.page.payment .wrap table{
margin-bottom:40px}


@media (max-width:1023px){
section#carrinho.page.payment .wrap table tbody{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap}


}


section#carrinho.page.payment .wrap table.carrinho{
width:100%}


@media (min-width:1024px){
section#carrinho.page.payment .wrap table:not(.carrinho){
width:calc(50% - 20px);
margin:10px;
height:165px}


}


@media (max-width:1023px){
section#carrinho.page.payment .wrap table:not(.carrinho){
-webkit-flex-basis:100%;
-ms-flex-preferred-size:100%;
flex-basis:100%}


}


section#carrinho.page.payment .wrap table a,section#carrinho.page.payment .wrap table p,section#carrinho.page.payment .wrap table span,section#carrinho.page.payment .wrap table strong{
color:#777777;
font-family:"Roboto", sans-serif}


section#carrinho.page.payment .wrap table strong{
font-size:17px;
font-size:1.0625rem;
color:#222222}


section#carrinho.page.payment .wrap table p{
font-size:16px;
font-size:1rem;
margin-top:0}


section#carrinho.page.payment .wrap table span{
font-size:17px;
font-size:1.0625rem}


section#carrinho.page.payment .wrap table a{
font-size:16px;
font-size:1rem}


section#carrinho.page.payment .wrap table a,section#carrinho.page.payment .wrap table p,section#carrinho.page.payment .wrap table span{
color:#777777}


section#carrinho.page.payment .wrap table form button,section#carrinho.page.payment .wrap table form input{
border:none;
font-size:15px;
font-size:0.9375rem;
margin-top:10px}


section#carrinho.page.payment .wrap table form input{
text-align:left}


section#carrinho.page.payment .wrap table form button{
background-color:#EC008C;
text-transform:uppercase;
color:#FFF;
font-weight:bold}

/*
section#carrinho.page.payment .wrap table form:before{
content:"";
background-image:url("../image/ico/cupom.png");
background-repeat:no-repeat;
background-position:center center;
width:64px;
height:64px;
float:left}
*/

@media (max-width:1023px){
section#carrinho.page.payment .wrap table tr{
-webkit-flex-basis:100%;
-ms-flex-preferred-size:100%;
flex-basis:100%;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;

}

section#carrinho.page.payment .wrap table table tr{
display:initial;
}









}


section#carrinho.page.payment .wrap table tr th{
font-size:13px;
font-size:0.8125rem;
background-color:#0095DA;
color:#FFF;
padding:15px 0;
text-transform:uppercase;
cursor:default;
position:relative;
letter-spacing:1.5px}


@media (min-width:1024px){
section#carrinho.page.payment .wrap table tr th{
margin:0 15px;

}


}


@media (max-width:1023px){
section#carrinho.page.payment .wrap table tr th{
-webkit-flex-basis:100%;
-ms-flex-preferred-size:100%;
flex-basis:100%;
/*display:none*/
}


section#carrinho.page.payment .wrap table tr th:not(:first-of-type){
display:none}


}


@media (min-width:1024px){
section#carrinho.page.payment .wrap table:first-child tr th:first-child{
width:50%}


}


@media (min-width:1024px){
section#carrinho.page.payment .wrap table:first-child tr th:after,section#carrinho.page.payment .wrap table:first-child tr th:before{
content:"";
display:none;
top:0;
bottom:0;
position:absolute;
height:100%;
width:20px;
background-color:#FFF}


section#carrinho.page.payment .wrap table:first-child tr th:after{
right:0}


section#carrinho.page.payment .wrap table:first-child tr th:before{
left:0}


section#carrinho.page.payment .wrap table:first-child tr th:first-child{
padding-right:20px}


section#carrinho.page.payment .wrap table:first-child tr th:first-child::after{
display:block}


section#carrinho.page.payment .wrap table:first-child tr th:nth-child(2){
padding:0 20px}


section#carrinho.page.payment .wrap table:first-child tr th:nth-child(2):after,section#carrinho.page.payment .wrap table:first-child tr th:nth-child(2):before{
display:block}


section#carrinho.page.payment .wrap table:first-child tr th:nth-child(3){
padding-left:20px}


section#carrinho.page.payment .wrap table:first-child tr th:nth-child(3):before{
display:block}


}


section#carrinho.page.payment .wrap table tr:not(:first-child):not(:nth-child(2)){
border-top:1px solid #e6e6e6}


section#carrinho.page.payment .wrap table tr td{
background-color:#EEEEEE;
padding:20px

}


@media (max-width:1023px) and (min-width:767px){
section#carrinho.page.payment .wrap table tr td{
-webkit-flex-basis:50%;
-ms-flex-preferred-size:50%;
flex-basis:50%}


section#carrinho.page.payment .wrap table tr td:last-of-type{
-webkit-flex-basis:100%;
-ms-flex-preferred-size:100%;
flex-basis:100%}


}


@media (max-width:767px){
section#carrinho.page.payment .wrap table tr td{
-webkit-flex-basis:100%;
-ms-flex-preferred-size:100%;
flex-basis:100%}


}


section#carrinho.page.payment .wrap table tr td a{
padding:10px;
text-transform:lowercase}


section#carrinho.page.payment .wrap table tr td.prod figure{
float:left;
margin-right:10px}


section#carrinho.page.payment .wrap table tr td.prod figure img{
width:150px;
height:100%}


section#carrinho.page.payment .wrap table tr td.entrega{
text-align:center}


section#carrinho.page.payment .wrap table tr td.valor span{
display:block;
margin-bottom:7px;
font-family:"PT Sans", sans-serif;
color:#000;
font-size:35px;
font-size:2.1875rem;
text-align:center;
font-weight:bold;
text-transform:uppercase
}


section#carrinho.page.payment .wrap table tr td.valor a{
position:relative;
margin-top:20px;
margin-left:auto;
margin-right:auto;
border: 1px solid #000;
padding:5px 15px;
font-family:"PT Sans", sans-serif;
color:#000;
background-color:#eee;
cursor: pointer;
}


section#carrinho.page.payment .wrap .continue,section#carrinho.page.payment .wrap .finaliza{
-moz-transition:0.2s linear;
-o-transition:0.2s linear;
-webkit-transition:0.2s linear;
transition:0.2s linear;
margin:30px 20px 0 0;
border:none;
color:#FFF;
font-weight:bold;
text-transform:uppercase;
border:1px solid}


section#carrinho.page.payment .wrap .finaliza{
background-color:#EC008C}


section#carrinho.page.payment .wrap .finaliza:hover{
background-color:transparent;
color:#EC008C}


section#carrinho.page.payment .wrap .continue{
background-color:#AAAAAA}


section#carrinho.page.payment .wrap .continue:hover{
background-color:transparent;
color:#AAAAAA}


section#entrega.page.payment,section#pagamento.page.payment{
text-align:center}


section#entrega.page.payment .wraptitle h2.title,section#pagamento.page.payment .wraptitle h2.title{
margin-bottom:70px}


section#entrega.page.payment .wrap,section#pagamento.page.payment .wrap{
text-align:center;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between}


section#entrega.page.payment .wrap .box,section#pagamento.page.payment .wrap .box{
margin-bottom:20px;
margin-right:10px;
margin-left:10px}


section#entrega.page.payment .wrap .box hr,section#pagamento.page.payment .wrap .box hr{
margin:40px 0;
border:none;
border-bottom:1px solid #212121}


section#entrega.page.payment .wrap .box.big,section#pagamento.page.payment .wrap .box.big{
-webkit-flex-basis:100%;
-ms-flex-preferred-size:100%;
flex-basis:100%}


@media (min-width:767px){
section#entrega.page.payment .wrap .box.med,section#pagamento.page.payment .wrap .box.med{
-webkit-flex-basis:calc(50% - 20px);
-ms-flex-preferred-size:calc(50% - 20px);
flex-basis:calc(50% - 20px)}


}


@media (max-width:767px){
section#entrega.page.payment .wrap .box.med,section#pagamento.page.payment .wrap .box.med{
-webkit-flex-basis:100%;
-ms-flex-preferred-size:100%;
flex-basis:100%}


}


section#entrega.page.payment .wrap .box .header,section#pagamento.page.payment .wrap .box .header{
font-size:13px;
font-size:0.8125rem;
background-color:#0095DA;
color:#FFF;
padding:15px 0;
text-transform:uppercase;
cursor:default;
position:relative;
letter-spacing:1.5px}


section#entrega.page.payment .wrap .box .content,section#pagamento.page.payment .wrap .box .content{
padding:20px 50px;
text-align:left;
background-color:#EEEEEE}


section#entrega.page.payment .wrap .box .content strong,section#pagamento.page.payment .wrap .box .content strong{
font-size:17px;
font-size:1.0625rem;
color:#212121;
display:block}


section#entrega.page.payment .wrap .box .content p,section#pagamento.page.payment .wrap .box .content p{
margin:0 0 20px 0;
color:#666666;
font-size:16px;
font-size:1rem}


section#entrega.page.payment .wrap .box .content button,section#pagamento.page.payment .wrap .box .content button{
background-color:#EC008C;
color:#FFF;
border:1px solid;
letter-spacing:1.5px;
text-transform:uppercase;
margin-right:10px}


section#entrega.page.payment .wrap .box .content button:hover,section#pagamento.page.payment .wrap .box .content button:hover{
background-color:transparent;
color:#EC008C}


section#entrega.page.payment .wrap .box .content a.edit,section#pagamento.page.payment .wrap .box .content a.edit{
text-decoration:none;
color:#666666;
font-size:16px;
font-size:1rem;
margin-left:10px}


@media (min-width:1024px){
section#entrega.page.payment .wrap .box .content .col,section#pagamento.page.payment .wrap .box .content .col{
width:50%;
padding:0 15px}


}


@media (max-width:1023px){
section#entrega.page.payment .wrap .box .content .col,section#pagamento.page.payment .wrap .box .content .col{
width:100%}


}


section#entrega.page.payment .wrap .box form,section#pagamento.page.payment .wrap .box form{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap}


section#entrega.page.payment .wrap .box form strong,section#pagamento.page.payment .wrap .box form strong{
margin-bottom:15px;
-webkit-flex-basis:100%;
-ms-flex-preferred-size:100%;
flex-basis:100%}


section#entrega.page.payment .wrap .box form .col,section#pagamento.page.payment .wrap .box form .col{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap}


section#entrega.page.payment .wrap .box form .col label,section#pagamento.page.payment .wrap .box form .col label{
font-size:16px;
font-size:1rem;
display:block;
color:#666666;
margin-bottom:5px;
font-family:"PT Sans", sans-serif}


section#entrega.page.payment .wrap .box form .group,section#pagamento.page.payment .wrap .box form .group{
margin-bottom:20px;
-webkit-flex-basis:100%;
-ms-flex-preferred-size:100%;
flex-basis:100%}


section#entrega.page.payment .wrap .box form .group.med,section#pagamento.page.payment .wrap .box form .group.med{
-webkit-flex-basis:calc(50% - 10px);
-ms-flex-preferred-size:calc(50% - 10px);
flex-basis:calc(50% - 10px);
margin-left:5px;
margin-right:5px}


section#entrega.page.payment .wrap .box form .group>:not(label),section#pagamento.page.payment .wrap .box form .group>:not(label){
font-size:14px;
font-size:0.875rem;
font-family:"PT Sans", sans-serif;
width:100%;
background-color:#FFF;
padding:8px;
border:none}


section#banners{
background-color:#F5F5F5}


section#banners .wraptitle h2.title{
font-size:20px;
font-size:1.25rem;
margin-bottom:70px}


section#banners .wrap{
text-align:center;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap}


@media (min-width:1023px){
section#banners .wrap{
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap}


}


section#banners .wrap .right{
width:100%;
-webkit-box-ordinal-group:2;
-webkit-order:1;
-ms-flex-order:1;
order:1}


@media (min-width:1023px){
section#banners .wrap .right{
-webkit-flex-basis:75%;
-ms-flex-preferred-size:75%;
flex-basis:75%;
-webkit-box-ordinal-group:4;
-webkit-order:3;
-ms-flex-order:3;
order:3;
margin-left:20px}


}


section#banners .wrap .right a.inner-banner-content{
background-image:url("../image/banner-send.png");
background-size:cover;
background-repeat:no-repeat;
position:relative;
padding:10% 5%;
text-decoration:none;
display:block;
margin-bottom:70px}


section#banners .wrap .right a.inner-banner-content:before{
content:"";
background-color:rgba(51, 51, 51, 0.6);
position:absolute;
top:0;
left:0;
right:0;
bottom:0}


section#banners .wrap .right a.inner-banner-content span{
font-size:32px;
font-size:2rem;
font-family:"Corpid", sans-serif;
font-weight:normal;
color:#FFF;
text-transform:uppercase;
position:relative;
z-index:99}


section#banners .wrap .right a.inner-banner-content span strong{
font-weight:bold;
color:#FFEF24}


section#banners .wrap .right>span{
font-size:20px;
font-size:1.25rem;
color:#333333;
font-family:"PT Sans", sans-serif;
text-align:center;
display:block;
width:100%;
margin-bottom:70px}


section#banners .wrap .right ul.list{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between}


section#banners .wrap .right ul.list li{
padding-top:50px}


section#banners .wrap .right i.fa.fa-spinner.load{
font-size:50px;
font-size:3.125rem;
color:#CBCBCB;
margin:70px 0}


section.page{
margin-bottom:70px}


section.page .wrap{
max-width:900px}


section.page .wrap .wraptitle h2.title{
font-size:20px;
font-size:1.25rem;
margin-bottom:50px}

/**/

#menu-status,#btn-menu-product,.label-hi{
	display:none
}


@media (max-width:1023px){
	
	
	#product > div.inner-banner{
	display:none
}
	
	
  	
section#product ul{
position:fixed;
bottom:0;
top:0;
left:0;
z-index:1001;
width:60%;
border: 1px solid #ccc;
overflow-y: scroll;
border-radius:0px;

-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0); 	
-webkit-transition: all 500ms ease;
transition: all 500ms ease;

-webkit-box-shadow: 0px 0px 0px 01px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);




}

#menu-status:checked ~ ul  {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
} 



label#black-out{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:1000;
background-color:rgba(0,0,0,0.7); 	
/*display:none;*/
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0); 	
-webkit-transition: all 500ms ease;
transition: all 500ms ease;	
	
	
}



#menu-status:checked ~ label#black-out{
display:initial;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)

}


#menu-status:checked ~ label#black-out::after{
content: "x";
color:#fff;
font-size:1.5em;
float:right;
right:30px;

}





 section#visit-cards .wraptitle h2.title {
font-family:roboto;
color:#333333;
text-align:center;
border-top:1px solid;
border-bottom:0;
/*display:inline-block;*/
padding:5px 5px;
//font-weight:bold;
margin: 5px 0;

cursor:default;
font-size:0.9rem;
}



#btn-menu-product {
	
	color:#333333;
	/*font-family:"PT Sans", sans-serif;*/
	font-family:roboto;
	font-size:0.9rem;
	font-weight:bold;
    margin-left: auto;
	margin-right: auto;
	width:40%;
	height:25%;
	display:block;
    border: 1px solid #333	;
	margin-top:15px;
    padding:10px;
	box-shadow: 4px 4px #888888;
	}


#btn-menu-product:active {
	box-shadow:0px 0px
      
	}





	
	
	
#logo-topo-produtos{
	
	width:144px;
	height:96px;
	width:25%;
	height:25%;	
	
}

/*
#btn-menu-product{
	box-shadow: 5px 10px 18px #888888;
	position:sticky;
	top:0px;
	z-index:996;
    background-color:#fff ;
	margin-bottom:10px;
}
*/


.wraptitle-cat{
	box-shadow: 5px 10px 18px #888888;
	position:sticky;
	top:0px;
	z-index:96;
    background-color:#fff ;
	margin-bottom:10px;
	}



 

   main section#index .wraptitle h2.title {
 
    margin: 10px 0;
    border-top: 3px solid;
    border-bottom: 0;
	
	
	}
 
 
 div.left  div.swiper-container { height:250px  }
 
  
 nav#sidebar ul li:first-child{
	
	display:none
	
	}
  
  
  .label-hi{
	  font-family:roboto;
	  display:initial;
	  color:#222;
	  font-weight:400
  }
 
 
   #whats-link {
	  position:fixed;
	  z-index:1003;
	  width:30px;
	  height:30px;
    }
 
 
  .img_pay {
	   width:100%;
	   height:100%
	   
   }
   
 
 
 
 }


/* Teste */


section#product #preco_total{

position: sticky;
bottom:0;
z-index:996;
width:70%;
padding:5px;
box-shadow: 0px 0px 3px 3px #888888;
background-color:#fff;
padding:10px;
font-family:roboto;
margin:0 auto
}

nav#sidebar ul li:first-child{
	
	text-align:center;
	font-size:1.3em;
	color:#E1E7E4;
    padding:10px; 
	background-color:rgba(0,149,218,0.9);
	font-family:roboto
	}


div.alert-msg {
color:red;
}

a.excluir {}


select#typeFrete {
	width: 50%;
	overflow: visible; 
	word-wrap: break-all;
}       


select#typeFrete option {
	max-width: 15%;
	word-wrap: break-all;
    
}       


#top-menu > label:nth-child(1) > p:nth-child(1){
	
	
	margin:0px
	
}



.mlPlugin-message-error {color:red}
.mlPlugin-boder-field-error {border: 2px solid ;border-color: rgb(255,0,0); }

	a.payment-method{ 

   text-decoration:none
    
   
   }
   
   
   a.payment-method { 

   //font-size:2rem;
  // text-decoration:none;
  // color:#000
    
   
   }
   
   
    a.payment-method  span { 
 
   
   font-size:1.5rem;
   text-decoration:none;
   color:#000;
   display:block ;
   float:left;
   background-color:#fff;
   clear:right;
   word-wrap: break-word;
   }
   
   a.payment-method label img { 
   
   float:left
   
   }
   
   
   
   #whats-link {
	   position:fixed;
	   bottom:5px;
	   z-index:996;
	   right:5px;
	 }
   
   
   #whats-link img {
	 margin:0px;
	}
   
   
   #form_mail_orc div{
	    padding:7px;
		border-radius:5px
	   
   }
     
   
   #form_mail_orc input{
	    border:1px solid #999;
		padding:7px;
		border-radius:5px
	   
   }
   
   #form_mail_orc #ddd_cli{
	    border:1px solid #999;
		padding:7px;
		border-radius:5px
	   
   }
   
   #div_mail_orc #bt-toogle {
     
     //  position:absolute    	   
	}
   
   #form_mail_orc  div > div:first-child p:before {
	content: "\f003";
    font-size:2.0em;
    font-family: FontAwesome;
    color: #0095DA;
	//box-shadow: 2px 3px #888888;
   }
   
   #div_mail_orc #bt-toogle:before {
	content: "\f107";
    font-size:2.0em;
    font-family: FontAwesome;
    color: #0095DA;
	padding:0px;
	height:0px;
	//box-shadow: 2px 3px #888888;
   }
   
   #div_mail_orc #bt-toogle {
       background-color:#fff;
       //border:0px;
       top:0px;
       position:absolute;
       padding:0px;	   
	   right:0 
	}
   
   .form_ghost{display:none}
   .hid{visibility:hidden}   
	  
    #form_mail_orc div div {
		 max-width:300px;
   }
   
   
   #form_mail_orc > div  {
	   display:flex;
	   flex-wrap:wrap;
	   
   }
   


select[readonly] {
  background: #eee; /*Simular campo inativo - Sugestão @GabrielRodrigues*/
  pointer-events: none;
  touch-action: none;
}
 
  footer > div.wrap {
display: -webkit-flex; /* Safari */
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
display: flex;
    flex-wrap: wrap;
 } 

 footer h3 {
  margin: 0.2em
} 

hr {height:1px;
    background-color:#000 }
  
footer > div.wrap > div {
  width:30%;
  padding:5px;
  min-width:200px
  }   

footer > div.wrap h3#address-store:before {
  content:'\f07a';
  font-family: FontAwesome;
  font-style: normal;
} 
   
footer > div.wrap h3#address-ecomerce:before {
  content:'\f1fa';
  font-family: FontAwesome;
  font-style: normal;
}    
      
   footer ul li{
	   margin:0.5em;
	   font-family:roboto;
     }
   
   
@media (max-width: 767px) {

    footer ul li{
	font-size:1em;
    font-family:roboto;
    width:100% 
	 }

footer > div.wrap > div {
width:100%;
}   
	 
	 
	 
}
   
   
   
   
    footer ul li.end:before{
     content:'\f041';
  font-family: FontAwesome;
  font-style: normal;
   }
   
   footer ul li.tel:before{
    content:'\f095';
  font-family: FontAwesome;
  font-style: normal;
   }
   
   footer ul li.mail:before{
     content:'\f1fa';
  font-family: FontAwesome;
  font-style: normal;
   }
   
  footer ul li.whats:before{
     content:'\f232';
  font-family: FontAwesome;
  font-style: normal;
   } 
  
   
   #div-mn-usuario {
    text-align:right;
    position:absolute;
    right:30px;
    top:5px; 
 }
   
   
   
   #div-mn-usuario label:after {
  content:'\f007';
  font-size:2em;  
  font-family: FontAwesome;
  font-style: normal;
  color:#EC008C ;
 
  box-sizing: border-box;
  padding:5px;
  text-align:right
  
 }
 
 
 
 #div-mn-usuario label:hover {
   
	cursor: pointer;
 }
 
 
 
 #div-mn-usuario > #mn-usuario{
	 display:none ;
     z-index:10;
     position:relative;
	 padding:5px;
     right:10%;
	 text-align:left;
     box-sizing: border-box;
  }
  
  #div-mn-usuario ul li{
	
	background-color:#ececec;
	width:120%; 
    
  }
  
  
  #div-mn-usuario ul li a:before{
	 content:'\f105';
  font-family: FontAwesome;
  font-style: normal;
  }
  
  
  #div-mn-usuario ul li a{
	text-decoration:none;
	color:#111;
	width:100%;
	padding:7px	;
    height:100%;
    box-sizing: border-box;
    display:block
  }
  
  #div-mn-usuario ul li a:hover{
	background-color:#777;
	color:#fff
  }
  
  
  
  
  #chk-mm-usurio{
	  display:none
  } 
  
  #chk-mm-usurio:checked ~ ul{
	  display:block !important
  } 
   
    
   @media (max-width: 767px) {

    #div-mn-usuario{
	   left:40px;  
	   display:inline;
	   text-align: left;
	   width: 1%;
	   top:12px;
	 }
	 
	 #div-mn-usuario > #mn-usuario{
	  width:5000%; 
	 padding:5px;
     left:0px
  }
	
   #div-mn-usuario ul li{
	
	background-color:#ececec;
	width:80%; 
    padding:5px	
  }
   
	#frmFat{
	   	display:inline-block;
		margin-top:10px;
		
		
	 }
	
 header nav .wrap ul li.custom-hide{
	  display:none;
  }
  
  
  
  
  
  
  }
   
   
   
section#carrinho.page.payment .wrap table  input.true-border {
	           border:3px solid #ff8c00
  }