/*	
Theme Name: Humanii V1
Author: César Schrega
Author URI: http://vb2d.com/
*/

/*############
		NORMALIZE
#############*/

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;  
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

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

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

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

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

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

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}


/* ==========================================================================
   Clear link style
   ========================================================================== */
   
a {
   text-decoration:none;
   color: inherit;
 }
 
 .clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix-before:before {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
.clearfix-before { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
* html .clearfix-before { height: 1%; }
.clearfix-before{ display: block; }
/* close commented backslash hack */


/* ==========================================================================
	Mine
	==========================================================================*/


input,
select,
textarea,
button,
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
	resize: none;
	border-radius: 0; /*ios*/
	-webkit-appearance: none; /*ios*/
}

/* ==============================
	Sizing Geral
	==============================*/
	
body, body * {
	box-sizing: border-box;
}

/* ==============================
	Center Vertical
	==============================*/
.center::before {
	content:""; display:inline-block; width:0; height:100%; 
	vertical-align:middle;
}
.center > :first-child {
	display:inline-block; vertical-align:middle;
}

/* ==============================
	Variações de renderização de fonte
	==============================*/
	
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* ==============================
	Elementos de Texto
	==============================*/

	h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin:0;
	padding:0;
}
p { 
	margin:0;
}

em {
	font-style: normal;
}

address { 
	font-style:normal;
}
li {
    list-style: none;
    list-style-image: none;
}

ul , ol{
    margin:0;
	padding:0;
}

/*############
	STYLING START
#############*/

html, body { 
	font-size:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	line-height:1.6;
	color:#3C3C3C;  
	background:#F1F0F0;
}
html, body.altfonts { 
	font-weight:400;
}

body>.content {
	min-height:100%;

}
body>* {
    touch-action: manipulation;
}
section {position:relative}
/*grid*/

.grid { 
	width: 100%; 
	max-width:152rem;
	margin:0 auto;
	position:relative;
	text-align:center;
	font-size:0;
	overflow:hidden;
	/*background:rgba(255,0,0,.2)*/
}
.grid_100 { 
	max-width:100%;
}
.grid_alt { 
	max-width:120rem
}

.coll {
	max-width:100%;
	position:relative;
	display:inline-block;
	min-height:0.1rem; 
	vertical-align:top; 
}
.ofv{overflow:visible}
.reindex {position:relative; z-index:2}
.coll_15 { width:15%; }
.coll_20 { width:20%; }
.coll_25 { width:25%; }
.coll_33 { width:33.33%; }
.coll_34 { width:34%; }
.coll_40 { width:40%; }
.coll_50 { width:50%; }
.coll_55{ width:55%; }
.coll_60 { width:60%; }
.coll_100 { width:100%; }
.coll100 { width:100rem; }
.coll246 { width:24.6rem; }

.fr { float:right; }
.fl { float:left; }

.mg, .mg-left { 
	padding-left:2rem;
}

.mg, .mg-right { 
	padding-right:2rem;
}
.mgXL, .mgXL-left { 
	padding-left:4rem;
}

.mgXL, .mgXL-right { 
	padding-right:4rem;
} 

.mgEXL, .mgEXL-left { 
	padding-left:14rem; 
}

.mgEXL, .mgEXL-right { 
	padding-right:14rem;
} 

.mgng, .mgng-left { 
	margin-left:-2rem;
	width: auto !important
}

.mgng, .mgng-right { 
	margin-right:-2rem;
}


.ptXS { padding-top:2rem}

.ptS { padding-top:3.2rem}
.pbS { padding-bottom:3.2rem}
.pbM { padding-bottom:5.4rem}
.ptM { padding-top:5.4rem}
.ptL { padding-top:7rem}
.pbL { padding-bottom:7rem}


/*******
	TYPE
	******/

.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.coll {
	text-align:center;
	font-size: 1.6rem;
}

