/* Minification failed. Returning unminified contents.
(13,16): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(1548,1): run-time error CSS1019: Unexpected token, found '@import'
(1548,9): run-time error CSS1019: Unexpected token, found 'url('./partials/rodape-slogan.css')'
(1549,1): run-time error CSS1019: Unexpected token, found '@import'
(1549,9): run-time error CSS1019: Unexpected token, found 'url('./partials/navbar.css')'
(2060,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2281,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2291,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2666,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2667,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/* ==========================================================================
   Definições de visualização para o documento HTML5
   ========================================================================== */


/* HTML5 (Estilo Geral)
   ========================================================================== */

*,
*:before,
*:after {
	outline:0; padding:0; margin:0; border:0; vertical-align:baseline
	text-rendering:optimizeLegibility;
	font-smoothing:antialiased;
	box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-moz-font-smoothing:antialiased; 
	-webkit-font-smoothing:antialiased; 
}

/* HTML5 definicoes do corpo
   ========================================================================== */

html,
body {
	height:auto;
	width:auto
}

html { 
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Correto 'bloco' exibição não definido no IE 6/7/8/9 e Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correto 'inline-block' exibição não definido no IE 6/7/8/9 e Firefox 3.
 */

audio,
canvas,
video {
	display: inline-block;
	*display: inline; 			/* hack para IE 6/7 */
	*zoom: 1;								/* hack para IE 6/7 */
}


/** 
  * Impedir que os navegadores modernos exibam a tag "audio" sem controles. 
  * Retire o excesso de altura no iOS 5 dispositivos. 
  */

audio:not([controls]) {
	display: none; height: 0;
}

/* Links
   ========================================================================== */

a { cursor:pointer; text-decoration:none }

/**
 * Inconsistência contorno entre Chrome e outros navegadores.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Melhorar a legibilidade quando focada e também foco do mouse em todos os navegadores.
 */

a:active,
a:hover {
    outline: 0;
}


/**
 * Folhas de estilos para endereço não apresentar no IE 7/8/9, Firefox 3 e Safari 4. 
 * Problema conhecido: no 6 apoio IE.
 */

[hidden] {
    display: none;
}

/* Tipografia
   ========================================================================== */

/**
 * Tamanhos de fonte, bordas e margens definidas de forma diferente no IE 6/7.
 * Tamanhos de fonte endereço dentro seção `` e `` artigo no Firefox 4 +, Safari 5,
 * e Chrome.
 */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight:normal;
}

/* Níveis de tags para texto semântico
   ========================================================================== */

/**
 * Não apresenta no IE 8/9, Safari 5 e Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

abbr,
acronym {
	border:0;
}

/**
 * estilo definido para 'bold' mais ousado no Firefox 3 +, Safari 4/5, e Chrome.
 */

b,
strong {
    font-weight: bold;
}

i,
em {
	font-style:italic;
}

mark { 
	background:#ff0; color:#000
}

code, 
kbd, 
pre, 
samp { 
	font-family:"Courier New", Courier, monospace; font-size:1em; 
}

pre { 
	white-space:pre;white-space:pre-wrap;word-wrap:break-word; 
}

address, 
caption, 
cite, 
code, 
dfn, 
th, 
var, 
pre { 
	font-style:normal;font-weight:normal; 
}

blockquote, 
q { 
	quotes:"\201C" "\201D" "\2018" "\2019" 
}

blockquote:before, 
blockquote:after, 
q:before, 
q:after { 
	content:""; 
}

ol, 
ul { 
	list-style:none 
}

li, 
dl, 
dt, 
dd { 
	display:list-item; list-style:none; quotes:"" "";
}

small { 
	font-size:80% 
}

sub, sup { 
	font-size:75%; line-height:1; position:relative; 
}

sup { 
	top:-0.5em 
}

sub { 
	bottom:-0.25em; 
}

img { 
	-ms-interpolation-mode:bicubic; vertical-align:middle; 
}

svg:not(:root) { 
	overflow:hidden; 
}

fieldset { 
	border:1px solid #c0c0c0; padding:0.35em 0.625em 0.75em; vertical-align:middle; 
}

button, 
input { 
	line-height:normal; 
}

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
	cursor:pointer; -webkit-appearance:button; 
}

button[disabled], 
input[disabled] { 
	cursor:default; 
}

input[type="text"]::-ms-clear {
	display: none; width : 0; height: 0; /* Não mostram o x para entradas de texto */
}

input[type="password"]::-ms-reveal {
	display: none; width : 0; height: 0;  /* Não mostram o olho para as entradas de senha */
}

input[type="checkbox"], 
input[type="radio"] { 
	box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; 
}

input[type="search"] { 
	-webkit-appearance:textfield; 
}

input[type="search"]::-webkit-search-cancel-button, 
input[type="search"]::-webkit-search-decoration { 
	-webkit-appearance:none; 
}

textarea { 
	overflow:auto; resize:none;
}

input, 
textarea, 
select, 
label { 
	background-color:transparent; 
}

