@charset "utf-8";a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,html,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0 auto;padding:0;border:0;outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}table,table td{padding:0;border:none}img{vertical-align:top}embed{vertical-align:top}a{text-decoration:none}form input,form textarea,form button{resize:none;outline:none}hr{background-color:#000;border:none;width:20px;height:1px}::-webkit-scrollbar{width:7.5px;height:7.5px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-border-radius:10px;border-radius:10px}::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:#434343;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}::-webkit-scrollbar-thumb:window-inactive{background:rgba(200,200,200,.9)}@media only screen and (max-width:1400px){body{zoom:80%}}@media only screen and (max-width:1250px){body{zoom:70%}}@media only screen and (max-width:1000px){body{zoom:100%}}

/* - - - - - GERAL - - - - - */
::root{font-size: 16px;}

/* - - whats_fixed - - */
#whats_fixed{width: 80px; height: 80px; position: fixed; right: 30px; bottom: 30px; object-fit: cover; z-index: 500; transition: 0.3s;}
#whats_fixed:hover{transform: scale(1.1);}
#whats_fixed img{width: 100%; height: 100%; position: relative;}
/* - - whats_fixed - - */

.central{
	width: 1200px;
	height: auto;
	position: relative;
    display: block;
    margin: 0 auto;
	box-sizing: border-box;
}

/*fontes*/
body,body > *{font-family: 'Montserrat', sans-serif;}
/*fontes*/

/*owl-carousel*/

/*owl-nav*/
.owl-nav{width: 100%; height: 0; position: absolute;}
.owl-nav .owl-next,.owl-nav .owl-prev{position: absolute; overflow: hidden; text-indent: -999999px; background-size: 100%; background-position: center center; background-repeat: no-repeat;}
.owl-nav .owl-next{right: 0;}
.owl-nav .owl-prev{left: 0;}
/*owl-nav*/

/*owl-dots*/
.owl-dots{position: absolute; width: 100%; text-align: center; bottom: 10px;} 
.owl-dot{display: inline-block; position: relative; width: 8px; height: 8px; margin: 0 5px; background-color: #FFFFFF; cursor: pointer; border-radius: 15px;}
.owl-dot.active{background-color: #64316E;}
/*owl-dots*/

/*owl-carousel*/

/* - - - mensagem - - - */

/*geral*/
.mensagem{height: auto; position: relative; text-align: center;}

.mensagem .imagem{height: auto; position: relative;}
.mensagem .way{width: 100%; height: auto; position: relative; color: #fff; text-transform: uppercase;}
.mensagem .way li{position: relative; display: inline-block; vertical-align: top; padding-right: 10px;}
.mensagem .way li:last-of-type{padding: 0;}
.mensagem .way li:after{content: "/"; position: absolute; right: 0; top: 0;}
.mensagem .way li:last-of-type:after{content: "";}
.mensagem .way li a{color: #fff; transition: 0.3s;}
.mensagem .way li a span{}
.mensagem .way .current{font-size: 35px; font-weight: 500; text-transform: uppercase; position: relative; display: block;}
.mensagem .way .current a{}
.mensagem .way li a:hover{color: #434343;}
.mensagem .titulo{font-size: 35px; font-weight: 500; text-transform: uppercase; position: relative; display: block; color: #64316E;}
.mensagem .descricao{font-size: 20px; font-weight: 200; margin-top: 15px; color: #7A7A7A;}
.mensagem .busca_enviada{
    width: 350px; 
    height: 45px;
    line-height: 45px;
    margin: 25px auto 0; 
    position: relative; 
    background-color: rgba(255,255,255,0.3); 
    border-width: 1px; 
    border-style: solid;
    overflow: hidden;
    border-radius: 25px;
    box-sizing: border-box;
    padding-right: 40px;
}
.mensagem .busca_enviada input,.mensagem .busca_enviada button{box-sizing: border-box; transition: 0.3s; border: none; background: none;}
.mensagem .busca_enviada input{
    width: 100%; 
    height: 45px; 
    line-height: 45px; 
    position: relative; 
    padding: 0 12.5px;
    border-radius: 25px;
    font-size: 16px;
    color: #fff;
}
.mensagem .busca_enviada input::placeholder{color: #fff; opacity: 1;}
.mensagem .busca_enviada input:-ms-input-placeholder{ color: #fff;}
.mensagem .busca_enviada input::-ms-input-placeholder {color: #fff;}
.mensagem .busca_enviada button{
    border-color: #fff; 
    width: 30px;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 5px;
    background: url("../../imagens/padrao/icon-search-enviada.png") center center no-repeat;
    background-size: contain;
    cursor: pointer;
}
.mensagem .busca_enviada button:hover{top: 3px;}
.mensagem .link_out{
    display: block;
	width: 175px;
	height: 40px;
	line-height: 40px;
	position: relative;
	border: none;
	border: 1px #fff solid;
	outline: none;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	transition: 0.3s;
	text-align: center;
	margin: 20px auto 0;
}
.mensagem .link_out:hover{background: #fff;}
/*geral*/

/*enviada*/
#enviada{background-color: #EC6500;}
#enviada .imagem{width: 175px;}
#enviada .link_out:hover{color: #EC6500;}
/*enviada*/

/*pagenotfound*/
#pagenotfound{background-color: #EC6500;}
#pagenotfound .imagem{width: 200px;}
#pagenotfound .link_out:hover{color: #EC6500;}
/*pagenotfound*/

/*productnotfound*/
#productnotfound{background-color: #004674;}
#productnotfound .imagem{width: 225px;}
#productnotfound .busca_enviada{border-color: #004674;}
#productnotfound .link_out:hover{color: #004674;}
/*productnotfound*/

/* - - - mensagem - - - */

/* - - - FORM - - - */
.form{box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start;}

.form > *{box-sizing: border-box; position: relative; margin: 0 0 15px; width: 100%;}
.form > *:last-child{margin: 0 0 0 auto;}

.form > * > *{box-sizing: border-box; position: relative; display: block; transition: 0.3s; width: 100%;}
.form > * p{font-size: 18px; margin-bottom: 5px; color: #636363;}
.form > * > *:not(p){border-width: 1px; border-style: solid; font-size: 16px; border-radius: 7.5px;}

.form > * input,.form > * textarea{background-color: #F3F3F3; border-color: #F3F3F3;}
.form > * input:not(:read-only):focus,.form > * textarea:focus{color: #64316E; border-color: #64316E;}
.form > * input:read-only{cursor: not-allowed;}

.form > * input,.form button{height: 40px; line-height: 40px;}
.form > * input{padding: 0 10px;}

.form > * textarea{height: 175px; padding: 10px; width: 100%;}

.form > * input::placeholder,.form > * textarea::placeholder {color: #fff; opacity: 1;}
.form > * input:-ms-input-placeholder,.form > * textarea:-ms-input-placeholder{color: #fff;}
.form > * input::-ms-input-placeholder,.form > * textarea::-ms-input-placeholder{color: #fff;}

.form button{width: 175px; cursor: pointer; border-color: #64316E; background-color: #64316E; color: #fff; font-size: 18px; text-transform: uppercase; border-radius: 7.5px;}
.form button:hover{background: none; color: #64316E; border-color: #64316E;}


.form button{
    width: 100px;
    height: 35px;
    line-height: 35px;
    cursor: pointer; 
    background-color: #000; 
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    position: relative;
	border-radius: 5px;
    z-index: 2;
    border: none;
	margin-left: auto;
}
.form button:hover{background-color: #000;}

.form button:disabled{background-color: #B4B4B4; border: none; cursor: not-allowed;}
/* - - - FORM - - - */

/* - - - BLOCK - - - */
.block{width: 100%; position: relative; margin-bottom: 20px; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; box-sizing: border-box;}
.block > *{position: relative; box-sizing: border-box; font-size: 16px; margin: 0;}

.block .titulo{display: block; margin-bottom: 5px; color: #616161; font-size: 20px; width: 100%;}

.block .link{width: auto; height: 22px; color: #616161; font-weight: bold; transition: 0.3s; margin-right: 5px; font-size: 18px;}
.block .link:last-child{margin-right: 0;}
.block .link span{font-size: 16px;}
.block .link span.color{color: #707070; margin-right: 7.5px;}
.block .link img{width: auto; height: 100%; position: relative; display: block; filter: invert(29%) sepia(10%) saturate(2898%) hue-rotate(244deg) brightness(87%) contrast(100%);}
/* - - - BLOCK - - - */

/* - - - - BLOCO - - - - */

/* - - - PADRAO - - - */
.bloco{width: auto; height: auto; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start;}
.bloco > *{position: relative; box-sizing: border-box; margin: 0 0 15px; transition: 0.3s;}
.bloco > *:last-child{margin: 0;}

.bloco .title{font-size: 35px; color: #64316E;}

.bloco .description{color: #818181; font-size: 14px;}
/* - - - PADRAO - - - */

/* - - - BIG - - - */
.bloco.big{}

.bloco.big .title{font-size: 50px; font-weight: 400;}

.bloco.big .description{font-size: 16px;}
/* - - - BIG - - - */

/* - - - CENTER - - - */
.bloco.center{align-items: center; text-align: center;}
/* - - - CENTER - - - */

/* - - - WHITE - - - */
.bloco.white{}
.bloco.white .title{color: #fff;}
.bloco.white .description{color: #fff;}
/* - - - WHITE - - - */

/* - - - - BLOCO - - - - */

/* - - - button - - - */
.button{
	cursor: pointer;
	font-size: 16px; 
	color: #fff;
	text-align: center;
	position: relative; 
	width: 200px;
	height: 35px;
	border-radius: 5px;
	line-height: 35px;
	transition: 0.3s;
	background: #B673C2;
	background: -moz-radial-gradient(center, ellipse cover, #B673C2 0%, #64316E 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #B673C2), color-stop(100%, #64316E));
	background: -webkit-radial-gradient(center, ellipse cover, #B673C2 0%, #64316E 100%);
	background: -o-radial-gradient(center, ellipse cover, #B673C2 0%, #64316E 100%);
	background: -ms-radial-gradient(center, ellipse cover, #B673C2 0%, #64316E 100%);
	background: radial-gradient(ellipse at center, #B673C2 0%, #64316E 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B673C2', endColorstr='#64316E', GradientType=1 );
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.55);
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.55);
}
.button:hover{
	background: #B673C2;
	background: -moz-radial-gradient(center, ellipse cover, #64316E 0%, #B673C2 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #64316E), color-stop(100%, #B673C2));
	background: -webkit-radial-gradient(center, ellipse cover, #64316E 0%, #64316E 100%);
	background: -o-radial-gradient(center, ellipse cover, #64316E 0%, #B673C2 100%);
	background: -ms-radial-gradient(center, ellipse cover, #64316E 0%, #B673C2 100%);
	background: radial-gradient(ellipse at center, #64316E 0%, #B673C2 100%);
}
/* - - - button - - - */

/* - - - - DISPLAY - - - - */
.display{position: relative; box-sizing: border-box; margin: 85px auto;}
.display .central{box-sizing: border-box;}

.display.central,.display .central{display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;}
.display.central > *,.display .central > *{position: relative; box-sizing: border-box; transition: 0.3s; margin: 0;}

/* - */
.display.alt{margin: 0 auto; padding: 85px 0;}

.between.display.central,.between.display .central{justify-content: space-between;}
.around.display.central,.around.display .central{justify-content: space-around;}
/* - */

/* - - - - DISPLAY - - - - */

/* - - - - - GERAL - - - - - */
/* - - - - WAY - - - - */
.way{width: 100%; height: auto; position: relative; color: #000; text-transform: uppercase; font-size: 14px; text-align: center;}
.way li{position: relative; display: inline-block; vertical-align: top; box-sizing: border-box; padding: 0 15px 0 0;}
.way li:after{content: "/"; position: absolute; right: 2.5px; top: 0;}
.way li:last-of-type{padding: 0;}
.way li:last-of-type:after{content: "";}
.way li a{color: #000; cursor: pointer; transition: 0.3s;}
.way li a:hover{color: #707070;}

/* - - - WHITE - - - */
.way.white{color: #fff;}
.way.white li{color: #fff;}
.way.white li a{color: #fff;}
.way.white li a:hover{color: #000;}
/* - - - WHITE - - - */