.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;
padding:0 15px;
font-weight:bold;
background-color:#EC008C}

header nav .wrap a.cart:hover{
background-color:#d3007d}

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

header nav .wrap a.cart i{
font-size:15px;
font-size:0.9375rem;
padding:0 10px 0 0}


header nav .wrap a.cart span{
font-size:12px;
font-size:0.75rem}


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:#B2B2B2}


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:30px 10px 10px 10px;
background-color:#FFF;
border-radius:2px;
border:1px solid #E9E9E9;
margin-bottom:20px;
width:100%;
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:32%}


}


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:2.8125rem;
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:32%}


}


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:2.8125rem;
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:40px 0;
padding:40px 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:30px}


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:70px 0}


section#shared{
background-color:#F5F5F5}


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


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:70px;
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:70px 0}


section.auth{
text-align:center}


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


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:70px}


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 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%;
	display:block;
    border: 1px solid #333	;
	margin-top:15px;
}

#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:996;
    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
  }
 

	
}


/* 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); }