table { 
	border-collapse:collapse; border-spacing:0; 
}
/*==========================================================================
  User Interface Elements (Form)
  ==========================================================================*/
	.cssform input[type="text"],
	.cssform input[type="password"],
	.cssform select,
	.cssform textarea{ border:1px solid; font-size:12px; height:auto; line-height:1.2; margin:0 0 1px 0; padding:11px 10px; width:100%; 
		/* border-radius */
		-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
	}
	.cssform select { padding:7px 5px; }
	.cssform textarea { transition:height 0.2s;-webkit-transition:height 0.2s;-moz-transition:height 0.2s;max-width:100%;min-width:100%; }
	.cssform input[type="radio"],
	.cssform input[type="checkbox"]{ margin:0 10px; }
	.cssform .inputfile input[type="text"],
	.cssform .inputfile input[type="button"]{margin:0}
	.cssform .inputfile input[type="text"]{display:table-cell;float:left;width:70%}
	.cssform .inputfile input[type="button"]{display:table-cell;float:right;padding:8px;width:30% !important}
	.cssform .inputfile input[type="file"]{filter:alpha(opacity=00);font-size:220px;left:0;opacity:0;-moz-opacity:0;-webkit-opacity:0;position:absolute;top:0;width:100%;z-index:100}
	.cssform input[type="text"],
	.cssform input[type="password"],
	.cssform select,
	.cssform textarea{ background-color:#FFF; border-color:#c8c8c8; color:#777;
	/* border radius */
	-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
	/* box shadow */
	-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.25) inset; -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.25) inset; -ms-box-shadow: 0px 0px 7px rgba(0,0,0,0.25) inset; -o-box-shadow: 0px 0px 7px rgba(0,0,0,0.25) inset; box-shadow: 0px 0px 7px rgba(0,0,0,0.25) inset;
	}
	/* lineform */
	.cssform .lineform { position: relative; margin-bottom: 7px; }
	/* label */
	.cssform .lineform label { color: #8d8d8d; font-size: 16px; display: block; margin: 2px 2px 3px; }
	/* checkbox */
	.cssform .txt-checked { font-size: 15px; color: #555; font-weight: 600; cursor: pointer; margin: 8px 0 18px; }
	.cssform .txt-checked > * { cursor: pointer; }
	.cssform .txt-checked input[type="checkbox"]{ margin-right: 5px; }

/*==========  Button  ==========*/
	.cssform .box-buttons { position: relative; margin: 10px 0 15px; }
	.cssform .box-buttons .btn-logar { width: 114px; height: 40px; background: url(/img/btn-logar.png) no-repeat center center; cursor: pointer; text-indent: -9999px; }
	.cssform .box-buttons .btn-registration { width: 344px; height: 52px; display: block; position: relative; background: url(/img/btn-confirmar-cadastro.png) no-repeat center center; text-indent: -9999px; }
	.cssform .box-buttons .link-password { color: #48649c; font-size: 12px; margin-top: 15px; }
	.cssform .box-buttons .btn-register { background-color: #aaa; color: #f9f9f9; font-size: 19px; display: block; text-align: center; padding: 7px 0 9px; margin-top: 7px;
		-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
	}
	.cssform .box-buttons .btn-loading { background-color: #aaa; color: #f9f9f9; font-size: 19px; display: block; text-align: center; padding: 7px 0 9px; margin-top: 7px;
		-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
	}
	.cssform .box-buttons .btn-loading2 { background: url(/img/ajax-loader-2.gif) no-repeat center center #aaa; color: #f9f9f9; font-size: 19px; display: block; text-align: center; padding: 19px 42px;
		-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
		-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15) inset; -ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15) inset; -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 0 6px rgba(0, 0, 0, 0.15) inset; 
	}




/*==========  .contactform  ==========*/
	.contactform { position: relative; margin: 25px 0; }
	.contactform .lineform { position: relative; margin: 5px 0 15px; }
	.contactform input[type="text"],
	.contactform input[type="password"],
	.contactform select,
	.contactform textarea { border:1px solid #c8c8c8; font-size:14px; font-family: 'Source Sans Pro'; height:auto; line-height:1.2; margin:0 0 1px 0; padding:10px 12px; width:100%; color: #767676;
		/* border-radius */
		-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
		/* box-shadows */
		-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; -moz-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; -ms-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; -o-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; box-shadow: 0 0 6px rgba(0,0,0,0.18) inset;
	}
	.contactform select { padding:7px 5px; }
	/* hover */
	.contactform input[type="text"]:hover,
	.contactform input[type="password"]:hover,
	.contactform select:hover,
	.contactform textarea:hover	{ color: #2a2a2a; }
	
	/* box-buttons */
	.btn-send-contact { background-color: #a4bc61; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.07)); color: #f9f9f9; font-size: 16px; font-weight: bold; padding: 7px; border: 1px solid #8ea351;
		/* border-radius */
		-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
	}
	.btn-send-contact:hover { color: #fff; background-color: #aac168;
		/* animation */
		-webkit-transition: all linear  0.18s; -moz-transition: all linear  0.18s; -ms-transition: all linear  0.18s; -o-transition: all linear  0.18s; transition: all linear  0.18s; 
	}
	.btn-send-load { background-color: #aaa; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.07)); color: #f9f9f9; font-size: 16px; font-weight: bold; padding: 7px; border: 1px solid #999;
		/* border-radius */
		-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
	}
	.btn-send-load img { margin-right: 5px; }
	.btn-send-sucess { background-color: #89b900; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.07)); color: #f9f9f9; font-size: 16px; font-weight: bold; padding: 7px; border: 1px solid #8ea351;
		/* border-radius */
		-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
	}
	.btn-send-sucess img { margin-right: 5px; }

/*==========  checkoutform  ==========*/
	.checkoutform { position: relative; }
	.checkoutform .lineform { position: relative; margin: 5px 0 10px; }
	.checkoutform .line-blue { border-color: #27699a !important; }
	.checkoutform .lineform label { font-size: 14px; color: #303030; font-weight: bold; display: block; padding: 0 0 2px; }
	.checkoutform input[type="text"],
	.checkoutform input[type="password"],
	.checkoutform textarea { border:1px solid #c8c8c8; font-size:13px; background-color: #fff; font-family: 'Source Sans Pro'; height:auto; line-height:1.2; padding: 9px 12px; width:100%; color: #767676;
		/* border-radius */
		-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
		/* box-shadows */
		-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; -moz-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; -ms-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; -o-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; box-shadow: 0 0 6px rgba(0,0,0,0.18) inset;
	}
	/* select */
	.checkoutform .box-select { border:1px solid #c8c8c8; background-color: #fff; font-family: 'Source Sans Pro'; height:auto; line-height:1.2; padding: 9px 12px 8px; width:100%;
		/* border-radius */
		-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
		/* box-shadows */
		-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; -moz-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; -ms-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; -o-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; box-shadow: 0 0 6px rgba(0,0,0,0.18) inset;
	}
	.checkoutform .box-select select { width: 100%; display: block; font-size:13px; color: #767676; }
	.checkoutform .list-checkbox { position: relative; padding: 10px 0; }
	.checkoutform .list-checkbox ul {}
	.checkoutform .list-checkbox ul li { width: 100%; height: auto; position: relative; margin: 6px 0; }
	.checkoutform .list-checkbox input[type="checkbox"] { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-right: 3px; cursor: pointer; }
	.checkoutform .list-checkbox label { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; color: #555; font-size: 13px; font-weight: bold; cursor: pointer; }
	.checkoutform .choose-address { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding: 20px 0; margin: 10px 0 0; }
	.checkoutform .choose-address h4 { color: #688020; font-size: 17px; font-weight: 600; margin-bottom: 10px; }
	.checkoutform .choose-address ul {}
	.checkoutform .choose-address ul li { width: 100%; height: auto; position: relative; margin: 6px 0; }
	.checkoutform .choose-address input[type="radio"] { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-right: 3px; cursor: pointer; }
	.checkoutform .choose-address label { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; color: #555; font-size: 13px; font-weight: bold; cursor: pointer; }
	.checkoutform .billing-address { position: relative; padding: 20px 0; }
	.checkoutform .billing-address h4 { color: #688020; font-size: 17px; font-weight: 600; margin-bottom: 10px; }
	.checkoutform .billing-address .info-cep { font-size: 10px; color: #626262; display: block; background: url(/img/icon-exclamation.png) no-repeat left center; padding: 0 0 0 20px; margin: 29px 10px 0; line-height: 1.07; }
	.checkoutform .divisor { width: 100%; height: 1px; display: block; position: relative; background-color: #d4d4d4; margin: 20px 0; }
	.checkoutform .radio-sex { padding: 5px 0; }
	.checkoutform .radio-sex > * { padding-right: 15px; }
	.checkoutform .radio-sex label, .checkoutform .radio-sex input { cursor: pointer; }
	.checkoutform .radio-sex span[class*="dinline-block vmiddle"] { min-width: 100px; }
	.checkoutform .radio-sex span[class*="dinline-block vmiddle"] label { display: inline-block !important; *display: inline; *zoom: 1; font-weight: normal; font-size: 13px; }
	.checkoutform .txtcheckbox { padding-top: 10px; }
	.checkoutform .txtcheckbox input[type="checkbox"] { margin-right: 5px; }
	.checkoutform .txtcheckbox label { font-size: 13px; color: #737373; font-weight: 300; cursor: pointer; display: inline-block; *display: inline; *zoom: 1; }
	/* load */
	.checkoutform .overlay-check { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background-color: #fcfcfc; opacity: 0.75; }
	.checkoutform .load-check { width: 24px; height: 24px; display: block; position: absolute; left: 50%; top: 50%; margin: -12px 0 0 -12px; background: url(/img/ajax-loader.gif) no-repeat center center; z-index: 30; }
	/* cep */
	.zip-code { position: relative; }
	.zip-code .load-cep { width: 16px; height: 11px; display: block; position: absolute; right: 15px; top: 50%; margin-top: -5px; background: url(/img/ajax-loader-2.gif) no-repeat center center; }

/*==========  Validation  ==========*/
	.exchange-register-form {  }
	.exchange-register-form h3 { color: #555; font-size: 19px; font-weight: bold; }
	.exchange-register-form .lineform { position: relative; margin: 5px 0 10px; }
	.exchange-register-form .line-blue { border-color: #27699a !important; }
	.exchange-register-form .lineform label { font-size: 12px; color: #777; font-weight: bold; display: block; }
	.exchange-register-form input[type="text"],
	.exchange-register-form input[type="password"],
	.exchange-register-form textarea { border:1px solid #c8c8c8; font-size:13px; background-color: #fff; font-family: 'Source Sans Pro'; height:auto; line-height:1.2; padding: 8px 12px; width:100%; color: #767676;
		/* border-radius */
		-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
		/* box-shadows */
		-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; -moz-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; -ms-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; -o-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; box-shadow: 0 0 6px rgba(0,0,0,0.18) inset;
	}
	/* select */
	.exchange-register-form .box-select { border:1px solid #c8c8c8; background-color: #fff; font-family: 'Source Sans Pro'; height:auto; line-height:1.2; padding: 9px 12px 8px; width:100%;
		/* border-radius */
		-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
		/* box-shadows */
		-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; -moz-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; -ms-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; -o-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; box-shadow: 0 0 6px rgba(0,0,0,0.18) inset;
	}
	.exchange-register-form .box-select select { width: 100%; display: block; font-size:13px; color: #767676; }

/*======================================
=            form-dashboard            =
======================================*/
.form-dashboard { margin-bottom: 10px; }
.form-dashboard .lineform {  }
.form-dashboard .lineform label { color: #333; font-size: 13px; font-weight: 600; }
.form-dashboard .lineform small.label-off { font-size: 10px; color: #666; display: block; padding: 5px 3px 0 0; }
.form-dashboard .lineform .sku .btn-generate { height: auto; padding: 10px 15px; font-size: 12px; font-weight: 600; color: #555; background-color: #fff; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.070)); position: absolute; right: 0; top: 0; border: 1px solid #ddd; 
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; 
}
.form-dashboard .lineform .sku .btn-generate img { margin-right: 7px; }
.form-dashboard .lineform .sku input { padding-right: 130px; }
.form-dashboard .url-friend { position: relative; }
.form-dashboard .url-friend input[type="text"]{ padding-left: 170px; }
.form-dashboard .url-friend .label-url-friend { background-color: #eee; border: 1px solid #c8c8c8; color: #777; font-size: 11px; display: block; position: absolute; left: 0; top: 0; padding: 11px 15px 12px; 
	-webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; 
}
/* btns */
.form-dashboard .btns {}
.form-dashboard .btns *[class*="btn-"] { width: 100%; height: auto; position: relative; font-size: 12px; display: block; font-weight: 600; padding: 12px; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
}
.form-dashboard .btns .btn-validate { background-color: #5484de; color: #fff; text-align: center; }
.form-dashboard .btns .btn-load { background: url(/img/ajax-loader-2.gif) no-repeat center center #f8f8f8; height: 37px; }
.form-dashboard .btns .btn-sucess { background: url(/img/icon-check.png) no-repeat center center #a4c332; height: 37px; }


/*-----  End of form-dashboard  ------*/

/*==========  other styles  ==========*/
.select-colors { width: 100px !important; text-align: center; display: inline-block; *display: inline; *zoom: 1; padding: 0 !important; }
.select-colors >* { padding: 7px 10px; cursor: pointer; }
.red-select { background-color: #bf1a26 !important; font-size: 12px; font-weight: 600 !important; color: #fff !important; }
.green-select { background-color: #87bd38 !important; font-size: 12px; font-weight: 600 !important; color: #fff !important; }

/*==========  Validation  ==========*/

 .required input { border-color: #ff9393 !important; background-color: #ffe9e9 !important; color: #e94444 !important; }
 .required select { border-color: #ff9393 !important; background-color: #ffe9e9 !important; color: #e94444 !important; }
 .required label { color: #e94444 !important; }
 .required .box-select { border-color: #ff9393 !important; background-color: #ffe9e9 !important; color: #e94444 !important; }
 .required .url-friend .label-url-friend { border-color:#ff9393 !important; background-color: #ffe9e9 !important; color: #e94444 !important; }
 .required textarea { border-color: #ff9393 !important; background-color: #ffe9e9 !important; color: #e94444 !important; }
 .label-error { background: url(/img/icon-up.png) no-repeat left center; color: #e94444; font-size: 12px; padding: 2px 0 1px 21px; margin-top: 3px; display: block; }
 /* especificacoes */
 .form-login .label-error { margin-top: 3px; display: block; }
/* ==========================================================================
   Definições de visualização para o documento HTML5
   ========================================================================== */


/* Container
   ========================================================================== */
	[class*="container_"]{ box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; margin-left:auto; margin-right:auto; }


/* Limit width of the page
   ========================================================================== */
	.fix1000 { width:1000px; }
	.fix1200 { width:1200px; }
	.fix1400 { width:1400px; }
	.fix1600 { width:1600px; }

	.max1000 { max-width:1000px; }
	.max1200 { max-width:1200px; }
	.max1400 { max-width:1400px; }
	.max1600 { max-width:1600px; }

	.fluid { max-width: 100%; }

	.min1000 { min-width:1000px; }
	.min1200 { min-width:1200px; }
	.min1400 { min-width:1400px; }
	.min1600 { min-width:1600px; }
	

/* Syntax Framework (Grid)
   ========================================================================== */
	[class*="container_"] [class*="grid_"] { float:left;position:relative; }
	[class*="container_"] [class*="grid_"].center { float:none;margin-left:auto;margin-right:auto; }

	.container_grid .grid_1 { width:6.5%; }
	.container_grid .grid_2 { width:15%; }
	.container_grid .grid_3 { width:23.5%; }
	.container_grid .grid_4 { width:32%; }
	.container_grid .grid_5 { width:40.5%; }
	.container_grid .grid_6 { width:49%; }
	.container_grid .grid_7 { width:57.5%; }
	.container_grid .grid_8 { width:66%; }
	.container_grid .grid_9 { width:74.5%; }
	.container_grid .grid_10 { width:83%; }
	.container_grid .grid_11 { width:91.5%; }
	.container_grid .grid_12 { width:100%; margin-right:0; }
	.container_grid [class*="grid_"]{margin-right:2%}
	.container_grid [class*="grid_"].last{margin-right:0}

	.container_full .grid_1 { width:8.3325%; }
	.container_full .grid_2 { width:16.665%; }
	.container_full .grid_3 { width:24.9975%; }
	.container_full .grid_4 { width:33.33%; }
	.container_full .grid_5 { width:41.6625%; }
	.container_full .grid_6 { width:50%; }
	.container_full .grid_7 { width:58.3275%; }
	.container_full .grid_8 { width:66.66%; }
	.container_full .grid_9 { width:74.9925%; }
	.container_full .grid_10 { width:83.325%;}
	.container_full .grid_11 { width:91.6575%; }
	.container_full .grid_12 { width:100%; }
	.container_full [class*="grid_"] { margin-right:0; }

	.container_full .container_grid .grid_1{width:6.5%}
	.container_full .container_grid .grid_2{width:15%}
	.container_full .container_grid .grid_3{width:22.5%}
	.container_full .container_grid .grid_4{width:32%}
	.container_full .container_grid .grid_5{width:40.5%}
	.container_full .container_grid .grid_6{width:49%}
	.container_full .container_grid .grid_7{width:57.5%}
	.container_full .container_grid .grid_8{width:66%}
	.container_full .container_grid .grid_9{width:74.5%}
	.container_full .container_grid .grid_10{width:83%}
	.container_full .container_grid .grid_11{width:91.5%}
	.container_full .container_grid .grid_12{width:100%;margin-right:0}
	.container_full .container_grid [class*="grid_"]{margin-right:2%}
	.container_full .container_grid [class*="grid_"].last{margin-right:0}

	[class*="container_"] [class*="grid_"] embed,
	/*[class*="container_"] [class*="grid_"] iframe,*/
	[class*="container_"] [class*="grid_"] img,
	[class*="container_"] [class*="grid_"] object,
	[class*="container_"] [class*="grid_"] video{height:auto;max-width:100%}


/* Useful
   ========================================================================== */
	.maxtext { overflow:hidden; text-overflow:ellipsis; }
	.onerow { white-space:nowrap; }

	.txtleft { text-align:left }
	.txtright { text-align:right;}
	.txtcenter { text-align:center; }
	.txtjust { text-align:justify; }

	.fleft { float:left; }
	.fright { float:right; }

	.dnone { display:none; }
	.dblock { display:block}
	.dinline-block { display: inline-block; *display: inline; *zoom:1; }
	.dtable { display: table; }

	.vtop{ vertical-align: top;}
	.vmiddle{ vertical-align: middle;}
	.vbottom{ vertical-align: bottom;}

	.alignleft{float:left;margin:0 10px 10px 0}
	.alignright{float:right;margin:0 0 10px 10px}
	.aligncenter{display:block;margin-left:auto;margin-right:auto}

	.no-margin-top { margin-top: 0 !important; }
	.no-margin-left { margin-left: 0 !important; }
	.no-margin-right { margin-right: 0 !important; }
	.no-margin-bottom { margin-bottom: 0 !important; }

/* Clear
   ========================================================================== */
	.clear { clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0; }

	.clearfix:before,
	.clearfix:after,
	[class*="container_"]:before,
	[class*="container_"]:after,
	[class*="grid_"]:before,
	[class*="grid_"]:after{ content:'\0020'; display:block; height:0; overflow:hidden; visibility:hidden; width:0; }

	.clearfix:after,
	[class*="container_"]:after,
	[class*="grid_"]:after { clear:both; }

	.clearfix,
	[class*="container_"],
	[class*="grid_"] { zoom:1; }


/* Mobile
   ========================================================================== */
	@media all and (max-width:960px){
		.responsive > [class*="grid_"].adapt { float:none; margin-right:0; width:auto; }
	}

	@media all and (max-width:720px){
		.responsive > [class*="grid_"].adapt > [class*="grid_"],
		.responsive > [class*="grid_"].center { float:none;margin-right:0;width:auto; }
	
	}

	@media all and (max-width:480px){
		.responsive > [class*="grid_"] { float:none;margin-right:0;width:auto; }

		.responsive .nomobile { display:none; }

		.responsive .txtmobile { text-align:center !important; }
	}

	@media all and (max-width:320px){
		.responsive .img320 { width:100% !important; }
	}
/*==============================================*/
/*============  Estruturas padrão ==============*/
/*==============================================*/

#caminho-canais {
    padding: 0px 30px;
}

.caminho-canais {
    font-size: 14px;
    color: #707d0c;
    font-weight: 400;
    margin-top: 30px;
}

    .caminho-canais a {
        -webkit-transition: all linear 0.1s;
        -moz-transition: all linear 0.1s;
        -o-transition: all linear 0.1s;
    }

        .caminho-canais a:hover {
            color: #707d0c;
        }

.box-nome-canais {
    display: inline;
    vertical-align: middle;
    background-color: #33366b;
    color: #fff;
    padding: 10px 30px;
    font-size: 25px;
    font-weight: bold;
    line-height: 30px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
}

.top70 {
    margin-top: 30px;
    display: inline-block;
}

.margt-40 {
    margin-top: 40px;
}

.normal12 {
    padding: 10px 20px;
}

#chamada-principal {
    padding: 10px 0px 10px 30px;
}

.texto-pri-chamada-principal {
    font-size: 57px;
    line-height: 60px;
    color: #485b75;
    font-weight: 100;
    padding-top: 20px;
}

    .texto-pri-chamada-principal span {
        font-weight: bold;
        color: #707d0c;
    }

.texto-sec-chamada-principal {
    font-size: 20px;
    line-height: 25px;
    color: #3e4042;
    padding-top: 20px;
    padding-bottom: 50px;
}


.titulos-sci {
    font-size: 47px;
    line-height: 50px;
    color: #485b75;
    font-weight: 100;
    padding: 15px 200px 20px 200px;
    text-align: center;
}

.texto-titulos-sci {
    padding: 5px 200px;
    font-size: 18px;
    line-height: 22px;
}

.titulos-sci span {
    color: #707d0c;
    font-weight: bold;
}

.titulos-sci-menor {
    font-size: 30px;
    line-height: 35px;
    color: #485b75;
    font-weight: 100;
    padding: 15px 250px 20px 250px;
    text-align: center;
}

    .titulos-sci-menor span {
        color: #485b75;
        font-weight: bold;
    }



/*=====Lista 4 itens=====*/
.lista-quadruplo {
    padding: 10px 20px;
}

.list4-canais {
    display: block;
    vertical-align: top;
    padding: 20px 0px 40px 0px;
}

    .list4-canais ul {
    }

        .list4-canais ul li {
            display: inline-block;
            vertical-align: top;
            width: 24.5%;
            text-align: center;
            padding: 15px;
        }

.titulo-list4-canais {
    font-size: 20px;
    color: #364c6b;
    line-height: 22px;
    font-weight: bold;
    padding: 10px 0px;
}

.texto-list4-canais {
    font-size: 16px;
    line-height: 18px;
}

.img-list4-canais {
    padding: 5px;
}

/*===== Duas colunas alinhadas =====*/
#coluna-dupla {
    padding: 30px 20px;
}

.item-coluna-dupla {
    padding: 0px 50px 30px 50px;
    text-align: center;
}

.padd40 {
    padding-bottom: 40px;
}

.img-coluna-dupla {
    padding: 10px 0px;
}

.titulo-coluna-dupla {
    font-size: 25px;
    line-height: 28px;
    padding: 10px 0px;
    color: #485b75;
}

.texto-coluna-dupla {
    font-size: 16px;
    line-height: 20px;
    padding: 5px 0px;
    color: #18191a;
}



/*=====perguntas frequentes=====*/
#perguntas-frequentes-sci {
    padding: 10px 20px 50px 20px;
}

.perguntas-sci {
    padding: 20px 20px;
}

.titulo-perguntas-sci {
    font-size: 20px;
    line-height: 26px;
    color: #374c68;
    font-weight: bold;
}

.texto-perguntas-sci {
    font-size: 15px;
    line-height: 20px;
    color: #000000;
    padding-top: 5px;
}


/*=====depoimentos=====*/
#depoimento-sci {
    padding: 10px 20px 50px 20px;
    text-align: center;
}


.img-depoimentosci {
    border-radius: 100%;
    border: 6px solid #e6e5e5;
    width: 150px;
    height: 150px;
    background-color: purple;
}

.texto-depoimentosci {
    padding: 15px 200px;
    font-size: 16px;
    line-height: 20px;
}

.nome-pessoa-depoimentosci {
    padding: 10px 0px 5px 0px;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    color: #3a649b;
}

.cargo-depoimentosci {
    padding-bottom: 10px;
    font-style: italic;
    font-size: 13px;
}

    .cargo-depoimentosci a {
        font-weight: 600;
    }

        .cargo-depoimentosci a:hover {
            color: steelblue;
        }

/*=====perguntas frequentes=====*/
.titulo-seguranca-dados {
    font-size: 27px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    margin-top: 75px;
    padding: 15px;
    border-bottom: 2px solid #485b75;
    background-color: #485b75;
}

.itens-seguranca-dados {
    padding: 20px;
    border-bottom: 1px solid #eeeeee;
}

.nome-item-seguranca-dados {
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
    padding-bottom: 8px;
}

.descricao-item-seguranca-dados {
    font-size: 15px;
    line-height: 20px;
}



/*============== Home Blog ==============*/

.list-blog-home {
}

    .list-blog-home ul {
        list-style: none;
    }

        .list-blog-home ul li {
            display: inline-block;
            position: relative;
            width: 31%;
            margin: 1%;
            text-align: center;
            vertical-align: top;
        }

            .list-blog-home ul li a {
                display: block;
                vertical-align: middle;
                padding: 30px 20px;
                background-color: #fafafb;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
                cursor: pointer;
                border: 1px solid #fafafb;
                transition: all linear 0.1s;
                -webkit-transition: all linear 0.1s;
                -moz-transition: all linear 0.1s;
                -o-transition: all linear 0.1s;
            }

                .list-blog-home ul li a:hover {
                    background-color: #ffffff;
                    border: 1px solid #79df02;
                }

    .list-blog-home .categoria-blog-home {
        display: block;
        vertical-align: middle;
        padding: 20px 0px 10px 0px;
        font-size: 14px;
        font-style: italic;
        color: #374c68;
    }

.titulo-blog-home {
    display: block;
    vertical-align: top;
    padding: 0px 0px 10px 0px;
    font-size: 20px;
    line-height: 23px;
    font-weight: bold;
    color: #374c68;
}

.texto-blog-home {
    display: block;
    vertical-align: middle;
    padding-bottom: 10px;
    color: #374c68;
}

.btn-ver-materia {
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -30px;
    z-index: 100;
    width: 58px;
    height: 58px;
    line-height: 57px;
    margin-top: 20px;
    background-color: #95c415;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    font-size: 50px;
    font-weight: normal;
    color: #ffffff;
    -webkit-box-shadow: -2px 6px 10px 0px rgba(50, 50, 50, 0.31);
    -moz-box-shadow: -2px 6px 10px 0px rgba(50, 50, 50, 0.31);
    box-shadow: -2px 6px 10px 0px rgba(50, 50, 50, 0.31);
}

.list-blog-home ul li a:hover .btn-ver-materia {
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -30px;
    z-index: 100;
    width: 58px;
    height: 58px;
    line-height: 57px;
    margin-top: 22px;
    background-color: #79df02;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    font-size: 50px;
    font-weight: normal;
    color: #ffffff;
    -webkit-box-shadow: -2px 10px 16px 0px rgba(50, 50, 50, 0.21);
    -moz-box-shadow: -2px 10px 16px 0px rgba(50, 50, 50, 0.21);
    box-shadow: -2px 10px 16px 0px rgba(50, 50, 50, 0.21);
}

.btn-ver-mais {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    padding: 18px 50px;
    background-color: #374c68;
    color: #ffffff;
}

    .btn-ver-mais:hover {
        background-color: #2e63a9;
        color: #ffffff;
        padding: 18px 70px;
    }


/*=====OutrosCanais=====*/
#outros-canais {
    padding: 20px 20px 80px 20px;
}

.lista-outros-canais {
    padding: 20px 0px;
}

    .lista-outros-canais ul {
    }

        .lista-outros-canais ul li {
            width: 32%;
            margin: 5px;
            display: inline-block;
            vertical-align: top;
            background-color: #fcfcfb;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            text-align: center;
            border: 1px solid #cecece;
        }

.titulo-lista-outros-canais {
    background-color: #485b75;
    color: #ffffff;
    padding: 15px 20px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 23px;
    line-height: 25px;
    font-weight: 100;
}

.texto-lista-outros-canais {
    padding: 0px 25px 50px 25px;
    font-size: 19px;
    font-weight: 400;
    line-height: 23px;
}

.img-lista-outros-canais {
    padding: 20px;
}

.link-lista-outros-canais {
    padding: 10px 25px;
    color: #FFFFFF;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #707d0c;
    font-size: 22px;
    line-height: 25px;
}

    .link-lista-outros-canais:hover {
        padding: 10px 25px;
        color: #fff;
        font-size: 22px;
        line-height: 25px;
        background-color: #839215;
        box-shadow: 2px 7px 7px 0px rgba(50, 50, 50, 0.47);
        -webkit-box-shadow: 2px 7px 7px 0px rgba(50, 50, 50, 0.47);
        -moz-box-shadow: 2px 7px 7px 0px rgba(50, 50, 50, 0.47);
        box-shadow: 2px 7px 7px 0px rgba(50, 50, 50, 0.47);
        -moz-transform: scale(1.02);
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }



/*==============================================*/
/*==========  @Medias em resoluções  ===========*/
/*==============================================*/
@media all and (max-width:1300px) {
}

@media all and (max-width:1200px) {
}

@media all and (max-width:1100px) {

    /*=====depoimentos=====*/
    .texto-depoimentosci {
        padding: 15px 200px;
    }
    /*=====chamada principal=====*/
    .texto-pri-chamada-principal {
        font-size: 50px;
        line-height: 57px;
        color: #485b75;
        font-weight: 100;
        padding-top: 20px;
    }
    /*=====OutrosCanais=====*/
    .texto-lista-outros-canais {
        padding: 0px 15px 50px 15px;
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
    }

    .lista-outros-canais ul li {
        width: 32%;
        margin: 3px;
        display: inline-block;
        vertical-align: top;
        background-color: #fcfcfb;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        text-align: center;
        border: 1px solid #cecece;
    }
}

@media all and (max-width:960px) {
    .centraliza-texto {
        text-align: center;
    }

    .titulos-sci-menor {
        padding: 15px 200px 20px 200px;
    }

    .titulo-list4-canais {
        font-size: 18px;
        color: #364c6b;
        line-height: 20px;
        font-weight: bold;
        padding: 5px 0px;
    }

    .texto-list4-canais {
        font-size: 14px;
        line-height: 16px;
    }

    /*=====chamada principal=====*/
    .texto-pri-chamada-principal {
        font-size: 40px;
        line-height: 45px;
        color: #485b75;
        font-weight: 100;
        padding-top: 20px;
    }
    /*=====Padrão=====*/
    .titulos-sci {
        font-size: 37px;
        line-height: 37px;
        color: #485b75;
        font-weight: 100;
        padding: 15px 100px;
    }

    .texto-titulos-sci {
        padding: 5px 50px;
        font-size: 18px;
        line-height: 22px;
    }
}

@media all and (max-width:800px) {

    .titulos-sci-menor {
        padding: 15px 150px 20px 150px;
    }

    .list4-canais ul li {
        display: inline-block;
        vertical-align: top;
        width: 49%;
        text-align: center;
        padding: 15px;
    }

    .item-coluna-dupla {
        padding: 0px 10px 30px 10px;
        text-align: center;
    }

    /*=====Blog=====*/
    .list-blog-home {
    }

        .list-blog-home ul {
            list-style: none;
        }

            .list-blog-home ul li {
                display: block;
                position: relative;
                width: 98%;
                margin-bottom: 60px;
                text-align: center;
                vertical-align: top;
                padding: 0px 10px;
            }

    /*=====depoimentos=====*/
    .texto-depoimentosci {
        padding: 15px 100px;
    }
}

@media all and (max-width:720px) {
   
    .titulos-sci-menor {
        padding: 15px 50px 20px 50px;
    }

    /*=====chamada principal=====*/
    .texto-pri-chamada-principal {
        font-size: 40px;
        line-height: 45px;
        color: #485b75;
        font-weight: 100;
        padding-top: 20px;
        padding-right: 180px;
    }

    .texto-sec-chamada-principal {
        padding-bottom: 30px;
        padding-right: 180px;
    }

    /*=====OutrosCanais=====*/
    .lista-outros-canais ul li {
        width: 100%;
        margin: 0px 0px 40px 0px;
        display: inline-block;
        vertical-align: top;
        background-color: #fcfcfb;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        text-align: center;
        border: 1px solid #cecece;
    }
}

@media all and (max-width:600px) {

    /*=====chamada principal=====*/
    .texto-pri-chamada-principal {
        font-size: 40px;
        line-height: 45px;
        color: #485b75;
        font-weight: 100;
        padding-top: 10px;
        padding-right: 180px;
    }

    .texto-sec-chamada-principal {
        padding-bottom: 30px;
        padding-right: 180px;
    }

    /*=====depoimentos=====*/
    .texto-depoimentosci {
        padding: 15px 0px;
        font-size: 14px;
    }

    /*=====Padrão=====*/
    .titulos-sci {
        font-size: 37px;
        line-height: 37px;
        color: #485b75;
        font-weight: 100;
        padding: 15px 0px;
    }

    .texto-titulos-sci {
        padding: 15px 20px;
        font-size: 16px;
        line-height: 20px;
    }

    /*=====seguranca=====*/
    .titulo-seguranca-dados {
        font-size: 23px;
        line-height: 26px;
        font-weight: bold;
        padding: 15px 15px;
        border-bottom: 2px solid #485b75;
    }
}

@media all and (max-width:560px) {
}

@media all and (max-width:480px) {
    .top70 {
        margin-bottom: 260px;
        text-align: center;
        display: block;
        margin-left: 100px;
        margin-right: 100px;
    }

    .titulos-sci-menor {
        padding: 15px 20px 20px 20px;
    }

    .list4-canais ul li {
        display: block;
        vertical-align: top;
        width: 100%;
        text-align: center;
        padding: 15px;
    }

    /*=====teste gratis=====*/
    .titulo-form-fale-com-um-consultor {
        font-size: 35px;
    }

    /*=====perguntas=====*/
    .perguntas-sci {
        text-align: center;
        padding: 20px 0px;
    }

    .titulo-perguntas-sci {
        font-size: 18px;
        line-height: 22px;
        color: #374c68;
        font-weight: bold;
    }

    .texto-perguntas-sci {
        font-size: 15px;
        line-height: 20px;
        color: #000000;
        padding-top: 5px;
    }

    /*=====chamada principal=====*/
    #chamada-principal {
        padding: 10px 0px 10px 0px;
    }

    .texto-pri-chamada-principal {
        font-size: 40px;
        line-height: 45px;
        color: #485b75;
        font-weight: 100;
        padding-top: 20px;
        padding-right: 20px;
        padding-left: 20px;
        text-align: center;
    }

    .texto-sec-chamada-principal {
        padding-bottom: 30px;
        padding-right: 20px;
        padding-left: 20px;
        text-align: center;
    }
}

@media all and (max-width:400px) {
    .top70 {
        margin-bottom: 260px;
        text-align: center;
        display: block;
        margin-left: 50px;
        margin-right: 50px;
    }
    /*=====chamada principal=====*/
    .texto-pri-chamada-principal {
        font-size: 33px;
        line-height: 40px;
        color: #485b75;
        font-weight: 100;
        padding-top: 20px;
        padding-right: 20px;
        padding-left: 20px;
        text-align: center;
    }

    .texto-sec-chamada-principal {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 30px;
        padding-right: 20px;
        padding-left: 20px;
        text-align: center;
    }
}

@media all and (max-width:380px) {
    .top70 {
        margin-bottom: 230px;
        text-align: center;
        display: block;
        margin-left: 50px;
        margin-right: 50px;
    }

    /*=====teste gratis=====*/
    .titulo-form-fale-com-um-consultor {
        font-size: 25px;
    }

    .titulo-area {
        font-size: 35px;
        line-height: 40px;
        color: #374c68;
        font-weight: bold;
        padding: 10px;
    }
}

@media all and (max-width:360px) {

    .titulos-sci-menor {
        padding: 15px 0px 20px 0px;
    }

    /*=====Padrão=====*/
    .titulos-sci {
        font-size: 30px;
        line-height: 30px;
        color: #485b75;
        font-weight: 100;
        padding: 15px 0px;
    }
    /*=====chamada principal=====*/
    .texto-pri-chamada-principal {
        font-size: 33px;
        line-height: 40px;
        color: #485b75;
        font-weight: 100;
        padding-top: 10px;
        padding-right: 20px;
        padding-left: 20px;
        text-align: center;
    }

    .texto-sec-chamada-principal {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 30px;
        padding-right: 20px;
        padding-left: 20px;
        text-align: center;
    }
}

@media all and (max-width:330px) {
}

@media all and (max-width:320px) {
}



/*==========  Impressão  ==========*/

@media print {
    header, footer {
        display: none
    }
}

@import url('./partials/rodape-slogan.css');
@import url('./partials/navbar.css');

/*==========  Fontes personalizadas  ==========*/
@font-face {
}

/*==========  HTML  ==========*/

html {
    font: normal normal normal 62.5%/1.2 'Open Sans', Arial, Helvetica, sans-serif;
    color: #363636;
    overflow-x: hidden;
    width: 100%;
    scroll-behavior: smooth;
}
/* 62.5% = 10px/16px em porcentagem */
body {
    line-height: 16px;
    font-size: 1.4rem;
    width: 100%;
}
/* =12px */
a {
    color: #333
}

    a:hover {
        color: #F00;
    }

@media (min-width: 320px) and (max-width: 667px) {
    ::-webkit-scrollbar {
        display: none;
    }
}
/*==========  Elementos  ==========*/

header {
    overflow-x: hidden;
}

nav {
}

content {
}

#topo {
    padding: 19px 40px 40px 40px;
}

    #topo * {
        color: white;
    }

    #topo .logo-simplifica {
        width: 176px;
    }

#banner {
}

#conteudo {
}

#conteudo2 {
}

#conteudo3 {
}

#rodape {
    color: white;
    background-color: #1B3F58;
    /*padding: 0px 20px;*/
}

    #rodape a {
        color: white;
    }

    #rodape .titulo-list-map {
        color: white;
    }

    #rodape address {
        color: white;
    }

    #rodape .creditos {
        color: white;
    }



/*========= demo button ===========*/


a.demo-button {
    display: inline-block;
    padding: 14px 28px;
    background-color: #00AC6E;
    font-weight: 600;
    font-size: 16px;
    border-radius: 6px;
    border: 1px solid #019A63;
    line-height: 25px;
    text-align: center;
    color: white;
    box-shadow: 0 2px 0 0 #019A63;
}

    a.demo-button:hover {
        background-color: #019A63;
    }

a.demo-button-large {
    padding: 15px 28px;
    font-size: 20px;
    border-radius: 8px;
    border: 1px solid #019A63;
    box-shadow: 0 3px 0 0 #019A63;
}

@media (min-width: 576px) {
    a.demo-button {
        font-size: 18px;
    }
}

@media (min-width: 768px) {
    a.demo-button {
        font-size: 20px;
    }
}



/*============================*/


#fraseimpacto-home {
    padding: 0px 0px;
}

#somos-multicanais-home {
    padding: 20px 20px 60px 20px;
}

#funcionalidades-home {
    display: block;
    vertical-align: top;
    background: #1e5799;
    background: -moz-linear-gradient(top, #1e5799 0%, #e6edf3 0%, #e6edf3 34%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #1e5799 0%,#e6edf3 0%,#e6edf3 34%,#ffffff 100%);
    background: linear-gradient(to bottom, #1e5799 0%,#e6edf3 0%,#e6edf3 34%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ffffff',GradientType=0 );
    display: block;
    padding: 0px 0px 30px 0px;
    min-height: 1700px;
}

#quem-somos {
    display: block;
    padding: 0px 0px;
}

#clientes-home {
    display: block;
    padding: 0px 0px;
    /*margin-top: 100px;*/
}

#quem-somos-home {
    display: block;
    padding: 30px 0px;
}


#blog-home {
    display: block;
    padding: 30px 0px;
}

footer {
    /*padding-bottom: 70px;*/
}

address {
    text-align: center;
    color: #374c68;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
}

#faixa-rodape {
    width: 100%;
    display: block;
    vertical-align: middle;
    position: fixed;
    bottom: 0px;
    left: 0px;
    margin: 0 auto;
    padding: 14px 20px;
    background-color: #374c68;
    color: #ffffff;
    -webkit-box-shadow: 0px -1px 1px 0px #0e2748;
    -moz-box-shadow: 0px -1px 1px 0px #0e2748;
    box-shadow: 0px -1px 1px 0px #0e2748;
    z-index: 9999;
}

.bloco-rodape {
    padding-left: 70px;
}


#rodape .parceiros {
    background-color: white;
    text-align: center;
    padding: 40px 10px;
    border-top: 10px solid #1B3F58;
}

    #rodape .parceiros img {
        padding: 10px;
    }

.hidden {
    display: none !important;
}



/*==========  Estruturas padrão  ==========*/
/*==========  Validação dos forms  ==========*/
.lineform label {
    font-size: 1.4px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.lineform input {
    width: 100%;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    background-color: #FFF;
    padding: 10px 18px;
    margin-bottom: 14px;
    font-size: 1.8rem;
    line-height: 18px;
    border: 1px solid #CCC;
    font-weight: normal;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.lineform textarea {
    width: 100%;
    height: 180px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    background-color: #FFF;
    padding: 10px 18px;
    margin-bottom: 10px;
    font-size: 1.8rem;
    line-height: 18px;
    border: 1px solid #CCC;
    font-weight: normal;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.lineform span {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.lineform select {
    width: 100%;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    background-color: #FFF;
    padding: 10px 18px;
    margin-bottom: 14px;
    font-size: 1.8rem;
    line-height: 18px;
    border: 1px solid #CCC;
    font-weight: normal;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.required input {
    border-color: #ff9393 !important;
    background-color: #ffe9e9 !important;
    color: #e94444 !important;
}

.required select {
    border-color: #ff9393 !important;
    background-color: #ffe9e9 !important;
    color: #e94444 !important;
}

.required label {
    color: #e94444 !important;
}

.required .box-select {
    border-color: #ff9393 !important;
    background-color: #ffe9e9 !important;
    color: #e94444 !important;
}

.required .url-friend .label-url-friend {
    border-color: #ff9393 !important;
    background-color: #ffe9e9 !important;
    color: #e94444 !important;
}

.required textarea {
    border-color: #ff9393 !important;
    background-color: #ffe9e9 !important;
    color: #e94444 !important;
}

.label-error {
    background: url(/img/icon-up.png) no-repeat left center;
    color: #e94444;
    font-size: 12px;
    padding: 2px 0 1px 21px;
    margin-top: 3px;
    display: block;
}

.form-login .label-error {
    margin-top: 3px;
    display: block;
}


/*==========  Personalizações  ==========*/

.radius2 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.radius {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.transition {
    transition: all linear 0.1s;
    -webkit-transition: all linear 0.1s;
    -moz-transition: all linear 0.1s;
    -o-transition: all linear 0.1s;
}

.shadow {
    box-shadow: 5px 3px 12px 1px #666;
    -moz-box-shadow: 5px 3px 12px 1px #666;
    -webkit-box-shadow: 5px 3px 12px 1px #666;
}

.opacity {
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    opacity: 0.6;
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
}

    .opacity:hover {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1.0;
        -moz-opacity: 1.0;
        -webkit-opacity: 1.0;
    }

.shadow {
    -webkit-box-shadow: 2px 7px 7px 0px rgba(50, 50, 50, 0.17);
    -moz-box-shadow: 2px 7px 7px 0px rgba(50, 50, 50, 0.17);
    box-shadow: 2px 7px 7px 0px rgba(50, 50, 50, 0.17);
}

    .shadow:hover {
        -webkit-box-shadow: 2px 7px 20px 0px rgba(50, 50, 50, 0.27);
        -moz-box-shadow: 2px 7px 20px 0px rgba(50, 50, 50, 0.27);
        box-shadow: 2px 7px 20px 0px rgba(50, 50, 50, 0.27);
    }

.relative {
    position: relative;
}





.area-visual-effects {
    background-image: url(../../img/wave-background.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -164px;
    margin-left: -156px;
    display: none;
}

    .area-visual-effects .dotted-cube {
        position: relative;
        width: 180px;
        left: 281px;
        top: -114px;
    }

    .area-visual-effects .green-plus {
        position: relative;
        width: 60px;
        left: 281px;
        top: -376px;
    }

    .area-visual-effects .blue-plus {
        position: relative;
        width: 30px;
        left: 281px;
        top: -290px;
    }


@media (min-width: 961px) {
    .area-visual-effects {
        display: block;
    }
}



/*==========  Margins e paddings  e outros ==========*/
.marg35 {
    margin: 0px 35px 35px 35px;
}

.padd20 {
    padding: 20px;
}

.paddtop {
}

.margbottom {
}

.marcador {
}

.marg-20 {
    margin-left: 30px;
}

.marg-t-100 {
    margin-top: 120px;
}

.marg-tm-100 {
    margin-top: -80px;
}

.titulo-area {
    font-size: 45px;
    line-height: 50px;
    color: #374c68;
    font-weight: bold;
    padding: 10px;
}

.sub-titulo-area {
    font-size: 18px;
    color: #374c68;
    padding: 10px;
    margin-bottom: 20px;
}


/*=================== Botões ====================*/
.area-btn {
    padding: 50px 10px 30px 10px;
    position: relative;
}


/* ======================= Containers ======================= */

.container {
    width: 100%;
}


.container,
.container-fluid {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    /*padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);*/
    margin-right: auto;
    margin-left: auto;
}

/*=================== Menu Topo ====================*/

/* import above */

/*================*/






/*
.logo {
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
    margin-left: 20px
}
*/
/*
.logo .h1x {
    display: inline;
    vertical-align: middle;
    display: inline;
    vertical-align: middle;
    position: absolute;
    top: -100px;
    overflow: hidden;
}

.hamb {
    display: none;
}

.menu-topo {
    position: relative;
    display: inline;
    float: right;
    text-align: right;
    vertical-align: middle;
    padding-top: 12px;
    margin-right: 10px;
}

    .menu-topo ul {
        float: right;
    }

        .menu-topo ul li a {
            transition: all linear 0.1s;
            -webkit-transition: all linear 0.1s;
            -moz-transition: all linear 0.1s;
            -o-transition: all linear 0.1s;
        }

            .menu-topo ul li a:hover {
                color: #97ad04;
            }

        .menu-topo ul li {
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            font-size: 20px;
            font-weight: 400;
            margin-right: 20px;
            padding: 5px 0px;
        }
*/

.btn-login {
    float: right;
    width: 150px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    padding-left: 35px;
    font-weight: 400;
    color: #ffffff;
    background-color: #ff2aaa;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
}

    .btn-login:hover {
        color: #ffffff;
        background-color: #839215;
    }

    .btn-login span {
        background: url(/img/cadeado.png) 0px 8px no-repeat;
        padding-left: 20px;
    }

.logo-menu {
    display: none;
}

.fecha-menu {
    display: none;
}



/*==============================================*/
/*================ Rodapé  =====================*/
/*==============================================*/
/*============== Site Map Rodape ==============*/
.site-map-rodape {
    padding: 50px 0px 0px 0px;
}

.titulo-list-map {
    font-size: 18px;
    color: #374c68;
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
}

.list-map ul li {
    padding: 4px 0px;
}

    .list-map ul li a {
        padding: 5px 0px;
        line-height: 35px;
        color: #4a4747;
        filter: alpha(opacity=90);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        opacity: 0.9;
        -moz-opacity: 0.9;
        -webkit-opacity: 0.9;
        transition: all linear 0.1s;
        -webkit-transition: all linear 0.1s;
        -moz-transition: all linear 0.1s;
        -o-transition: all linear 0.1s;
    }

        .list-map ul li a:hover {
            color: #054497;
            filter: alpha(opacity=100);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            opacity: 1.0;
            -moz-opacity: 1.0;
            -webkit-opacity: 1.0;
        }



/*============== Área de parceiros ==============*/
.area-parceiros {
    padding: 20px 0px 20px 0px;
}

.img-pad {
    padding: 0px 0px 0px 0px;
}


.titulo-parceiros {
    font-size: 18px;
    color: #374c68;
    font-weight: bold;
    padding-bottom: 20px;
}

/*================= Créditos ===================*/

.logo-sci-rodape {
    display: block;
    text-align: center;
    padding: 15px;
    margin-top: 20px;
}

.creditos {
    font-size: 12px;
    text-align: center;
    color: #666;
    margin-bottom: 20px;
}

    .creditos span {
        font-weight: bold;
    }


/*================ Faixa Rodapé =================*/


.faixa-rodape {
    position: fixed;
    bottom: 0px;
    left: 0px;
}

.quero-teste {
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    background-color: #e2ff00;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 600;
    float: right;
    margin-right: 10x;
    border-bottom: 2px solid #a9bf00;
    animation: shadow-pulse 3s infinite;
}

@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3);
    }

    100% {
        box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
    }
}

@keyframes shadow-pulse-big {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3);
    }

    100% {
        box-shadow: 0 0 0 70px rgba(0, 0, 0, 0);
    }
}

.quero-teste:hover {
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    background-color: #fff200;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 600;
    float: right;
    margin-right: 0px;
    color: #373737;
}

.titulo-faixa-rodape {
    float: left;
    font-size: 16px;
    padding: 12px 30px 6px 30px;
    text-shadow: 0px 1px 1px #000000;
}

/*==============================================*/
/*==========  @Medias em resoluções  ===========*/
/*==============================================*/


@media all and (max-width:1300px) {
}

@media all and (max-width:1200px) {
}

@media all and (max-width:1100px) {
    .quero-teste {
        padding: 10px 30px;
        font-size: 16px;
    }

        .quero-teste:hover {
            padding: 10px 30px;
            font-size: 16px;
        }

    .titulo-faixa-rodape {
        font-size: 15px;
        padding: 9px 30px 6px 30px;
        text-shadow: 0px 1px 1px #000000;
        line-height: 20px;
    }

    .bloco-rodape {
        padding-left: 20px;
    }
}

@media all and (max-width:960px) {
    .titulo-faixa-rodape {
        font-size: 14px;
        padding: 9px 0px 6px 15px;
        text-shadow: 0px 1px 1px #000000;
        line-height: 20px;
    }
    /*
    .menu-topo {
        padding-top: 10px;
    }

    .menu-topo ul li {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        margin-right: 10px;
        padding: 5px 0px;
    }*/

    .btn-login {
        display: none;
        float: right;
        width: 130px;
        height: 40px;
        font-size: 18px;
        line-height: 40px;
        padding-left: 30px;
        font-weight: 400;
        margin-top: 4px;
    }

        .btn-login span {
            background: url(/img/cadeado.png) 0px 6px no-repeat;
        }
}

@media all and (max-width:930px) {


    .bloco-rodape {
        padding-left: 60px;
    }
}

@media all and (max-width:800px) {
    .tg15 a {
        width: 100%;
        font-size: 14px;
        text-align: center;
        margin: 0 auto;
    }

    .titulo-faixa-rodape {
        display: none;
    }

    .btn-login {
        float: right;
        width: 110px;
        height: 40px;
        font-size: 18px;
        line-height: 40px;
        padding-left: 20px;
        font-weight: 400;
        margin-top: 4px;
    }

    .bloco-rodape {
        padding-left: 50px;
    }
}

@media all and (max-width:720px) {
    /*
    .menu-topo {
        position: fixed;
        top: 0px;
        left: -400px;
        float: left;
        display: block;
        vertical-align: middle;
        text-align: left;
        vertical-align: middle;
        padding-top: 12px;
        margin-right: 0px;
        background-color: #ffffff;
        padding: 0px 14%;
        height: 100%;
        z-index: 9999;
        text-shadow: 2px 2px 2px rbga(0,0,0,0.2);
        box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
        -moz-transition: all 0.8s cubic-bezier(0.73, 0.32, 0.33, 0.88);
        -o-transition: all 0.8s cubic-bezier(0.73, 0.32, 0.33, 0.88);
        -webkit-transition: all 0.8s cubic-bezier(0.73, 0.32, 0.33, 0.88);
        transition: all 0.8s cubic-bezier(0.73, 0.32, 0.33, 0.88);
    }

        .menu-topo ul {
            float: left;
            width: 100%;
            margin-top: 25%;
        }

            .menu-topo ul li a {
                transition: all linear 0.1s;
                -webkit-transition: all linear 0.1s;
                -moz-transition: all linear 0.1s;
                -o-transition: all linear 0.1s;
            }

                .menu-topo ul li a:hover {
                    color: #97ad04;
                }

            .menu-topo ul li {
                display: block;
                vertical-align: middle;
                text-align: left;
                font-size: 25px;
                font-weight: bold;
                margin-right: 0px;
                padding: 5px 0px;
                line-height: 50px;
            }

*/

    .list-map {
        text-align: center;
        margin-bottom: 30px;
    }

    .titulo-list-map {
        margin-bottom: 10px;
    }
    /*
    .logo {
        margin-left: 60px;
    }*/

    .relative {
        position: relative;
    }
    /*
    .hamb {
        display: inline;
        position: absolute;
        top: 11px;
        left: 5px;
    }*/

    .quero-teste {
        -webkit-border-radius: 45px;
        -moz-border-radius: 45px;
        border-radius: 45px;
        background-color: #e2ff00;
        padding: 10px 30px;
        font-size: 16px;
        font-weight: 600;
        float: right;
        margin-right: 0px;
        border-bottom: 0px;
        animation: shadow-pulse 3s infinite;
    }

        .quero-teste:hover {
            -webkit-border-radius: 45px;
            -moz-border-radius: 45px;
            border-radius: 45px;
            background-color: #fff200;
            padding: 10px 30px;
            font-size: 16px;
            font-weight: 600;
            float: right;
            margin-right: 0px;
            color: #373737;
        }
    /*
    .logo-menu {
        display: block;
        margin-top: 75%;
    }*/

    .fecha-menu {
        display: inline;
        position: absolute;
        top: 25px;
        left: 25px;
    }

    .bloco-rodape {
        padding-left: 0px;
    }
}

@media all and (max-width:600px) {
}

@media all and (max-width:560px) {
}

@media all and (max-width:480px) {
    #topo {
        padding: 15px 20px 0px 20px;
    }
    /*
    .logo {
        display: inline-block;
        vertical-align: middle;
        margin-top: 5px;
    }*/
}

@media all and (max-width:479px) {
    /*
    .logo {
        display: inline-block;
        vertical-align: middle;
        margin-top: 10px;
    }*/
}

@media all and (max-width:380px) {
}

@media all and (max-width:360px) {
    .btn-login {
        float: right;
        width: 80px;
        height: 34px;
        font-size: 14px;
        line-height: 34px;
        padding-left: 9px;
        font-weight: 400;
        margin-top: 8px;
    }

        .btn-login span {
            background: url(/img/cadeado.png) 5px 3px no-repeat;
        }
}

@media all and (max-width:330px) {
}

@media all and (max-width:320px) {
}



/*==========  Impressão  ==========*/

@media print {
    header, footer {
        display: none
    }
}



/*==========  Whatsapp  ==========*/

#WAButton {
    position: fixed;
    z-index: 9999;
    bottom: 25px;
    right: 25px;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    cursor: pointer;
    background-color: #0ba360;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.whatsapp-plug-icon:hover {
    background-color: #15cc74;
}

#WAButton::after,
#WAButton::before {
    content: '';
    position: absolute;
    opacity: 0;
    border: 4px solid #0ba360;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    -webkit-border-radius: 50%;
    animation: WaveWhatsApp 1.5s ease infinite;
}

#WAButton::after {
    animation-delay: .5s;
}

#WAButton:hover::after {
    border: 4px solid #15cc74;
}

#WAButton:hover::before {
    border: 4px solid #15cc74;
}