.tl { text-align: left } .tc { text-align: center } .tr { text-align: right }
.txtSL { display:none; } .txtR { display:inline; }
.txtw { color:white }
.txtw ul li:before {  background:white }
.txty { color:#AC8200 }
.txty ul li:before {  background:#AC8200 }
.txtb { color:#5B979D }
body.altfonts .txtb { color:#4A7B80 }
.txtb ul li:before {  background:#5B979D }
h1.main {
	font-size: 2.4rem;
	font-family: 'primeregular';
	text-transform: uppercase;
	position:relative;
	padding-bottom:.5rem;
	margin-bottom:7rem;
	text-align:left;
	line-height:1.2
}
h1.main:after {
	content:""; display:block;
	width:2.8rem; height: .8rem;
	position:absolute; bottom:-.4rem; left:0;
	border-radius:.2rem;
}
h1.main.white {
	color:white;
}
h1.main.white:after {
	background-color:white; 
}
h1.main.purple {
	color:#702283;
}
h1.main.purple:after {
	background-color:#702283;
} 
h1.main.liteblue {
		color:#7EC5CE;
}
h1.main.liteblue:after {
	background-color:#7EC5CE;
}
h1.main.red {
		color:#E84E0F;
}
h1.main.red:after {
	background-color:#E84E0F;
}
h1.main.oj {
		color:#E84E0F;
}
h1.main.oj:after {
	background-color:#E84E0F;
}
h2.main {
	position:relative;
	background-color:white;
	font-size:2.2rem;
	font-family: 'primeregular';
	color:#702C91;
	display:inline-block;
	padding: .4rem 1.4rem .4rem 0;
	border-top-right-radius:.4rem;
	border-bottom-right-radius:.4rem;
}

h2.main:after {
	content:""; display:block;
	position:absolute; top:0; right:calc(100% - .1rem); bottom:0;
	width:30rem;
	background:white;
}

.base-large p {
	font-size:1.8rem;
} 

p {
	margin-bottom:1.2em
}

p:last-child {
	margin-bottom:0
}
ol , ul {
    padding-left: 0;
	margin-bottom:1.2em; 
}
ol li, ul li {
	list-style-type: decimal;
     margin-left: 1.6rem;
	 margin-bottom:.4em;
	position:relative;
}
ul li {
	list-style-type: none;
}
ul li:before { 
	content:""; display:block;
	position:absolute; top:.7em; left:-1.6rem;
	width:.4em; height:3px;
	border-radius:.2rem;	
}
/*******
BG Colors
	******/
	
.bgb {
	background-color: #7EC5CE;
}	
.bgy {
	background-color: #FCC000;
}
.bgya {
	background-color: #FCC000;
}
.bgld {
	background:#F1F0F0
}
.bgdg {
	background:#5B5A62
}
.bgmg {
	background:#ADADAD
}
.bgoj {
	background:#E84E0F
}
.bgDoj {
	background:#C54409
}
.bgw {
	background:white
}
/*buttons*/
    
.linkic {
	font-weight: 400; position:relative;
	padding-left:2.2rem;
	display:inline-block;
} 
.linkic i {
	position:absolute;
	left:0; top:50%;
	transform:translateY(-50%)
}
.linkic i:nth-child(2) {
	opacity:0;
	transition: all 150ms ease-out;
	
}
.linkic:hover {
}
.linkic:hover i:nth-child(2) {
	opacity:1;
}
.linkic.plusprime i {
	font-size:5rem; 
	font-family: 'primeregular';
	font-style:normal;
} 
.linkic.plusprime:hover i {
	transform:translateY(-50%) scale(1.12)
} 
.linkic.tag  {
	padding-left:2.2rem
} 
.linkic.tag span {
	display:inline-block; width:2rem; height:2rem;
	position:absolute;
	top:50%; left:0;
	transform:translateY(-50%);
	background:url(../images/icon-tag.svg) center center   / 100% auto no-repeat; 
} 
.linkic.tag span:nth-child(2) {
	background-image:url(../images/icon-tag-filled.svg); 
	opacity:0;
} 
.linkic.tag:hover span:nth-child(1){
	opacity:0;
	transition: all 150ms ease-out;
} 
.linkic.tag:hover span:nth-child(2){
	opacity:1;
	transition: all 150ms ease-out;
} 

.button {
	position: relative;
	display: inline-block;
	background:transparent;
	border:1px solid;	
	border-bottom-right-radius:.6rem;
	font-family: 'primeregular';
	font-size:1.6rem;
	padding: 0rem 4rem 0rem 1.6rem;
	transition: all 80ms ease-out;
}

.button>span {
	position:relative; z-index:1; 
     display: inline-block;
	transition: all 100ms ease-out;
}
	
.button:after {
	position: absolute;
	content: ""; display: block;
	border-bottom-right-radius:.4rem;
	width:2.8rem; height:100%;
	top:0; right:0;
	transition: all 120ms ease-out;
}


.button:before {
	position: absolute;
    content: "+";
    display: block;
    z-index: 1;
    top: -3rem;
    right: .4rem;
    font-size: 5.6rem;
	transition: all 100ms ease-out; 
}

.button:hover:after {
	width:100%;
}

.button:hover:before {
	transform:translateX(-.4rem)
}

.button:hover span {
	transform:translateX(.4rem) 
}

/*button collors*/
.button.white-oj { border-color: white; background:#E84E0F; color:white} 
.button.white-oj:after { background:white; }
.button.white-oj:before { color:#E84E0F  }
.button.white-oj:hover { color:#E84E0F }
.button.oj-white { border-color: #E84E0F; background:white; color:#E84E0F } 
.button.oj-white:after { background:#E84E0F; }
.button.oj-white:before { color:white  }
.button.oj-white:hover { color:white }

.button.white-blue { border-color: white; background:#7EC5CE; color:white} 
.button.white-blue:after { background:white; }
.button.white-blue:before { color:#7EC5CE  }
.button.white-blue:hover { color:#7EC5CE }

.button.blue-white { border-color: #7EC5CE; background:white; color:#7EC5CE } 
.button.blue-white:after { background:#7EC5CE; }
.button.blue-white:before { color:white  }
.button.blue-white:hover { color:white }

.button.white-purple { border-color: white; background:#733687; color:white} 
.button.white-purple:after { background:white; }
.button.white-purple:before { color:#733687  }
.button.white-purple:hover { color:#733687 }

.button.purple-white { border-color: #733687; background:white; color:#733687 } 
.button.purple-white:after { background:#733687; }
.button.purple-white:before { color:white  }
.button.purple-white:hover { color:white }




.button-sp {
	display:inline-block; position: relative; 
	font-size:1.8rem; 	
	font-family: 'primeregular';
	padding: .9rem  1.6rem .7rem;
	border-radius: .6rem;
	overflow:hidden;
	transition: all 80ms ease-out;
	border:1px solid;
	cursor:pointer;
	transition: all 180ms ease-out;
}



.button-sp.pw {
	background:#702381; color:white;  border-color:#702381
}
.button-sp.pw:hover {
	background:#ADADAD; color:#702381;  border-color:#702381
}
.button-lg {
	display:inline-block; position: relative;
	font-size:1.8rem; 	
	font-family: 'primeregular';
	padding: .9rem 1.9rem .7rem 6rem;
	border-radius: .6rem;
	overflow:hidden;
	transition: all 80ms ease-out;
	cursor:pointer;
}

.button-lg.icplus:after{
	display:block; position: absolute; content:"+";
    top: 50%;
    transform: translateY(-48.6%);
    left: 1.2rem;
	font-size:8rem; 	
	font-family: 'primeregular';
	transition: all 100ms ease-out;
}

.button-lg span {
	position:relative; z-index: 1; right:0;
	transition: all 120ms ease-out; 
}
.button-lg svg:first-child {
	position: absolute; top:50%; transform: translateY(-50%); z-index: 0;
	left: -23.2rem;
	width: 28.5rem; height: auto;
	transition: all 120ms ease-out;
}

.button-lg.iclist svg:nth-child(2), .button-lg svg:nth-child(3) {
	display:block; position: absolute; content:"+";
    top: 50%;
    transform: translateY(-48.6%);
    left: .9rem;
    width:2.6rem; height:auto;
	font-size:8rem; 	
	transition: all 100ms ease-out;
	opacity:1;
}


.button-lg svg:nth-child(3) {
	opacity:0;
}

.button-lg.enviado svg:nth-child(2) { 
	opacity:0;
}
.button-lg.enviado svg:nth-child(3) {
	opacity:1;
}
.button-lg:hover span, .button-lg.hovered span {
	right:.8rem
}

.button-lg:hover svg, .button-lg.hovered svg {
	left: -4.6rem; 
}
.button-lg:hover:after, .button-lg:hover svg:nth-child(2), .button-lg.hovered:after, .button-lg.hovered svg:nth-child(2),
.button-lg:hover svg:nth-child(3), .button-lg.hovered svg:nth-child(3){
    left: 1.6rem;
}

.button-lg.bdrev span:nth-child(3) {
	 opacity:0;
	 transition:all 120ms ease-out;
}

.button-lg.bdrev {
	border:2px solid white;
     padding: 0rem 5.6rem 0 1.6rem;
     font-size: 2.4rem;
	 transition:all 140ms ease-out;
}
.button-lg.bdrev  svg:first-child {
     transform: translateY(-50%) rotate(180deg);
     right: -23.6rem;
	 left:auto;
	 transition:all 120ms ease-out;
}
.button-lg.bdrev:after{
     left: auto;
     right: .8rem;
	 transition:all 160ms ease-out;
}


.button-lg.bdrev:hover span, .button-lg.bdrev.hovered span {
	right:auto;
	left:2.2rem
}	

.button-lg.bdrev:hover svg, .button-lg.bdrev.hovered svg {
	left: auto; 
	right: -12.6rem;
}
.button-lg.bdrev:hover:after, .button-lg.bdrev:hover svg:nth-child(2), .button-lg.bdrev.hovered:after, .button-lg.bdrev.hovered svg:nth-child(2),
.button-lg.bdrev:hover svg:nth-child(3), .button-lg.bdrev.hovered svg:nth-child(3){
    right: 1.6rem;
}

.button-lg.bdrev:hover span:nth-child(2) {
	 opacity:0;
}
.button-lg.bdrev:hover span:nth-child(3) {
	 opacity:1;
}









/* button lg colors */
.button-lg.oj-white { color:white; background:#E84E0F; }
.button-lg.oj-white:after{ color:#E84E0F; }
.button-lg.oj-white svg:first-child path { fill:white; }
.button-lg.oj-white:hover { color:#E84E0F }


.button-lg.wpy { color:white; background:#702283; }
.button-lg.wpy svg path { fill:#702283; fill:white }
.button-lg.wpy svg:nth-child(2) path, .button-lg.wpy svg:nth-child(2) rect, .button-lg.wpy.icplus:after { fill:#702283; color:#702283; }
.button-lg.wpy:hover { color:#702283 }


.button-lg.lb { color:white; background:#7EC5CE; }
.button-lg.lb svg path { fill:#7EC5CE; fill:white }
.button-lg.lb svg:nth-child(2) path, .button-lg.lb svg:nth-child(2) rect , .button-lg.lb.icplus:after { fill:#7EC5CE; color:#7EC5CE; }
.button-lg.lb:hover { color:#7EC5CE }


.button-lg.wdg { color:white; background:#5B5A62; }
.button-lg.wdg svg path { fill:#5B5A62; fill:white }
.button-lg.wdg svg:nth-child(2) path, .button-lg.lb svg:nth-child(2) rect, .button-lg.wdg svg:nth-child(3) path, .button-lg.lb svg:nth-child(3) rect{ fill:#5B5A62; }
.button-lg.wdg:hover, .button-lg.wdg.hovered { color:#5B5A62 }


.button-lg.wty { color:white; background:#FBBA00; }
.button-lg.wty:after { color:#FBBA00; }
.button-lg.wty svg path { fill:#5B5A62; fill:white }
.button-lg.wty svg:nth-child(2) path, .button-lg.wty svg:nth-child(2) rect, .button-lg.wty svg:nth-child(3) path, .button-lg.wty svg:nth-child(3) rect{ fill:#FBBA00; }


.simple-comma {
	padding-top: .4rem;
	padding-bottom: .4rem;
	margin-bottom:0;
}

.simple-comma li {
	display: inline-block;
	margin-bottom:0;
	margin-left:0;
	margin-right:1rem;
	
}
.simple-comma li a:hover { 
	text-decoration: underline;
}
/**
	INPUTS
			**/

.input {
	position:relative;
	font-size: 1.8rem;
	font-weight:300;
	display:inline-block;
	width:100%;
}


body.altfonts .input  { 
	font-weight:400;
}

.input span {
	position:absolute;
	top:1.4rem; left:0; 
	transition:all 180ms ease-in-out;
	pointer-events: none;
}

input, textarea, .f-input {
	border:none;
	border-bottom:1px solid white;
	width:100%; 
	background:transparent;
	margin-bottom:2rem;
	padding: 2.6rem 0;
	height:7.4rem;
	transition:all 250ms ease-in-out;
	transition:border-radius 250ms ease-in-out;
    overflow: hidden !important;
    padding: 1.4rem 0 .6rem;
    height: 4.8rem;
	color:white;
	font-weight:500;
	cursor:pointer;
}
input:-webkit-autofill , input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 100px #702283 inset !important;
}
input:-webkit-autofill {
    -webkit-text-fill-color: white;
}
textarea {
	transition:height 0ms;
	padding-top:0;
	margin-top:1.6rem !important;
    min-height: 0rem;
    height: 3.6rem;
}
.input.valued span {
	font-size:1.6rem; font-weight:700;
	top:-.4rem
}
.input.focus span {
	color:white
}
.input.focus input, .input.focus textarea {
	border-bottom:2px solid white;
}

.input.valued span {
	font-size:1.4rem; font-weight:700;
	top:-.4rem
}


input.error, textarea.error, .error .f-input {
	border-color:#ec6842;
}
.input.error span, textarea.error span , .error .f-input  span{
	font-weight:700;
}

input.error, textarea.error, .error .f-input,  { 
	-webkit-animation: erroContato 0.6s ease-out forwards;
	animation: erroContato 0.6s ease-out forwards;
}
.error span  { 
	-webkit-animation: erroContato2 0.6s ease-out forwards;
	animation: erroContato2 0.6s ease-out forwards;
}

@-webkit-keyframes erroContato {
			 
				0% {
					border-color:#646464;
				}

				16.65% {
				-webkit-transform: translateX(1rem);
			  }

			  33.3% {
				-webkit-transform: translateX(-0.8rem);
			  }

			  49.95% {
				-webkit-transform: translateX(0.6rem);
			  }

			  66.6% {
				-webkit-transform: translateX(-0.2rem);
			  }

			  83.25% {
				-webkit-transform: translateX(0.1rem);
			  }

			  100% {
					-webkit-transform: translateX(0);
					border-color:#9F2846;
				}
			}

			@keyframes erroContato {
			 
				0% {
					border-color:#646464;
				}

				16.65% {
				transform: translateX(1rem);
				}

			  33.3% {
				transform: translateX(-0.8rem);
			  }

			  49.95% {
				transform: translateX(0.6rem);
			  }

			  66.6% {
				transform: translateX(-0.2rem);
			  }

			  83.25% {
				transform: translateX(0.1rem);
			  }

			  100% {
					transform: translateX(0);
					border-color:#9F2846;
				}
			}	
@-webkit-keyframes erroContato2 {
			 
				0% {
					color:#646464;
				}

				16.65% {
				-webkit-transform: translateX(1rem);
			  }

			  33.3% {
				-webkit-transform: translateX(-0.8rem);
			  }

			  49.95% {
				-webkit-transform: translateX(0.6rem);
			  }

			  66.6% {
				-webkit-transform: translateX(-0.2rem);
			  }

			  83.25% {
				-webkit-transform: translateX(0.1rem);
			  }

			  100% {
					-webkit-transform: translateX(0);
					color:#ec6842
				}
			}

			@keyframes erroContato2 {
			 
				0% {
					color:#646464;
				}

				16.65% {
				transform: translateX(1rem);
				}

			  33.3% {
				transform: translateX(-0.8rem);
			  }

			  49.95% {
				transform: translateX(0.6rem);
			  }

			  66.6% {
				transform: translateX(-0.2rem);
			  }

			  83.25% {
				transform: translateX(0.1rem);
			  }

			  100% {
					transform: translateX(0);
	color:#ec6842
				}
			}	
			
			
/*****
	endinputs****/
	
	section { z-index:1; }
/*******
	NAV
	******/

nav.main-navigation {
	position:fixed; top:0; left:0; right:0; z-index:9999;
	background: #5B5A62; 
	border-bottom:1px solid #5B5A62;
}
nav.main-navigation>.grid{
	overflow:visible;
}
nav.main-navigation>.grid>.coll{
	position:static
}
.nav-menu { 
	background:url(../images/nav-menu-bg2.svg) left center / auto 100% no-repeat;
    padding: 2.4rem 0 2.4rem 3rem;
	
}
.nav-menu:before {
	content:""; display: block;
	position:absolute;
	background:white;
	width:200rem; height:100%;
	left: calc(100% - 4.1rem); top:0;
	
}
.nav-menu a {
	font-size:1.4rem; font-family: 'primeregular';
	text-transform:uppercase;
	color:#3E3E3E;
	margin: 1.6rem;	
	position: relative; top:0;
    padding: 1.9rem 0;
    transition: color 150ms 100ms ease-out, top 100ms ease-out;
}
.nav-menu a:hover {
	color:white;
	top:-.2rem;
}

.nav-menu a span {
	position: relative; z-index:1
}
.nav-menu a:before {
	display:block; content: "";
	position: absolute; top:calc(100% - 1.8rem ); right:0;
	width:1.3rem; height:.8rem;
	border-radius:0.2rem;
	transition: width 100ms ease-out, top 100ms ease-out, height 140ms 100ms ease-out, right 50ms ease-out;
	z-index:0;	
}

.nav-menu a:hover:before {
    width: calc( 100% + 2rem);
    height: 43%;
    top: calc(100% - 4.2rem );
    right: -1rem;
}
.nav-menu a:nth-child(2):before {
	background:#702283;
	
}
.nav-menu a:nth-child(3):before {
	background:#E84E0F;
	
}
.nav-menu a:nth-child(4):before {
	background:#8BCED7;
	
}
.nav-menu a:nth-child(5):before {
	background:#FBBA00;
	
}
.nav-menu a:nth-child(6):before {
	background:#90A526;
	
}
.nav-menu a.home {
	position: absolute;
    display: block;
    left: 5rem; 
    top: 50%;
    font-size: 0;
    width: 8rem;
    height: 6.44rem; 
    margin: 0;
    transform: translateY( -50%);
}
.nav-menu a.home:before {
	position:absolute; display:block; right:0; top:0; bottom:0; z-index:2;
	width:800rem; height:100%;
	background:url(../images/menu-logo.svg) right center / auto 100% no-repeat;
}
.nav-menu a.home>span {
	position:absolute; display:block; right:3.6rem; top:0; bottom:0; z-index:1;
	width:47.8rem; height:100%;
	background:url(../images/logo-texture-001.svg) 20rem 0 / auto 100%;
	transition: all 1400ms ease-out;
	will-change: background-position;
}
.nav-menu a.home>span:nth-child(2) { background-image:url(../images/logo-texture-002.svg);}
.nav-menu a.home>span:nth-child(3) { background-image:url(../images/logo-texture-003.svg);}
.nav-menu a.home>span:nth-child(4) { background-image:url(../images/logo-texture-004.svg);}
/*fixed*/
#top {
	height: 62rem;
     margin-top: -7.4rem;
}
header {
	position:fixed;
	top:7.4rem; left:0; right:0;	
	height:46rem;
	overflow:hidden; z-index:0;
}
.mobile header {
	position:absolute;
}
header>.grid {
	z-index: 1;
}
header .owl-stage-outer, header .owl-stage, header .owl-item{
		height:100%; 
}
 header .owl-item.animated {
	height:100%;
	z-index:2;		
}
header .bgimg {
	position:absolute;
	top:0; left:0; right:0;	height:100%;
}
header .bgimg .img01 { 
	position:absolute; 
	top:0; left:0; right:0;	height:100%;
	background:url(../images/FemininoPoderosoMedium.jpg) center 36% / cover;
     filter: hue-rotate(0);
}
header .bgimg .img02 {
	position:absolute;
	top:0; left:0; right:0;	height:100%;
	background:url(../images/FemininoPoderosoMedium.jpg) center 36% / cover;
     filter: hue-rotate(120deg);
}
header .bgimg .img03 {
	position:absolute;
	top:0; left:0; right:0;	height:100%;
	background:url(../images/FemininoPoderosoMedium.jpg) center 36% / cover;
     filter: hue-rotate(240deg);
}
header>.grid{
	top: 50%; overflow:visible;
}
header h1 {
	position:relative;
	width:26.2rem; height:8.3rem; 
	background:url(../images/header-mktdecode-alt4.svg) right center / 36.7rem auto no-repeat;
	transition: opacity 220ms 200ms ease-out, transform 450ms ease-out;
}

header h1.hide {
    transform: translateX(-140%);
    opacity: 0;
	
}
header h1:before {
	content:"";display: block;
	position:absolute; top:0; right: calc( 100% - .1rem );
	width:40rem; height:100%; 
	background:white
}
.hamburger-wrapper {
	display:none;
}

/******
	CARDS
******/
.card {
	background:white;
	border-radius:1.2rem;
	overflow:hidden;
	font-size:0;
	position:relative;
	text-align: left;
	height:28.6rem
}
.card .coll_50 {
	height: 100%
}
.card h1 {
	font-family:primelight;
	font-size:2rem;
	font-size:1.8rem;
	margin-left:1rem;
	position:relative;
	margin-bottom:1rem;
	
	transition: all 250ms ease-out;
}
.card h1 span {
	white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
     max-width: 100%; 
    display: inline-block;
}

body.altfonts .card h1  { 
	font-family:primeregular;
	color:#636363
}
.card h1:after {
	position:absolute;
	top:.3rem; right: calc( 100% + .6rem );
	content:""; display:block;
	border-radius:3px;
	height:2.1rem; width:6rem;
	background:red;
	transition: all 250ms ease-out;
}
.card .img { 
	background-size:cover;
	background-position: center center;
	position:absolute; top:0; left:0; bottom:0; right:0;
	z-index:1;
	transition: all 250ms ease-out;
}
.card.main .img {
	background-size:cover;
	position:absolute; top:0; left:0; bottom:0; right:auto;
	width:50%;
	z-index:1;
}

.card.main>.coll_50 {
	margin-left:50%
}

.card.main .foot {
	position:absolute; bottom:0; right:0; width: 100%;
	background:#9B9B9B;
	color:white;
}

.card.main .foot .bottom {
	background:#E84E0F;
	padding-top: .9rem;
    padding-bottom: 1.4rem;
}

.card .cat {
	position:absolute;
	top:0; right:0;
	font-size:1.6rem;
	z-index:2;
	color:white;
	background:#E84E0F;
	border-bottom-left-radius:.8rem;
	padding: .2rem 1rem;
	transform: translateY(-100%);
	transition: all 250ms ease-out
}
.card .content {
	height: calc(100% - 6rem);
	position:relative; z-index:1;
	top:24.6rem;
	background:white;
	transition: all 250ms ease-out;
}

.card .whatever {
	padding-bottom:4.2rem;
	min-height:24rem
}

.card .content h1 {
	margin-left:3rem; 
     padding-top: 1rem;
    padding-bottom: .8rem;
}

.card .content h1:after {
	top:0;
	height:101%;
	right: calc( 100% + 1rem )
}

.card .content a.button {
	position: absolute;
    bottom: 2rem;
    right: 2rem;
}

.card:not(.main):hover .img {	 
	transform:scale(1.1)
}


.card:not(.main):hover .cat {
	transform: translateY(0)
}
.card:not(.main):hover .content {	
	top:6rem !important;
	padding-top:1.4rem;
}

.card:not(.main):hover .content h1 {
	padding-top:0;
	margin-left:1.4rem;
}

.card:not(.main):hover .content h1:after {
	top:.3rem; right: calc( 100% + .6rem );
	height:2.1rem; width:6rem;	
}

/**************
	CARD COLORS
	*******************/
.card.main.cat-a-empresa .foot .bottom {  background: #E84E0F; }
.card.cat-a-empresa h1:after { background:#E84E0F; }
.card.cat-a-empresa .cat {	background:#E84E0F; }

.card.main.cat-clientes .foot .bottom {  background: #7EC5CE; }
.card.cat-clientes h1:after { background:#7EC5CE; }
.card.cat-clientes .cat {	background:#7EC5CE; }

.card.main.cat-agenda .foot .bottom {  background: #733687; }
.card.cat-agenda h1:after { background:#733687; }
.card.cat-agenda .cat {	background:#733687; }


.testimonials li {
	margin:0;
}
.card-test {
	background:white;
	position:relative; z-index:2; 
	padding: 2rem 3.2rem 0;
	border-radius:1.2rem;
}
.card-test p {
	position:relative;
	margin-bottom:0;
}
.card-test p:before{
	content:'“';
	color:#702283;
	font-size:4.2rem;
	font-weight:400;
	display:inline-block;
	line-height:.2rem;
	position:absolute; top:1.4rem; 
	left:-1.8rem;
}
.card-test p:after{
	content:'”';
	color:#702283;
	font-size:4.2rem;
	font-weight:400;
	display:inline-block;
	line-height:.2rem;
	position:relative; top:1.4rem; left:.3rem ;
	margin-right:.4rem;  
}
.card-test span {
	position:relative;
    background: #FBBA00;
    display: block;
    margin: 3rem  -3.2rem -2rem;
    padding:  1rem  3.2rem 1.6rem;
    font-size: 1.4rem;
	border-radius:1.2rem;
	border-top-right-radius:0;
	border-top-left-radius:0; 
	font-weight:600;
	color:white;
}
.card-test span span {
	font-weight:400;
	margin:0; padding:0;
	display:inline;
}
.card-name {
	padding:2.4rem 0 .4rem;
	display:inline-block;
	position:relative; top: -4rem; z-index:1;	
	font-family: 'primeregular';
	vertical-align: top;
	
	/**/
}
.card-name span:nth-child(1) {
    display: inline-block; position:relative;  z-index:3; 
    color: white;
    background: #5B5A62;
    padding: 1.8rem 3.4rem .8rem;
    border-radius: 1.2rem;
    left: 0;
    bottom: -.1rem;
    font-size:1.8rem;
}

.card-name span:nth-child(2) {
    display: inline-block; position:relative; left:-.4rem; z-index:1;
    background:#FBBA00;
	border-radius:1.2rem;
	border-bottom-left-radius: 0;
	color:#5B5A62;
	padding:1.2rem 1rem .4rem 1.4rem;
}
.owl-dots {
	text-align:center;
	height:4rem; line-height:4rem;
}
.owl-dot {
	width:2.3rem; height:1.3rem; display:inline-block;
	background-color:white;
	border-radius:.2rem;
	margin: 0 .8rem;
	transition:all 240ms ease-out;
}
.owl-dot:before, .owl-dot:after {
	background-color:white;
	transition:all 240ms ease-out;

}
.owl-dot.active {
	background:#FBBA00
}
.owl-dot.active {
	position: relative;
	text-align: left;
}
.owl-dot.active:before,
.owl-dot.active:after {
	content: '';
	position: absolute;
	background-color: #FBBA00;
}
.owl-dot.active,
.owl-dot.active:before,
.owl-dot.active:after {
	width:  1.6rem;
	height: 1.6rem;
	border-top-right-radius: 30%;
}

.owl-dot.active {
	transform: rotate(30deg) skewX(-30deg) scale(1,.866) translateY(-.1rem) translateX(.3rem);}
.owl-dot.active:before {
	transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
}
.owl-dot.active:after {
	transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);

}



#testemunhos {overflow:hidden;}
#testemunhos .owl-item { opacity: 0; transform: translateY(-3rem) scale(.7); transition: all 250ms ease-out; }
#testemunhos .owl-item.active { opacity: 1; transform: scale(1);  }
#testemunhos .grid , #testemunhos .grid .grid, #testemunhos .owl-carousel .owl-stage-outer { overflow:visible }	


.agenda li {
	position:relative;
	padding: 0  20rem 0 25.8rem;
	padding:0;
	color:#702C91;
	font-size:1.6rem;
	margin:0
}
.agenda li:before {
	display:none
}
.txtw .agenda li {
	color:white
}
.agenda li .dates {
	/*position:absolute; top:0; left:0; bottom:0;*/
	float:left;
	width:25.4rem;
	font-size:1.4rem;
	margin-top:1.8rem;
	
}
.agenda li .dates span {
	display:block;
	font-weight:600;
	vertical-align: middle;
	margin-bottom:.5rem;
}    
.agenda li .dates span svg {
	vertical-align: middle;
	width:2rem; height:auto
}    
.agenda li .more {
	margin-top:4rem;
	float:right;
	font-family: 'primeregular';
}
.agenda li .content {
	margin: 3.7rem 16rem 0 25rem;
	padding: .7rem 5rem 3.7rem; 
	border-bottom: 1px solid #702C91;
}
.agenda li:last-child .content {
	border-bottom: none;
}
.agenda li .content h2 {
	font-size:2.2rem;	 
	font-family: 'primeregular';
}    
  

/******
	clientes
	**************/
	 
ul.clientes li {
	margin-bottom:2rem; 
	margin-left:0; 
	position: relative;
	font-size:0;
}
ul.clientes li span {
	display:block; position:relative;
	height:0; padding-bottom: 70%;
	background-size:27.2rem auto;
     background-size: 100% auto;
	background-position:center center;
	background-color:white;
	transition: all 160ms ease-in;
	filter: grayscale(100%);
}
ul.clientes li:hover span {
	transform:scale(1.05);
	filter: grayscale(0);
	overflow:hidden;
}
	

/******
	novidades
	**************/

#novidades {
	will-change: translate, opacity;
}
#novidades article .card {
	opacity:0; position:relative; 
	transform: translateY(20rem);
	transition: all 350ms ease-in; 
	will-change: top, opacity;
}
#novidades article .card.show {
	opacity:1;
	transform: translateY(0);
	transition: all 350ms ease-in;
}
#novidades article .card.esconder {
	opacity:0;
	transform: translateY(-10rem);
	transition: all 350ms ease-in;
}
/******
	contato footer
	**************/


.texto {
	    padding-bottom: 25rem;
}
 .texto>span {
	content:""; display: block;
    z-index: 0; 
	position: absolute;
	bottom:-3rem; left:-14rem;
	width:163.6rem; height:28.6rem;
	background:url(../images/bg2001.png) left top / 163.6rem auto;
	transition: transform 450ms ease-out;
	mix-blend-mode: hard-light;
}
 .android .texto>span {
	mix-blend-mode: initial;
}
.texto>span:nth-child(2) {
	background:url(../images/bg2002.png) left top / 163.6rem auto;
}
.texto>span:nth-child(3) {
	background:url(../images/bg2003.png) left top / 163.6rem auto;
}
.texto>span:nth-child(4) {
	background:url(../images/bg2004.png) left top / 163.6rem auto;
}
.texto>span.long {
	transition: transform 1450ms ease-out;

}
.form {	
	position:relative; 
}
.form:after {
	content:""; display: block;
	position: absolute;
    top: -36rem;
    left: -19rem;
	width:129rem; height:151.6rem;
	background:url(../images/bg2contact.svg) left top / 129rem auto no-repeat;
}

	 
	 #contato .social li:before {
		display:none;
	 }
	 #contato .social li {
		margin-left:0; padding-left:0;
	 }
	 #contato .social li  a {
		padding-left:3rem; padding-top:0
	 }
	 #contato .social li  a i {
		 font-size:1.4em;  display:inline-block;
		 transform:translateY(-54%)
	 }

/******
	page generic
	**************/
	
.page, .single,  .category, .archive.tag { padding-top:7.4rem }




/******
	BANNER MKT
	**************/ 
	
#banner {
	-webkit-animation: bgBanner 0.6s ;
	animation: bgBanner 6s  ;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
}
.bannermkt  {
	position:relative; 
	height:20rem;	
}
#banner:after  {
	content:"";display:block; position:absolute; top:calc( 100% ) ; left:0; right:0; bottom:0;
	background:blue;
	box-shadow: 0px 0px 4rem .8rem rgba(0,0,0,0.6);\
	transform:rotate(-.4geg);\
}
.bannermkt>span {
	content: ""; display:block;
	position:absolute; top:0; left:0; 
	font-size:0;
}
.bannermkt>span:nth-child(1) {
    height: 39rem;
    width: 50rem;
    top: 67%;
    background: url(../images/banner-bg-main.png) right top / 50rem auto no-repeat;
    left: 72%;
    transform: translate(-50%, -50%);
}
.bannermkt>span:nth-child(2) {
	left:-79rem;
	height:100%; width:126.8rem;
     z-index: 10;
	background: url(../images/FCK.svg) right top / 88.8rem auto no-repeat;
}
.bannermkt a>span:nth-child(3) {
	position: absolute;
    top: 0;
    left: 16px;
    RIGHT: AUTO;
	-webkit-animation: bgBannera 0.6s ;
	animation: bgBannera 6s  ;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
}

.bannermkt a {
	top:50%; transform:translateY(-50%); position:relative
}

#banner .button-lg.wty { 
	-webkit-animation: bgBanner 0.6s ;
	animation: bgBanner 6s  ;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
}

.button-lg.wty:after { 
	-webkit-animation: bgBannera 0.6s ;
	animation: bgBannera 6s  ;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
}

@keyframes bgBanner {
	0% {background-color:#8ea426;}
	10% {background-color:#FCC000;}
	30% {background-color:#FCC000;}
	40% {background-color:#E84E0F;}
	60% {background-color:#E84E0F;}
	70% {background-color:#8ea426;}
	100% {background-color:#8ea426;}
}

@keyframes bgBannera {
	0% {color:#8ea426;}
	10% {color:#FCC000;}
	30% {color:#FCC000;}
	40% {color:#E84E0F;}
	60% {color:#E84E0F;}
	70% {color:#8ea426;}
	100% {color:#8ea426;}
}
			
/******
	a empresa
	**************/
	
#a-empresa .coll>span {
    position: absolute;
    left: 98%;
    top: 0;
    bottom: 2rem;
    width: 200rem;
    background: url(../images/sgraphe-001.svg) 0 97% / auto 22rem repeat-x; 
	background-position:-20rem 97%;
     transition: background-position 950ms ease-out;
}
 
#a-empresa .coll>span:nth-child(2) { background-image:url(../images/sgraphe-002.svg);}
#a-empresa .coll>span:nth-child(3) { background-image:url(../images/sgraphe-003.svg);}
#a-empresa .coll>span:nth-child(4) { background-image:url(../images/sgraphe-004.svg);}

#a-empresa div.mask { 
    position: absolute;
    left:84%;
    top: 0;
    bottom: 0;
    width: 40rem;
    background: linear-gradient(to right, rgba(232,78,15,1) 0%,rgba(232,78,15,0) 100%);
}

.servico .bgld:after {
	content:""; display:block;
	position: absolute; top:0; bottom:0; left:calc( 100% - .2rem); 
	width:200rem;
	background:#F1F0F0;
}

.servico .bgw:after {
	content:""; display:block;
	position: absolute; top:0; bottom:0; left:calc( 100% - .2rem); 
	width:200rem;
	background:white;
}

.servico .coll100 span {
	display:block;
	width:108rem; height:22rem; 
	position:absolute; bottom:8rem; left:-80rem;
	background: url(../images/sgrapheW-001.svg) 0 50% / auto 24rem;
     transition: background-position 950ms ease-out;
	 will-change: background-position;
	 
}
.servico .coll100 span.long {     transition: background-position 1450ms ease-out;}
.servico .coll100 span:nth-child(2) { background-image: url(../images/sgrapheW-002.svg) } 
.servico .coll100 span:nth-child(3) { background-image: url(../images/sgrapheW-003.svg) }
.servico .coll100 span:nth-child(4) { background-image: url(../images/sgrapheW-004.svg) }
body.altfonts  #consultoria .txty { text-shadow: 0px 0px 2px #B2870; } 
#workshops.servico .coll100 span:nth-child(1) { background-image: url(../images/sgrapheLG-002.svg) } 
#workshops.servico .coll100 span:nth-child(2) { background-image: url(../images/sgrapheLG-002.svg) } 
#workshops.servico .coll100 span:nth-child(3) { background-image: url(../images/sgrapheLG-003.svg) }
#workshops.servico .coll100 span:nth-child(4) { background-image: url(../images/sgrapheLG-004.svg) } 

.servico .coll100 div.mask { 
	position:absolute; left:0; bottom:0; top:0; width:29rem; 
	background: linear-gradient(to right, rgba(241,240,240,0) 0%,rgba(241,240,240,1) 100%);
	z-index:0;
} 
#workshops.servico .coll100 div.mask { 
	position:absolute; left:0; bottom:0; top:0; width:29rem; 
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
} 


 
/******
	credenciais
	**************/
#beth-furtado .foto>span {
	position: absolute;
	right: 79%;
	top: 0;
	bottom: 0;
	width: 200rem;
	background: url(../images/sgraphe-001.svg) 0 105% / auto 16rem repeat-x;
	transition: background-position 950ms ease-out; 
}
#beth-furtado .foto>span:nth-child(2) { background-image: url(../images/sgraphe-002.svg) ; }
#beth-furtado .foto>span:nth-child(3) { background-image: url(../images/sgraphe-003.svg) ; }
#beth-furtado .foto>span:nth-child(4) { background-image: url(../images/sgraphe-004.svg) ; } 
#beth-furtado .foto {
	position:absolute; top:6rem; right:100rem; z-index:1;
	font-size:0;	
	
}

#beth-furtado .foto img {
	width:32.7rem; height:auto;
}


#beth-furtado .foto:before {  
	content:""; display:block; 
	position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; 
	background: url(../images/beth_mask.png) center center / 100% auto no-repeat; 
}
#beth-furtado .nome {
    position: absolute;
    top: 4rem;
    left:100%;
    z-index: 1;
    font-family: 'primeregular';
    color: #C54409;
    background: white;
	white-space:nowrap;
	font-size:2.2rem;
	padding: 1rem 2rem .8rem 5rem; 
	text-transform:uppercase;
	border-top-right-radius:.4rem;
	border-bottom-right-radius:.4rem;
}
#beth-furtado .line1, #beth-furtado .line2 {
	padding-left:35.2rem;
}
#beth-furtado .line1 {
	position:relative;
	background:url(../images/bg-beth-l1.svg) 0 0  / 151.2rem auto; 
	padding-top:18.9rem;
	padding-bottom:2rem;
}
#beth-furtado .line1:after {
	content:""; display:block;
	position:absolute; top:0; bottom:0; left: calc( 100% - .2rem); width:40rem;
	background: #C54409
}
#beth-furtado .line2 {
	position:relative;
   margin-bottom: -2px;
	background:url(../images/bg-beth-l2.svg) 0 -44rem  / 151.2rem auto; 
}
#beth-furtado .line2:after {
	content:""; display:block;
	position:absolute; top:0; bottom:0; left: calc( 100% - .2rem); width:40rem;
	background: #E84E0F
}
#beth-furtado .line2 img {
	width:auto; height:16rem; display:inline-block;
	margin-right:.8rem;
     vertical-align: bottom;
}
#beth-furtado .line2 p {
	display:inline-block;
	width: calc( 100% - 40rem);
}
#beth-furtado .line2 p .caps {
	font-family: 'primeregular';
	text-transform:uppercase;
}
body.altfonts #soledad.txtw {
	text-shadow: 0px 0px 1px rgba(65,108,112,.4);
	
}
#soledad .line1 {
	position:relative;
	padding-right: 36rem;
	padding-top:17rem;
     min-height: 41rem;
}
#soledad .line1:before {
	content:""; display:block;
	position:absolute; top:-42%; 
     right: -29rem;
    width: 42rem; height:200%;
	background:white;
	transform:rotate(-29deg);
	z-index:0
}

#soledad .foto {  
	position:absolute; top:4rem; left:auto; right:0; z-index:1;
}

#soledad .foto img {  
	width:32.3rem; height:auto;
}
#soledad .nome {
    position: absolute; 
    top: 4rem;
    right:100%;
    z-index: 1;
    font-family: 'primeregular';
    color: #7EC5CE;
    background: white;
	white-space:nowrap; 
	font-size:2.2rem;
	padding: 1rem 5rem .8rem 2rem; 
	text-transform:uppercase;
	border-top-left-radius:.4rem;
	border-bottom-left-radius:.4rem;
}
#soledad .nome  br {
	display:none;
}

/*******
	SINGLE 
	*********/
.single .data {
	background:white; 
    font-family: 'primeregular';
	padding-top:2rem;
	border-bottom-left-radius:1.8rem;
	border-bottom-right-radius:1.8rem;
	padding: 2.2rem 2.4rem .8rem;
	margin-top:-2rem;
}
.single .data a {
	margin-left:2rem;
}
.single .liteblue .data span:nth-child(1) i, .single .liteblue .data a:nth-child(2) i { color:#7EC5CE }
.single .purple .data span:nth-child(1) i, .single .purple .data a:nth-child(2) i { color:#733687 }
.single .red .data span:nth-child(1) i, .single .red .data a:nth-child(2) i { color:#E84E0F }

.single .leadimg {
	width:100%;
	max-width:100%;
	border-radius:1.8rem;
} 

.coll_sp {
	width: calc( 100% - 28.4rem);
}

div.spacer {
	border-bottom:2px solid  #E3E3E3;
	width:20rem;
}


.single article footer {
    font-family: 'primeregular';
	font-size:2.2rem;
	color:#666666; 
}
.single article footer .who {
	margin-right:10rem;
	vertical-align:middle;
	display:inline-block;
    padding-bottom: .8rem;
}
}
.single article footer .who a {
   color:#E84E0F;
}
.single article footer .social  {
	display:inline-block;
}
.single article footer .social a {
	font-size:0; 
	transition: all 120ms ease-out;
	vertical-align:middle;
	top:0;
}
.single article footer .social:hover a i {
	transform: scale(.9)
}
.single article footer .social a:hover {
	position:relative; top:-.6rem;
}
.single article footer .social a:hover i {
	transform: scale(1.06)
}
.single article footer .social a i {
	font-size:3.6rem;
	vertical-align:middle;
	position:relative;
	transition: all 160ms ease-out;
	top:-.5rem;
	color:#3B5998;
}
.single article footer .social a.lk i { color:#0077B5 }
.single article footer .social a.gp i { color:#D84B37 }
.single article footer .social a.tw i { color:#00ACED }


.widget  .header {
	position:relative;
}

.widget .header span:first-child {
	padding: 1rem 2rem 3rem;
	display:inline-block;
	border-radius:.8rem;
	background:#5B5A62;
	color:white;  
    font-family: 'primeregular';
	font-size:2.2rem; 
	vertical-align:top;
}

.widget .header span:nth-child(2) { 
	margin-top:.8rem;
	padding: .7rem 1.4rem 3rem;
	line-height:1;
	display:inline-block;
	border-top-right-radius:.8rem;
	background:#FBBA00;
	color:white;
    font-family: 'primeregular';
	vertical-align:top;
	font-size:2.8rem;
}
 
.widget ul {
	background:white;
	border-radius:.8rem;
    margin-top: -2.6rem;
    font-family: 'primeregular';
	padding: 1.4rem 2rem;
}
.widget ul li {
	margin:0;  
	margin-bottom: .8rem
}
.widget ul li:last-child {
	margin:0;
}

.widget.categories ul li.cat-a-empresa {	color:#E84E0F; }
.widget.categories ul li.cat-clientes {	color:#7EC5CE; }
.widget.categories ul li.cat-agenda {	color:#733687; }
.widget.tags .header span:nth-child(2) { 
    width: 5.4rem; 
    height: 4.2rem;
    background: url(../images/icon-tag-white.svg) center center / 3rem auto no-repeat;
    background-color: #E84E0F;
}
 
@media screen and (max-width: 1520px) {
	html, body {
			font-size:9px; 
	}
}

@media screen and (max-width: 1370px) {
	html, body {
			font-size:8px; 
	}
	.button-lg.icplus:after {
		transform: translateY(-46.6%);
	}
}

@media screen and (max-width: 1280px) {
	
	#beth-furtado .foto {
		right: auto;
		left: 0px;
	}
	#beth-furtado .line1{
		padding-left: 23.6rem;
	}
	#beth-furtado .line2 {
		padding-left: 23.6rem;
		background: url(../images/bg-beth-l2.svg) -10rem -44rem / 151.2rem auto;
	}
}
@media screen and (max-width: 1140px) {

	.mg, .mg-left { padding-left:1rem;}
	.mg, .mg-right { padding-right:1rem;}
	.mgXL, .mgXL-left { padding-left:2rem;}
	.mgXL, .mgXL-right { padding-right:2rem;} 
	.mgng, .mgng-left { margin-left:-1rem; }
	.mgng, .mgng-right { margin-right:-1rem;}
	
	.agenda li .content {
		margin: 3.7rem 13rem 0 18rem;
		padding: 0.7rem 1rem 1.7rem;
	}
	.agenda li .dates {
		width: 18.4rem;
	}
	#beth-furtado .line1 {
			padding-left: 37.6rem;
			    background: url(../images/bg-beth-l1.svg) 11rem 0 / 151.2rem auto no-repeat;
      min-height: 43rem;
	  padding-bottom:2rem
	}
	#beth-furtado .line2 {
		background: url(../images/bg-beth-l2.svg) -10rem -44rem / 151.2rem auto;
		padding-left: 16rem;
		padding-right: 12rem;
		background: #E84E0F;
	}
	#beth-furtado .line2:before {
content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc( 100% - .2rem);
    width: 40rem;
    background: #E84E0F;
	}
	#beth-furtado .mgEXL  {
		padding-left:0;
		padding-right:0;
	}
	#soledad .mgEXL  {
		padding-right:0;
	}

}
@media screen and (max-width: 1100px) {
	#novidades .coll_33 {
		width:50%;
	}
}
@media screen and (max-width: 1054px) {
	.form:after {
		left: -14rem;
	}
	.page-template-page-empresa .coll100 {
		width: calc( 100% - 16rem );
	}
	.bannermkt>span:nth-child(2) {
		left: -88rem;
	}
}
@media screen and (max-width: 949px) {
	#a-empresa .coll_55 {
		width:70%;
	}
	#soledad .mgEXL  {
		padding-left:0;
	}
}
@media screen and (max-width: 852px) {
	#novidades .coll_25 { width:50%; }
	#novidades .scrollme.coll_50 { width:100%;   }
	#novidades .scrollme.coll_50 .card {    min-height: 32rem; }
	#novidades .scrollme.coll_25 .card .whatever {    min-height: 22rem; }
	
}
@media screen and (max-width: 825px) {
	#contato .grid>.coll_40 {
		width:40%;
	} 
	#contato .grid>.coll_15 {
		width:8%;
	} 
	#contato .grid>.coll_34 {
		width:51%;
	} 
	.form:after {
		left: -9rem;
		top: -28rem;
	}
	
	#beth-furtado .line2 {
		padding-left: 8rem;
		padding-right: 6rem;
	}
}
@media screen and (max-width: 760px) {
	html, body {
		/*	font-size:7px;  */
	}
	#clientes .coll_20 {
		width :25%
	}    
	body:not(.page-template-page-clientes) #clientes .coll_20:nth-child(1n+9) {
		display:none;
	}
	
	.bannermkt>span:nth-child(2) {
		left: -98rem;
	}
}
@media screen and (orientation: portrait) { 
	header{
		height:calc(100% - 6rem)	
	 }
	 #top {
		height: calc(100vh);
		margin-top: -7.4rem;
	}
}
@media screen and (max-width: 740px) {
	

	.page-template-page-empresa .coll100 {
		width: calc( 100% - 8rem );
	}
	.bannermkt>span:nth-child(2) {
		left: -104rem;
	}
	#beth-furtado .line2 {
		padding-left: 0;
		padding-right: 0;
	}
	.coll_sp { width:100%; }
	
	.coll246 { width:100%}
	.sidebar { font-size:0; }
	.widget { width:50%; display:inline-block; font-size:1.6rem; vertical-align:top; padding-right:1rem}
	.widget:nth-child(2) { padding-left:1rem; padding-right:0}
	.single .single {
		padding-bottom:0;
	}
}
@media screen and (max-width: 620px) {
	.agenda li {
		margin-bottom: 2rem;
	}
	.agenda li .dates {
		float: none;
		position: absolute;
		bottom: 7rem;
		left: 1rem;
	}
	.agenda li .more {
		    float: none;
		position: absolute;
		bottom: 3rem;
		left: 1rem;
	}
	.agenda li .content{
		margin: 0;
		padding: 0.7rem 0 1.7rem;
		padding-bottom: 13rem;
}
	.agenda li .content h2 { 
		margin-bottom: 2rem;
	}
	.agenda li .dates, .agenda li .more{
		left: 0;
	}
	.page-template-page-empresa .coll100 {
		width: calc( 100% - 2rem );
	}
	h2.main {
		margin-bottom: 3rem;
	}
	

	#beth-furtado .line1 {
		background: url(../images/bg-beth-l1.svg) 0rem 0 / 151.2rem auto no-repeat;
		background: url(../images/bg-beth-l1.svg) -23rem 0 / 151.2rem auto no-repeat;
		margin-left: -4rem;
		padding-top: 36.9rem;
		padding-left: 2rem;
		background: #C54409; 
	} 
	#beth-furtado .foto img , #soledad .foto img{
		width: 26.7rem;
	}
	#beth-furtado .nome {
			top: 20.6rem;
		     padding: 1rem 2rem .8rem 2rem;
	}
	
	#soledad  {
	}
	
	#soledad .nome {
		top: 18.6rem;
		padding: 1rem 2rem .8rem 2rem;
	}
	#soledad .line1   {
		padding-right:0;
     padding-top: 33rem;
	}
	#soledad .line1:before {
		display:none;
	}
	.theform {
		max-width: 34rem;
	}
	.theform div.mg-right {
		padding-right:0;;
	}
 }
@media screen and (max-width: 580px) {
	
	header { 
		top:6rem 
	}
	.nav-menu {
		width: 10rem;
		height: 6rem;
	}
	/*hamburger*/
	.hamburger-wrapper {
		display: block;
		width: 6.4rem;
		position: absolute;
		z-index:3;
		top: -.5rem; 
		right: .5rem; 
		height: 6rem;
		padding: 1.5rem;		cursor:pointer;
		-webkit-tap-highlight-color: transparent;

	}

	.menu-hamburger {  
		display:block;  
		width:100%; height:3px; 
		background:#5B5A62;
		position:relative; left:0;
		margin-top:2.8rem;
		vertical-align:bottom; 
		transition: all 250ms ease-in-out;
	}

	.menu-hamburger:after, .menu-hamburger:before {
		content:""; 
		display:block;
		width:100%; height:3px; 
		background:#5B5A62;
		position:absolute; left:0;
		transition: all 250ms ease-in-out;
		opacity:1;
	}

	.menu-hamburger:after {
		top:-1rem;  
	}

	.menu-hamburger:before {
		top:-2rem;
	}

  
	.openned .menu-hamburger {
		transform: rotate(-45deg) translate(0.8rem,-0.7rem);
	}

	.openned .menu-hamburger:after {
		transform: rotate(-90deg) translate(-1.1rem,0rem)
	}

	.openned .menu-hamburger:before {
		opacity:0;
		top:0;
	}

	.nav-menu .sidemenu { 
		top:6.2rem;
		right:0;
		position:absolute; 
		background:white;
		padding-left:2rem;
		border-radius:.8rem;
		padding-bottom:1.6rem;
		transform:translateX(100%);
		transition:all 250ms ease-out;    
		max-width: 18rem;
		text-align: right;
	}

	.nav-menu .sidemenu a { 
		display:inline-block;
		font-size: 1.5rem;
		margin: 0 2.8rem;
	}  

	.nav-menu .sidemenu a:first-child { 
		display:none;
	}

	.page, .single, .category, .archive.tag {
		padding-top: 6rem;
	}
	body div.content, body header{
		transition:all 250ms ease-out;
	}

	body.openned div.content, body.openned header {
		filter: blur(8px) grayscale(100%);
	}

	body.android.openned div.content, body.android.openned header {
		filter: grayscale(100%);
	}
	.openned .nav-menu .sidemenu { 
		transform:translateX(0);
	}
	
	#clientes .coll_20 {
		width :33.33%
	}
	#clientes .coll_20:nth-child(1n+9) {
		display:inline-block;
	}
	body:not(.page-template-page-clientes) #clientes .coll_20:nth-child(1n+10) {
		display:none;
	}
	
	.txtSL {
		display:inline;
	}
	.txtR {
		display:none;
	}
	#contato .grid>.coll {
		width:100%;
	} 
	
	#contato .grid>.coll_40 { 
		padding-bottom:2rem; 
	}
	
	.form:after {
		left: -62rem;
		top: -98.2rem;
	}
	
      .theform { padding-bottom: 11rem; } 
      #contato .theform .grid>.coll_40 { padding-bottom: 0; } 
	  .texto>span {
		bottom: -64rem;
	}
	 
	 
	 #contato .social li:before {
		display:none;
	 }
	 #contato .social li {
		margin-left:0; padding-left:0;
	 }
	 #contato .social li  a {
		padding-left:3rem; padding-top:0
	 }
	 #contato .social li  a i {
		 font-size:1.4em;  display:inline-block;
	 }
	#a-empresa .coll_55 {
		width:85%;
	}
	
	.bannermkt>span:nth-child(2) {
		background: url(../images/FCK.svg) right top / 76.8rem auto no-repeat;
	} 
	.bannermkt>span:nth-child(2) {
		left: -107rem;
	}
	.bannermkt>span:nth-child(1) {
		left: 40rem;
	}
	.bannermkt a {
		right:-2rem
	}
} 
@media screen and (max-width: 545px) {
	
	#beth-furtado .line2 p {
		width: 100%;
		padding: .5rem;
		padding-top: 1.4rem;
	}
	#soledad .nome {
		top: 16.6rem;
		text-align:right;
		line-height:1.3;
	}
	#soledad .nome br:nth-child(2) {
		display: inline;
	}
}
@media screen and (max-width: 508px) {
	
	#novidades .coll_33 { width:100%; }
	#novidades .coll_25 { width:100%; }
	#novidades .scrollme.coll_50 { width:100%;   }
	#novidades .scrollme.coll_50 .card {    min-height: 0; }
	#novidades .scrollme.coll_25 .card .whatever {    min-height: 0; }
	#novidades .scrollme.coll_33 .card .whatever {    min-height: 0; }
	#novidades .card.main { height:auto ; }
	#novidades .card.main .coll_50{ height:auto ; }
	#novidades .card.main>.img {  width:40%; }
	#novidades .card.main>.coll_50 { width:60%; padding-bottom: 8rem; 
      margin-left: 40%; }
	  
	#a-empresa .coll_55 {
		width:100%;
	}
	#a-empresa .coll>span {
		left: 6.3rem;
		top: 0rem;
		bottom: -2rem;
	}
	#a-empresa div.mask {
		position: absolute; 
		top: 0;
		bottom: 0; \
		width: 40rem;
	}
}
@media screen and (max-width: 460px) { 

	#beth-furtado .foto img { 
		width: 20rem; 
	}
	#beth-fu\rtado .nome {
		top: 13.6rem;
	}
	#beth-furtado .line1 {
		padding-top: 29.9rem;
	}
	
	#soledad .foto img {
		width: 20rem;
	}
	#soledad .nome {
		top: 10.6rem;
	
	}
	#soledad .line1 {
		padding-top: 26rem;
	}

}
@media screen and (max-width: 410px) {
	

	#clientes .coll_20 {
		width:50%
	}
	body:not(.page-template-page-clientes) #clientes .coll_20:nth-child(1n+7) {
		display:none;
	}
	.widget {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
	.widget  .reindex {
		margin-bottom:0;
	}
	.widget:nth-child(2) {
		padding-left: 0;
	}
	
}
@media screen and (max-width: 396px) {
	
	#contato:before {
		display: block; content:"";
		position:absolute; top:0; right:0;
		width:20rem; height:20rem; 
		background:#702283;
	} 
	
}
@media screen and (max-width: 358px) {
	#beth-furtado .nome {
		font-size:2rem;
	}
	
	#beth-furtado .line2 img {
		height: 14rem;
	}
	#soledad .nome {
		font-size:2rem;
	}
	#clientes .coll_20 {
		width:50%
	}
	body:not(.page-template-page-clientes) #clientes .coll_20:nth-child(1n+7) {
		display:none;
	}
}
.mfp-wrap, .mfp-bg {
	z-index:999999999 !important
}
.mfp-figure:after  {
	box-shadow:none;
}
.mfp-bg {
	background:rgba(91,91,91,0.8);
}

.mfp-fade, .mfp-fade.mfp-removing {
	transition: all 250ms;
	opacity:0;
}

.mfp-ready {
	transition: all 250ms;
	opacity:1
}