@keyframes WaveWhatsApp {
    0% {
        transform: scale(0.5);
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}



.floating-wpp {
    position: fixed;
    bottom: 15px;
    left: 15px;
    font-size: 14px;
    transition: bottom .2s;
    font-family: Arial;
}

    .floating-wpp .floating-wpp-button {
        position: relative;
        border-radius: 50%;
        box-shadow: 1px 1px 4px rgba(60,60,60,.4);
        transition: box-shadow .2s;
        cursor: pointer;
        overflow: hidden;
        display: none;
    }

        .floating-wpp .floating-wpp-button img, .floating-wpp .floating-wpp-button svg {
            position: absolute;
            width: 100%;
            height: auto;
            object-fit: cover;
            top: 50%;
            left: 50%;
            transform: translate3d(-50%,-50%,0)
        }

    .floating-wpp:hover {
        bottom: 17px
    }

        .floating-wpp:hover .floating-wpp-button {
            box-shadow: 1px 2px 8px rgba(60,60,60,.4)
        }

    .floating-wpp .floating-wpp-popup {
        background-color: #fff;
        position: absolute;
        overflow: hidden;
        padding: 0;
        box-shadow: 1px 2px 8px rgba(60,60,60,.25);
        width: 0;
        height: 0;
        bottom: 0;
        opacity: 0;
        transition: bottom .1s ease-out,opacity .2s ease-out;
        transform-origin: bottom;
        box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15);
        border-radius: 10px;
    }

        .floating-wpp .floating-wpp-popup.active {
            width: 346px;
            height: auto;
            bottom: 82px;
            opacity: 1;
            font-family: 'Inter', sans-serif;
        }

        .floating-wpp .floating-wpp-popup .floating-wpp-message {
            background-color: #fff;
            padding: 8px;
            border-radius: 0 5px 5px;
            opacity: 0;
            transition: opacity .2s
        }

        .floating-wpp .floating-wpp-popup.active .floating-wpp-message {
            opacity: 1;
            transition-delay: .2s;
            color: #666666;
            padding: 17px 22px;
            font-weight: 600;
            font-size: 15px;
        }

        .floating-wpp .floating-wpp-popup .floating-wpp-head {
            text-align: right;
            color: #fff;
            padding: 11px 21px;
            display: flex;
            justify-content: space-between;
            cursor: pointer;
            border-radius: 10px 0 100px 0;
            width: 89%;
            font-size: 16px;
            font-weight: 600;
        }

            .floating-wpp .floating-wpp-popup .floating-wpp-head strong.close {
                position: absolute;
                right: 11px;
                top: 8px;
                border-radius: 87%;
                color: #BEBEBE;
                border: 2px solid #BEBEBE;
                padding: 0 2px 2px;
                font-size: 21px;
                font-weight: 100;
            }

    .floating-wpp .floating-wpp-input-message {
        background-color: #fff;
        padding: 0 10px 12px;
        display: flex;
        align-items: center
    }

        .floating-wpp .floating-wpp-input-message textarea {
            color: #555555;
            font-family: inherit;
            border: 1px solid #ccc;
            border-radius: 4px;
            padding: 8px 43px 8px 17px;
            width: 100%;
            max-width: 100%;
            font-size: 16px;
            resize: none;
            box-shadow: inset 0px 2px 7px 1px rgba(0, 0, 0, 0.15);
            font-weight: 100;
            height: 70px;
        }

    .floating-wpp .floating-wpp-btn-send {
        margin-left: -39px;
        font-size: 0;
        cursor: pointer;
        opacity: 57%;
        margin-top: 11px;
    }


.byprogic a {
    background-color: #000;
    color: #fff;
    padding: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    font-size: 16px;
}

.byprogic .click {
    color: #bf23ff;
}

img.green-plus-3 {
    top: 150px !important;
}

.floating-wpp .floating-wpp-input-message textarea {
    padding-top: 19px !important;
}

/*Formularios datalist Progic*/

._form_491 {
    min-width: 40%;
}
 
._form-content ._form_element select,
._form-content ._form_element input,
._form-content ._form_element textarea { 
    border: 1px solid #c0c9d8 !important;
    border-radius: 5px;
}

._form-content ._form_element input {
    line-height: 25px;
}




/*==========================================================================
  User Interface Elements
  ==========================================================================*/

/*================================
=            Lightbox            =
================================*/
.lightbox { background-color: #fdfdfd; position: fixed; z-index: 999; top: 15px; left: 50%; 
	/* box-shadow */
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.3); -ms-box-shadow: 0 2px 6px rgba(0,0,0,0.3); -o-box-shadow: 0 2px 6px rgba(0,0,0,0.3); box-shadow: 0 2px 6px rgba(0,0,0,0.3); 
	/* border-radius */
	-webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;
 }
.content-lightbox { padding: 15px; position: relative; }
.lightbox .close { width: 35px; height: 35px; background: url(/img/icon-x.png) no-repeat center center #a1a1a1; display: block; border: 3px solid #fff; position: absolute; z-index: 1; top: -10px; right: -16px; cursor: pointer;
	/* box-shadow */
	-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.325) inset; -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.325) inset; -ms-box-shadow: 2px 2px 8px rgba(0,0,0,0.325) inset; -o-box-shadow: 2px 2px 8px rgba(0,0,0,0.325) inset; box-shadow: 2px 2px 8px rgba(0,0,0,0.325) inset; 
	/* border-radius */
	-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; 
	/* transition */
	-webkit-transition:all linear 0.2s; -moz-transition:all linear 0.2s; -ms-transition:all linear 0.2s; -o-transition:all linear 0.2s; transition:all linear 0.2s; 
}
.lightbox .close:hover { background-color: #db0000; }
.overLight { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 998; background-color: #000; filter:alpha(opacity=45); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; opacity:0.45; -moz-opacity:0.45; -webkit-opacity:0.45; }
.fast-load { background: url("../img/ajax-loader-4.gif") no-repeat scroll 15px center #fff; border: 1px solid #d9d9d9; color: #799d12; display: block; font-size: 13px; height: auto; left: 50%; margin-left: -50px; padding: 18px 20px 18px 50px; position: fixed; top: 72px; width: auto; z-index: 9999;
  -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.15); -ms-box-shadow: 0 1px 5px rgba(0,0,0,0.15); -o-box-shadow: 0 1px 5px rgba(0,0,0,0.15); box-shadow: 0 1px 5px rgba(0,0,0,0.15);
}
/* Logar/Cadastrar */
.logar-register { width: 470px; margin-left: -235px; }
/* know-arrive */
.know-arrive { width: 420px; margin-left: -210px; }
/* tab-register */
.tab-register {}
.tab-register ul { overflow: hidden; display: block; border-bottom: 1px solid #efefef; }
.tab-register ul li { width: 50%; height: auto; position: relative; float: left; }
.tab-register ul li a { display: block; text-align: center; font-size: 20px; color: #c9c9c9; text-transform: uppercase; border-bottom: 4px solid transparent; line-height: 1; padding: 15px 0 13px; }
.tab-register ul li a:hover { border-color: #f0f0f0; }
.tab-register ul li.current a { border-color: #c6d98e; color: #444; }
.login-facebook {}
.login-facebook .link-face { width: 290px; height: 53px; font-size: 0; background: url(/img/btn-facebook.png) no-repeat center center; }
.login-facebook .link-face2 { width: 314px; height: 53px; font-size: 0; background: url(/img/btn-facebook2.png) no-repeat center center; }
.content-lightbox hr.our { width: 100%; height: 10px; background: url(/img/bg-our.png) no-repeat center center; margin: 30px 0 25px; }
.content-lightbox .form-login { width: 350px; height: auto; position: relative; margin: auto; }
/* menssagem de sucesso */
.content-lightbox .msn-success { background: url(/img/chekced-email.png) no-repeat center top; padding-top: 85px; margin: 30px 0; }
.content-lightbox .msn-success p { font-size: 13px; min-height: 12px; line-height: 1.35; color: #767676; }
.content-lightbox .msn-success .dials-green { color: #13c783; }
.content-lightbox .msn-success2 { background: url(/img/checked-arrow.png) no-repeat center top; padding-top: 95px; margin: 30px 0; }
.content-lightbox .msn-success2 p { font-size: 16px; min-height: 12px; line-height: 1.35; color: #999; }

/* visualização rápida */
.quickview  { width: 920px; height: auto; margin-left: -460px; }
.quickview-top { width: 100%; height: auto; padding: 20px 30px 15px; margin-bottom: 5px; position: relative; border-bottom: 1px solid #efefef; }
.quickview-top h2 { color: #444; font-size: 29px; margin-left: 5px; line-height: 1; font-weight: 300; }
.quickview-top:before { width: 315px; height: 4px; background-color: #c4d78c; content: " "; display: block; position: absolute; left: 0; bottom: 0; }
.quickview-top ul.social-media { display: block; position: relative; float: right; position: relative; top: 5px; }
.quickview-top ul.social-media li { display: block; position: relative; float: left; margin: 0 4px; }
.quickview-top ul.social-media li a { height: 20px; background-image: url(/img/icons-socials.png); position: relative; margin: 0; cursor: pointer; display:block;
	/* transition */
	-webkit-transition: all linear 0.18s; -moz-transition: all linear 0.18s; -ms-transition: all linear 0.18s; -o-transition: all linear 0.18s; transition: all linear 0.18s;
}
/* hovers */
.quickview-top ul.social-media:hover li a { opacity: 0.5; }
.quickview-top ul.social-media li a:hover { opacity: 0.99; }
.quickview-top ul.social-media li a.ic-store { width: 23px; background-position: 0 center; margin-right: 5px !important; }
.quickview-top ul.social-media li a.ic-web { width: 20px; background-position: -24px center; }
.quickview-top ul.social-media li a.ic-face { width: 20px; background-position: -44px center; }
.quickview-top ul.social-media li a.ic-twitter { width: 20px; background-position: -63px center; }
.quickview-top ul.social-media li a.ic-insta { width: 20px; background-position: -82px center; }
.quickview-top ul.social-media li a.ic-pin { width: 20px; background-position: -101px center; }
.quickview-top ul.social-media li a.ic-gplus { width: 20px; background-position: -120px center; }
.quickview-top ul.social-media li a.ic-you { width: 20px; background-position: -140px center; }

/* quickview-content */
.quickview-content { position: relative; padding: 5px 30px; }
.quickview-content ul.featured-gallery { text-align: center; }
.quickview-content ul.featured-gallery li { width: 30%; height: auto; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; margin-left: 0.5%; }
.quickview-content ul.featured-gallery li:first-child { margin-left: 0; }
.quickview-content ul.featured-gallery li figure { width: 100%; overflow: hidden; position: relative; }
.quickview-content ul.featured-gallery li figure img { display: block; width: 100%; }
.quickview-content ul.featured-gallery li figure .lb-feat { width: 100%; height: auto; text-align: center; padding: 7px; position: absolute; left: 0; bottom: -50px; background-color: #d2e39f; 
	/* transition */
	-webkit-transition: all linear 0.18s; -moz-transition: all linear 0.18s; -ms-transition: all linear 0.18s; -o-transition: all linear 0.18s; transition: all linear 0.18s;
}
.quickview-content ul.featured-gallery li figure .lb-feat p { font-size: 14px; color: #282828; line-height: 1; }
.quickview-content ul.featured-gallery li figure .lb-feat strong { font-size: 18px; }
/* animate */
.quickview-content ul.featured-gallery li:hover figure .lb-feat { bottom: 0; }
/* Comment */
.featured-gallery-small { position: relative; margin-top: 5px; margin-bottom: 15px; }
.featured-gallery-small li { width: 14%; height: auto; position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-left: 0.05%; overflow: hidden; }
.featured-gallery-small li:first-child { margin-left: 0; }
.featured-gallery-small li img { width: 100%; height: auto; display: block; position: relative; }
.featured-gallery-small li .lb-feat { width: 100%; height: auto; color: #282828; display: block; background-color: #d2e39f; font-size: 11px; text-align: center; padding: 4px 0; position: absolute; left: 0; bottom: -30px; 
	/* transition */
	-webkit-transition: all linear 0.18s; -moz-transition: all linear 0.18s; -ms-transition: all linear 0.18s; -o-transition: all linear 0.18s; transition: all linear 0.18s;
}
.featured-gallery-small li:hover .lb-feat { bottom: 0; }
.quickview-content {}
.quickview-content h3 { color: #7c972d; font-size: 16px; font-weight: 600; margin-bottom: 10px; }
.quickview-content p { color: #787878; font-size: 13px; line-height: 1.2; min-height: 12px; } 
.quickview-content .about { width: 35%; display: block; position: relative; float: left; }
.quickview-content .location { width: 32%; display: block; position: relative; float: left; margin-left: 3%; margin-bottom: 7px; }
.quickview-content .location p { font-weight: 400; color: #444; padding-left: 30px;display: block; margin: 0 0 5px;  }
.quickview-content .location strong { font-size: 16px; font-weight: 400; }
.quickview-content .location .ende { background: url(/img/marker1.png) no-repeat 3px center; }
.quickview-content .location .tel { background: url(/img/iconTel.png) no-repeat left center; font-size: 18px; }
.quickview-content .location .whats { background: url(/img/iconWhats.png) no-repeat left center; font-size: 18px; }
.quickview-content .bxtree { width: 27%; height: auto; display: block; position: relative; float: left; margin-left: 3%; }
.quickview-content .bxtree ul { overflow: hidden; margin: 5px 0 10px; }
.quickview-content .bxtree ul li { width: 50%; height: auto; border-left: 1px solid #d4d4d4; display: block; float: left; position: relative; }
.quickview-content .bxtree ul li .heart { background: url(/img/icon-heart2.png) no-repeat left center; font-size: 28px; color: #6b983e; margin-left: 20px; padding-left: 30px }
.quickview-content .bxtree ul li:first-child { border-left: 0 none; }
.quickview-content .bxtree .mvc-vistor { font-size: 30px; color: #6b983e; padding-right: 4px; }
.quickview-content .bxtree .mvc-label { color: #828282; font-size: 11px; line-height: 0.95; }
.quickview-content .visit-store { background-color: #d2e39f; color: #4c523b; text-transform: uppercase; display: block; font-size: 22px; font-weight: 600; padding: 15px; text-align: center;
	/* transition */
	-webkit-transition: all linear 0.18s; -moz-transition: all linear 0.18s; -ms-transition: all linear 0.18s; -o-transition: all linear 0.18s; transition: all linear 0.18s;
	/* border-radius */
	-webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px;
}
.quickview-content .visit-store:hover { background-color: #b4c67d; color: #fff; }
/* visualizacao rapida do produto */
.rapid-product { width: 840px; height: auto; margin-left: -420px; }
.rapid-product-left { width: 460px; height: auto; position: relative; padding: 30px; }
.rapid-product-left figure { display: block; width: 100%; height: auto; min-height: 356px; position: relative; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.rapid-product-left figure img { display: block; width: 100%; height: auto; }
.rapid-product-left ul { overflow: hidden; margin: 10px 0 0; display: block; position: relative; }
.rapid-product-left ul li { width: 18.5%; margin-left: 1.75%; display: block; float: left; }
.rapid-product-left ul li:first-child { margin-left: 0; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.rapid-product-left ul li img { width: 100%; height: auto; position: relative; }
.rapid-product-right { width: 380px; height: auto; position: relative; }
.rapid-product-right .name-product-rapid { border-bottom: 4px solid #cde093; position: relative; padding: 25px 30px 10px 0; margin-bottom: 15px; }
.rapid-product-right .name-product-rapid h2 { font-size: 27px; font-weight: bold; color: #2a2a2a; line-height: 1.2; }
.rapid-product-right .name-product-rapid small { color: #6e6e6e; font-size: 12px; display: block; line-height: 1; padding-left: 2px; }
.rapid-product-right .name-product-rapid ul { display: block; position: relative; margin-top: 3px; }
.rapid-product-right .name-product-rapid ul li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-right: 10px; }
.rapid-product-right .brief-description { position: relative; padding-bottom: 10px; padding-right: 20px; }
.rapid-product-right .brief-description p { color: #787878; font-size: 12px; line-height: 1.295;  }

.rapid-product-right .attributes { width: 42%; height: auto; position: relative; }
.rapid-product-right .attributes p { font-size: 16px; color: #444; margin: 4px 0; }
.rapid-product-right .attributes strong { font-weight: 600; }
.rapid-product-right .attributes .attr-size { position: relative; padding: 7px 0; }
.rapid-product-right .attributes .attr-size ul { }
.rapid-product-right .attributes .attr-size ul li { display: block; position: relative; float: left; margin-right: 7px; }
.rapid-product-right .attributes .attr-size ul li a { color: #888; font-size: 12px; font-weight: 600; display: block; position: relative; padding: 5px 7px; line-height: 1; border: 1px solid #888; }
.rapid-product-right .attributes .attr-size ul li a.active { border-color: #fff; color: #fff; background-color: #464646;
	/* box shadow */
	-webkit-box-shadow: 0 1px 1px #bbb; -moz-box-shadow: 0 1px 1px #bbb; -ms-box-shadow: 0 1px 1px #bbb; -o-box-shadow: 0 1px 1px #bbb; box-shadow: 0 1px 1px #bbb;
}
.rapid-product-right .attributes .attr-size ul li a.sold-out { cursor: default; opacity: 0.55; }
.rapid-product-right .attributes .attr-size ul li a.sold-out::before { width: 11px; height: 11px; content: " "; display: block; position: absolute; top: -4px; right: -4px; background: url(/img/icon-sold-out.png) no-repeat center center; }
.rapid-product-right .attributes .attr-size .box-select { display: block; margin-right: 10px; height: auto; border: 1px solid #ddd; padding: 5px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; 
}
.rapid-product-right .attributes .attr-size .box-select select { font-size: 11px; color: #666; display: block; width: 100%; }
.rapid-product-right .attributes .attr-colors { position: relative;	padding: 7px 0; }
.rapid-product-right .attributes .attr-colors ul {}
.rapid-product-right .attributes .attr-colors ul li { display: block; float: left; margin-right: 5px; margin-bottom: 5px; }
.rapid-product-right .attributes .attr-colors ul li a { width: 20px; height: 20px; display: block; position: relative; border: 1px solid #fff;
	/* box shadown */
	-webkit-box-shadow: 0 0 1px #bbb; -moz-box-shadow: 0 0 1px #bbb; -ms-box-shadow: 0 0 1px #bbb; -o-box-shadow: 0 0 1px #bbb; box-shadow: 0 0 1px #bbb; 
}
.rapid-product-right .attributes .attr-colors ul li a.sold-out { cursor: default; opacity: 0.55; }
.rapid-product-right .attributes .attr-colors ul li a.sold-out::before { width: 11px; height: 11px; content: " "; display: block; position: absolute; top: -4px; right: -4px; background: url(/img/icon-sold-out.png) no-repeat center center; }
.rapid-product-right .values { width: 58%; position: relative; padding: 7px 20px 7px 0; }
.rapid-product-right .values h3 { font-size: 16px; color: #444; margin: 4px 0; font-weight: 600; }
.rapid-product-right .values p { font-size: 15px; }
.rapid-product-right .values span.small { color: #adadad; font-size: 80%; }
.rapid-product-right .values .de { line-height: 1; }
.rapid-product-right .values .de strong { font-size: 22px; padding-left: 5px; }
.rapid-product-right .values .por { line-height: 1; }
.rapid-product-right .values .por strong { font-size: 28px; padding-left: 4px; color: #f90101; }
.rapid-product-right .values .ate { font-size: 14px; color: #333; padding: 8px 5px; }
.rapid-product-right .values .ate .green { color: #78961d; font-size: 17px; padding-left: 5px; }
.rapid-product-right .values .ate p { line-height: 1; }
.rapid-product-right .values .ate small { color: #888; }
/* butons */
.rapid-product-right .buttons { position: relative; margin: 25px 0 15px; padding-right: 30px; }
.rapid-product-right .buttons .btn-detail { min-width: 100%; position: relative; text-align: center; color: #606060; font-size: 16px; font-weight: bold; background-color: #c8c8c8; padding: 11px 28px; margin: 5px 0;
	/* border-radius */
	-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
	background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.15));
}
.rapid-product-right .buttons .buy { min-width: 100%; position: relative; color: #fff; text-align: center; font-size: 22px; font-weight: bold; background-color: #1e75cb; padding: 10px 28px; margin: 5px 0;
	/* border-radius */
	-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
	background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.3));
}
.rapid-product-right .buttons .buy:hover { background-color: #2a82da; 
	background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.4));
}
.rapid-product-right .buttons .buy img { margin-right: 7px; }
.rapid-product-right .buttons .ajax-load { margin-left: 15px; }
.rapid-product-right .buttons .sold-out { min-width: 100%; position: relative; color: #767676; text-align: center; font-size: 22px; font-weight: bold; background-color: #ddd; padding: 10px 28px; margin: 5px 0; cursor: default;
	/* border-radius */
	-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
	background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.3));
}

/*-----  End of Lightbox  ------*/

/*==================================
=            newsletter            =
==================================*/
.main-newsletter { width: 100%; min-width: 1000px; height: auto; position: relative; margin: 50px 0; }
.main-newsletter .box-newsletter { width: 420px; height: auto; margin: 0 auto; background-color: #f6f6f6; border: 1px solid #eee; border-left: 15px solid #e2f0b8; position: relative; padding: 20px;
	-webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;
}
.main-newsletter .box-newsletter h2 { color: #e61717; font-size: 21px; background: url(/img/icon-email.png) no-repeat left center; padding: 0px 0 2px 34px; margin-bottom: 2px; }
.main-newsletter .input-newsletter { border:1px solid #c8c8c8; font-size:14px; font-family: 'Source Sans Pro'; height:auto; line-height:1.2; margin: 5px 0; padding:8px 10px; width:100%; color: #767676; background-color: #fff; overflow: hidden; position: relative;
		/* border-radius */
		-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
		/* box-shadows */
		-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; -moz-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; -ms-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; -o-box-shadow: 0 0 6px rgba(0,0,0,0.18) inset; box-shadow: 0 0 6px rgba(0,0,0,0.18) inset;
	}
.main-newsletter .box-newsletter-shadow { width: 803px; height: 26px; display: block; position: absolute; margin-left: -402px; left: 50%; bottom: -8px; background: url(/img/shadow-box-news.png) no-repeat center bottom; }
.main-newsletter .close-newsletter { width: 11px; height: 11px; display: block; cursor: pointer; background: url(/img/icon-close-newsletter.png) no-repeat center center; cursor: pointer; position: absolute; right: 11px; top: 11px; }
.main-newsletter .input-newsletter input { color: #666; font-size: 12px; text-align: left; width: 100%; height: auto; position: relative; padding-right: 80px; }
.main-newsletter .input-newsletter .btn-newsletter { background-color: #e2f0b8; color: #707d0c; font-size: 13px; position: absolute; top: 0; right: 0; display: block; text-align: center; padding: 8px 20px 9px; }
.main-newsletter .input-newsletter .btn-newsletter:hover { background-color: #839215; color: #fff; }
.main-newsletter .input-newsletter .news-load { background: url(/img/ajax-loader-3.gif) no-repeat center center #e9e9e9; display: block; width: 80px; height: 33px; position: absolute; top: 0; right: 0; }
.main-newsletter .msn-news-sucess { background: url(/img/icon-check.png) no-repeat 8px center #4abf1c; display: block; color: #fff; font-size: 12px; font-weight: bold; padding: 9px 32px 7px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.main-newsletter .input-newsletter-error { border-color: #f2b3bb; }
.main-newsletter .input-newsletter-error input { color: red; }


/*-----  End of newsletter  ------*/


/*==================================
=            Pagination            =
==================================*/
	/* migalhas */
	.crumbs { position: relative; padding: 20px 5px 15px; margin-bottom: 5px; }
	.crumbs p { font-size: 13px; }
	.crumbs strong { font-weight: 600; color: #2a2a2a; padding-right: 15px; }
	.crumbs a { color: #a6a6a6; background: url(/img/arrow-crumbs.png) no-repeat left center; padding: 0 7px 0 12px; line-height: 1;
		/* transition */
		-webkit-transition: all linear 0.18s; -moz-transition: all linear 0.18s; -ms-transition: all linear 0.18s; -o-transition: all linear 0.18s; transition: all linear 0.18s; 
	}
	.crumbs a:hover { color: #666; }
	/* active migalhas */
	.crumbs a.active { color: #708630; }
	
	.pag {  }

	/* load pagination */
	.load-pagination { background: url("../img/ajax-loader-4.gif") no-repeat scroll 15px center #fff; border: 1px solid #d9d9d9; color: #799d12; display: block; font-size: 13px; height: auto; left: 50%; margin-left: -50px; padding: 18px 20px 18px 50px; position: absolute; top: 72px; width: auto; z-index: 30;
    -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; 
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.15); -ms-box-shadow: 0 1px 5px rgba(0,0,0,0.15); -o-box-shadow: 0 1px 5px rgba(0,0,0,0.15); box-shadow: 0 1px 5px rgba(0,0,0,0.15); 
  }
  .listing-products .load-pagination { top: 0; }
	.load-picture { width: 38px; height: 38px; background: url("../img/ajax-loader.gif") no-repeat center center #fff; display: block; position: absolute; left: 50%; top: 50%; margin: -19px 0 0 -19px; 
		-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
		-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); 
	}
	/* not-found */
	.not-found { width: auto; height: auto; min-height: 420px; display: block; position: relative; background: url(/img/icon-angry.png) no-repeat center top; text-align: center; padding-top: 142px; margin: 50px 0; }
	.not-found p { font-size: 15px; color: #aaa; }
	
	/* alert-lightbox */
	.alert-lightbox { color: #fff; font-size: 12px; font-weight: 600; background-color:#c62525; border: 1px solid #c21212; position: absolute; padding: 5px 15px;
		-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
	} 
	.alert-lightbox::before { border-bottom: 6px solid transparent; border-right: 6px solid #c62525; border-top: 6px solid transparent; content: " "; display: block; left: -7px; position: absolute; top: 6px; }

/*-----  End of Pagination  ------*/

/*=======================================
=            Buttons / Links            =
=======================================*/
/* buttons social */
.favorite { border: 1px solid #ccc; color: #464646; background-color: #eee; background-image: linear-gradient(#fff,#dedede); font-size: 12px; font-weight: 600; color: #3c3c3c; line-height: 1; padding: 3px 5px; display: block; position: relative;
	/* border-radius */
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; 
}
.favorite .icon-hurt { width: 11px; height: 10px; background: url(/img/icon-hurt.png) no-repeat center center; margin-right: 3px; }
.favorite:hover { color: #db3f03; background-image: linear-gradient(#fff,#d0d0d0); }
.favorite .count-o { min-width: 30px; height: auto; padding: 4px 0; text-align: center; position: absolute; top: 0; right: -40px; background-color: #fff; border: 1px solid #ccc; 
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; 
}
.favorite .count-o .count-n { display: block; font-size: 11px; color: #999; font-weight: 300; text-align: center; }
.favorite .count-o i { position: absolute; left: -5px; top: 50%; border-bottom: 5px solid transparent; border-right: 5px solid #ccc; border-top: 5px solid transparent; content: ""; display: inline-block; height: 0; margin-top: -6px; vertical-align: middle; width: 0; }
.favorite .count-o i.white { border-right: 5px solid #fff; left: -3px; }

/* favoritado */
.favorite-on { background-image: none !important; color: #999 !important; }
.favorite-on .icon-hurt { background: url(/img/icon-hurt-off.png) no-repeat center center !important; }
.load-cep { width: 16px; height: 11px; display: block; position: absolute; right: 0; top: 0; background: url(/img/ajax-loader-2.gif) no-repeat center center; }


/*-----  End of Buttons / Links  ------*/

/*=========================================
=            crop photo system            =
=========================================*/
.upload-popup-crop { width:960px; margin-left: -480px; }
.stage-img { display:inline-block; vertical-align:top; width:696px; height:364px; background-color:#CCC; overflow:hidden; 
	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; 
}
.side-preview { width:220px; height: auto; display:inline-block; *display:inline; *zoom: 1; margin-left: 10px; }
.side-preview label, .side-preview input[type="checkbox"] { cursor: pointer; }
.side-preview label { font-size: 11px; color: #565656; padding-left: 3px; }
._uploadfoto-preview { width:220px; height:220px; background-color:#DDD; overflow:hidden; margin-bottom: 7px; 
	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; 
}
.radius-preview { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.upload-popup .btn-save { font-size:15px; }
.footer-preview { position: relative; width: 100%; margin: 10px 0 5px; }
.footer-preview *[class*="btn-"] { width: 125px; height: 34px; color: #fff; font-weight: 600; font-size: 12px; padding: 9px 20px 8px; position: relative; left: 0; text-transform: uppercase;
		/* border-radius */
		-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
	}
.footer-preview .btn-blue { background-color: #4576d0; border: 1px solid #355fac; border-bottom: 3px solid #355fac; }
.footer-preview .load { margin-left: 10px; }


/*-----  End of crop photo system  ------*/


.tooltip { width: 18px; height: 19px; display: block; position:absolute; right: 10px; top: 10px; cursor:help; background: url(/img/img-question.png); }
.tooltip:hover { z-index:25; }
.tooltip span { min-width: 150px; display: none; }
.tooltip span::before { content: " "; display: block; width: 0; height: 0; position: absolute; left: 50%; bottom: -6px; margin-left: -5px;
	border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #617b06;
}
.tooltip:hover span{ display:block; position:absolute; bottom: 28px; left:50%; margin-left: -75px; font-size: 11px; line-height: 1; font-weight: 300; color: #fff; padding:7px; background:#617b06; 
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
}